/* css-reset */
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}


*{margin:0;padding:0;border:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

@font-face {
  font-family: 'roboto';
  src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
       url('fonts/roboto-regular-webfont.woff') format('woff'),
       url('fonts/roboto-regular-webfont.ttf') format('truetype');
    font-weight: 400; /* entspricht font-weight: normal */
    font-style: normal;
}

@font-face {
  font-family: 'roboto';
  src: url('fonts/roboto-black-webfont.woff2') format('woff2'),
       url('fonts/roboto-black-webfont.woff') format('woff'),
       url('fonts/roboto-black-webfont.ttf') format('truetype');
    font-weight: 700; /* entspricht font-weight: bold */
    font-style: normal;
}

body{font-family:'roboto', Helvetica, Arial, Verdana, sans-serif;line-height:22px;font-size: 16px;font-weight: 400;text-align: center; color:#2B5773;}

/* #wrapper {display: none;} Elemente vor jQuery-Neuanordnung ausblenden */

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}

ul {list-style-type:none;}
hr {height:1px;clear:both;margin:20px 0px;color:#999;}
p {margin-bottom: 15px;}
a {text-decoration:none;color:#732838;outline: 0;}
a:hover {text-decoration:none;color:#666666;}
a:active {text-decoration: none;border: none;}
strong {font-weight: 700;color: #2B5773;}


#header h1 {color: #2B5773; font-size: 36px; line-height: 40px; margin-bottom: 30px;}
h1, h2 {color: #732838; text-transform: uppercase; font-weight: 700;font-size:36px;line-height: 40px; margin-bottom: 30px;}
h3, #cboxTitle, #main .columns-gallery a span {color: #2B5773;text-transform: uppercase; font-weight: 700;font-size:24px;line-height: 30px; margin-bottom: 20px;}
h4 {font-weight: 400;font-size:24px;line-height: 30px; margin-bottom: 30px;}
h1,h2,h3,h4,h5 {margin-top: 0;}

.clear{clear:both;}
.invisible{display:none;}

/* Animation */
#header.scrolled .inside,
#header.scrolled #logo,
#header.scrolled #logo img, 
#banner,
#main .linked,
#main .boxes.hover-boxes .block,
#main .columns-gallery a,
.formbody button.submit{
-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;}


#header {position: fixed;width: 100%;z-index: 100;top: 0;left: 0;background: none;}
#header .inside {background: rgba(255,255,255,0.5);margin-top: 75px;height: 150px;}
#header #logo {display: block;position: relative;}
#header #logo img {height: auto;width: 100%;display: block;margin: 0 auto;position: relative;
top: -70px;}

#header.scrolled .inside {background: rgba(255,255,255,1); margin-top: 0;height: 64px;}
#header.scrolled #logo img {width: 240px;top: 3px;}

#banner {opacity: 0; margin-bottom: 45px;width: 100%;}
#banner.bg-loaded {opacity: 1;}

#banner .row > div {padding: 45px 15px 15px 15px;background: rgba(255,255,255,0.7);}
#banner,
#banner .block,
#banner .block .container {height: 80vh;}
#banner .block {width: 100%;background-image: none; background-color: #F4F5F9;background-repeat: no-repeat;background-position: center center;background-attachment: scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#banner .block .container {overflow: hidden;} 
#banner .block .container .inner {text-align: left;padding-top: 250px;} 
#banner .block .container .inner strong,
#banner .block .container .inner span {font-size: 36px;line-height: 40px;font-weight: 400;} 


.slick-slider .slick-dots {bottom: 15px;font-size: 16px;line-height: 16px;list-style: none;margin: 0;position: absolute;text-align: center;width: 100%;z-index: 10;}
.slick-slider .slick-dots li {display: inline;}
.slick-slider .slick-dots li button {background: #fff;border: 1px solid #732838;height: 16px;margin: 0 3px;overflow: hidden;text-indent: -1000px;width: 16px;padding: 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.slick-slider .slick-dots li.slick-active button {background: #2B5773;border: 1px solid #2B5773;}


#main {margin-bottom: 80px;}
#banner ul, 
#main ul {}
#banner ul li, 
#main ul li {}

#main span {color: #732838;text-transform: uppercase;}

#main .mod_article {position: relative;margin-bottom: 45px;}
#main .mod_article > div {margin-bottom: 40px;}


/* Sonderelemente START */
#main .ce_form {background: #E9ECF2;padding: 15px;margin-left: 5px; margin-right: 5px;}

#main .boxes .row > div {margin-bottom: 10px;overflow: hidden;}
#main .ce_form fieldset,
#main .boxes .inner {background: #fff;border: 1px solid #732737;height: 100%;}
#main .ce_form,
#main .boxes .inner {position: relative;padding: 15px;margin-bottom: 10px;}
#main .boxes .boxcolor01 .inner {background: #D3D5DF;border: none;}
#main .boxes.hover-boxes .block:hover {opacity: 0.6;}
#main .linked:hover,
#main .columns-gallery a:hover {opacity: 0.6;cursor: pointer;}
#main .bg-color01 {padding-top: 45px;padding-bottom: 45px;background-color: rgba(211,213,223,0.2);}
/* Sonderelemente ENDE */

#main .ce_headline {padding-left: 15px;padding-right: 15px;clear: both;}
#main .row .ce_headline {flex-basis: 100%;}

#main .columns-gallery a {display: block;height: 100%;background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-color: transparent; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#main .boxes.columns-gallery .row > div {overflow: hidden;height: 230px;}
#main .boxes.columns-gallery .inner {background: #ccc;border: none;height: 100%;padding: 0;position: relative;}
#main .boxes.columns-gallery a span,
#cboxTitle {position: absolute;left: 0;top: 0;background: rgba(255,255,255,0.5); width: 100%; padding: 20px 0 15px 0;}

#main .ce_form .formbody input.text, 
#main .ce_form .formbody select, 
#main .ce_form .formbody textarea {border: none;}
#main .ce_form .formbody input.text, 
#main .ce_form .formbody select {line-height: 30px;height: 30px;}

.formbody input,
.formbody select,
.formbody textarea {width: 100%;text-align: center;}
.formbody input.text,
.formbody select,
.formbody textarea {border: 1px solid #2B5773;margin-bottom: 15px;background: #fff;display: inline-block;padding: 3px 6px;}
.formbody input.radio, 
.formbody input.checkbox {vertical-align: middle;margin: 0 3px 0 0;width: auto;font-family: inherit;font-size: 99%;font-weight: inherit;}
.formbody label {display: none; vertical-align: middle;margin-bottom: 2px;}
.formbody label a {text-decoration: underline;}
.formbody .widget-checkbox label {}
.formbody table {width: 100%;}
.formbody td, 
.formbody th {vertical-align: top;}
.formbody fieldset {border: none;margin: 0;padding: 20px 20px 25px 20px;margin-bottom: 20px;}
.formbody fieldset input,
.formbody fieldset label {display: inline;text-transform: none;color: #2B5773;}

.formbody legend {font-weight: 300;padding: 0;}
.formbody fieldset.checkbox_container span {display: inline;}
.formbody .col_0 {text-align: right;padding-right: 15px;}
.formbody .widget-submit {text-align: right;}
.formbody button.submit {text-transform: uppercase;cursor: pointer;color: #2B5773;background: #D3D5DF;-webkit-appearance: none;font-size: inherit;padding: 6px 20px;width: 100%;}
.formbody button.submit:hover{opacity: 0.5;}

.formbody .widget {margin-bottom: 15px;}
.formbody input.error {border-color: #ff0000;}
.formbody p.error {color: #ff0000;margin-bottom: 0 !important;font-weight: 400;font-size: 14px;}

.formbody .contactform-message {background: #f00;color: #fff;padding: 10px 20px;margin-bottom: 20px;}
.formbody .contactform-message.success {background: #0c0;}


#footer {background: #DDCBCD;text-align: left;padding-top: 20px;}
#footer .upper {padding-bottom: 20px;}
#footer .below {text-align: center;background: #fff;padding: 40px 0 30px 0;}
#footer a {color: #2B5773;}
#footer a:hover {color: #732838;text-decoration: none;}
#footer p span {color: #732838;text-transform: uppercase;}
#footer li {display: block;line-height: 26px;}


@media screen and (max-width:1400px) {

}

@media screen and (max-width:1200px) {
    #header .inside {margin-top: 35px;height: 70px;}
    #header #logo img {width: 500px;top: -30px;}
}

@media screen and (max-width: 991px) { 

}

@media screen and (max-width: 767px) { 
	.container {padding-left: 15px;padding-right: 15px;}
    #banner, #banner .block, #banner .block .container {height: 180px;}
    #banner .block .container .inner {display: none;}
	body {font-size: 14px;line-height: 20px;}
	h1, h2 {font-size: 32px;line-height: 38px;}
    #header .inside {margin-top: 18px;height: 36px;}
    #header #logo img {width: 250px;top: -16px;}
}

@media screen and (max-width: 540px) { 
	
}


/* BOOTSTRAP-GRID */
.container{margin-right:auto;margin-left:auto;padding-left:5px;padding-right:5px}
.row {display: flex;flex-wrap: wrap;}
.inner {margin: 0 5px;}
.col-lg-4 {flex-basis: 33.33%;}
.col-xs-6 {flex-basis: 50%;}
.col-lg-12,
.col-xs-12 {flex-basis: 100%;}

@media(min-width:768px){
	.container{width:750px}
    .col-sm-4 {flex-basis: 33.33%;}
    .col-sm-6 {flex-basis: 50%;}
    .col-sm-8 {flex-basis: 66.66666667%;}
}
@media(min-width:992px){
	.container{width:970px}
    .col-md-4 {flex-basis: 33.33%;}
    .col-md-6 {flex-basis: 50%;}
    .col-md-8 {flex-basis: 66.66666667%;}
}
@media(min-width:1200px){
	.container{width:1170px}
}

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}#cboxWrapper {max-width:none;}#cboxOverlay{position:fixed; width:100%; height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.*/
#cboxOverlay{background:#2B5772; opacity: 0.8; filter: alpha(opacity = 80);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:0;}
        #cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:0; left:0;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(img/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/* Slick-Slider */
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}