@font-face{
        font-family:"Futura LT W01 Bold Oblique";
        src:url("fonts/e0578408-f6c4-4c9a-b356-d0fb5f7e182a.woff2") format("woff2"),url("fonts/b34cd616-7dbe-4218-9baf-ad79205864e8.woff") format("woff");
    }
/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/montserrat-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v15-latin-300italic%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/montserrat-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v15-latin-italic%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v15-latin-regular%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v15-latin-600%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v15-latin-700%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v15-latin-800%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/montserrat-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v15-latin-900%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* Basics */
i, textarea								{-webkit-transition: 0s; transition: 0s;}
*::-moz-selection						{color: #e5007d; background-color: #ffed00;}
*::selection							{color: #e5007d; background-color: #ffed00;}
.clear									{float: none; clear: both;}
a										{text-decoration: none; color: inherit; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover									{cursor: pointer;}


/* Inhalt */
html									{scroll-snap-type: y mandatory;}
body									{font-family: 'Montserrat', sans-serif; overflow-x: hidden;}
body.noverflow							{overflow: hidden;}
body.subpage							{}

.in										{width: 80%; max-width: 1000px; margin: auto;}

header									{position: fixed; width: 100vw; height: 100vh; z-index: 555;}
header .bg								{position: absolute; width: 100vw; height: 100vh; background-size: cover; background-position: top; background-attachment: fixed; background-image: url('img/bastian.jpeg');}

header .shadowA							{position: absolute; top: 0px; bottom: 0px; left: -200px; width: 600px; background-image: linear-gradient(90deg, #000000, transparent);}
header .shadowB							{position: absolute; top: 0px; bottom: 0px; right: -200px; width: 600px; background-image: linear-gradient(90deg, transparent, #000000);}
header .shadowC							{display: none;}
header .socials							{position: fixed; bottom: 50px; left: 50px; z-index: 555;}
header .socials a						{display: inline-block; color: #ffffff; font-size: 3em; margin-right: 10px;}
header .socials a:hover					{font-size: 3.25em;}

header .branding						{position: fixed; top: 50px; left: 50px; display: block;}
header .branding h2						{font-size: 2em; font-weight: 900; color: #ffffff; text-align: center; text-transform: uppercase; margin-bottom: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family:"Futura LT W01 Bold Oblique";}
header .branding h2 span				{font-weight: 300;}
header .branding:hover h2				{font-size: 2.15em;}
header .branding h2 img					{height: 100px; width: auto; max-width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
header .branding h2:hover img			{height: 105px; width: auto;}
header.subpage .branding h2 img			{height: 70px;}
header.subpage .branding h2:hover img	{height: 75px;}
header .menuopener						{position: fixed; top: 50px; right: 50px; display: block; font-size: 2em; color: #ffffff; font-weight: 800; text-transform: uppercase; font-family:"Futura LT W01 Bold Oblique";}
header .menuopener:hover				{font-size: 2.15em;}

.menu									{display: none; position: fixed; top: 0px; width: 100%; height: 100%; background-color: #ffffff; z-index: 666;}
.menu nav								{display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.menu nav ul							{color: #000000; text-align: center;}
.menu nav ul li							{margin: 30px;}
.menu nav ul li a						{font-size: 3em; margin-left: 10px; font-weight: 800; color: #000000; text-transform: uppercase; font-family:"Futura LT W01 Bold Oblique";}
.menu nav ul li a:hover					{color: #009ee3;}
.menu .legal							{position: absolute; bottom: 50px; right: 50px;}
.menu .legal a							{display: inline-block; font-size: 0.8em; margin-left: 10px; font-weight: 700; color: #888888; text-transform: uppercase; font-family:"Futura LT W01 Bold Oblique";}
.menu .legal a:hover					{color: #e5007d;}

.menu .branding							{position: fixed; top: 50px; left: 50px; display: block;}
.menu .branding h2						{font-size: 2em; font-weight: 900; color: #000000; text-align: center; text-transform: uppercase; margin-bottom: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: none; font-family:"Futura LT W01 Bold Oblique";}
.menu .branding h2 span					{font-weight: 300;}
.menu .branding:hover h2				{font-size: 2.15em;}
.menu .branding h2 img					{height: 100px; width: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.menu .branding:hover h2 img			{height: 105px; width: auto;}
.menu .menucloser						{position: fixed; top: 50px; right: 50px; display: block; font-size: 5em; color: #000000; font-weight: 800; text-transform: uppercase; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; font-family:"Futura LT W01 Bold Oblique";}
.menu .menucloser i						{display: none;}
.menu .menucloser:hover					{color: #e5007d; transform: rotate(90deg);}
.menu .socials							{display: none; position: fixed; bottom: 50px; left: 50px; z-index: 555;}
.menu .socials a						{display: inline-block; color: #e5007d; font-size: 3em; margin-right: 10px;}
.menu .socials a:hover					{color: #009ee3;}


.sticky									{position: fixed; top: 0px; left: 0px; right: 0px; height: 140px; z-index: 222; background-color: #f8f8f8;}
header.subpage							{position: relative; width: 100vw; height: auto; padding: 150px 0px 75px 0px; background-color: #f8f8f8;}
header.subpage .branding				{position: absolute;}
header.subpage .branding h2				{color: #000000; font-size: 1.5em;}
header.subpage .branding h2 span		{}
header.subpage .branding:hover h2		{color: #e5007d;}
header.subpage .branding:hover h2 span	{}
header.subpage .menuopener				{color: #000000; position: absolute;}
header.subpage .menuopener:hover		{color: #e5007d;}
header.subpage .menuopener:hover span	{}
header.subpage h1						{color: #000000; font-size: 3em; text-transform: uppercase; font-weight: 800; text-align: center; word-break: break-word; z-index: 666; font-family:"Futura LT W01 Bold Oblique";}

article									{margin: 100px 0px;}
article .has-top-margin					{margin-top: 50px;}
article h1, article h2, article h3, article h4, article h5, article h6, article p.wp-block-subhead	{font-weight: 800; margin: auto; margin-bottom: 15px; word-break: break-word; line-height: 1.5em; font-family:"Futura LT W01 Bold Oblique";}
article h1								{color: #2c2c2c; font-size: 2.5em; text-align: left; text-transform: uppercase;}
article h2								{color: #009ee3; font-size: 2em; text-transform: uppercase;}
article h3								{color: #a5027d; font-size: 1.5em;}
article h4								{color: #e5007d; font-size: 1.25em;}
article h5								{color: #2c2c2c; letter-spacing: 1px; font-size: 1.1em; text-transform: uppercase;}
article h6								{color: #cccccc; font-weight: 700; letter-spacing: 1px; font-size: 1em; text-transform: uppercase;}
article a								{color: #009ee3; font-weight: bolder;}
article a.more							{color: #009ee3; font-weight: 800; text-transform: uppercase; display: block; text-align: center; margin: auto; font-family:"Futura LT W01 Bold Oblique";}
article a:hover							{color: #a5027d;}
article b								{font-weight: bolder;}
article big								{font-size: 1.25em;}
article strong							{font-weight: bolder;}
article em								{font-style: italic;}
article i								{font-style: italic;}
article q								{font-style: italic;}
article q:before						{content:'„';}
article q:after							{content:'“';}
article q q								{color: #888888;}
article q q:before						{content:'›';}
article q q:after						{content:'‹';}
article cite							{font-weight: bolder;}
article u								{text-decoration: underline;}
article s								{text-decoration: strike-through;}
article strike							{text-decoration: strike-through;}
article del								{text-decoration: strike-through;}
article small							{font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px;}
article sup, article sub				{font-size: 0.8em; line-height: 0; position: relative; vertical-align: baseline;}
article sup								{top: -0.5em;}
article sub								{bottom: -0.25em;}
article tt								{font-family: monospace; font-size: 1em;}
article p								{font-size: 1.25em; line-height: 1.5em; text-align: justify; margin-bottom: 25px;}
article .wp-block-file					{font-size: 1.25em; line-height: 1.5em; text-align: left; margin-bottom: 25px;}
article p.has-drop-cap:first-letter		{color: #e5007d; float: left; font-size: 2em; font-weight: 800; padding-right: 8px;}
article p.has-background				{padding: 25px;}
article p.has-small-font-size			{font-size: 1em;}
article p.has-large-font-size			{font-size: 1.5em;}
article p.has-larger-font-size			{font-size: 1.75em;}
article p.wp-block-subhead				{color: #2c2c2c; font-weight: 300; font-style: italic; letter-spacing: 1px; font-size: 1.5em; text-align: center;}
article figure							{margin-bottom: 25px;}
article .alignleft						{text-align: left;}
article .aligncenter 					{text-align: center;}
article .alignright 					{text-align: right;}
article .wp-block-image					{}
article img								{max-width: 100%; height: auto!important;}
article iframe							{max-width: 100%;}
article .wp-block-cover					{position: relative; margin-bottom: 75px;}
article .wp-block-cover:before			{position: absolute; top: 0; right: 0; left: 0; bottom: 0; transform: skewY(-3deg); content: ''; display: block; background-image: linear-gradient(45deg, #6303B1, #e5007d)!important;}
article .wp-block-cover .wp-block-cover__inner-container			{position: relative; color: #ffffff; padding: 50px 25px; text-align: center; margin: auto; max-width: 66%;}
article .wp-block-cover .wp-block-cover__inner-container p			{text-align: center; margin: auto; margin-bottom: 0px;}
article .blocks-gallery-grid			{display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; margin: 0px -12.5px; list-style-type: none;}
article .wp-block-gallery				{display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; margin: 0px -12.5px; list-style-type: none;}
article .wp-block-gallery .blocks-gallery-item						{flex: 1 1 0px; min-width: 30%; margin: 12.5px; min-width: 200px;}
article .wp-block-gallery .blocks-gallery-item figure				{position: relative; width: 100%;}
article .wp-block-gallery .blocks-gallery-item figure img			{width: 100%;}
article .wp-block-gallery .blocks-gallery-item figure figcaption	{position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 20px 10px 10px 10px; background-image: linear-gradient(0deg, #ffffff, transparent); line-height: 1.25em; font-size: 0.8em;}
article ol, article ul					{font-size: 1.25em; line-height: 1.5em; text-align: justify; margin-bottom: 25px; margin-left: 50px;}
article ul.nolist, article ol.nolist	{list-style-type: none; margin-left: 15px;}
article ol								{list-style-type: decimal;}
article ul								{list-style-type: disc;}
article ul ul, article ol ol, article ul ol, article ol ul			{font-size: 1em; margin-bottom: 0px;}
article ul li, article ol li			{font-size: 1em; margin-bottom: 5px; text-align: left;}
article .wp-block-columns				{display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; margin: 0px -20px 25px -20px;}
article .wp-block-columns .wp-block-column	{flex: 1 1 0px; margin: 0px 20px; min-width: 275px;}
article .wp-block-text-columns			{display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; margin: 0px -20px 25px -20px;}
article .wp-block-text-columns .wp-block-column	{flex: 1 1 0px; margin: 0px 20px; min-width: 275px;}
article .wp-block-button				{display: block; font-size: 1.25em; display: inline-block; background-color: #e5007d; font-weight: 900; color: #ffed00; transform: skew(-15deg); text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; margin: auto; margin-bottom: 25px;}
article .wp-block-button .wp-block-button__link	{display: inline-block; color: #ffed00; padding: 10px 15px; transform: skew(15deg);}
article .wp-block-button:hover			{background-color: #ffed00; cursor: pointer;}
article .wp-block-button:hover .wp-block-button__link	{color: #e5007d;}
article blockquote						{width: 80%; margin: auto; margin-bottom: 25px;}
article blockquote p					{text-align: justify; margin-bottom: 10px; font-size: 1em; color: #000000; font-style: italic;}
article blockquote.is-large p			{text-align: center; font-size: 1.75em; line-height: 1.75em;}
article blockquote p:before				{content:'„';}
article blockquote p:after				{content:'“';}
article blockquote em					{font-style: italic;}
article blockquote cite					{text-align: center; display: inline-block; color: #000000; width: 100%; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; font-family:"Futura LT W01 Bold Oblique";}
article blockquote.is-large cite		{text-align: center; font-weight: 600; font-size: 1rem;}
article blockquote cite:before			{content:'– ';}
article blockquote.is-large cite:before	{content:'';}
article pre								{font-family: monospace; font-size: 1.25em; line-height: 1.5em; margin-bottom: 25px; overflow-x: scroll; overflow-y: scroll; background-color: #f8f8f8; padding: 25px;}
article pre code						{font-size: 1em;}
article .wp-block-audio					{margin-bottom: 25px; text-align: center;}
article .wp-block-audio audio			{width: 100%; max-width: 400px; margin: auto;}
article .wp-block-video					{margin-bottom: 25px; text-align: center;}
article .wp-block-video video			{width: 100%; max-width: 400px; margin: auto;}
article .wp-block-preformatted			{font-family: monospace; font-size: 1.25em; line-height: 1.5em; margin-bottom: 25px; overflow-x: scroll; overflow-y: scroll; background-color: #f8f8f8; padding: 25px;}
article .wp-block-verse					{font-family: monospace; font-size: 1.25em; line-height: 1.5em; margin-bottom: 25px; background-color: #f8f8f8; padding: 25px;}
article .wp-block-table					{width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; margin-bottom: 25px; font-size: 1.25em; line-height: 1.5em;}
article .wp-block-table tbody			{display: table-row-group; vertical-align: middle;}
article .wp-block-table tbody tr		{margin: 0; padding: 0;}
article .wp-block-table tbody tr th		{display: table-cell; vertical-align: inherit; padding: 5px; background-color: #cccccc; font-weight: 800; text-transform: uppercase; font-size: 0.8em;}
article .wp-block-table tbody tr td		{display: table-cell; vertical-align: inherit; padding: 5px; border: 1px solid #cccccc;}
article .wp-block-separator				{width: 150px; height: 8px; /*background-image: linear-gradient(45deg, #6303B1, #e5007d);*/ background-color: #e5007d; outline: 0px; border: 0px; margin: 50px 0px 25px 0px;}
article hr								{width: 125px; height: 8px; /*background-image: linear-gradient(45deg, #6303B1, #e5007d);*/ background-color: #e5007d; outline: 0px; border: 0px; margin: 75px auto 25px auto;}
article .wp-block-spacer				{width: 100%; height: 25px; outline: none; background: transparent; color: transparent; border: 0px; box-shadow: 0px; margin: 0px; padding: 0px;}
article .wp-block-categories-list		{list-style-type: '»';}
article .wp-block-categories-list .cat-item			{padding-left: 10px;}
article .wp-block-categories-list .cat-item a		{}
article .wp-block-categories-list .cat-item a:hover	{}
article .wp-block-latest-posts__list	{list-style-type: '»';}
article .wp-block-latest-posts__list li				{padding-left: 10px;}
article .wp-block-latest-posts__list li a			{}
article .wp-block-latest-posts__list li time		{display: block; font-weight: 600; font-size: 0.8em; color: #888888;}
article .alignwide						{}
article .alignwide img					{margin-left: -25%; max-width: 100vw; width: 150%;}
article .alignwide iframe				{margin-left: -25%; max-width: 100vw; width: 150%;}
article .alignwide video				{margin-left: -25%; max-width: 100vw; width: 150%;}
article .alignwide audio				{margin-left: -25%; max-width: 100vw; width: 150%;}
article .alignwide.wp-block-cover		{margin-left: -25%; max-width: 100vw; width: 150%;}
article .alignfull						{margin: 0px calc(50% - 50vw); max-width: 100vw; width: 100vw; margin-bottom: 25px;}
article .alignfull img					{max-width: 100vw; width: 100vw;}
article .alignfull iframe				{max-width: 100vw; width: 100vw;}
article .alignfull video				{max-width: 100vw; width: 100vw;}
article .alignfull audio				{max-width: 100vw; width: 100vw;}
article .alignfull.wp-block-cover		{position: relative; max-width: 100vw; width: 100vw;}
article input[type="text"]				{font-family: 'Montserrat', sans-serif; font-size: 1em; border: 0px; outline: 0px; padding: 10px; margin: 0px; background-color: #f5f5f5; color: #000000; width: 100%; -webkit-transition: 0.3s; transition: 0.3s;}
article input[type="number"]			{font-family: 'Montserrat', sans-serif; font-size: 1em; border: 0px; outline: 0px; padding: 10px; margin: 0px; background-color: #f5f5f5; color: #000000; width: 100%; -webkit-transition: 0.3s; transition: 0.3s;}
article input[type="email"]				{font-family: 'Montserrat', sans-serif; font-size: 1em; border: 0px; outline: 0px; padding: 10px; margin: 0px; background-color: #f5f5f5; color: #000000; width: 100%; -webkit-transition: 0.3s; transition: 0.3s;}
article select							{font-family: 'Montserrat', sans-serif; font-size: 1em; border: 0px; outline: 0px; padding: 10px; margin: 0px; background-color: #f5f5f5; color: #000000; width: 100%; -webkit-transition: 0.3s; transition: 0.3s;}
article input[type="text"]:focus		{padding-left: 20px;}
article input[type="email"]:focus		{padding-left: 20px;}
article input[type="number"]:focus		{padding-left: 20px;}
article textarea						{font-family: 'Montserrat', sans-serif; font-size: 1em; border: 0px; outline: 0px; padding: 10px; margin: 0px; background-color: #f5f5f5; color: #000000; width: 100%;}
article input[type="text"]:hover,article input[type="email"]:hover,article input[type="number"]:hover,article select:hover, article textarea:hover{background-color: #efefef;}
article input[type="checkbox"]			{font-size: 1em; border: 0px; outline: 0px; padding: 0px; margin: 0px; width: 1em; height: 1em;}
article input[type="submit"]			{font-family: 'Montserrat', sans-serif; font-size: 1em; border: 0px; outline: 0px; padding: 0px; margin: 0px; display: inline-block; background-color: #e5007d; padding: 10px 15px; font-weight: 900; color: #ffed00; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; font-family:"Futura LT W01 Bold Oblique";}
article button							{font-family: 'Montserrat', sans-serif; font-size: 1em; border: 0px; outline: 0px; padding: 0px; margin: 0px; display: inline-block; background-color: #e5007d; padding: 10px 15px; font-weight: 900; color: #ffed00; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; font-family:"Futura LT W01 Bold Oblique";}
article button span						{display: inline-block;}
article button:hover					{background-color: #ffed00; color: #e5007d; cursor: pointer;}
article input[type="submit"]:hover		{background-color: #ffed00; color: #e5007d; cursor: pointer;}
article .has-text-align-center			{text-align: center;}
article .has-text-align-right			{text-align: right;}
article .has-text-align-left			{text-align: left;}
article figcaption						{font-style: italic; padding-top: 8px;}

article .pagination						{text-align: center;}
article .pagination a					{display: inline-block; margin: 10px 10px; text-transform: uppercase; font-family:"Futura LT W01 Bold Oblique"; color: #000000; font-weight: 800;}
article .pagination a:hover				{color: #e5007d;}

article .zeitstrahl						{text-align: center; margin-bottom: 40px;}
article .zeitstrahl .punkt				{width: 100%; font-size: 1.75em; line-height: 1.5em; font-weight: 700;}
article .zeitstrahl .box				{position: relative; display: inline-block; width: 100%; display: flex; flex-direction: row; align-items: stretch; flex-wrap: no-wrap; /*background-color: red;*/}
article .zeitstrahl .box .empty			{flex: 1 1 0px;}
article .zeitstrahl .box .entry			{flex: 1 1 0px; position: relative;}
article .zeitstrahl .box .jahr			{position: absolute; display: block; top: 50%; background-color: #ffffff; font-size: 1.25em; line-height: 1.5em; font-weight: 700;}
article .zeitstrahl .box .bild			{padding: 40px 50px 10px 50px;}
article .zeitstrahl .box .bild img		{width: 100%; height: auto; border-radius: 5px;}
article .zeitstrahl .box .text			{padding: 10px 50px 20px 50px; font-size: 1em; line-height: 1.5em; font-weight: 500; text-align: left;}
article .zeitstrahl .box:nth-of-type(odd)			{/*background-color: green;*/ flex-direction: row-reverse;}
article .zeitstrahl .box:nth-of-type(odd) .entry	{border-right: 0px; border-left: 3px solid #000000;}
article .zeitstrahl .box:nth-of-type(even) .text		{text-align: right;}
article .zeitstrahl .box:nth-of-type(even) .entry	{border-right: 3px solid #000000; border-left: 0px;}
article .zeitstrahl .box:nth-of-type(even) .jahr	{right: 0px; transform: translate(50%, -50%);}
article .zeitstrahl .box:nth-of-type(odd) .jahr		{left: 0px; transform: translate(-50%, -50%);}

article .news							{display: flex; flex-direction: row; align-items: stretch; flex-wrap: no-wrap; background-color: #f8f8f8; margin-bottom: 50px;}
article .news:hover						{background-color: #fcfcfc;}
article .news .bild						{flex: 1 1 0px; flex-basis: 30%; background-size: cover; background-position: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
article .news:hover .bild				{transform: scale(1.1);}
article .news .text						{flex: 1 1 0px; flex-basis: 70%; padding: 25px;}
article .news .text .titel				{font-size: 1.75em; line-height: 1.5em; font-weight: 800; color: #000000; text-transform: uppercase; font-family:"Futura LT W01 Bold Oblique";}
article .news .text .desc				{font-size: 1.15em; line-height: 1.5em; font-weight: 400; color: #000000;}
article .news .text .desc span			{text-transform: uppercase; font-family:"Futura LT W01 Bold Oblique"; font-weight: 700; color: #2c2c2c;}

article .in.zwei						{display: flex; flex-direction: row; align-items: stretch; flex-wrap: no-wrap;}
article .in.zwei .infob					{flex-basis: 30%;}
article .in.zwei .infob .inner			{background-color: #f8f8f8;}
article .in.zwei .infob img				{}
article .in.zwei .txt					{flex-basis: 70%; padding-left: 50px;}

.faqs									{margin-bottom: 50px;}
.faqs .faq								{border-top: 2px solid #f2f2f2; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.faqs .faq *							{}
.faqs .faq:first-of-type				{border-top: 0px;}
.faqs .faq .qus							{background-color: #f5f5f5; padding: 20px; font-size: 1.25em; line-height: 1.25em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-transform: uppercase; font-family:"Futura LT W01 Bold Oblique";}
.faqs .faq .ans							{background-color: #fefefe; display: none; padding: 20px 20px 5px 20px; line-height: 1.5em;}
.faqs .faq .ans p						{font-size: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 20px;}
.faqs .faq.open							{margin: 10px auto}
.faqs .faq.open .qus					{}
.faqs .faq.open .ans					{}

footer									{background-color: #f8f8f8; padding: 75px 0px 150px 0px; color: #2c2c2c;}
footer .in								{display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap;}
footer .box								{flex: 1 1 0px; flex-basis: 30%; text-align: center;}
footer .box img							{max-width: 100%; height: auto;}
footer .box img.fdplogo					{width: 200px;}
footer .box .title						{font-size: 1.5em; font-weight: 800; line-height: 1.5em; text-transform: uppercase; font-family:"Futura LT W01 Bold Oblique";}
footer .box .content					{font-size: 1.25em; font-weight: 500; line-height: 1.5em;}
footer .box .content a					{}
footer .box .content a:hover			{color: #888888;}
footer .box .content a.social			{font-size: 2.5em; display: inline-block; margin-right: 10px;}
footer .box .content a.social:hover		{}

figure.alignleft{float: left; margin: 0px 15px 5px 0px;}
figure.alignright{float: right; margin: 0px 0px 5px 15px;}


/* Responsive (Portrait) */
@media (max-width: 1500px)
{
article p								{font-size: 1.2em;}
article .wp-block-file					{font-size: 1.2em;}
article ol, article ul					{font-size: 1.2em;}
article .wp-block-button				{font-size: 1.2em;}
article pre								{font-size: 1.2em;}
article .wp-block-preformatted			{font-size: 1.2em;}
article .wp-block-verse					{font-size: 1.2em;}
article .wp-block-table					{font-size: 1.2em;}
article .alignwide img					{max-width: 120%; width: 120%; margin-right: -10%; margin-left: -10%;}
article .alignwide iframe				{max-width: 120%; width: 120%; margin-right: -10%; margin-left: -10%;}
article .alignwide video				{max-width: 120%; width: 120%; margin-right: -10%; margin-left: -10%;}
article .alignwide audio				{max-width: 120%; width: 120%; margin-right: -10%; margin-left: -10%;}
article .alignwide.wp-block-cover		{max-width: 120%; width: 120%; margin-right: -10%; margin-left: -10%;}
}

@media (max-width: 1350px)
{
header .shadowA							{left: -200px; width: 500px;}
header .shadowB							{right: -200px; width: 500px;}
}

@media (max-width: 1200px)
{
header .shadowA							{left: -200px; width: 400px;}
header .shadowB							{right: -200px; width: 400px;}
}

@media (max-width: 1000px)
{
article .news .bild						{flex-basis: 40%;}
article .news .text						{flex-basis: 60%;}
article .news .text .titel				{font-size: 1.5em;}
article .news .text .desc				{font-size: 1em;}
}

@media (max-width: 950px)
{
article h1								{font-size: 1.75em; margin-bottom: 15px;}
article h2								{font-size: 1.5em;}
article h3								{font-size: 1.25em;}
article h4								{font-size: 1.1em;}
article h5								{font-size: 1em;}
article h6								{font-size: 1em;}
article p.wp-block-subhead				{font-size: 1.25em;}

header.subpage							{padding: 150px 0px 50px 0px;}
header.subpage h1						{font-size: 2.5em;}
}

@media (max-width: 900px)
{
article .in.zwei .txt					{padding-left: 30px;}
}

@media (max-width: 750px)
{
header .shadowA							{display: none;}
header .shadowB							{display: none;}
header .socials							{display: none;}

header .menuopener						{font-size: 4em; text-shadow: 0px 0px 10px #000000;}
header.subpage .menuopener				{text-shadow: none;}
header .menuopener span					{display: none;}
header .menuopener:hover				{font-size: 4.25em; color: #ffed00;}

header.subpage .branding				{}
header.subpage .branding h2				{font-size: 1.5em;}
header.front .branding					{top: auto; bottom: 50px; left: 10px; right: 10px;}
header.front .branding h2				{font-size: 2.5em;}
header.front .branding:hover h2			{font-size: 2.6em; color: #ffed00;}
header .shadowC							{display: block; position: absolute; left: 0px; right: 0px; bottom: -100px; height: 600px; background-image: linear-gradient(180deg, transparent, #000000);}

article .in.zwei						{flex-wrap: wrap;}
article .in.zwei .infob					{flex-basis: 100%; margin-bottom: 50px;}
article .in.zwei .txt					{flex-basis: 100%; padding-left: 0;}

.menu nav								{top: 45%;}
.menu nav ul li							{margin: 20px;}
.menu nav ul li a						{font-size: 2.5em;}

figure.alignleft{float: none; margin: 0px auto 20px auto; text-align: center;}
figure.alignright{float: none; margin: 0px auto 20px auto; text-align: center;}
}

@media (max-width: 690px)
{
article .zeitstrahl .box .bild			{padding: 30px 50px 10px 10px;}
article .zeitstrahl .box .text			{padding: 10px 50px 30px 10px; font-size: 0.8em; font-weight: 600;}
article .zeitstrahl .box:nth-of-type(odd) .bild		{padding: 30px 10px 10px 50px;}
article .zeitstrahl .box:nth-of-type(odd) .text		{padding: 10px 10px 30px 50px;}

article .news .bild						{flex-basis: 50%;}
article .news .text						{flex-basis: 50%;}
article .news .text .titel				{font-size: 1.15em;}
article .news .text .desc				{font-size: 0.9em;}
}
@media (max-width: 640px)
{
article .zeitstrahl						{text-align: center; margin-bottom: 40px;}
article .zeitstrahl .punkt				{font-size: 1.5em;}
article .zeitstrahl .box				{flex-direction: row; display: block;}
article .zeitstrahl .box .empty			{position: relative; flex: none; width: 100%; height: 100px;}
article .zeitstrahl .box .empty .hr		{position: absolute; width: 4px; height: 100%; left: 50%; margin-left: 4px; background-color: #000000;}
article .zeitstrahl .box .entry			{flex: none; width: 100%;}
article .zeitstrahl .box .jahr			{padding: 20px 50px 10px 50px!important; position: relative; top: 0px; background-color: transparent;}
article .zeitstrahl .box .bild			{padding: 10px 50px 10px 50px!important;}
article .zeitstrahl .box .bild img		{width: 100%; height: auto; border-radius: 15px;}
article .zeitstrahl .box .text			{padding: 10px 50px 20px 50px!important; text-align: center;}
article .zeitstrahl .box:nth-of-type(odd) .text		{text-align: center;}
article .zeitstrahl .box:nth-of-type(even) .text	{text-align: center;}
article .zeitstrahl .box:nth-of-type(odd)			{flex-direction: row;}
article .zeitstrahl .box:nth-of-type(odd) .entry	{border: 0px;}
article .zeitstrahl .box:nth-of-type(even) .entry	{border: 0px;}
article .zeitstrahl .box:nth-of-type(even) .jahr	{right: auto; transform: none;}
article .zeitstrahl .box:nth-of-type(odd) .jahr		{left: auto; transform: none;}
}
@media (max-width: 600px)
{
.menu .branding h2 img					{height: 80px;}
.menu .branding:hover h2 img			{height: 85px;}

header .menuopener						{top: 30px; right: 30px;}
header .branding						{top: 30px; left: 30px;}

article p								{font-size: 1.1em;}
article .wp-block-file					{font-size: 1.1em;}
article ol, article ul					{font-size: 1.1em;}
article .wp-block-button				{font-size: 1.1em;}
article pre								{font-size: 1.1em;}
article .wp-block-preformatted			{font-size: 1.1em;}
article .wp-block-verse					{font-size: 1.1em;}
article .wp-block-table					{font-size: 1.1em;}

article .news							{flex-wrap: wrap; overflow: hidden;}
article .news .bild						{flex-basis: 100%; height: 250px;}
article .news .text						{flex-basis: 100%;}
}

@media (max-width: 535px)
{
.menu .branding h2 img					{height: 60px;}
.menu .branding:hover h2 img			{height: 65px;}
}

@media (max-width: 500px)
{
.menu .socials							{bottom: 70px; left: 30px; right: 30px; text-align: center;}
.menu .legal							{bottom: 50px; left: 30px; right: 30px; text-align: center;}
.menu .legal a							{margin: 0px 10px;}
}

@media (max-width: 450px)
{
header.subpage .branding h2 img			{height: 50px;}
header.subpage .branding h2:hover img	{height: 55px;}

article p								{font-size: 1em;}
article .wp-block-file					{font-size: 1em;}
article ol, article ul					{font-size: 1em;}
article .wp-block-button				{font-size: 1em;}
article pre								{font-size: 1em;}
article .wp-block-preformatted			{font-size: 1em;}
article .wp-block-verse					{font-size: 1em;}
article .wp-block-table					{font-size: 1em;}

header.subpage h1						{font-size: 2em;}
}

@media (max-width: 380px)
{
.menu .branding h2 img					{display: none;}
.menu nav ul li a						{font-size: 2em;}
}
@media (max-width: 330px)
{
header .branding						{left: 25px;}
header .menuopener						{right: 25px;}
}
@media (max-width: 285px)
{
header.subpage .branding				{display: none;}
}

/* Responsive (Landscape) */
@media (max-height: 500px)
{
.menu nav ul li							{margin: 10px;}
.menu nav ul li a						{font-size: 2em;}
}


/* Druckansicht */
@media print
{

}