/* cmsms stylesheet: fh-css modified: Montag, 21. September 2026 15:27:30 */
@import url("/fonts/font.css");
*{margin:0;padding:0;}
html, body{font-family:'Fira Sans';font-feature-settings:"liga" 0; color:#5f39a0;font-size:100%;width:100%;height:100%;text-align: center; position: relative;}
.skiplink{position:absolute;top:-9999px;left:-9999px;width:12px;height:12px;font-size:0;line-height:0;}
.skiplink a{color:#3b3c3c;border:1px dotted #3b3c3c;font-size:80%;}
a {text-decoration: none; color: #ee4ef0;}

@media screen {
#menu-mob {
display : none;
}
}
#menu {height: 2em; overflow: hidden; padding-top: 0.5em;}
#menu ul, #rechts ul {list-style-type: none;}
#menu li  {float:left;  border-left: 1px solid #5f39a0; margin-left: -1px; }
#menu a {color: #5f39a0; display: block; padding: 0.5em; display: block; }
#menu a.currentpage, #menu a.activeparent, #rechts a.currentpage {background:#5f39a0; color: #fff;}
#menu li ul {
max-width: 60%;
position : absolute;
margin-top: -0.3em;
overflow : hidden;
background: rgba(255,255,255,0.8);
left : -999em;
z-index : 1000;
text-align : left !important ;
line-height: 105%;
font-size: 95%;
padding: 0;
}
.slide {
width : 100%;
height : 100%;
margin : 0 auto;
position : relative;
overflow : hidden;
top : 0;
left : 0;
pointer-events : none !important ;
background: #403577;
}
.slide ul {
position : relative;
margin : 0 auto;

}
.slide ul li {
width : 100%;
list-style : none;
position : absolute;
z-index : 1;
height : auto;
display: block;
top : 0;
left : 0;
right : 0;
}
.title  {
position : absolute;
top : 20%;
left : 10%;
display : inline !important ;
color : #fff;
z-index : 7;
font-size: 200%;
text-align: left;
width: 75%;
}
.title span {
font-weight : normal;
line-height : 100%;
box-decoration-break : clone;
}
.title h1 {
font-size: 100%;
top: 0 !important;
left: 0 !important;
}
#menu li ul li {
float : left !important ;
margin: 0;
border: none;
}
#menu li ul li a {
display : block;
margin: 0;
}

#menu li ul li a:hover {background:#5f39a0; color: #fff;}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left : -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
left : auto;
}
#rechts ul {margin-bottom: 1em; width: 100%;}
#rechts li {float: none; margin: 0.5em 0 1em; border-top: 1px solid #5f39a0; padding-left: 2em;width: 100%;padding: 0.4em;}
#rechts a {color: #5f39a0; display: inline-block; }
#rechts li ul li {border: none; margin: 0 !important}
.center {width: 80%; position: relative; margin: 0 auto; text-align: left;}
header {width: 100%; background: #fff; display: inline-block;}
#logo {float: left; width: 14em; }
#logo img {width: 100%; height: auto;}
#fon {text-align: center; font-weight: bold; float: right; margin-top: 1.5em; font-size: 120%; color:#5f39a0; background: #fff;}
#fon a {color: #5f39a0 !important;}
#image {
position: relative;
width: 100%;
height: 18em;
}
#image img {width: 100%; height: auto;}
#image h1 {color: #fff; position: absolute; top: 2em; left: 10%;}

#wrapper {width: 100%; color: #fff; }
#wrapper a {color: #fff;}

#content {width: 65%; font-size: 120%; line-height: 120%; float: left;}
#content ul {margin: 1em 0 1em 2em;}
#content li {margin-bottom: 0.5em;}
#content img {width: 100%; height: auto;}
.wt {background: #fff; padding: 2em; }
#rechts {width: 30%; margin-left: 2.5em; float: left; font-size: 90%; line-height: 120%;}

h1, h2 {line-height: 130%; margin: 0.5em 0 0.5em 0; text-align: left !important;}
h2 {font-size: 110%; margin: 1.5em 0 0.5em; }
h3 {margin: 0.5em 0 0.5em 0;}
video {width: 100% !important; height: auto;}

.item {width: 100%; border: 3px solid #5f39a0; padding: 2em; margin-bottom: 1em; position: relative;}
.rotate {border-top: 3px solid #5f39a0; border-left: 3px solid #5f39a0; width: 2em; height: 2em; position: absolute; bottom: -1.2em; right: 3em;background: #fff;
-moz-transform: rotate(50deg);
-webkit-transform: rotate(50deg);
-o-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(45deg);
}
.lila {
top: -1.1em;
right: 7em;
border: none;
width: 2.2em;
height: 2.2em;
background:#5f39a0;
 }
footer {text-align: center; font-size: 90%; background:#5f39a0; width: 100%; position: relative; color: #fff; padding: 3em 0 3em;}
.spend {float: left; width: 25%; margin-right: 4em;white-space: nowrap;}
#copy {width: 100%; background: #fff; color:#372e67; padding: 1em; margin-top: 3em;}
footer a {color: #fff; font-size: 120%;}
#copy a {
color: #5f39a0;
}
footer li {
margin-bottom: 0.5em;
}
@media screen and (max-width: 60em) {
#menu {
display : none;
}
a {text-decoration: none; color: #b910bc;}
header {text-align: center; padding-bottom: 0.5em; }
#logo {float: none; text-align: center;}
#fon {float: left;}
#menu-mob{display:block;position: absolute; top: 1.2em; right: 1em; color:#fff;z-index: 30000;}
.sidenav{height:0;width:100%;position:fixed !important;z-index:31000000;top:0;right:0;background-color:#000;opacity:0.8;overflow-x:hidden !important;transition:0.5s;padding-top:0;margin-bottom:60px;}
.sidenav a {
padding : 8px 8px 8px 32px;
text-decoration : none;
font-size : 120%;
color : #fff;
display : block;
transition : 0.3s;
}
.sidenav a:hover, .offcanvas a:focus {
color : #f1f1f1;
background : none;
}
.sidenav .closebtn {
position : absolute !important ;
top : 0.5em;
right : 25px;
font-size : 36px;
margin-left : 50px;
}
#menu-mob ul {
list-style-type : none;
margin-bottom : 5%;
float : none;
}
#menu-mob li {
float : none;
margin : 0;
}
#menu-mob img {
position: absolute;
width : 3em;
top: 2em;
right : 10%;
z-index: 1000;
}
#content, #rechts {float:none; width: 100%; margin: 0 !important; font-size: 100%;}
.title {font-size: 120%;}
#rechts {width: 85%;}
#rechts ul {display: none;}
.item {width: 90%; display: block; }
.spend {float: none; margin-bottom: 0.5em;}
}