/*
Theme Name: Keine Angst vor Freiheit
Theme URI: https://julis-brandenburg.de
Description: Denn wir sind jung und wir sind frei.
Author: Matti Karstedt
Author URI: https://karstedt.org
Version: 1.0
Tags: Junge Liberale, JuLis, Brandenburg, Freie Demokraten, FDP
*/

/*

	Hey, wenn du schon so interessiert in unseren CSS-Dateien rumstöberst, kannst du eigentlich auch direkt Mitglied werden. Wir freuen uns auf dich! :-)

*/

/* 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.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.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.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.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.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.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.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 */
}


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

div.clickEffect							{position: fixed; box-sizing: border-box; border-style: solid; border-color: #ffed00; border-radius: 50%; animation: clickEffect 0.4s ease-out; z-index: 99999;}
div.clickEffect:before					{content: " "; position: absolute; z-index: -1; border-radius: 50%; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 5px solid #e5007d; }
@keyframes clickEffect					{0% {opacity: 1; width: 0.5em; height: 0.5em; margin: -0.25em; border-width: 0.5em;} 100% {opacity: 0.2; width: 5em; height: 5em; margin: -2.5em; border-width: 0.03em;}}
.fly									{opacity: 0; transition: all 600ms ease-in-out; transform: translateY(100px) scale(0.9) translate3d(0, 0, 0);}
.show-block								{opacity: 1; transform: translateY(0) scale(1) translate3d(0, 0, 0);}
.onlymobile								{display: none;}

body									{font-family: 'Montserrat', sans-serif; overflow-x: hidden;}
body.noverflow							{overflow: hidden;}
body .in								{width: 1200px; margin: auto;}
body .in.tight							{max-width: 800px;}

header									{position: relative; width: 100vw; height: 100vh; overflow: hidden; background-image: url('img/mobile-opener.jpg'); background-size: cover; margin-bottom: -8vh; background-attachment: fixed; background-position: center;}
header.small							{height: 300px;}
header.special							{height: 55%;}
header #headerVideo						{position: absolute; z-index: 1;}
header .container						{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
header .container .shadow				{position: absolute; right: 0px; left: 0px; height: 150px; z-index: 2;}
header .container .shadow.top			{top: 0px; background-image: url('img/shadow-top.png');}
header .container .shadow.bottom		{bottom: 0px; background-image: url('img/shadow-bottom.png');}
header .container .overlay				{}
header .container .overlay .mologo		{display: none;}
header .container .overlay .logo		{position: absolute; display: block; top: 75px; left: 75px; z-index: 3; height: 60px;}
header .container .overlay .logo:hover	{height: 65px;}
header .container .overlay .logo img	{height: 100%; width: auto;}
header .container .overlay .content		{position: absolute; bottom: 175px; left: 75px; z-index: 3;}
header .container .overlay .content h1	{text-transform: uppercase; font-weight: 900; line-height: 1.15em; font-size: 5em; color: #ffed00;}
header .container .overlay .content h2	{text-transform: uppercase; font-weight: 900; line-height: 1.15em; font-size: 1.5em; color: #ffffff;}
header .ctas							{position: absolute; right: 0px; top: 0px; z-index: 555;}
header .ctas a							{display: block; float: left; padding: 20px 40px; text-transform: uppercase; font-weight: 800; line-height: 1.15em; font-size: 0.8em; color: #ffffff;}
header .ctas a:nth-of-type(1)			{background-color: #e5007d; color: #ffffff;}
header .ctas a:nth-of-type(2)			{background-color: #ffed00; color: #e5007d;}
header .ctas a:nth-of-type(3)			{background-color: #009ee3; color: #ffffff;}
header .ctas a:nth-of-type(1):hover		{border: 5px solid #e5007d;}
header .ctas a:nth-of-type(2):hover		{border: 5px solid #ffed00;}
header .ctas a:nth-of-type(3):hover		{border: 5px solid #009ee3;}

@media (min-aspect-ratio: 16/9)
{
	header #headerVideo					{width: 100vw; height: auto;}
}
@media (max-aspect-ratio: 16/9)
{
	header #headerVideo					{width: auto; height: 100vh;}
}
/*
@media (max-width: 767px)
{
	header #headerVideo					{display: none;}
}
*/

.navopener								{position: absolute; display: block; top: 75px; right: 75px; z-index: 3; text-transform: uppercase; font-weight: 800; font-size: 1.5em; color: #ffffff; line-height: 60px;}
.navopener:hover						{color: #ffed00;}

.darkener								{display: none; z-index: 7777; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background-image: url('img/semi-transparent.png');}
.naver									{display: none; z-index: 8888; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow-y: scroll;}
.naver .naverin							{position: relative;}
.naver .naverin nav						{display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.naver .naverin nav.left				{float: left; width: 60%; height: 100%; background-image: linear-gradient(40deg, #6303B1, #e5007d);}
.naver .naverin nav.left.full			{width: 100%;}
.naver .naverin nav.right				{position: relative; float: right; width: 40%; height: 100%; background-color: #ffffff;}
.naver .naverin nav.right.base			{width: 0%;}
.naver .naverin nav.left ul				{}
.naver .naverin nav ul					{text-align: left;}
.naver .naverin nav ul li				{margin-bottom: 20px;}
.naver .naverin nav ul li a				{color: #ffffff; font-size: 2.5em; font-weight: 900; line-height: 1.5em; text-transform: uppercase; padding-right: 20px;}
.naver .naverin nav.right ul li a		{color: #e5007d; font-size: 1.5em; font-weight: 800; line-height: 1.75em; text-transform: uppercase; padding-right: 20px;}
.naver .naverin nav ul li a:hover		{padding-left: 20px; padding-right: 0px; color: #ffed00;}
.naver .naverin nav.right ul li a:hover	{color: #a5027d;}
.naver .naverin nav ul li ul			{display: none;}
.naver .subnavcloser					{display: none; font-size: 3em!important;}
.naver .subnavcloser:hover				{color: #a5027d;}
.naver .navcloser						{z-index: 9999; position: fixed; top: 50px; right: 50px; color: #ffed00; font-size: 5em;}
.naver .navcloser.aufweiss				{color: #a5027d;}
.naver .navcloser:hover					{transform: rotate(90deg);}

/* Mobile Mode */
.naver.mm .naverin nav.left				{width: 10%;}
.naver.mm .naverin nav.right			{width: 90%;}
.naver.mm .subnavcloser					{display: block;}
.naver.mm2 .naverin nav.left			{width: 100%;}
.naver.mm2 .naverin nav.right			{width: 0%;}

/* Content */
.diagonal-box							{position: relative; z-index: 5555;}
.diagonal-box:before					{position: absolute; top: 0; right: 0; left: 0; bottom: 0; transform: skewY(-3deg); content: ''; display: block;}
.blank:before							{background-color: #ffffff;}
.diagonal-content						{position: relative;}
.with-padding							{padding: 300px 0px;}

.heading								{padding: 75px 0px;}
.heading:before							{background: #ffed00!important; background-image: linear-gradient(45deg, #ffd800, #ffed00)!important;}
.heading .diagonal-content				{transform: skewY(-3deg);}
.heading .diagonal-content h1			{font-size: 3em; font-weight: 900; color: #e5007d; text-align: center; text-transform: uppercase; margin: auto; word-break: break-word;}
.heading.special:before					{}
.heading.special .diagonal-content h1	{flex: 1 1 0px; font-size: 10em; font-weight: 900; color: #e5007d; text-align: right; text-transform: uppercase; margin: 0px;}
.heading.special .diagonal-content .explainer	{flex: 1 1 0px; font-size: 1.25em; line-height: 1.5em; color: #2c2c2c; text-align: left; margin: 25px 0px 0px 25px;}
.heading.special .diagonal-content .explainer a{display: inline-block; margin: 5px 10px 0px 0px; font-weight: 900; text-transform: uppercase;}
.heading.special .diagonal-content .explainer a:hover{color: #009ee3;}

.opts									{}
.opts.front								{width: 100vw;}
.opts:before							{background-image: linear-gradient(45deg, #e5007d, #ffed00);}
.opts .diagonal-content					{display: flex; flex-direction: row; align-items: stretch;}
.opts .diagonal-content .links			{flex: 1 1 0px; background-image: url('img/signet-w.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;}
.opts .diagonal-content .links .keep	{}
.opts .diagonal-content .rechts			{flex: 1 1 0px;}
.opts .diagonal-content .rechts h3		{text-transform: uppercase; font-weight: 900; line-height: 1.5em; font-size: 2em; color: #ffed00; margin-bottom: 20px;}
.opts .diagonal-content .rechts p		{font-weight: 400; line-height: 1.5em; font-size: 1.5em; color: #ffed00; margin-bottom: 25px;}
.opts.front .diagonal-content .rechts p	{color: #ffffff;}
.opts .diagonal-content .rechts a		{text-transform: uppercase; font-weight: 900; line-height: 1.5em; font-size: 1.25em; color: #ffffff; margin-bottom: 25px;}
.opts .diagonal-content .rechts a:hover	{padding-left: 15px;}

article									{padding: 100px 0px; word-break: break-word;}
article.front							{padding: 200px 0px;}
article.front h2						{font-size: 3em; color: #2c2c2c; text-align: center; margin-bottom: 25px;}
article.front h3						{font-size: 1.15em; color: #e5007d; text-align: center; margin-bottom: 10px;}
article.front h3 span					{display: inline-block; width: 25px; height: 3px; background-color: #e5007d; outline: 0px; border: 0px; margin: 0.25em 10px;}
article.front hr						{width: 150px; height: 9px; /*background-image: linear-gradient(45deg, #6303B1, #e5007d);*/ background-color: #e5007d; outline: 0px; border: 0px; margin: 25px auto;}
article a.mehrdazu						{text-align: center; display: block; color: #e5007d; font-size: 1.25em; line-height: 1.5em; font-weight: 800;}
article a.mehrdazu:hover				{color: #a5027d;}

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: 900; margin: auto; margin-bottom: 15px; word-break: break-word; line-height: 1.5em;}
article h1								{color: #2c2c2c; font-size: 3em; text-align: center; text-transform: uppercase;}
article h2								{color: #e5007d; font-size: 2.5em; text-transform: uppercase;}
article h3								{color: #a5027d; font-weight: 800; font-size: 2em;}
article h4								{color: #009ee3; font-weight: 800; font-size: 1.65em;}
article h5								{color: #2c2c2c; letter-spacing: 1px; font-size: 1.25em; text-transform: uppercase;}
article h6								{color: #cccccc; font-weight: 700; letter-spacing: 1px; font-size: 1.05em; text-transform: uppercase;}
article a								{color: #e5007d; font-weight: bolder;}
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; z-index: 5555; 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: 90%; margin: auto; margin-bottom: 25px;}
article blockquote p					{text-align: justify; margin-bottom: 10px; 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: right; display: inline-block; color: #000000; width: 100%; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px;}
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: 150px; height: 8px; /*background-image: linear-gradient(45deg, #6303B1, #e5007d);*/ background-color: #e5007d; outline: 0px; border: 0px; margin: 50px 0px 25px 0px;}
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;}
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;}
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;}

.leute									{margin: 75px 0px 75px 0px; margin-left: -25%; max-width: 100vw; width: 150%;}
.leute .person							{position:relative; background-image: linear-gradient(45deg, #ffed00, #e5007d); transform: skewY(-3deg); overflow: hidden; margin-bottom: 25px;}
.leute .person .bild					{position: absolute; top: 0px; bottom: -35px; left: 0px; right: 0px; background-size: contain; background-repeat: no-repeat; background-position: top left; transform: skewY(3deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.leute .person .stats					{position: relative; float: right; color: #ffffff; padding: 50px 25px 50px 0px; width: calc(66% - 25px);}
.leute .person .stats .name				{font-size: 2em; font-weight: 900; text-transform: uppercase;}
.leute .person .stats .fkt				{font-size: 1em; font-weight: 700; line-height: 1.5em; text-transform: uppercase; letter-spacing: 1px;}
.leute .person .stats .links			{font-size: 2em; margin-top: 20px;}
.leute .person .stats .links a			{color: #ffffff; display: inline-block; margin-right: 5px;}
.leute .person .stats .links a:hover	{color: #ffed00;}
.leute .person:hover .bild				{top: -15px; left: -15px; bottom: -50px;}

article.wside							{}
article.wside .in						{display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap;}
article.wside .sidebar					{flex: 1 1 0px; flex-basis: 30%; text-align: right;}
article.wside .sidebar .pad				{padding-right: 50px;}
article.wside .sidebar .pad img			{width: 100%;}
article.wside .sidebar .navi			{}
article.wside .sidebar .navi a			{display: inline-block; margin: 0px auto 20px auto; padding: 10px; font-size: 1em; border: 5px solid #e5007d; font-weight: 800; text-transform: uppercase;}
article.wside .sidebar .navi a:hover	{background-color: #e5007d; color: #ffed00;}
article.wside .main						{flex: 1 1 0px; flex-basis: 70%;}
article.wside .postinfo					{color: #e5007d; font-weight: 700; line-height: 1.5em;}
article.wside .postinfo a				{font-weight: inherit; color: inherit; font-size: inherit;}
article.wside .postinfo a:hover			{color: #a5027d;}

article .terminliste					{margin: 75px 0px 75px 0px; margin-left: -25%; max-width: 100vw; width: 150%;}
article .terminliste .termin			{display: block; background-image: linear-gradient(45deg, #6303B1, #e5007d); transform: skewY(-3deg); margin-bottom: 25px; color: #ffffff;}
article .terminliste .termin .thisin	{padding: 30px; display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap;}
article .terminliste .termin .datum		{flex: 1 1 0px; flex-basis: 20%; text-align: center;}
article .terminliste .termin .datum .tag	{font-size: 5em;}
article .terminliste .termin .datum .monat	{text-transform: uppercase;}
article .terminliste .termin .text		{flex: 1 1 0px; flex-basis: 80%;}
article .terminliste .termin .text .titel	{font-size: 1.5em; line-height: 1.5em;}
article .terminliste .termin:hover		{margin-right: -50px; margin-left: -50px; padding: 0px 50px;}

article a.treffer						{display: inline-block; color: inherit; font-weight: inherit; padding: 0px 0px 0px 30px; margin: 0px 30px 25px 0px; border-left: 5px solid transparent;}
article a.treffer h5					{}
article a.treffer p						{color: inherit; font-weight: inherit; margin: 0px;}
article a.treffer:hover					{margin-left: 30px; margin-right: 0px; border-left: 5px solid #e5007d;}
article a.treffer:hover h5				{color: #e5007d;}
article .pagination						{text-align: center;}
article .pagination a					{display: inline-block; margin: 10px 10px;}

.newsicles								{position: relative; display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; margin: 50px -15px;}
.newsicles .newsy						{position: relative; flex: 1 1 0px; min-width: 250px; background-size: cover; background-position: center; background-image: url('img/empty.png'); height: 450px; margin: 20px 15px 15px 15px;}
.newsicles .newsy .overlay				{z-index: 5555; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.3; background-image: linear-gradient(45deg, #e5007d, #ffed00); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.newsicles .newsy .texts				{position: absolute; right: 25px; left: 25px; bottom: 25px; z-index: 6666;}
.newsicles .newsy .texts .headline		{font-size: 1.5em; font-weight: 900; line-height: 1.25em; color: #ffffff; margin-bottom: 15px; text-transform: uppercase; word-break: break-word;}
.newsicles .newsy .texts .datum			{font-size: 0.8em; font-weight: 800; color: #f8f8f8; line-height: 1.5em; text-transform: uppercase;}
.newsicles .newsy:hover					{margin-top: 0px; margin-bottom: 35px;}
.newsicles .newsy:hover .overlay		{opacity: 0;}
.newsicles .newsy:hover .texts			{text-shadow: 0px 0px 10px #2c2c2c;}

.newsbox								{position: relative; display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; margin-left: -25%; max-width: 100vw; width: 150%; margin-bottom: 25px;}
.newsbox .news							{display: block; flex: 1 1 0px; position: relative; flex-basis: 40%; height: 300px; background-size: cover; background-position: center; background-image: url('img/empty.png'); margin: 15px 15px 15px 15px; min-width: 290px; overflow: hidden;}
.newsbox .news .overlay					{z-index: 5555; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; opacity: 0.3; background-image: linear-gradient(45deg, #e5007d, #ffed00); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.newsbox .news .texts					{position: absolute; right: 25px; left: 25px; bottom: 25px; z-index: 6666;}
.newsbox .news .texts .headline			{font-size: 1.5em; font-weight: 900; line-height: 1.25em; color: #ffffff; margin-bottom: 15px; text-transform: uppercase; word-break: break-word;}
.newsbox .news .texts .datum			{font-size: 0.8em; font-weight: 800; color: #f8f8f8; line-height: 1.5em; text-transform: uppercase;}
.newsbox .news:hover					{margin-top: 0px; margin-bottom: 30px;}
.newsbox .news:hover .overlay			{opacity: 0;}
.newsbox .news:hover .texts				{text-shadow: 0px 0px 10px #2c2c2c;}

.antragsbox								{padding: 200px 0px;}
.antragsbox:before						{background-image: url('img/two-women-sitting-on-vehicle-roofs-2409681-resized-min.jpg'); background-size: cover;}
.antragsbox .overlay					{position: absolute; top: 0; right: 0px; bottom: 0px; left: 0px; transform: skewY(-3deg); background-image: linear-gradient(45deg, #ffed00, #e5007d); opacity: 0.3;}
.antragsbox .in							{display: flex; flex-direction: row; align-items: stretch;}
.antragsbox .text						{flex: 1 1 0px;}
.antragsbox .text h4					{color: #ffffff; font-size: 2.75em; line-height: 1.25em; font-weight: 800; text-align: left; margin-bottom: 25px;}
.antragsbox .text p						{color: #ffffff; font-size: 1.25em; line-height: 1.5em; font-weight: 400; text-align: left; margin-bottom: 25px;}
.antragsbox .antrag						{flex: 0.7 1 0px; margin-left: 70px; padding: 0px; font-size: 0.8em;}
.antragsbox .antrag .contents			{padding: 25px; background-color: #ffffff;}
.antragsbox .antrag h4					{color: #e5007d; font-size: 1.5em; line-height: 1.25em; font-weight: 800; text-align: center; margin-bottom: 25px;}
.antragsbox .antrag h5					{color: #009ee3; font-size: 1.25em; line-height: 1.25em; font-weight: 800; text-align: center; margin-bottom: 20px;}
.antragsbox .antrag p					{margin-bottom: 20px; line-height: 1.5em; text-align: justify;}
.antragsbox .antrag p a					{color: #e5007d; font-weight: 700;}
.antragsbox .antrag p a:hover			{color: #a5027d;}
.antragsbox .antrag 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;}
.antragsbox .antrag 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;}
.antragsbox .antrag input[type="text"]:focus{padding-left: 20px;}
.antragsbox .antrag textarea			{font-family: 'Montserrat', sans-serif; font-size: 1em; border: 0px; outline: 0px; padding: 10px; margin: 0px; background-color: #f5f5f5; color: #000000; width: 100%;}
.antragsbox .antrag input[type="text"]:hover,.antragsbox .antrag select:hover, .antragsbox .antrag textarea:hover{background-color: #efefef;}
.antragsbox .antrag input[type="checkbox"]{font-size: 1em; border: 0px; outline: 0px; padding: 0px; margin: 0px; width: 1em; height: 1em;}
.antragsbox .antrag 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; transform: skew(-15deg); text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s;}
.antragsbox .antrag button span			{display: inline-block; transform: skew(15deg);}
.antragsbox .antrag button:hover		{background-color: #ffed00; color: #e5007d; cursor: pointer;}

.termins								{display: flex; flex-direction: row; align-items: stretch; margin: 50px 0px;}
.termins .terminprev					{flex: 1 1 0px; background-size: cover; background-position: center; margin: 20px 15px 15px 15px; background-image: linear-gradient(45deg, #6303B1, #e5007d); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.termins .terminprev:first-of-type		{margin-left: 0px;}
.termins .terminprev:last-of-type		{margin-right: 0px;}
.termins .terminprev .details			{padding: 60px 40px; text-align: center; color: #ffffff; font-weight: 800;}
.termins .terminprev .tag				{font-size: 5em;}
.termins .terminprev .monat				{font-size: 1em; text-transform: uppercase;}
.termins .terminprev .titel				{margin-top: 35px; font-size: 1.25em; line-height: 1.5em; font-weight: 700; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.termins .terminprev:hover				{margin-top: 0px; margin-bottom: 35px;}
.termins .terminprev:hover .details		{color: #ffed00;}

footer									{background-image: linear-gradient(45deg, #6303B1, #e5007d);}
footer .in								{display: flex; flex-direction: row; align-items: stretch; padding: 100px 0px 175px 0px;}
footer .in .part						{flex: 1 1 0px;}
footer .in .part img					{min-width: 55px; height: 65px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
footer .in .part a:hover img			{height: 70px;}
footer .in .part:nth-of-type(1)			{flex: 1 1 0px; text-align: left;}
footer .in .part:nth-of-type(2)			{flex: 2 1 0px; text-align: center; margin: 0px 25px;}
footer .in .part:nth-of-type(3)			{flex: 1 1 0px; text-align: right;}
footer .in .part:nth-of-type(3) a		{color: #ffffff; font-size: 2.25em; display: inline-block; margin-bottom: 10px;}
footer .in .part:nth-of-type(3) a:hover	{color: #ffed00; font-size: 2.5em;}
footer .in .part .up					{font-size: 2em; font-weight: 900; color: #ffffff; margin-bottom: 15px; text-transform: uppercase;}
footer .in .part .sub					{font-size: 1.05em; font-weight: 400; color: #ffffff; line-height: 1.75em; margin-bottom: 15px;}
footer .in .part .icon					{color: #ffffff; font-size: 4em; margin-bottom: 35px;}
footer .in .part .icon a				{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
footer .in .part .icon a:hover			{font-size: 1.15em; color: #ffed00;}
footer .in .part .links					{}
footer .in .part .links a				{display: inline-block; font-size: 0.8em; font-weight: 800; color: #f8f8f8; line-height: 1.5em; margin: 10px; text-transform: uppercase;}
footer .in .part .links a:hover			{color: #ffed00;}


@media (max-width: 1850px)
{
.newsicles .newsy						{height: 400px;}
.newsicles .newsy .texts .headline		{font-size: 1.25em;}

article.front							{padding: 150px 0px;}
.antragsbox								{padding: 150px 0px;}

header .container .overlay .content		{bottom: 125px;}
header .container .overlay .content h1	{font-size: 4.5em;}

}

@media (max-width: 1500px)
{
body .in								{width: 1000px;}

.newsicles .newsy						{height: 350px;}
.newsicles .newsy:nth-of-type(4)		{flex-basis: 45%;}
.newsicles .newsy:last-of-type			{flex-basis: 45%;}

article.front							{padding: 100px 0px;}
.antragsbox								{padding: 100px 0px;}
.antragsbox .text p						{font-size: 1.2em;}
.antragsbox .text p .antrag				{flex: 1 1 0px; margin-left: 60px;}

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 .terminliste .termin .datum		{flex-basis: 30%;}
article .terminliste .termin .text		{flex-basis: 70%;}

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%;}
.leute									{max-width: 120%; width: 120%; margin-right: -10%; margin-left: -10%;}
article .terminliste					{max-width: 120%; width: 120%; margin-right: -10%; margin-left: -10%;}
.newsbox								{max-width: 120%; width: 120%; margin-right: -10%; margin-left: -10%;}
}

@media (max-width: 1300px)
{
body .in								{width: 900px;}

.antragsbox .text h4					{font-size: 2em; margin-bottom: 25px;}
.antragsbox .text p						{font-size: 1.1em;}

article.wside .sidebar					{flex-basis: 40%;}
article.wside .main						{flex-basis: 60%;}
}

@media (max-width: 1200px)
{
.naver .naverin nav.left				{width: 50%;}
.naver .naverin nav.right				{width: 50%;}
.naver .naverin nav ul li a				{font-size: 2em;}
}

@media (max-width: 1100px)
{
body .in								{width: 700px;}

header .ctas a							{padding: 15px 30px;}

.opts .links							{flex: 0.75 1 0px;}
.opts .rechts							{flex: 1 1 0px; margin-left: 75px;}
.opts .rechts h3						{font-size: 1.7em;}
.opts .rechts p							{font-size: 1.25em;}

.newsbox .news .texts .headline			{font-size: 1.25em;}

article.wside .sidebar					{flex-basis: 100%;}
article.wside .sidebar .pad				{padding: 0px;}
article.wside .main						{flex-basis: 100%;}

.antragsbox .text h4					{font-size: 1.75em; margin-bottom: 25px;}
.antragsbox .text p						{font-size: 1em;}
.antragsbox .antrag h4					{font-size: 1.25em;}
.antragsbox .antrag p					{margin-bottom: 15px; font-size: 1em;}

.termins								{flex-wrap: wrap;}
.termins .terminprev					{margin: 15px;}
.termins .terminprev:hover				{margin-top: 15px!important; margin-bottom: 15px!important;}
.termins .terminprev:nth-of-type(2)		{margin-right: 0px;}
.termins .terminprev:nth-of-type(3)		{flex-basis: 100%; margin-left: 0px;}
}

@media (max-width: 950px)
{
body .in								{width: 70%;}

header .container .overlay .content h1	{line-height: 1.15em; font-size: 4em;}

.opts.heading							{padding: 50px 0px;}
.opts.heading h1						{font-size: 2em;}
.opts									{padding: 150px 0px;}
.opts .rechts h3						{font-size: 1.5em!important;}
.opts .rechts p							{font-size: 1.25em!important;}
.heading.special .diagonal-content h1			{font-size: 7em;}

article									{padding: 75px 0px;}

.antragsbox .in							{display: block;}
.antragsbox .antrag						{width: 100%; margin: auto;}
.antragsbox .text						{width: 100%; margin: auto;}
.antragsbox .text h4					{font-size: 2.5em;}
.antragsbox .text p						{display: none;}

article .terminliste .termin .text .titel	{font-size: 1.25em;}
article .terminliste .termin .datum		{flex-basis: 40%;}
article .terminliste .termin .text		{flex-basis: 60%;}

article h1								{font-size: 2em; margin-bottom: 15px;}
article h2								{font-size: 2em;}
article h3								{font-size: 1.75em;}
article h4								{font-size: 1.5em;}
article h5								{font-size: 1.05em;}
article h6								{font-size: 1em;}
article p.wp-block-subhead				{font-size: 1.25em;}
}

@media (max-width: 850px)
{
.newsicles .newsy						{height: 350px; margin-top: 0px; margin-bottom: 30px;}
.newsicles .newsy:hover					{margin-bottom: 30px;}
.newsicles .newsy:nth-of-type(3)		{flex-basis: 100%;}

.leute .person .stats					{padding: 30px 15px 30px 0px; width: calc(55% - 15px);}

.termins .terminprev					{flex-basis: 100%; margin-left: 0px!important; margin-right: 0px!important;}
}

@media (max-width: 800px)
{
.opts .in								{display: block;}
.opts .links							{margin: 0px 0px 75px 0px; height: 175px;}
.opts .rechts							{margin: 0px;}

footer .in .part .up					{font-size: 1.75em;}
footer .in .part .sub					{font-size: 0.95em; line-height: 1.5em;}
footer .in .part .icon					{font-size: 3em; margin-bottom: 25px;}
}

@media (max-width: 700px)
{
body .in								{width: 80%;}

header .container .overlay .content h1	{font-size: 3em;}
header .container .overlay .content h2	{font-size: 1.5em;}

article.front h2						{font-size: 2.5em;}
article.front h3						{font-size: 1em;}
article.front hr						{width: 100px; height: 8px;}

.antragsbox .text h4					{font-size: 2.25em;}
}

@media (max-width: 650px)
{
.leute .person .bild					{left: -20px;}
.leute .person .stats .name				{font-size: 1.4em;}
.leute .person .stats .fkt				{font-size: 0.7em;}
.leute .person .stats .links			{font-size: 1.5em; margin-top: 5px;}
.leute .person .stats .links a			{margin-right: 2px;}
}

@media (max-width: 600px)
{
.onlymobile								{display: block;}
header .container .overlay .logo		{top: 50px; left: 50px; height: 50px;}
.navopener								{top: 50px; right: 50px; font-size: 1.5em; line-height: 50px;}
header .container .overlay .content		{bottom: 100px; left: 50px;}

header .ctas							{display: none;}

header .container .overlay .content h1	{font-size: 4em;}

footer .in								{flex-wrap: wrap;}
footer .in .part						{flex-basis: 100%!important; text-align: center!important; margin-bottom: 35px;}

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;}
}

@media (max-width: 575px)
{
.newsicles								{margin-left: 30px; margin-right: 30px;}
.newsicles .newsy						{height: 300px; flex-basis: 100%; margin-right: 0px; margin-left: 0px;}

article .terminliste .termin .datum		{flex-basis: 100%; margin-bottom: 30px;}
article .terminliste .termin .text		{flex-basis: 100%;}
article .terminliste .termin .text		{text-align: center;}
article .terminliste .termin .text .titel	{font-size: 1.25em;}
article .terminliste .termin:hover		{margin-left: -10px; margin-right: -10px; padding: 0px 10px;}
}

@media (max-width: 500px)
{
header .container .overlay .logo		{display: none;}
header .container .overlay .mologo		{position: absolute; display: block; top: 50px; left: 50px; z-index: 2; height: 75px;}
header .container .overlay .mologo:hover{height: 85px;}
header .container .overlay .mologo img	{height: 100%; width: auto;}

header .container .overlay .content h1	{font-size: 3.5em;}
.opts.heading h1						{font-size: 1.5em;}

article									{padding: 50px 0px;}
.diagonal-box.onfront .terminliste		{padding: 75px 0px;}

.naver .naverin nav ul li a				{font-size: 1.75em;}
.naver .naverin nav.right ul li a		{font-size: 1.25em;}
.naver.mm .naverin nav.left				{width: 5%;}
.naver.mm .naverin nav.right			{width: 95%;}

.antragsbox .text h4					{font-size: 1.75em;}
.antragsbox .antrag textarea			{width: 100%; min-height: 120px;}
}

@media (max-width: 450px)
{
header .container .overlay .content h1	{font-size: 2.75em;}
.heading.special .diagonal-content h1	{font-size: 5em;}
header .container .overlay .mologo		{top: 25px; left: 25px; z-index: 2; height: 65px;}
.navopener								{top: 25px; right: 25px; font-size: 1.5em; line-height: 50px;}
header .container .overlay .content		{bottom: 125px; left: 25px;}

.antragsbox .text h4					{font-size: 1.5em;}

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;}
}

@media (max-width: 400px)
{
header .container .overlay .content h1	{font-size: 2.5em;}

.leute .person .stats					{width: calc(56% - 15px);}
.leute .person .stats					{font-size: 1.2em;}
.leute .person .stats .name				{font-size: 1.2em;}
.leute .person .stats .fkt				{font-size: 0.6em;}
.leute .person .stats .links			{font-size: 1.25em; margin-top: 5px;}
.leute .person .stats .links a			{margin-right: 2px;}
}

@media (max-width: 375px)
{

}


/* Vertikale Anpassungen für das Menü */

@media (max-height: 600px)
{

}

@media (max-height: 550px)
{
.naver .naverin nav ul li				{margin-bottom: 10px;}
.naver .naverin nav ul li a				{font-size: 1.75em; line-height: 1.5em;}
.naver .naverin nav.right ul li a		{font-size: 1.25em;}
}

@media (max-height: 450px)
{
header .container .overlay .content h1	{font-size: 3em;}
header .container .overlay .content h2	{font-size: 1.25em;}
}

/* Druckansicht */
@media print
{
header, footer							{display: none;}
}

.diagonal-box.onfront .terminliste		{margin-top: -75px; margin-bottom: -75px;}
.diagonal-box.onfront .hideonfront		{display: none!important;}
.onfront .termin:nth-of-type(1n+4)		{display: none;}