@media screen, projection {
/* Webfont Roboto:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
Use - font-family: 'Roboto', sans-serif;
*/
/* -- GENERAL REDECLARATIONS ---------------------------------------- */
* {margin:0; padding:0;}
body {text-align:center;}
body, tr,
td, input,
select, textarea {font:normal 16px Verdana, Arial, Helvetica, sans-serif;}
a:link,a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}
ul, ol {margin:0 0 10px 25px;}
dl {margin:0 0 10px;}
dt {font-weight:bold;}
dd {margin:0 0 3px 10px;}
p {margin:0 0 15px;}
h1 {font-size:20px; margin:0 0 12px; }
h2 {font-size:16px; margin:8px 0; }
h3 {font-size:13px; margin:6px 0 5px; }
h4 {font-size:11px; margin:4px 0;}
h5 {font-size:9px; margin:3px 0;}
hr {display:none;}
img {border:none;}
acronym {border-bottom: 1px dotted;}
blockquote {margin:0 25px 20px 25px; font-style:italic;}
table td { vertical-align:top; }

#wrapper { width:1196px; margin: 35px auto 10px; position:relative; }
#content_top_left { width:123px; height:73px; position:absolute; top:234px; left:289px; z-index:5;}
#header_menu { width:100%; height:335px; position:absolute; z-index:10;}
#header_menu_responsive { display: none; width:100%; height:335px; position: absolute; background: url(header_menu_responsive.png) no-repeat; background-size: contain; }
#left_menu { width: 258px !important; width/**/:296px; height:251px; padding-left:18px; padding-right:20px; position:absolute; top:301px; left:0px; z-index:15; background:url(menu_left.png); text-align:left; }
#left_menu a {color: #ffffff; font-family: 'Roboto', sans-serif; text-decoration: none; font-size: 14px; }
#left_menu a:hover, #left_menu .menu_act a {color: #d2f7aa;}
#left_menu .menu_l2 { margin-left:7px; }
#left_menu .menu_l2 a { font-size:16px; }
#header { width:100%; height:238px; }
#content { width:100%; }
#content_minheight { float:right; width:0px; height:300px;}
#content_pic { width:960px !important; width/**/: 966px; height:678px !important; height/**/: 684px; border: 3px solid white; margin-left/**/:230px; }
#content_content { width:801px !important; width/**/: 966px; padding: 113px 70px 70px 90px; margin-left/**/:230px; border: 3px solid white; text-align:left;}
#cont {float:left;}
#content_clearer { clear:both; height:0px; line-height:0; }
#footer { width:100%; height:17px; font-size:12px; margin-top:7px; }
#copyright { float:left; width:400px; padding-left:3px; text-align:left; }
#design { float:right; width:200px; padding-right:3px; text-align:right; }

.tx-powermail { max-width: 100% !important; margin: 0px auto; }
.tx-powermail h3 {display:none;}
.tx-powermail fieldset {border:none; }
.powermail_legend { display: none; }

.tx-powermail .powermail_label {clear:left; float:left; width:200px; text-align:right; margin-right:15px; margin-top:3px; margin-bottom: 14px; }
.tx-powermail .powermail_field { float:left; width:345px; }
.tx-powermail .powermail_fieldwrap_type_text .powermail_field { width: 100%; margin-bottom: 24px; }
.tx-powermail input, .tx-powermail textarea, .tx-powermail select { padding: 3px 5px; border: 1px solid #a8a8a8; border-radius:4px; background: #f2f2f2; width:345px; margin-bottom:12px; transition:background-color 0.5s ease;}
.tx-powermail input:hover, .tx-powermail input:focus, .tx-powermail textarea:hover, .tx-powermail textarea:focus, .tx-powermail select:hover, .tx-powermail select:focus {background:#ffffff;}
.tx-powermail .powermail_radio { width: auto !important; margin-bottom: 0px; }
.tx-powermail .radio label { float: left; padding-bottom: 6px; padding-left: 20px; text-indent: -20px; }
.tx-powermail textarea { resize:none; }
.tx-powermail .mandatory { color: #6f6f6f; }
.powermail_submit { margin:15px 0px 10px 215px; cursor: pointer; cursor: hand; width: 357px !important; }

.parsley-errors-list li { list-style:none !important; font-size:13px; color:#650433; font-weight: bold; margin-left:-16px; }

.csc-uploads-fileName { padding-left: 13px; background: url(pics/aufzaehlung.gif) no-repeat 0px 6px; }
.csc-uploads-fileSize { padding-left: 5px; vertical-align: top; }
.csc-uploads-description { margin-top: -12px; font-style: italic;}

/* wbresponsive */
.wb-responsive { display: none; }
.wb-bar { background: #DDE8F0; position: fixed;	left: 0; width: 100%; z-index: 99999; }
.wb-bar-inner {	padding: 4px 10px; }
.wb-bar.bar-top { top: 0; }
.wb-bar .wb-button { width: 54px; height: 32px; display: block;	cursor: pointer; }
.wb-bar .wb-button.btn-menu { width: 44px; float: left;	background: url(menuresponsive_burger.png) no-repeat; background-size: 38px 28px; margin-top:-1px; }
.wb-bar .wb-label {	margin-left: 3px; margin-top: 1px; float: left; font-size: 18px;  }
.wb-bar .wb-label a { color: #4f586f; text-decoration: none; }
.wb-bar .wb-label .lbl-title { color: #6d7174; text-decoration: none; }
.wb-bar.bar-bottom { bottom: 0; border-top: 1px solid #dbdae2; }
.wb-bar.bar-bottom .wb-bar-inner { padding: 3px 10px; }
.wb-bar.bar-bottom .wb-social-icon.wb-back-to-top {	background: url(menuresponsive_back_to_top.png) no-repeat; float: right; margin-right: 0px; background-size: 20px 20px; height: 20px; width: 20px; }
.wb-content-wrapper { width: 100%; position: fixed; top: 35px; left: 0;	z-index: 999; }
.wb-content-wrapper ul { margin-left: 0px; }
.wb-content-wrapper ul ul { margin-left: 15px; }
.wb-content-wrapper li { margin-bottom: 0px !important; text-align: left; }
.wb-content-wrapper .wb-content { display: none; }
.wb-content-wrapper .wb-content.cnt-menu.open {	display: block; }
.wb-content-wrapper .wb-content.cnt-menu { width: 50%; }
.wb-content-wrapper .wb-content.cnt-menu { position: absolute; right: 0; left: auto; background: #2c3240; }
.wb-content-wrapper .wb-content.cnt-menu { left: -50%; right: auto; }
.wb-content-wrapper .wb-content.cnt-menu .wb-responsive-menu { overflow-y: scroll; }
.wb-content-wrapper .wb-content.cnt-menu .wb-responsive-menu::-webkit-scrollbar { display: none; }
.wb-content-wrapper .wb-content.cnt-menu .wb-responsive-menu li { border-bottom: 1px solid #383e4c; position: relative; }
.wb-content-wrapper .wb-content.cnt-menu .wb-responsive-menu li a {	color: #fff; text-decoration: none; display: block; padding: 10px 40px 10px 10px; }
.wb-content-wrapper .wb-content.cnt-menu .wb-responsive-menu li.active > a { background: #17222C; }
.wb-content-wrapper .wb-content.cnt-menu .wb-responsive-menu li ul.level-2 { display: none;	margin-left: 10px; }
.wb-content-wrapper .wb-content.cnt-menu .wb-responsive-menu .level-2 li.last {	border-bottom: none; }
.wb-content-wrapper .wb-content.cnt-menu .wb-responsive-menu li .wb-view-more,
.wb-content-wrapper .wb-content.cnt-menu .wb-responsive-menu li.active .wb-view-more { width: 40px; height: 40px; position: absolute; top: 0; right: 0; cursor: pointer; background: url(menuresponsive_arrow.png) 17px 7px no-repeat; }
.wb-content-wrapper .wb-content.cnt-menu .wb-responsive-menu li .wb-view-more.opened { background-position: -25px 18px; }

}

@media only screen and (max-width: 1255px) { /*1100px*/
 .wb-responsive { display: block !important; } 
 #wrapper { width: 95%; margin: 45px auto 30px; }
 #content_top_left, #left_menu, #header_menu { display: none; }
 #header_menu_responsive { display: block; }
 #content_pic { margin-left: 0px; width: 100% !important; height: auto !important; border: 0px; border-top: 3px solid white; border-bottom: 3px solid white; line-height: 0; }
 #content_pic img { width:100%; height: auto; }
 #content_content { margin-left: 0px; width: 90% !important; width/**/: 100%; height: auto !important; border: 0px; border-top: 3px solid white; border-bottom: 3px solid white; padding: 80px 5% 20px; }
 .powermail_fieldwrap_type_submit .powermail_submit { float:none; }
 .ce-gallery img { max-width: 100%; height: auto; }
}

@media only screen and (max-width: 1100px) { /*900px*/
 #header { height: 200px; }
}

@media only screen and (max-width: 900px) { /*735px*/
 #header { height: 165px; }
}

@media only screen and (max-width: 735px) { /*680px*/
 #header { height: 135px; }
}

@media only screen and (max-width: 680px) { /*600px*/
 .tx-powermail .powermail_label { width: 30%; }
 .tx-powermail .powermail_field { width: 55%; }
 .tx-powermail input, .tx-powermail textarea, .tx-powermail select { width: 100%; }

}

@media only screen and (max-width: 600px) {
 #header { height: 110px; }
}