/*	mediaboxAdvanced Dark theme	*/
		/*	version 2.6 - June 2011			*/
		/*	for mediaboxAdvanced v.1.5.x	*/

		/*	Overlay background styling	*/

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
	background-color: #000;
	cursor: pointer;
}

		/*	Fixes for older or limited browsers	*/

#mbOverlay.mbOverlayOpaque {
	background: transparent url("../../assets/mediabox/images/80.png") repeat;
}

#mbOverlay.mbOverlayAbsolute {
	position: absolute;
}

#mbOverlay.mbMobile {
	position: absolute;
	background-color: transparent;
}

#mbBottom.mbMobile {
	line-height: 24px;
	font-size: 16px;
}

		/*	Overlay panel styling	*/

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	padding:10px;


	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); /* For IE 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; /* For IE 8 */

}

#mbCenter.mbLoading {
	background: url("../../assets/mediabox/images/Rolling-1s-44px.gif") no-repeat center;
		/*	This style is applied only during animation.	*/
		/*	For example, the next lines turn off shadows	*/
		/*	improving browser performance on slow systems.	*/
		/*	To leave shadows on, just remove the following:	*/
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#mbMedia {
	position: relative;
	left: 0;
	top: 0;

		/*	Inline content styling	*/

	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
}

		/*	Title, Caption and Button styling	*/

#mbBottom {
	line-height: 20px;
	font-size: 12px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #999;
	min-height: 20px;
	padding: 10px 0 0;
}

#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
	display: inline;
	color: #fff;
	font-weight: bold;
}

#mbNumber {
	display: inline;
	color: #999;
/*	line-height: 0.8em; */
	font-size: 0.8em;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 1.6em;
	font-size: 0.8em;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	float: right;
	outline: none;
	margin: 0 0 0 10px;
	font-weight: normal;
}

#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
	font-weight: bold;
	text-decoration: underline;
}

#mbPrevLink big, #mbNextLink big {
	font-size: 1.8em;
}
#mbCloseLink big {
	font-size: 2em;
}
#mbBottom a, #mbBottom a:link, #mbBottom a:visited {	/* Thanks to Danny Jung for feedback and corrections */
	text-decoration: none;
	color: #ddd;
}

#mbBottom a:hover, #mbBottom a:active {
	color:#0066ff;
}

		/*	Error message styling	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}
/* normalize */
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
mark { background: #F7DD45; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { overflow: auto; font-family: monospace, monospace; font-size: 1em; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; border-radius: 0;}
input::placeholder {color:#000;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0; -webkit-appearance: none !important; cursor:pointer;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"] {-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
legend { border: 0;  padding: 0; }
textarea { overflow: auto; resize: vertical;}
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
details { display: block; }
summary { display: list-item; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible, .element-invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }
.sr-only { border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;  width: 1px;}
.sr-only.focusable:active,.sr-only.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static; white-space: inherit;width: auto;}

/* FONTS */
/* source-sans-pro */
@font-face { font-family: 'SourceSansPro';font-style: normal; font-weight: 400; src: local(''),  url('../../files/system/css/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), url('../../files/system/css/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); }
@font-face { font-family: 'SourceSansPro'; font-style: italic; font-weight: 400; src: local(''), url('../../files/system/css/fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), url('../../files/system/css/fonts/source-sans-pro-v21-latin-italic.woff') format('woff'); }
@font-face { font-family: 'SourceSansPro'; font-style: normal; font-weight: 600; src: local(''), url('../../files/system/css/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), url('../../files/system/css/fonts/source-sans-pro-v21-latin-600.woff') format('woff'); }
@font-face { font-family: 'SourceSansPro'; font-style: normal; font-weight: 700; src: local(''), url('../../files/system/css/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), url('../../files/system/css/fonts/source-sans-pro-v21-latin-700.woff') format('woff'); }
/* inter */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../files/system/css/fonts/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../../files/system/css/fonts/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../../files/system/css/fonts/Inter-Bold.woff2") format("woff2"); }

/* icons */
@font-face {font-family:'icons';src:  url('../../files/system/css/fonts/icons.eot'); src:  url('../../files/system/css/fonts/icons.eot#iefix') format('embedded-opentype'),  url('../../files/system/css/fonts/icons.ttf') format('truetype'), url('../../files/system/css/fonts/icons.woff') format('woff'), url('../../files/system/css/fonts/icons.svg#icons') format('svg'); font-weight: normal; font-style: normal; font-display: block;}
[class^="icon-"], [class*=" icon-"] {  font-family: 'icons' !important; speak: never; font-style: normal; font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-arrow3:before { content: "\e900";}
.icon-extern:before { content: "\e901";}
.icon-instagram:before { content: "\e902";}
.icon-left:before { content: "\e903";}
.icon-location:before { content: "\e904";}
.icon-pdf:before { content: "\e905";}
.icon-right:before { content: "\e906";}
.icon-search:before { content: "\e907";}
.icon-search1:before { content: "\e908";}
.icon-phone:before { content: "\e942";}
.icon-arrow-up2:before { content: "\ea3a";}
.icon-instagram1:before { content: "\ea92";}
.icon-file-pdf:before { content: "\eadf";}

/* allgemein */
* { margin:0; padding:0; border:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; }
html { font-size:100%;  }
body { font-family: 'SourceSansPro', Arial, Helvetica, sans-serif; font-size: 1.25rem; line-height: 1.5; font-weight: 400; color:#222; background:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body.nav_active {overflow:hidden;}
.wrap { min-height:100%;}
.fade_in { opacity: 0; transition:all 1s ease-out;}
.show { transform: translate(0px,0px) scale(1.0) rotate(0deg)!important; -o-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;   -ms-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important; -moz-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;  -webkit-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;  opacity: 1!important; }
a {text-decoration:none; transition:all .25s ease-out; color:#000;}
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.transit, input.submit, a img, a h2 { transition:all 0.3s ease-out;}
b, strong, .bold { font-weight: 700; }
.hidden { display: none; }
.silben {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.center {max-width:1520px; margin:0 auto; position:relative; padding:0 40px;}
.center_outer {margin:0 auto; position:relative; padding:0 40px;}
.center_text {max-width:1040px; margin:0 auto; position:relative; padding:0 40px;}
.gelb {color:#f8da02;}
.italic {font-style:italic;}
/* colors */ 
:root {
   --gelb:#f8da02;
   --blau:#0066ff;
   --hellgrau:#f3f3f3;
}

/* header mit animation */
header {position:fixed; z-index:100; top:0; width:100%; height:180px; background:#fff;-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.top_header {font-size:1rem; line-height:40px; height:40px; background:#f3f3f3;}
.top_header a {color:#000;}
.top_header .top_left a:hover {text-decoration:underline;}
.top_left div {float:left; margin-right:30px;}
.down header { top:-205px;}
.up header {top:0; box-shadow: 0px 0px 8px 2px rgba(0,0,0,.15); }
.nav_active.down header { top:0;}
.top_right {margin-top:3px;}
.top_right .show_search {margin-left:20px;}
.top_right .insta .icon {font-size:1.25rem; }
.top_right .show_search .icon {font-size:1.15rem; }

/* search */
.show_search {position:relative; background:none; color:#000;  }
.no-touchevents .show_search:hover .icon, .no-touchevents  .top_right a:hover .icon  { color:var(--blau); }
.searchyform {width:350px; background:rgba(0,0,0,.75); position:absolute; right:20px;}
#searchmenu {position:fixed; z-index:110; top:-300px;  transition:all 0.3s ease-out; width:100%;}
#searchmenu.active {top:0;}
#searchmenu form {margin:45px 20px 40px; padding:0 !important; background:none !important;}
#searchmenu .submit {float:right; margin-bottom:20px;}
.searchyform label {display:none;}
.searchyform input {position:relative; width: 100%; height: 44px; margin-bottom:10px; padding: 0 10px; background: #fff;}
.close { background: none; position: absolute; width: 26px;  height: 26px; top:7px; right:15px;}
.close:hover {transform: rotate(90deg);}
.close:before, .close:after {content: ""; position: absolute;    top: 13px;  left: 0; right: 0;  height: 3px;  background: #fff;}
.close:after {transform: rotate(-45deg);}
.close:before {transform: rotate(45deg);}

.main_header {padding-top:20px;}
header .logo {position:relative; float:left; color:#000;}
header .logo .logo_name {float:left; margin-top:22px; margin-right:10px;}
header .logo .logo_name .logo_name1 {font-family: "Inter"; font-size:1.75rem; font-weight:700;}
header .logo .logo_name .logo_name2 {font-family: "Inter"; font-size:1.25rem; font-weight:500;}
header .logo .logo_name .logo_name2 span.small {font-size:1rem; }
header .logo img {position:relative; float:right; margin-top:5px;}

/* hamburger mobile */
.hamburger { position:absolute;  z-index:100; right:40px; top:40px; width: 30px; height: 18px; display:none; cursor: pointer; background:transparent; }
.hamburger .line { display: block; background: #000; width: 30px; height: 3px; position: absolute; left: 0; border-radius: 4px; transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s;}
.hamburger .line.line-1 { top: 0;}
.hamburger .line.line-2 {top: 50%;  width: 25px;}
.hamburger .line.line-3 {top: 100%;}
.hamburger.active .line-1 { -webkit-transform: translateY(9px) translateX(0) rotate(45deg); transform: translateY(9px) translateX(0) rotate(45deg); }
.hamburger:hover .line-2 {width: 30px;}
.hamburger.active .line-2 { opacity: 0;}
.hamburger.active .line-3 { -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg); transform: translateY(-9px) translateX(0) rotate(-45deg);}

/* MENU */
.navigation {position:relative; z-index:90; float:right; padding-top:60px;}
.menu { position:relative; float:left; color:#000; font-family: 'Inter'; font-weight:400; letter-spacing:1px; font-size: 1.25rem;}
.nav_main { position:relative; }
.menu .level_1 li {margin-left:40px; display:inline-block; position:relative; line-height:36px;}
.menu .level_2 li {margin-left:0; display:block; position:relative; line-height:1.1;}
.menu li.level_2, .menu li.level_3, .menu li.level_4 {margin-left:0; line-height:normal; font-size: 1.05rem;}
.menu .menu li:first-child {margin-left:0;}
.menu a {position:relative; display:inline-block; color:#000; }
.menu .level_1 a { height:70px;}
.menu .level_1 a:after { content: ""; z-index:-1; position: absolute; width:0%; height:10px; bottom: 10px; left: 0; background:var(--gelb); visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.menu .level_1 li:hover > a:after { visibility: visible; width: 100%; }
.menu .level_1 li.trail > a:after { visibility: visible; width: 100%; }
.menu .level_1 li.active .active, .menu .level_1 li.forward .forward { display:block; border-bottom:10px solid var(--gelb); height:60px;}
.menu .level_2 li.active .active, .menu .level_2 li.forward .forward { display:block; border-bottom:none; height:auto; color:var(--blau); padding-left:10px;}
.menu .level_2 a { height:auto; display:block; }
.menu .level_2.active span.active {color:var(--blau);padding-left:10px;}
.menu .level_2 a:hover, .menu .level_2 a.active-trail {text-decoration:underline;}
.menu .level_2 a:after {height:0;}

.menu ul.level_2, .menu ul.level_3, .menu ul.level_4, .menuul.level_5 {display:none;}
.menu ul.level_1 li.submenu:hover > ul.level_2 {display:block;}
.menu ul.level_2 li.submenu:hover > ul.level_3 {display:block;}
.menu li.mitmachen .level_3, .menu ul.level_2 li.submenu.mitmachen:hover > ul.level_3 {display:none;}

.menu ul.level_2 {position:absolute; background:#fff; top:61px; left:-10px; padding:10px 0; width:250px; }
.menu ul.level_2:before {content:""; position:absolute; top:-1px; width:100%; height:2px; background-color:transparent;}
.menu ul.level_3 {position:absolute; background:#fff; top:-10px; left:251px; padding:10px 0; width:250px;}
.menu ul.level_3:before {content:""; position:absolute; top:0; left:-2px; height:100%; width:2px; background-color:transparent;}
.no-touchevents .up header ul.level_2, .no-touchevents .up header ul.level_3 {box-shadow: 0px 0px 8px 2px rgba(0,0,0,.1); }
.menu ul.level_2 li {position:relative; display:block; padding:7px 0; font-size: 1rem; line-height:1.1;}
.menu ul.level_2 li a {display:block; position:relative; padding:0 20px 0 10px; z-index:2;}
span.dropdown-icon {position:absolute; z-index:1; right:10px; top:6px;}
.level_1 span.dropdown-icon {display:none;}
.level_2 .submenu span.dropdown-icon {display:block;}
.level_2 .submenu .level_3 span.dropdown-icon {display:none;}
/*span.dropdown-icon:after { font-family:'icons'; content: "\e900"; font-size:.9rem; }*/
.menu li.level_1:last-child .dropdown-menu.ul_2 {width:190px;}
.menu li.level_1:last-child .dropdown-menu.ul_3 {left:191px; width:120px;}

/* abgerundete links mit Pfeil */
form .submit, .more_link {position:relative; height:44px; line-height:44px; background:var(--gelb); color:#000 !important; font-size:1.125rem; text-align:center; padding:0 50px; border-radius:22px; display:inline-block; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
form .submit:hover, .more_link:hover {background:var(--blau); color:#fff !important; text-decoration:none !important;}

/* allgemein main */
h1, h2, h3, h4 { font-family: 'Inter'; }
h1 {  font-weight: 700; font-size: 3rem; line-height: 1.1; margin-bottom:40px;}
h2 {  font-weight: 700; font-size: 2rem; line-height: 1.1; margin-bottom:20px;}
.news_box h2, h2.uppercase { font-weight: 500; font-size:1.75rem; line-height: 1.2; text-transform:uppercase; letter-spacing:2px; width:100%; text-align:center; margin-bottom:40px;}
h3 { font-size:1.5rem; line-height: 1.3; font-weight:700; margin-bottom:10px;}
h4 { font-size:1.125rem; font-weight:500; }
.normal {font-family: 'SourceSansPro', Arial, Helvetica, sans-serif;}
main {position:relative; z-index:2; padding-top:180px;}
section {position:relative; }
img {max-width:100%; height:auto;}
p { position:relative;}
.float_right {float:right;}
.float_left {float:left;}
.download-element .pdf_download, .pdf_link, .facebook a, .insta a {position:relative; display:inline-block; padding:3px 30px 7px; line-height:36px; margin:20px 0; background:var(--gelb); color:#000; border-radius:23px; color:#000 !important;}
.download-element .pdf_download:before, .pdf_link:before {position:relative;content:url(../../files/system/images/pdf.png); top:5px; margin-right:5px;}
.download-element h2, .download-element h3, .download-element h4 {margin:30px 0 0;}
a.big_link, .big_link a {position:relative; display:inline-block; padding:5px 30px; line-height:36px; margin:20px 0; background:var(--gelb); color:#000 !important; border-radius:23px;}
.grundausbildung.big_link a {margin:5px 0;}
a.big_link:hover, .big_link a:hover {background:var(--blau); color:#fff !important; text-decoration:none !important;}
.facebook a:before {position:relative;content:url(../../files/system/images/facebook.png); top:6px; margin-right:10px;}
.insta a:before {position:relative;content:url(../../files/system/images/insta.png); top:6px; margin-right:10px;}
.facebook a:hover, .insta a:hover, .pdf_download:hover { background:var(--blau); color:#fff !important;  text-decoration:none !important;}

.main_content table td {vertical-align:top; padding:0 10px 10px 0;}

/* Bilder */
picture, figure {position:relative; display:inline-block;}
.bildinfo_box {position:absolute; z-index:11; right:0; bottom:0; background:rgba(0,0,0,.6); color:#fff; text-align:right; font-size:1rem; font-style: italic; }
.show_bildinfo {position:relative; color:#fff; display:block; padding:5px 25px;}
.show_bildinfo:hover {background:#000;}
.show_bildinfo:after {position:relative; content: " +"; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; }
.bildinfo_box.active .show_bildinfo:after {content: " -";}
.bildinfo_box:hover, .bildinfo_box.active {background:#000;}
.bildinfo {display:none;padding:5px 25px 10px;}
.bildinfo a {color:#fff; text-decoration:underline;}

.hero_image {position:relative; aspect-ratio: 3 / 1; background:var(--hellgrau);}
.hero_image figure, .hero_image picture {position:absolute; top:0; width:100%; height:100%;}
.hero_image img { width:100%; height:100%; object-fit: cover; }
.hero_image .transparent {position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,.2);}
.hero_headline {position:absolute; z-index:100; left:0; top:35vw; opacity:0; visibility:hidden; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out; left:-20px;}
.hero_headline.active {opacity:1; left:0; visibility:visible;}
.hero_headline h3 {color:#fff; font-size: 4.5rem; margin-bottom:0; text-shadow: 2px 2px 4px rgba(0,0,0,.25);}
figcaption {font-size:1rem;}

.ce_gallery h2 {margin-top:40px;}

/* nach oben */
.scroll_top {position:fixed; z-index:90; bottom:20px; left:50%; margin-left:-22px; opacity:0; width:44px; height:44px; line-height:44px; border-radius:50%; background:#000; color:#fff; -webkit-transform: rotate(-90deg);transform: rotate(-90deg); opacity:0; }
.scroll_top:after {position:absolute; left:0; width:100%; text-align:center; font-family: 'icons'; font-weight:400; font-size:1.5rem;  content: "\e900"; transition:all 0.3s ease-out; }
.scroll_top.active:focus, .scroll_top.active {opacity:.4; }
.scroll_top.active:hover {opacity:1; }

/* footer */
footer {font-size:1rem; }
.footer_top { background:#dedede; color:#000; padding:40px 0 20px;}
footer .box_mit_vier { display:grid; grid-template-columns: repeat(4, 1fr); -webkit-column-gap:40px; column-gap:40px; row-gap:40px; align-items:stretch; }
footer .kontakt {padding-left:5vw;}
.footer_menu li { display:inline;}
.footer_menu li:first-child { margin-right:20px;}
footer a { color:#000; text-decoration:underline;}
.footer_icons {margin-top:10px; display:none;}
footer .insta {text-decoration:none; margin-right:20px; font-size:1.1rem; }
footer a:hover { color:var(--blau);}
.footer_bottom {background:#333; color:#fff; padding:10px 0; text-align:center;}
footer .kinderschutz {position:relative; text-align:right;}
footer .kinderschutz img {position:relative; right:-25px;}
footer .recht {position:relative; top:-24px;}

.mobile_transparent_menu {position:fixed; z-index:80; top:0; width:100%; height:100%;  transition:all 0.3s ease-out; background:rgba(0,0,0,.7); display:none; cursor:pointer; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.nav_active .mobile_transparent_menu { display:block;}

/* allgemein ALLE SEITEN */
.spacer_10 {height:10px;}
.spacer_20 {height:20px;}
.spacer_40 {height:40px;}
.spacer_60 {height:60px;}
.spacer_80 {height:80px;}
.padding_100 {padding:100px 0;}
.padding_50 {padding:50px 0;}
.padding_100_20 {padding:100px 0 20px;}
.padding_50_100 {padding:50px 0 100px;}
.grey_back {background:#f3f3f3;}
.abstand_80 {margin-top:80px;}

.mod_breadcrumb {font-size:1rem; padding:40px 0 30px;}
.mod_breadcrumb li { float:left; margin-right:30px; }
.mod_breadcrumb li a {color:#444; position:relative; display:inline-block; }
.no-touchevents .mod_breadcrumb li a:hover { color:var(--blau); }
.mod_breadcrumb li a:after {position:absolute; right:-22px; top:5px; font-family: 'icons'; content: "\e906"; font-size:.7rem; }
.mod_breadcrumb li.active {color:#000; }

.main_content .ce_text p {text-align:justify;}
.main_content .ce_text a:hover {text-decoration:underline; text-decoration-thickness: 1px;}
.main_content ol li {margin-left:20px;}

.link_zu_mehr {text-align:center; margin-top:50px;}
.back_link {position:relative; height:44px; line-height:44px; background:#fff; color:#000; font-size:1.125rem; text-align:left; padding:0 30px 0 60px; margin-top:10px; border-radius:22px; display:inline-block; border:1px solid #000;}
.back_link:after {font-family:'icons'; content: "\e902"; font-size:1.25rem; position:absolute; left:25px; transition: all 0.3s ease-out 0s; -webkit-transform: rotate(-18deg); transform: rotate(-180deg);}
.back_link:hover:after {left:15px;}


/* responsive mediaqueries */
/* mobile menu break */
@media (max-width: 1200px) { 
	header {height:150px;}
	main {padding-top:150px;}
	header .logo .logo_name {float:left; margin-top:0; margin-right:10px;}
	header .logo .logo_name .logo_name1 {font-size:1.5rem; }
	header .logo img {width:70px; height:auto; margin-top:0px;}
	.hamburger {display:block; }	
	.navigation {position:fixed; float:none; z-index:90; top:150px; margin-top:0; left:100%; width:50%; height:calc(100vh - 150px);  background:#fff; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; overflow-x: hidden; overflow-y: auto; padding-top:0;}
	.nav_main { top:0; padding-bottom:20px; border-top:1px solid #000;}
	.menu {float:none; padding:20px;}
	.menu a:hover:after { visibility: hidden; width:0; }
	.navigation.is-active { left:50%;}
	.menu li, .menu .level_1 li {display:block; line-height:1.5; margin:0;}
	.menu .level_1 a { height:auto; }
	.menu .level_1 li {border-bottom:1px solid #000; padding:5px 0;}
	.menu .level_1 a:after { content: ""; z-index:-1; position: absolute; width:0%; height:0; bottom: 0; left: 0; background:transparent;  }
	.menu .level_1:hover > a:after { visibility: hidden; width:0; }
	.menu li.active-trail a.active-trail {color:var(--blau);}
	.menu .level_1 li.active .active,.menu .level_1 li.forward .forward {border-bottom:none; height: auto; color:var(--blau); padding-left:0px;}
	.menu .level_1 span.dropdown-icon {display: block;}
	span.dropdown-icon {position:absolute; z-index:1; right:12px; top:0;  width:40px; height:35px;}
	.menu a { display:block; width:calc(100% - 70px); }	
	span.dropdown-icon:after { position:absolute; height:100%; width:100%; text-align:center;}
	.menu .level_1 li.submenu > span.dropdown-icon {display:block;}
	.menu .level_2 .submenu .level_3 .submenu > span.dropdown-icon {display:block;}	
	span.dropdown-icon:after { font-family:'SourceSansPro'; content: "+"; font-weight: 600; font-size:1.5rem; }
	span.dropdown-icon.active:after {content: "–";}
	.menu ul.level_1 li.submenu:hover > ul.level_2 {display:none;}
	.menu ul.level_2 li.submenu:hover > ul.level_3 {display:none;}
	.menu ul.level_5 {display:none;}
	.menu ul.level_2, .menu ul.level_3, .menu ul.level_4, .menu ul.level_5 {position:relative; background:#fff; top:0; left:0; width:auto; letter-spacing:0;}
	.menu .level_3 {padding:8px 0 8px 20px !important;}
	.menu .level_4 {padding:5px 0 0 40px;}
	.menu .level_5 {padding:5px 0 0 60px;}
	.menu ul.level_2:before, .menu ul.level_3:before, .menu ul.level_4:before {content:""; position:relative; top:0; width:0; height:0; left:0; background-color:transparent;}
	.menu li.level_1:last-child .menu ul.level_2 {width:auto;}
	.menu li.level_1:last-child .menu ul.level_3 {left:0; width:auto;}
	.menu ul.level_2 li {position:relative; display:block; padding:7px 0; font-size: 1rem; line-height:1.1; border-bottom:none;}
	.menu ul.level_2 li a {display:block; position:relative; padding:0; z-index:2;}	
	.no-touchevents .up header ul.level_2, .no-touchevents .up header ul.level_3 {box-shadow:none; }
	.scroll_top { bottom:20px; right:20px; width:36px; height:36px; line-height:36px;}
	h1 { font-size: 3rem; }
	.hero_image .ce_headline h3 {font-size: 3rem; }
	.hero_headline h3 {font-size: 3rem; }
}
@media (max-width: 1100px) { 
	footer .box_mit_vier { display:grid; grid-template-columns: repeat(2, 1fr);  }
	footer .kontakt {padding-left:0;}
}
@media (max-width: 1024px) { 

}
@media (max-width: 960px) { 
	.news_box h2, h2.uppercase { font-size:1.5rem; }
	.padding_50_100 {padding:50px 0 50px;}
}
@media (max-width: 800px) { 
	.center, .center2, .center3, .center_text, .center_outer {padding:0 30px;}
	.searchyform {right:10px;}
	.hamburger { right:30px; }
	span.dropdown-icon {right:3px;}
	.menu a { display:block; width:calc(100% - 50px); }
	.hero_headline {top:40vw; }
	.hero_headline h3 {font-size: 2.25rem; }
	h1 { font-size: 2.25rem; }
	h2 { font-size: 1.75rem; }
}
@media (max-width: 700px) { 
	.top_header .day {display:none;}
}
@media (max-width: 600px) {	
	body { font-size: 1.125rem; }
	.center, .center2, .center3, .center_text, .center_outer {padding:0 20px;}
	.searchyform {width:100%; background:rgba(0,0,0,.75); position:absolute; right:0px;}
	.top_header, .top_left .tel {display:none;}
	header {height:80px;}
	main {padding-top:80px;}
	.main_header {padding-top:10px;}
	header .logo img {width:50px; height:auto; margin-top:5px;}
	header .logo .logo_name {float:left; margin-top:0; margin-right:10px;}
	header .logo .logo_name .logo_name1 {font-family: "Inter"; font-size:1rem; font-weight:700;}
	header .logo .logo_name .logo_name2 {font-family: "Inter"; font-size:.75rem; font-weight:500;}
	header .logo .logo_name .logo_name2 span.small { position:absolute; top:20px; left:0; font-size:.65rem; }
	.hamburger { right:20px; top:20px; }
	.top_header {  position:relative; }
	span.dropdown-icon {right:-7px;}	
	.menu a { display:block;	width:calc(100% - 40px); }
	.navigation {top:80px; height:calc(100vh - 80px); width:100%; padding:0;}
	.navigation.is-active {left:0;}
	.scroll_top { bottom:10px; right:10px; }
	h1 { font-size: 2rem; }
	h2 { font-size: 1.5rem; }
	h3 { font-size: 1.25rem; }
	.hero_headline {top:35vw; }
	.hero_headline h3 {font-size: 1.75rem; }
	.mod_breadcrumb {font-size:.9rem; line-height:20px;padding:10px 0 8px;}
	.mod_breadcrumb ul {min-height:20px;}
	.mod_breadcrumb li { margin-right:28px;}
	.mod_breadcrumb li.last:after {clear:both;}
	.mod_breadcrumb li a {color:#666; position:relative; display:inline-block;}
	.mod_breadcrumb li a:after { right:-20px; top:0; }
	.mod_breadcrumb li.active span.active {border-bottom:none; padding-bottom:0;}
	.padding_100 {padding:80px 0;}
	footer .box_mit_vier { display:grid; grid-template-columns: repeat(1, 1fr); }
	.footer_icons {display:block;}
	footer .kinderschutz {position:relative; text-align:left;}
	footer .kinderschutz img {position:relative; right:auto;}
	footer .recht {position:relative; top:0; padding-top:24px;}
}
@media (max-width: 500px) {	
	
}
@media (max-width: 350px) {	
	h1 { font-size: 2rem; }
}

@media (max-height: 400px) and (orientation:landscape){ 

}
@media (max-height: 620px) and (orientation:landscape){ 

}
@media (max-height: 540px) and (orientation:landscape){ 

}
@media (max-width: 350px) { 

}

@media (min-height: 570px) AND (max-width: 960px) { 

}

/* print */
@media print {
	body {font-size:0.9em;}
	header, footer {display:none;}
	.print_button {display:none !important;}
	.print {visibility:visible;}
    *, *:before, *:after, *:first-letter, *:first-line { background: #fff !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a,a:visited { text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")"; }
    abbr[title]:after {content: " (" attr(title) ")";}
	a[href^="#"]:after, a[href^="javascript:"]:after {  content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group;}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important; }
    p,h2,h3 {orphans: 3;widows: 3;}
    h2, h3 {page-break-after: avoid;}
}
/* animsition CSS für sanften Seitenübergang */ .animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#fff}.animsition-loading,.animsition-loading:after{width:50px;height:50px;position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}
/* allgemein */
.main_content {float:left; width:calc(69% - 40px);}
.aside {float:right; width:calc(30% - 20px);}
.aside_menu {padding:20px;}
.aside_menu ul li {position:relative; font-weight:600; font-size:1.375rem; line-height:40px;}
.aside_menu ul li a {position:relative; color:#000;}
/*.aside_menu ul li a:after {  font-family:'icons'; content: "\e900"; font-size:1rem; font-weight:400; margin-left:10px; }*/
.aside_menu ul li a:hover { color:var(--blau); text-decoration:none; }
.aside_menu ul.level_2 li {padding-left:20px; font-size:1.125rem; line-height:30px;}
.aside_menu ul.level_2 {display:none; padding-bottom:10px;}
.aside_menu li.active .active { color:var(--blau); }
.aside_menu li.active.submenu ul.level_2, .aside_menu li.trail.submenu ul.level_2 {display:block; }
.aside_menu ul.level_3 {display:none; padding-bottom:10px; font-size:1rem;}
.aside_menu ul.level_2 li .level_3 li {font-size:1rem; line-height:26px;}
.aside_menu ul.level_2 li.active.submenu ul.level_3, .aside_menu ul.level_2 li.trail.submenu ul.level_3 {display:block; }
.aside .ce_text a {color:var(--blau);}
.aside .ce_text a:hover {text-decoration:underline;}
.aside iframe {width:100%; margin-top:30px !important;}
.aside_box h3 a {color:#000;}
.aside .mod_login {margin-top:30px;}
.aside p.login_info {display:none;}

hr {width:100%; height:1px; background:#000;}

.aside_box {margin-top:30px; padding:20px;}
.news_reader .aside_box {margin-top:0; padding:20px;}
.aside_box div {padding-bottom:10px; margin-top:10px;}
.main_content a, .aside_box a {color:var(--blau);}
.main_content a:hover, .aside_box a:hover {text-decoration:underline;}

.ce_accordion {margin:20px 0;}
.ce_accordion .toggler { position:relative; font-weight:700; height:40px; line-height:40px; border-top:1px solid #ccc; cursor:pointer; padding-top:10px;}
.ce_accordion .toggler:after {position:absolute; right:0; top:8px; font-family:'icons'; content: "\e903"; -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.ce_accordion .toggler:hover {color:var(--blau);}
.ce_accordion .toggler.on:after {  -webkit-transform: rotate(90deg);transform: rotate(90deg); }
.ce_accordion .accordion { margin:10px 0 40px; }

.image_container.float_left img {margin:5px 20px 10px 0;}
.image_container.float_right img {margin:5px 0 10px 20px;}
.lightbox_ul {display:grid; grid-template-columns: repeat(3, 1fr); -webkit-column-gap:20px; column-gap:20px; row-gap:20px; align-items:stretch; padding-top:20px;}
.lightbox_ul figure {position:relative; width:100%; aspect-ratio: 2 / 1; overflow:hidden;}
.lightbox_ul figure img {width:100%; height:100%; object-fit: cover; transition:all .25s ease-out;}
.lightbox_ul figure a .transparent {position:absolute; opacity:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); transition:all .25s ease-out;}
.lightbox_ul figure a:hover .transparent {opacity:1;}

/* NEWS */
.mod_newsreader .info {margin-bottom:20px; font-size:1rem;}
.mod_newsreader .ce_text img {margin:20px 0;}
.mod_newsreader .more_link {margin-top:50px;}
.mod_newslist .layout_short .info, .mod_newslist .layout_short .more {font-size:1rem;}
.mod_newslist a.box:hover {box-shadow: 3px 3px 10px 3px rgba(0,0,0,.3); text-decoration:none; }
.mod_newslist .box_teaser { padding:20px; }
.mod_newslist .box_image {position:relative; width:100%; aspect-ratio: 2 / 1; overflow:hidden;}
.mod_newslist .box_image img {width:100%; height:100%; object-fit: cover; transition:all .25s ease-out;}
.mod_newslist .box:hover .box_image img {-webkit-transform:scale(1.03); transform: scale(1.03);} 
.mod_newslist .datum {font-size:.9rem; margin-bottom:5px;}
.mod_newslist .archiv {font-size:.9rem; margin-bottom:5px; text-transform:uppercase;}
.mod_newslist h3 {font-size:1.25rem;}
.aside_box.mod_newslist div { padding-bottom: 10px;margin-top: 5px;}

/* HOME */
.grid_3 { display:grid; grid-template-columns: repeat(3, 1fr); -webkit-column-gap:40px; column-gap:40px; row-gap:40px; align-items:stretch; }
.grid_2 { display:grid; grid-template-columns: repeat(2, 1fr); -webkit-column-gap:40px; column-gap:40px; row-gap:40px; align-items:stretch; }
.mod_newslist .box { display:inline-flex; flex-direction: column; color:#000; position: relative; width: 100%; background:#fff; box-shadow: 3px 3px 10px 3px rgba(0,0,0,.075); font-size:1.125rem; line-height:1.4;}

.veranstaltungen_box {display:block;}
.mod_calendar {background:#fff; border: 1px solid #000;}
.mod_calendar table {width:100%; border-collapse: collapse; }
.mod_calendar table, .mod_calendar table td {border: 1px solid #e0e0e0;}
.mod_calendar table th.head {border-bottom:1px solid #ccc; padding:10px 0; width:14.2857%; font-family: 'Inter'; font-size:1.1em;}
.mod_calendar table th.head.previous {transform: rotate(180deg); font-size:1.75em;}
.mod_calendar table th.head.next { font-size:1.75em;}
.mod_calendar table th.label {font-size:1rem; font-weight:700; padding:10px 0; text-align:center; font-family: 'Inter'; text-transform:uppercase;}
.mod_calendar table th.head a {color:#000; }
.mod_calendar table th.head a:hover {color:#f8da02;}
.mod_calendar table .days { text-align:center; position:relative; padding:10px 0;}
.mod_calendar table td { width:14.2857%; text-align:center; height:50px; line-height:50px;  font-weight:700;}
.mod_calendar table td a {background:var(--gelb); color:#000; display:block; font-size:1.125rem;  position:relative; top:0; width:100%; height:100%; padding:0px 0;}
.no-touchevents .mod_calendar table td a:hover {background:var(--blau); color:#fff;}
.mod_calendar table td a .tooltip {position:absolute; background:#fff; color:#000; border:1px solid var(--blau); padding:5px; bottom:10px; left:-10px; width:calc(100% + 10px); text-align:left; transition:all .25s ease-out; display:none; font-size:.9rem; line-height:1.3; font-weight:400;}
.mod_calendar table td a .tooltip p {padding:3px 0;}
.no-touchevents .mod_calendar table td a:hover .tooltip {display:block;}
.events .more_link {margin-top:50px;}
/* Termine */
.termine .mod_calendar { border: none;}
.events .list, .mod_eventlist .event, .mod_calendar .events_list .event {margin:30px 0; border-top:1px solid #000; padding-top:30px;}
.mod_eventlist .event .time { margin-bottom:5px; font-weight:700;}
.mod_eventlist h1, .events h1 {margin-bottom:40px;}
.mod_eventlist h3, .events h3 {margin-bottom:20px;}
.mod_calendar .events_list .event h3 {margin-top:20px;}
.programm_top {position:relative;}
.programm_top h1 {padding-right:100px;}
#month_navigation {position:absolute; top:2px; right:0;}
#month_navigation li {float:left; margin-left:20px;}
#month_navigation li a {display:block; width:45px; height:45px; background:#000; color:#fff;  position:relative; text-decoration:none;}
#month_navigation li a span {line-height:45px; }
#month_navigation li a:hover {background:var(--gelb);}
#month_navigation .prev_month span {position:absolute; transform: rotate(-90deg); left:12px;}
#month_navigation .next_month span {position:absolute; transform: rotate(90deg); left:12px;}
.tageslist img {float:right;}

.info_list {display:grid; grid-template-columns: repeat(4, 1fr); -webkit-column-gap:30px; column-gap:30px; row-gap:30px; align-items:stretch; margin-bottom:80px;}
.info_list .info_image {position:relative; width:100%; aspect-ratio: 48 / 68; overflow:hidden;}
.info_list .info_image img {width:100%; height:100%; object-fit: cover; transition:all .25s ease-out;}
.info_list a {box-shadow: 3px 3px 10px 3px rgba(0,0,0,.3); text-decoration:none; }
.info_list a { background:var(--hellgrau); color:#222; box-shadow: 3px 3px 10px 3px rgba(0,0,0,.15);  text-align:center;}
.info_list a:hover {box-shadow: 3px 3px 10px 3px rgba(0,0,0,.3); background:var(--gelb); text-decoration:none;}
.info_list a:hover .info_image img {-webkit-transform:scale(1.03); transform: scale(1.03);} 
.info_list h3 {margin:10px 0;}

/* sportarten */
.news h1 {margin-bottom:40px;}
.abteilungen .box_mit_vier { display:grid; grid-template-columns: repeat(4, 1fr); -webkit-column-gap:30px; column-gap:30px; row-gap:30px; align-items:stretch; }
.abteilungen .box {position:relative; }
.abteilungen .box .box_image {position:relative; width:100%; aspect-ratio: 2 / 1; overflow:hidden;}
.abteilungen .box .box_image img {width:100%; height:100%; object-fit: cover; transition:all .25s ease-out;}
.no-touchevents .abteilungen .box:hover .box_image img {-webkit-transform:scale(1.03); transform: scale(1.03);} 
.abteilungen .box .box_text {position:absolute; top:0; width:100%; height:100%; display: flex; align-items: center;  justify-content: center; background:rgba(0,0,0,.5); transition:all .25s ease-out;}
.no-touchevents .abteilungen .box:hover .box_text {background:rgba(0,0,0,.0);}
.abteilungen .box .box_text h3 {color:#fff;}

/* SUCHE */
.main_content .mod_search p.header, .main_content div.search_default {margin-top:30px;}
.main_content .mod_search p.info {margin:10px 0 30px; font-size:1rem;}
.main_content .mod_search .pagination {margin-top:100px;}
.main_content .mod_search .pagination ul {margin-top:20px;}
.main_content .mod_search .pagination li {display:inline;}
.main_content .mod_search .pagination a {display:inline-block; background:#f7f7f7; color:#000; padding:10px 20px; margin-right:5px; margin-bottom:10px; }
.main_content .mod_search .pagination a:hover {background:#ccc; text-decoration:none;}
.main_content .mod_search .pagination .active {background:#000; color:#fff; padding:12px 22px; margin-right:5px; margin-bottom:10px; }
.main_content .mod_search .pagination li.active span {display:inline-block;}



/* ab hier responsive */
@media (max-width: 1200px) {
	.abteilungen .box_mit_vier { display:grid; grid-template-columns: repeat(3, 1fr); }
	.aside .aside_menu {}
	.info_list {grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1100px) { 

}
@media (max-width: 1024px) { 
	.grid_3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 960px) {
	.main_content {float:none; width:100%;}
	.aside {float:none; width:100%; margin-top:40px;}
}
@media (max-width: 800px) { 
	.mod_calendar table td a {font-size:1rem; }
	.abteilungen .box_mit_vier { display:grid; grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) { 

}
@media (max-width: 600px) { 
	.mod_calendar table td a {font-size:.9rem; }
	.abteilungen .box_mit_vier { display:grid; grid-template-columns: repeat(1, 1fr); }
	.grid_3 { grid-template-columns: repeat(1, 1fr); }
	.info_list {grid-template-columns: repeat(2, 1fr); }
	.abteilungen .box .box_text h3 {font-size:1.8rem;}
}
@media (max-width: 400px) { 

}
@media (max-width: 350px) { 
	
}
.ce_text ul li {padding-left:18px; position:relative;}
.ce_text ul li:before {content:url(../../files/system/images/bullet.png); position:absolute; left:0; top:-2px;}

/* iframes */
.content .left iframe {width:48% !important; margin-right:2% !important; float:left; margin-bottom:20px;}
.tennishalle .content .left iframe {width:100% !important; margin-right:0 !important; float:none;}
.schwimm_boxen {display:grid; grid-template-columns: repeat(2, 1fr); -webkit-column-gap:40px; column-gap:40px; row-gap:40px; align-items:stretch;}
.schwimm_boxen .link_box {position:relative; color:#fff; text-align:center; aspect-ratio:5/3; overflow:hidden;}
.schwimm_boxen .link_box picture {width:100%; height:100%;}
.schwimm_boxen .link_box img {width:100%; height:100%; object-fit: cover; transition:all .25s ease-out;}
.schwimm_boxen .link_box:hover img {-webkit-transform:scale(1.03); transform: scale(1.03);} 
.schwimm_boxen .link_box h3 {font-size:30px; line-height:30px; margin-top:0; position:absolute; top:50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width:100%; left:0; text-transform:uppercase;}

.schwimm_boxen .link_box .trans {position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:.5; -webkit-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; }
.no-touchevents .schwimm_boxen .link_box:hover {color:#fac400;}
.no-touchevents .schwimm_boxen .link_box:hover .trans { opacity:.2; }
	
/* Formulare */
form  {background:var(--hellgrau); padding:20px;}
label {display:block; width:100%;}
input{width:98%;height:30px;line-height:30px; margin-bottom:10px;padding:0 1%;}
textarea{width:100%;height:100px;font-family: 'regular', sans-serif;margin-bottom:10px; padding:1%;}
input.submit{margin-top:20px;width:200px; height:40px; line-height:40px; background:#ffcc00;cursor:pointer;color:#111; font-size:16px; }
input.submit:hover { background:#111;cursor:pointer;color:#ffcc00;}
.widget-captcha input {width:60px; float:left; margin-right:10px; }
.captcha_text {line-height:30px; }
.submit_container {clear:both;}
legend {font-weight:700; line-height:50px;}
.radio_container legend {font-weight:400; line-height:auto;}
form .checkbox_container span {display:block;position:relative;line-height:25px;margin-bottom:5px; clear:both;}
form input.checkbox {width:25px; margin-bottom:0; padding:0 0; float:left; margin-right:10px;}
form .checkbox_container label {line-height:30px;}
form fieldset {padding-bottom:10px;}
form .qualifikation textarea, form .aufgaben textarea {height:30px;}
.no_legend legend {display:none;}
.error{color:red;}
.widget.it {margin-top:20px;}
label {display:block; width:100%;}
select{width:98%;height:40px;line-height:40px; margin-bottom:20px;padding:0 1%; position:relative;}
input.radio, input.checkbox, .radio_container label, .checkbox_container label {display:inline-block; width:auto; margin-bottom:0px; height:40px;line-height:40px;}
input.checkbox {width:40px;}
.radio_container, .checkbox_container {position:relative;margin-bottom:0px;}
.radio_container label {position:relative; top:-13px; margin:0 20px 0 5px;}
.checkbox_container label {position:relative; top:5px; margin:0 20px 0 5px;}
select, select option {background:#fff; border-radius:0; }
textarea{width:100%;height:100px;font-family: 'regular', sans-serif;margin-bottom:10px; padding:1%;}
main .widget-submit {margin:20px 0;}

@media (max-width:1024px) { 
	.schwimm_boxen .news {float:left; width:48.5%; margin-right:3%; position:relative; color:#fff; text-align:center;}
}
@media (max-width:768px) { 
	.schwimm_boxen .news h3 {font-size:20px; line-height:20px; }
}
@media (max-width: 600px) { 
	.content .left iframe {width:100% !important; margin-right:0 !important; float:none; margin-bottom:20px;}
}
@media (max-width: 500px) { 
	.schwimm_boxen .news {float:left; width:100%; margin-right:0%;}
}
@media (max-width: 500px) { 

}