/* General */
* {box-sizing:border-box;}
html {height:100.2%;}
body {margin:0; background:url(../Images/bg.jpg) repeat; font-family:OpenSansRegular,Verdana,Arial,sans-serif;}
img {border:none;}
div, p, li, th, td, dt, dd {font-size:16px; line-height:1.4; color:#fff;}
th, td {vertical-align:top;}
hr {height:0; border-style:none none solid none; border-width:1px; border-color:#999;}
.highlight {color:#f2ec93;}
textarea:focus,
input:focus {outline-color:#f2ec93;}
/* Overall layout */
ul#skipnav {display:none;}
div#topbox {max-width:1180px; margin:0 auto 0 auto; text-align:left; overflow:hidden;}
nav#topnav {padding-left:4%; margin-top:40px; width:100%; overflow:hidden; box-sizing:border-box;}
div#contenthead {max-width:1180px; padding: 0 15px 20px; margin:0 auto 0 auto; text-align:left; overflow:hidden; box-sizing:content-box;}
div#contentmain {max-width:1180px; padding: 0 15px; margin:25px auto 35px auto; text-align:left; overflow:hidden; box-sizing:content-box;}
footer {text-align:center; background-color:#517384; border-bottom:solid 5px #69899d;}
div#footerbox {max-width:1180px; padding:35px 4px 35px 4px; margin:0 auto 0 auto; text-align:left; overflow:hidden;}
/* layout2 */
/* body#layout2 div#col-1 {display:block;}
body#layout2 div#col-2 {float:left; width:75%;} */
/* grids */
div.cols-2-inner {overflow:hidden;}
div.cols-2-inner div.cols-2-inner-left {float:left; width:47.5%; margin-right:5%;}
div.cols-2-inner div.cols-2-inner-right {float:left; width:47.5%;}
div.cols-3-inner {overflow:hidden;}
div.cols-3-inner div.csc-default {margin:0 !important;}
div.cols-3-inner div.cols-3-inner-left {float:left; width:30%;}
div.cols-3-inner div.cols-3-inner-middle {float:left; width:30%; margin:0 5%;}
div.cols-3-inner div.cols-3-inner-right {float:left; width:30%;}
/* Top box */
div#topbox a#homelink img {width:100%; height:auto;}
div#topbox a#homelink {display:block; margin:15px auto 0; width:435px; height:126px; text-decoration:none;}
nav#topnav ul#firstlvl {margin:0 auto; display:inline; list-style:none; margin:0; padding:0;}
nav#topnav ul li {display:inline;}
nav#topnav ul li a {display:block; height:30px; float:left; padding-top:17px; line-height:26px; text-align:center; font-size:20px; color:#5c7f90; text-decoration:none; font-family:ComicRelief,Comic Sans MS,Verdana,Arial,sans-serif;}
nav#topnav ul li a:hover {color:#7195a6;}
nav#topnav ul li.first a {margin-right:40px; width:134px; height:53px; background:url(../Images/men-1.png) no-repeat;}
nav#topnav ul li.second a {margin-right:40px; width:147px; height:53px; background:url(../Images/men-1.png) -177px 0 no-repeat;}
nav#topnav ul li.third a {margin-right:40px; width:152px; height:53px; background:url(../Images/men-1.png) -366px 0 no-repeat;}
nav#topnav ul li.fourth a {margin-right:40px; width:135px; height:53px; background:url(../Images/men-1.png) -557px 0 no-repeat;}
nav#topnav ul li.fith a {margin-right:40px; width:146px; height:53px; background:url(../Images/men-1.png) -739px 0 no-repeat;}
nav#topnav ul li.sixth a {margin-right:40px; width:150px; height:53px; background:url(../Images/men-1.png) -914px 0 no-repeat;}
nav#topnav ul li.act a {color:#7195a6;}
nav#topnav ul li ul.topnavsub {display:none;}
nav#topnav ul li ul li ul.topnavsubsub {display:none;}
nav#topnavmobil {display:none;}
/* Slider/Picture */
div#contenthead img {overflow:visible; box-sizing:border-box; border:solid 4px #fff;
-webkit-box-shadow: 6px 8px 13px -1px rgba(0,0,0,0.28);
-moz-box-shadow: 6px 8px 13px -1px rgba(0,0,0,0.28);
box-shadow: 6px 8px 13px -1px rgba(0,0,0,0.28); line-height:0;}
/* Breadcrumb*/
div#breadcrumb {margin-bottom:12px; padding:0 0 0 0; font-size:11px; line-height:14px; color:#fff;}
div#breadcrumb a {font-size:11px; color:#505e6c; text-decoration:none;}
div#breadcrumb a:hover {text-decoration:underline;}
/* main */
#contentmain.col-1 div#col-2 {width:100%;}
/* content images */
#contentmain .ce-intext .ce-gallery {margin-top:6px;}
#contentmain .ce-intext .ce-gallery[data-ce-images="1"] {margin-bottom:0;}
#contentmain .ce-textpic .ce-border img {border:none;}
#contentmain .frame-type-textmedia .ce-outer,
#contentmain .frame-type-textmedia .ce-inner {position:static; float:none;}
#contentmain .frame-type-textmedia .ce-column {float:none;}
/* left */
div#col-1 {float:left; padding-left:0; width:22%; margin-right:3%;}
div#col-1 nav#subnav ul {padding:3% 3% 3% 3%; margin:0; background-color:#fff;
-webkit-box-shadow: 6px 8px 13px -1px rgba(0,0,0,0.28);
-moz-box-shadow: 6px 8px 13px -1px rgba(0,0,0,0.28);
box-shadow: 6px 8px 13px -1px rgba(0,0,0,0.28); list-style-type:none;}
div#col-1 nav#subnav ul li {color:#000; border-bottom:dashed 1px black;}
div#col-1 nav#subnav ul li a {display:block; padding:12px 0 12px 30px; text-decoration:none; color:#5c7f90; font-size:16px; background:url(../Images/subdot.png) 0 10px no-repeat;}
div#col-1 nav#subnav ul li:last-child {border-bottom:none;}
div#col-1 nav#subnav ul li a:hover {color:#3e3e3e;}
div#col-1 nav#subnav ul li.act a {color:#5c7f90; font-weight:bold;}
div#col-1 nav#subnav ul li ul {box-shadow:none; background-color:none;}
div#col-1 nav#subnav ul li ul li {border:none;}
div#col-1 nav#subnav ul li ul li a {background:none; font-size:14px; padding:0 0 0 35px; margin-bottom:12px; font-weight:normal !important;}
div#col-1 nav#subnav ul li ul li a:hover {color:#000;}
div#col-1 nav#subnav ul li ul li.act a {font-weight:bold !important;}
/* Content */
div#col-2 {float:left; width:75%;}
div#col-2 h1 {margin:0 0 15px 0; font-size:30px; line-height:34px; font-weight:normal; color:#fff; font-family:ComicRelief, Comic Sans MS, sans-serif;}
div#col-2 h2 {margin:0 0 15px 0; font-size:20px; line-height:24px; font-weight:normal; color:#f3ee93;}
div#col-2 h3 {font-size:12px;}
div#col-2 p {margin:0 0 10px 0; font-size:16px; line-height:22px;}
div#col-2 p.bodytext {margin:0 0 10px 0;}
div#col-2 li {font-size:16px; line-height:22px; list-style-image:url(../Images/dot.png);}
div#col-2 th, div#col-2 td {font-size:16px;}
div#col-2 dd, div#col-2 dt {font-size:12px;}
div#col-2 form fieldset {border:none;}
div#col-2 form legend {display:none;}
div#col-2 form label {font-size:14px;}
div#col-2 form div.csc-mailform-field {clear:left; margin-bottom:5px;}
div#col-2 form div.csc-mailform-field label {display:block; float:left; width:175px;}
div#col-2 form div.csc-mailform-field input {width:300px;}
div#col-2 form div.csc-mailform-field input.csc-mailform-check {width:auto;}
div#col-2 form div.csc-mailform-field textarea {width:300px;}
div#col-2 form div.csc-mailform-field input.csc-mailform-submit {float:right; clear:both; width:100px;}
div#col-2 a {color:#f3ee93; text-decoration:none;}
div#col-2 a:hover {text-decoration:underline;}
div#col-2 .csc-textpic-imagewrap {padding:0 5px 2px 0;}
div#col-2 div.csc-frame-indent3366 {margin-left:165px;}
div#col-2 div.csc-frame-rulerBefore {height:10px; border-top:solid 1px #505e6c;}
div#col-2 div.csc-frame-rulerAfter {height:10px; border-bottom:solid 1px #505e6c;}
div#col-2 tent span.Anmerkung {font-size:9px; color:#999;}
div#col-2 img {border: 4px solid #fff;}
/* powermail */
.tx-powermail {margin-top:20px;}
.tx-powermail form > h3 {display:none;}
.tx-powermail fieldset {padding:0; margin:0; border:none;}
.tx-powermail .flex-container {display:flex; flex-wrap:wrap; justify-content: space-between;}
.tx-powermail .flex-container > legend {display:none;}
.tx-powermail label {display:block; margin-bottom:4px; font-family:OpenSansRegular,Verdana,Arial, sans-serif; color:#fff;}
/* fields */
.powermail_fieldwrap {margin-bottom:15px;}
.powermail_fieldwrap_type_input,
.powermail_fieldwrap_type_select {width:48%;}
.tx-powermail .layout1,
.powermail_fieldwrap_type_check,
.powermail_fieldwrap_type_radio,
.powermail_fieldwrap_type_textarea,
.powermail_fieldwrap_type_submit,
.powermail_fieldwrap_type_text {width:100%;}
.powermail_fieldwrap_type_text {margin-top:10px;}
.powermail_fieldwrap input[type="number"],
.powermail_fieldwrap input[type="email"],
.powermail_fieldwrap input[type="text"],
.powermail_fieldwrap textarea,
.powermail_fieldwrap select {width:100%;}
.powermail_fieldwrap input[type="number"],
.powermail_fieldwrap input[type="email"],
.powermail_fieldwrap input[type="text"],
.powermail_fieldwrap select,
.powermail_fieldwrap textarea {height:35px; padding:0 10px; color:#333333; border:solid 1px #cbcbcb; font-size:14px; color:#000;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1); font-family:OpenSansRegular,Verdana,Arial,sans-serif;}
.powermail_fieldwrap textarea {padding:10px 15px; height:200px; resize: none;}
.powermail_fieldwrap_type_submit input {background-color:#f2ec93; color:#5c7f90; padding:10px 10px; font-size:14px;
transition: background 0.2s ease; border:none; cursor:pointer;}
.powermail_fieldwrap_type_submit input:hover {background-color:#5c7f90; color:#fff;}
.powermail_fieldwrap_type_radio .radio label {display:flex; align-items: center;}
.powermail_fieldwrap input[type="radio"] {width:15px; height:15px; border:solid 1px #cbcbcb; margin:0 5px 0 0; border-radius:100%;}
.powermail_fieldwrap_type_check .powermail_checkbox {float:left; width:15px; height:15px; margin:3px 8px 0 0;}
.powermail_fieldwrap_type_check .powermail_checkbox + label {display:flow-root;}
/* special */
.powermail_fieldwrap_datenschutz > label {display:none;}
.powermail_fieldwrap_datenschutz input[type="checkbox"] {margin-left:0;}
/* powermail errors */
#contentmain .parsley-errors-list {padding:0; margin:0; list-style-type: none;}
#contentmain .parsley-errors-list li {padding:6px 10px; background-color:#c30000; color:#fff; font-size:12px; line-height:14px; list-style-image:none;}
/* Footer */
footer h3 {margin:0; font-size:18px; font-weight:normal; color:#fff; font-family:ComicRelief, Comic Sans MS, sans-serif;}
footer p {font-size:14px; line-height:1.4;}
footer a {color:#f2ec93; text-decoration:none;}
footer a:hover {text-decoration:underline;}
footer .csc-textpic-intext-left-nowrap p {margin-top:0 !important;}
footer .frame-type-menu_subpages ul {overflow:hidden; margin:15px 0 0 0; padding:0 0 0 15px;}
footer .frame-type-menu_subpages ul li {float:left; width:45%; list-style-image:url(../Images/dot.png);}
footer .frame-type-menu_subpages ul li a {display:block; padding:0; margin-bottom:10px; font-size:14px; line-height:16px; text-decoration:none; color:#fff;}
footer .frame-type-menu_subpages ul li a:hover {text-decoration:underline;}
footer .cols-3-inner-left .ce-textpic.ce-left .ce-bodytext p {margin:0;}
/* Media queries */
@media only screen and (max-width:1200px) {
#contentmain .ce-image.ce-above img,
#contentmain .ce-image.ce-below img,
#contentmain .ce-textpic.ce-below img,
#contentmain .ce-textpic.ce-above img {width:100%; height:auto;}
}
@media only screen
and (max-width : 1170px) {
#wrapper > header, #wrapper > main {padding:0 3%;}
div#contenthead img {width:100%; height:auto;}
div#topbox {position:relative; padding:3% 0 0 0;}
div#topbox nav#topnav {padding:0;}
div#topbox nav#topnav ul li a {padding:1% 2.3%; margin-right:2%; width:auto; height:auto; font-size:20px; line-height:20px; font-weight:normal; background:none; background-color:#f2ec93;
-moz-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(175deg, 0deg);
-webkit-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(175deg, 0deg);
-o-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(175deg, 0deg);
-ms-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(175deg, 0deg);
transform: scale(1) rotate(360deg) translate(20px, 0px) skew(175deg, 0deg);
}
div#contenthead, div#contentmain {padding-left:0; padding-right:0;}
div#footerbox {padding-left:3%; padding-right:3%;}
}
@media only screen
and (max-width : 1024px) {
div#topbox nav#topnav ul li a {padding:1% 1.5%; font-size:17px;}
div#topbox a#homelink {width:50%; height:auto; margin-top:0;}
div#col-1 {width:30%;}
div#col-2 {width:67%;}
}
@media only screen and (max-width:991px) {
/* images */
#contentmain .ce-intext .ce-gallery {max-width:250px; height:auto;}
#contentmain .ce-intext .ce-gallery figure {display:block;}
#contentmain .ce-intext .ce-gallery img {width:100%; height:auto;}
#contentmain .ce-intext .ce-gallery .ce-column:not(:last-child) {margin-bottom:10px;}
}
@media only screen
and (max-width:767px) {
div#contenthead h2 {margin:2% 0; font-size:22px;}
div#contenthead p {font-size:16px; line-height:20px;}
div#contentmain {margin-top:2%;}
nav#topnav {display:none;}
nav#topnavmobil {display:inline; clear:both; margin:0 0 0 0; padding:0; width:100%;}
nav#topnavmobil div.menuopen {display:block; float:right; margin:2% 0; padding: 6px 0; width:100px; background-color:#f3ee93; text-decoration:none; color:#517384; text-align:center; line-height:30px; font-size:18px; cursor:pointer;}
nav#topnavmobil ul#firstlvlmobil {display:none; clear:both; margin-bottom:3%; padding:0 0 0 0; list-style:none; background-color:#90b4c7;}
nav#topnavmobil ul#firstlvlmobil li {display:block; border-bottom:solid 1px #5b646a;}
nav#topnavmobil ul#firstlvlmobil li a {float:none; display:inline-block; padding:18px 0 18px 2%; font-size:16px; font-weight:bold; text-decoration:none; color:#6f777e;}
nav#topnavmobil ul#firstlvlmobil li:last-child {border-bottom:none;}
nav#topnavmobil ul#firstlvlmobil li a:hover {text-decoration:underline;}
nav#topnavmobil ul#firstlvlmobil li span.plus {display:inline-block; float:right; height:54px; width:70px; color:#fff; background:url(../Images/arrow-menu.png) center #789aab no-repeat;}
nav#topnavmobil ul#firstlvlmobil li.act a {}
nav#topnavmobil ul#firstlvlmobil li ul.topnavsub {display:none; margin:2% 0; padding-left:3% !important;}
nav#topnavmobil ul#firstlvlmobil li ul.topnavsub li span.plus {height:45px; width:55px;}
nav#topnavmobil ul#firstlvlmobil li ul.topnavsub li a {width:75%; font-size:14px; padding:13px 0 14px 2%; font-weight:normal; background-color:transparent; color:#6f777e;}
nav#topnavmobil ul#firstlvlmobil li ul.topnavsub li a:hover {}
nav#topnavmobil ul#firstlvlmobil li ul.topnavsub li.act a {}
nav#topnavmobil ul#firstlvlmobil li ul li ul.topnavsubsub {display:none; padding-left:4%;}
nav#topnavmobil ul#firstlvlmobil li ul.topnavsub {padding:0;}
nav#subnav{display:none;}
div#col-1 {display:none;}
div#col-2 {width:100%;}
div#col-2 h1 {padding:0;}
#contentmain .ce-intext .ce-gallery {max-width:200px; height:auto;}
div.cols-2-inner div.cols-2-inner-left,
div.cols-2-inner div.cols-2-inner-right {width:100%; float:none; margin:0 0 5% 0;}
div#footerbox nav#metanav ul li {float:none;}
div#footerbox nav#metanav ul li a {display:block; padding:15px 0; margin:0; border-bottom:solid 1px #000; text-align:center;}
div#footerbox nav#metanav ul li:last-child a {border-bottom:none;}
}
@media only screen and (max-width : 640px) {
.powermail_fieldwrap_type_input, .powermail_fieldwrap_type_select {width:100%;}
div.cols-3-inner {margin-bottom:20px;}
div.cols-3-inner div.cols-3-inner-left,
div.cols-3-inner div.cols-3-inner-middle,
div.cols-3-inner div.cols-3-inner-right {width:100%; float:none; margin:0 0 5% 0;}
}
@media only screen and (max-width : 480px) {
div#topbox a#homelink {width:100%; margin-top:2.5%;}
div#contenthead p {display:none;}
/* images */
#contentmain .ce-intext .ce-gallery {float:none; width:100%; max-width:none; margin:10px 0 !important;}
#contentmain .ce-intext .ce-gallery img {width:100%; height:auto;}
#contentmain .ce-below .ce-gallery,
#contentmain .ce-above .ce-gallery {width:100%;}
/* #maincol .ce-below .ce-gallery img,
#maincol .ce-above .ce-gallery img {width:100%; height:auto;} */
#contentmain .ce-textpic .ce-outer
#contentmain .ce-textpic .ce-inner {position:static; float:none;}
}
@media only screen and (max-width : 320px) {
div#topbox a#homelink {margin-top:4%;}
div#contenthead h2 {margin:2% 0; font-size:16px; line-height:22px;}
}