body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mod_navigation.dropdown {
    overflow: visible;
}
.mod_navigation li.mm_container > a, .mod_navigation li.mm_container > span, .mod_navigation li.mm_container > strong {
    position: relative;
}
.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover > a:after, .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover > strong:after, .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive > a:after, .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive > strong:after {
    /* hide (overlay)border bottom of main menu */
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 3px;
    background-color: #F4F2F0;
    z-index: 110;
}
.mod_navigation li.mm_container .mm_dropdown {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
}
.mod_navigation li.mm_container .mm_dropdown > .inner {
    padding: 1rem 2rem;
    border: 1px solid #E5DFDC;
    background-color: rgba(244, 242, 240, 0.95);
    overflow: hidden;
}
.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover .mm_dropdown, .mod_navigation li.mm_container.mm_container_onClickOnly .mm_isActive ~ .mm_dropdown {
    display: block;
}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#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}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.padding_bottom_20 {
	padding-bottom: 20px;
}

.padding_bottom_30 {
	padding-bottom: 30px;
}

figure img {
  display: block;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}



/* Style sheet Navigation */
#header .mod_navigation {
    font-family:dinot-medium;
    color:#fff;
}
#header .mod_navigation .level_1 {
}

#header .mainmenu ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

#header .mod_navigation a,
#header .mod_navigation strong {
    display:block;
    font-size:20px;
    text-decoration:none;
    color:#f2f2f2;
    font:16px 'dinot-medium','Puritan',sans-serif;
}
#header .mod_navigation .last a,
#header .mod_navigation .last strong {
    padding-right:.4em;
}
#header .mod_navigation .active,
#header .mod_navigation .trail {
    color:#e2001a;
}

#header .mod_navigation a:hover {
    color:#5FA3AD;
}


#header .mod_navigation .level_2 {
    width:0;
    height:0;
    left:-32768px;
    position:absolute;
    overflow:hidden;
    display:inline;
    top:-32768px;
}
#header .mod_navigation .level_2 li {
    clear:both;
}
#header .mod_navigation ul .level_2 {
    width:auto;
    height:auto;
    min-width:7em;
    min-height:2em;
    background-color:#e2001a;
}
#header .mod_navigation li:hover .level_2,
#header .mod_navigation li:focus .level_2 {
    width:auto;
    height:auto;
    left:auto;
    top:auto;
    overflow:auto;
    display:block;
    background-color:#45647b;
    -webkit-box-shadow:1px 1px 3px 1px rgba(51,50,50,.6);
    box-shadow:1px 1px 3px 1px rgba(51,50,50,.6);
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    overflow-x: hidden;
    z-index:1000;
}
#header .mod_navigation .level_2 a,
#header .mod_navigation .level_2 strong {
    min-width:6em;
    display:block;
    margin-top:0;
    margin-bottom:.1em;
    padding:.2em .8em;
    font-size:1.4375;
    color:#fff;
}
#header .mod_navigation .level_2 a:hover {
    width:100%;
    background-color:#2e404d;
    color:#e2001a;
}
#header .mod_navigation .level_2 .active {
    background-color:#000;
    color:#ba252a;
}
#header .mod_navigation .level_2 a,
#header .mod_navigation .level_2 strong {
    padding-top:.5em;
    padding-bottom:.5em;
}
.mobilnavi {
    display:none;
}
#header .mod_navigation .level_2 li {
    width:100%;
}


.cookiebar button:hover {
    background-color:#45647b;
}
.cookiebar button {
    background-color:#e2001a;
}
.cookiebar {
    font-size: 11px;
}

/* basic.css */
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
pre,
code,
ol,
ul,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea {
    *margin:0;
    *padding:0;
}
@font-face {
    font-family: 'dinot';
        src: url('/files/fonts/dinot.eot'); /* IE9 Compat Modes */
        src: url('/files/fonts/dinot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/files/fonts/dinot.woff2') format('woff2'), /* Modern Browsers */
            url('/files/fonts/dinot.woff') format('woff'), /* Modern Browsers */
            url('/files/fonts/dinot.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/files/fonts/dinot.svg') format('svg'); /* Legacy iOS */
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'dinot-medium';
        src: url('/files/fonts/dinot-medium.eot'); /* IE9 Compat Modes */
        src: url('/files/fonts/dinot-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/files/fonts/dinot-medium.woff2') format('woff2'), /* Modern Browsers */
            url('/files/fonts/dinot-medium.woff') format('woff'), /* Modern Browsers */
            url('/files/fonts/dinot-medium.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/files/fonts/dinot-medium.svg') format('svg'); /* Legacy iOS */
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'dinot-black';
        src: url('/files/fonts/dinot-black.eot'); /* IE9 Compat Modes */
        src: url('/files/fonts/dinot-black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/files/fonts/dinot-black.woff2') format('woff2'), /* Modern Browsers */
            url('/files/fonts/dinot-black.woff') format('woff'), /* Modern Browsers */
            url('/files/fonts/dinot-black.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/files/fonts/dinot-black.svg') format('svg'); /* Legacy iOS */
        font-weight: normal;
        font-style: normal;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
caption,
th,
td {
    vertical-align:top;
    text-align:left;
}
abbr,
acronym {
    border-bottom:1px dotted #666;
    font-variant:normal;
    cursor:help;
}
body {
    color:#444;
    font:16px dinot;
    overflow-x: hidden;
}
blockquote,
q {
    quotes:none;
}
fieldset,
img {
    border:0;
}
li {
    list-style-type:none;
}
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
del {
    text-decoration:line-through;
}
ins {
    text-decoration:none;
}
a {
    text-decoration:none;
    color:#777;
}
a:hover {
    color:#5FA3AD;
}
:focus {
    outline:0;
}
#main p {
    margin-bottom:0;
}
input,
button,
textarea,
select {
    font-size:99%;
    font-family:inherit;
    font-weight:inherit;
}
pre,
code {
    font:12px "
        Lucida Console"
        ,Monaco,monospace;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size:100%;
    font-weight:normal;
}
h1 {
    margin-top:1.4em;
    margin-bottom:.55em;
    color:#333;
    text-transform:uppercase;
    font:1.96em 'dinot-medium';
}

h4 {
    margin-top:.7em;
    padding-bottom:.19em;
    font-size:1.125rem;
    color:#000;
}
table {
    font-size:inherit;
}
caption,
th {
    font-weight:bold;
}
.grid4 .caption {
    width:auto;
    float:none;
}
h5,
h6 {
    margin-top:1rem;
}
h5,
h6,
p,
pre,
blockquote,
table,
ol,
ul,
form {
    margin-bottom:.75px;
    /* Should match the font size */;
}
body {
    background-color:#fff;
}
#header {
    width:100%;
    height:150px;
    top:0;
    background-color:#fff;
    z-index:5;
}
#header .inside {
    width:95%;
    max-width:1200px;
    margin-right:auto;
    margin-left:auto;
}
#kopfbild img {
    width:100%;
    min-height:290px;
    max-height:345;
    margin-bottom:-0.3em;
    overflow:hidden;
    object-fit: cover;
}
.logo {
    width:270px;
    height:auto;
    float:left;
    clear:both;
    margin-top:24px;
    margin-left:2px;
    z-index: 10;
}
#container {
    background-color:#fff;
}
#main {
    min-height:550px;
    margin-bottom:90px;
}
#main .inside {
    width:95%;
    max-width:1200px;
    margin-right:auto;
    margin-left:auto;
    line-height:1.57em;
}
#main p {
    margin-bottom:1em;
}
#main .ce_text li {
    margin-top:.34em;
    margin-left:1.09em;
    line-height:1.34em;
    list-style-type:disc;
}
#main .ce_text ul {
    margin-bottom:.74em;
}
#main .ce_text ul {
    margin-left:1em;
    padding-left:.4em;
    list-style-image:url("../../files/css/_oldcss/files/grafik/punkt.png");
}
#footer {
    width:100%;
    height:auto;
    min-height:200px;
    bottom:0;
    position:relative;
    margin-top:0;
    padding:0;
    background-color:#3E5F7A;
    font-size:85%;
    z-index:5;
}
#footer a {
    text-decoration:none;
    color:#f0f0f0;
}
#footer h3 a {
    text-decoration:none;
    color:#45647b;
}
#footer a:hover {
    color:#e2001a;
}
#footer .inside {
    width:95%;
    max-width:1200px;
    margin-right:auto;
    margin-left:auto;
    color:#f0f0f0;
}
#footer h3 {
    font-size:17px;
    color:#45647b;
}
#footer .imp {
    margin-top:.34em;
    padding-top:.47em;
    border-top:1px solid #f7f7f7;
}
.grid3,
.grid4,
.grid6,
.grid8,
.grid9,
.grid12 {
    float:left;
    margin:0 .5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.grid3 {
    width:24%;
    min-width:210px;
    max-width:100%;
    padding-top:1%;
    padding-bottom:1%;
}
.grid4 {
    width:31%;
    min-width:240px;
    min-height:40px;
    max-width:100%;
    overflow:hidden;
    margin-right:1%;
    margin-left:1%;
    padding-top:.5%;
    padding-bottom:1%;
}
.grid6 {
    width:49%;
    padding:.5% .5% 1%;
}
.grid8 {
    width:66%;
    min-height:40px;
    padding-top:.5%;
    padding-bottom:1%;
}
.grid9 {
    width:74%;
    min-height:40px;
    padding-top:.5%;
    padding-bottom:1%;
}
.grid12 {
    width:100%;
    padding-top:.5%;
    padding-bottom:1%;
}
.start {
    padding-right:2em;
    padding-bottom:2em;
}
.start .last {
    padding-right:0;
    padding-bottom:2em;
}
.ce_gallery {
    padding-left:0;
    list-style-type:none;
}
#main img,
#main .image_container {
    margin-top:.7em;
}
.leer {
    height:0px;
    margin:0;
    padding:0;
    color:#fff;
}
.cta p a {
    margin-top:.3em;
    margin-right:1em;
    margin-bottom:.3em;
    padding:5px 12px;
    background:#5FA3AD;
	border-radius: 5px;
    font-size:16px;
    text-decoration:none;
    color:#fff;
    letter-spacing:.1px;
}
.cta p a:hover {
    background:#3E5F7A;
}
#kontaktformular input,
#kontaktformular textarea {
    width:100%;
    margin-top:.4em;
    margin-bottom:.6em;
    padding:1.2em .7em;
    background-color:#547c99;
    border:1px solid #547c99;
    text-transform:none;
}
#kontaktformular .label {
    padding-top:2em;
}
#kontaktformular .submit {
    width:100px;
    margin-top:1.4em;
    margin-bottom:2em;
    padding-top:.3em;
    padding-bottom:.4em;
    background-color:#000;
    border:2px solid #000;
    font-size:120%;
    color:#fff;
}
#kontaktformular .submit:hover {
    color:#73919e;
    transition-duration: 0.75s;
}
div.widget-captcha.mandatory {
    width:30%;
}
.mandatory {
    margin-bottom:.5em;
    text-transform:uppercase;
}
span.mandatory {
    position:absolute;
    padding-left:.2em;
    font-size:12px;
    color:#f00;
}
form .checkbox_container label {
    display:block;
    margin-left:17px;
    padding:0;
    font-size:90%;
    text-transform:none;
}
#kontaktformular .check input {
    width:4%;
    margin-top:4px;
}
form label {
    display:block;
    padding:0;
}
form .checkbox_container input {
    float:left;
    margin:2px 0 0;
}
.caption_title_line {
    float:none;
}
.sliderbild p {
    margin:-48% auto 3%;
    text-align:center;
    color:#f2f2f2;
    letter-spacing:0;
    font:2.75em Lato;
    font-weight: 400;
}

@media only screen and (max-width: 927px) and (min-width: 524px) {
.grid3 {
    width:49%;
    min-width:210px;
    max-width:100%;
    padding-top:1%;
    padding-bottom:1%;
}
}

@media only screen and (max-width: 523px) {
#kopfbild img {
    width:auto;
    height: 180px !important;
    max-height: 400px;
    width: auto !important;
}
.rsts-slides {
    height: 130% !important;
    width:auto;
}
h1 {
    margin-top:1.4em;
    margin-bottom:.55em;
    color:#333;
    text-transform:uppercase;
    font:1.36em 'dinot-medium';
}
h2 {
    margin-top:.7em;
    margin-bottom:.52em;
    color:#333;
    text-transform:uppercase;
    font:1.06em dinot-black,sans-serif;
}
#header {
    width:100%;
    height:100px;
    top:0;
    background-color:#000;
    z-index:5;
}

.grid3 {
    width:98%;
    min-width:210px;
    max-width:100%;
    padding-top:1%;
    padding-bottom:1%;
}
.grid4 {
    width:98%;
    min-width:240px;
    min-height:40px;
    max-width:100%;
    overflow:hidden;
    margin-right:1%;
    margin-left:1%;
    padding-top:.5%;
    padding-bottom:1%;
}
.grid6 {
    width:98%;
    padding:.5% .5% 1%;
}
.grid8 {
    width:98%;
    min-height:40px;
    padding-top:.5%;
    padding-bottom:1%;
}
.grid9 {
    width:98%;
    min-height:40px;
    padding-top:.5%;
    padding-bottom:1%;
}
#main img,
#main .image_container {
    width:100%;
    margin-top:.7em;
}
}

@font-face {
    font-family: 'dinot';
        src: url('/files/fonts/dinot.eot'); /* IE9 Compat Modes */
        src: url('/files/fonts/dinot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/files/fonts/dinot.woff2') format('woff2'), /* Modern Browsers */
            url('/files/fonts/dinot.woff') format('woff'), /* Modern Browsers */
            url('/files/fonts/dinot.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/files/fonts/dinot.svg') format('svg'); /* Legacy iOS */
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'dinot-medium';
        src: url('/files/fonts/dinot-medium.eot'); /* IE9 Compat Modes */
        src: url('/files/fonts/dinot-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/files/fonts/dinot-medium.woff2') format('woff2'), /* Modern Browsers */
            url('/files/fonts/dinot-medium.woff') format('woff'), /* Modern Browsers */
            url('/files/fonts/dinot-medium.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/files/fonts/dinot-medium.svg') format('svg'); /* Legacy iOS */
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'dinot-black';
        src: url('/files/fonts/dinot-black.eot'); /* IE9 Compat Modes */
        src: url('/files/fonts/dinot-black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/files/fonts/dinot-black.woff2') format('woff2'), /* Modern Browsers */
            url('/files/fonts/dinot-black.woff') format('woff'), /* Modern Browsers */
            url('/files/fonts/dinot-black.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/files/fonts/dinot-black.svg') format('svg'); /* Legacy iOS */
        font-weight: normal;
        font-style: normal;
}
h1 {
    margin-top:1.4em;
    margin-bottom:.55em;
    color:#3E5F7A;
    text-transform:uppercase;
    font:1.96em 'dinot-medium';
}

.noheader h1 {
	    padding-bottom: 30px;
		margin-bottom: 0px;
		border-bottom: 2px dotted #5FA3AD;
		display: inline-block;
}

h2 {
    margin-top:50px;
    margin-bottom:20px;
    color:#3E5F7A;
    text-transform:none;
    font:1.56em dinot-medium,sans-serif;
}

.noheader h2:first-of-type {
	margin-top:20px;
}

.less_topmargin {
	margin-top: 0px;
}

h3 {
    margin-top:25px;
    margin-bottom:.14rem;
 	font:1.16em dinot-medium,sans-serif;
	color:#3E5F7A;
}
h4 {
    margin-top:.7em;
    padding-bottom:.19em;
    font-size:1.125rem;
    color:#3E5F7A;
}

h1,h2,h3,h4 {
	hyphens: none;
}

/* 
V1
Orange: #5FA3AD 
Blau:   #3E5F7A
*/

/*
V2
Logoblau: #3E5F7A 
Logorot:   #E40A17
Petrol: #5FA3AD
*/


.ce_form {
	max-width: 600px;
}
.padding_top_50 {
	padding-top: 50px;
}

.mobile_menu_icon {
	position: fixed;
	right: 34px;
	top: 34px;
	background: url(../../files/grafik/mmenu.svg);
	width: 40px;
	height: 28px;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	z-index: 1002;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: none;
}

.bt_close {
	position: absolute;
	left: 290px;
	top: 50px;
	border: 1px solid #999;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bt_close a {
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 0px;
	padding-bottom: 5px;
	border-bottom: 0;
}

.mobile_menu_overlay {
	z-index: 49;	
}
.mobile_menu {
	-webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    transition:all 0.4s ease;
	color: #3E5F7A !important;
	z-index: 50;
	width: 380px !important;
	overflow: visible;
}

.mobile_menu .mod_navigation {
	overflow: visible;
}
.mobile_menu .inner {
	background: #ffffff;
	padding-left: 40px;
	margin-left: 20px;
		-webkit-box-shadow: -1px 3px 11px 4px rgba(0,0,0,0.37); 
	box-shadow: -1px 3px 11px 4px rgba(0,0,0,0.37);
}

.mobile_menu .container {
	padding-top: 120px;
	padding-bottom: 50px;
	width: 100%;
	*max-width: 375px;
	margin: auto;
	padding-left: 0px;
}

.mobile_menu ul {
	position: relative;
	padding-left: 0px;
}
.mobile_menu li {
	font-size: 15px;
	list-style: none;
	padding-bottom: 5px;
}

.mobile_menu li a {
	text-decoration: none;
}

.mobile_menu h3,
.mobile_menu h3 a {
	color: #3E5F7A;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-decoration: none;
}

.mobile_menu .bt_close {
	display: block;
}
.mobile_menu_open #header {
	box-shadow: 0 0 15px -5px #8D9A9A;
	background: #FFFFFF !important;
}

.mobile_menu_open #header .mod_navigation li, 
.mobile_menu_open #header .mod_customnav li, 
.mobile_menu_open #header_small .mod_customnav li {
	color: #000000!important;
}

.mobile_menu_open .mobile_menu_icon {
	background: url(../../files/grafik/mmenu.svg)!important;
	width: 40px;
	height: 28px;
	background-repeat: no-repeat;
	background-size: 100%;
}




.cta_box {
	margin-top: 20px;
	padding: 0px 20px;
	display: inline-block;
	max-width: 500px;
	border: 3px solid #5FA3AD;
	border-radius: 10px;
}

.cta p a {
	display: inline-block;
	margin-top: 15px!important;
}


.noheader .rte:not(.no_bottom_padding .rte):not(#footer .rte) {
	max-width: 900px;
	padding-bottom: 25px;
}

.content-gallery {
	padding-bottom: 40px;
}
.content-gallery li {
	margin-right: 20px;
}

.orange {
	color: #5FA3AD !important;
}

figcaption {
	background: #5FA3AD;
	color: #FFFFFF;
	padding: 3px 8px;
	text-align: right;
}

.noheader #container {
	padding-top: 30px;
}

#wrapper {
	position: relative;
	display: block;
}

.slidertext {
	position: absolute;
	display: flex;
	*z-index: 190;
	width: 100%;
	height: 90%;
	padding-left: 25px;
}

.slidertext h1 {
	color: #FFFFFF;
	text-transform: none;
	font-size: 50px;
	line-height: 50px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.slidertext h2 {
	color: #7fd9e7;
	text-transform: none;
	font-size: 40px;
	padding-top: 10px;
	margin-top: 0px;
}

.slidertext .rte {
	position: relative;
	display: block;
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

.slidertext .button {
	display: inline-block;
	margin-top: 30px;
	background: #3E5F7A;
	padding: 10px 15px;
	border-radius: 10px;
	border: 3px solid #ffffff;
}

.slidertext .button a {
	font-size: 20px;
	text-decoration: none;
	color: #FFFFFF;
}

#header {
	*background-color: #3E5F7A;
	background-color: #ffffff;
	*background-color: #F2F2F2;
	*background-color: #F4F3F1;
	height: 80px;
	*position: fixed;
	position: sticky;
	display: block;
	top: 0px;
	overflow: visible;
	z-index: 123456;
box-shadow: 1px 5px 14px -2px rgba(0,0,0,0.36);
-webkit-box-shadow: 1px 5px 14px -2px rgba(0,0,0,0.36);
-moz-box-shadow: 1px 5px 14px -2px rgba(0,0,0,0.36);
}

#header .mainmenu {
	position: absolute;
	float: none;
	z-index: 1000;
	width: auto;
	right: 0px;
	margin-top: 35px;
	overflow: visible;
}

#header .mod_navigation .active, #header .mod_navigation .trail {
	color: #FFFFFF;
	background: #5FA3AD;
	border-radius: 5px;
}

#header .mod_navigation .mm_dropdown .active {
	color: #3E5F7A;
	background: #ffffff;
}

#header .submenu li.active:before,
#header .submenu li.forward:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 5px;
	width: 12px;
	height: 12px;
	background:url(../../files/grafik/list-style-icon-active.svg);
	background-position: cover;
}


#header .mod_navigation a, #header .mod_navigation strong {
	color: #3E5F7A;
}

#header .mod_navigation a:hover:not(#header .mod_navigation .trail a:hover) {
	color: #5FA3AD;
}

#header .mod_navigation .trail a:hover:not(#header .mod_navigation .trail .mm_dropdown a:hover) {
	color: #FFFFFF;
}

.logo {
	margin-top: 15px;
	z-index: 1005;
}


.mm_dropdown {
	position: fixed!important;
	z-index: 1001;
	top: 60px;
}

.mm_dropdown h2 {
	color: #FFFFFF;
	color: #3E5F7A;
}

#header .mainmenu li:not(#header .submenu li) {
    display: inline-block;
    list-style-type:none;
}

#header .mainmenu li {
	margin-left: 20px;
	padding: 5px 10px;
}

#header .submenu li, 
.auflistung li,
.mobile_menu li {
    display: block;
	position: relative;
	margin-left: 0px;
	list-style-type: disc;
	padding-left: 25px;	
	padding-top: 0px;
}

#header .submenu li a,
#header .submenu li strong {
	margin-top: 5px;
	font-family: 'dinot', sans-serif;
	font-size: 16px;
}

#header .submenu li:before, 
.auflistung li:before,
.mobile_menu li:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 5px;
	width: 12px;
	height: 12px;
	background:url(../../files/grafik/list-style-icon.svg);
	background-position: cover;
}

.auflistung li:before,
.mobile_menu li:before{
	top: 8px;
	width: 10px;
	height: 10px;
}

.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover > a:after, .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover > strong:after, .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive > a:after, .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive > strong:after {
	background: rgba(0,0,0,0);
}

#header .submenu h2 {
	font-size: 16px;
	margin-bottom: 25px;
	margin-top: 25px;
}

.submenu .rs-columns {
	max-width: 1200px;
	display: block;
	margin: auto;
}



.mod_navigation li.mm_container .mm_dropdown > .inner {
	margin-top: 20px;
	background: #3E5F7A;	
	background: #ffffff;	
	border: 0px solid #999;
	*border-top: 5px solid #5FA3AD;
	*border-bottom: 5px solid #5FA3AD;
	padding-bottom: 60px;
box-shadow: 1px 5px 14px -10px rgba(0,0,0,0.36);
-webkit-box-shadow: 1px 5px 14px -10px rgba(0,0,0,0.36);
-moz-box-shadow: 1px 5px 14px -10px rgba(0,0,0,0.36);
}

.maxwidth800px {
	max-width: 800px;
}

.kacheln  {
	display: flex;
	margin-bottom: 50px;
}

.kachel {
	background: #f2f2f2;
	display: block!important;
	border-radius: 5px;
	padding: 5px 15px;
	width: 25%;
	margin-right: 2%;
}
.kacheln > .kachel:last-of-type {
  margin-right: 0%;
}

#main ul {
	padding-left: 0px;
	margin-left: 0px;
}

#footer {
	padding-top: 50px;
	padding-bottom: 50px;
	line-height: 22px;
}
#footer h3 {
	color: #FFFFFF;
}
.trenner {
	padding-top: 20px;
	border-top: 2px dotted #5FA3AD;
	margin-top: 30px;
}
#footer h3 a {
	color: #FFFFFF;
}
#footer a:hover {
	color: #5FA3AD;
}

@media only screen and (max-width: 1100px) {
	#header .submenu h2,
	#header .submenu li a, 
	#header .submenu li strong	{
		font-size: 13px !important;
	}
	
	.slidertext h1,
	.slidertext h2	{
		font-size: 40px;
		line-height: 30px;
	}
	
	.slidertext .button {
		margin-top: 15px;
	}
}

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

	/* Style sheet Navigation */
	#header .mod_navigation {
	    width:100%;
	    height:auto;
	    float:right;
	    display:none;
	    padding-top:8px;
	    font-family:dinot-medium;
	    color:#fff;
	}
	.mobile_menu_icon {
		display: block;
	}
}

@media only screen and (max-width: 900px) {
	.slidertext h1,
	.slidertext h2,
	h1	{
		font-size: 30px;
		line-height: 35px;
	}
	
	.slidertext .button {
		margin-top: 10px;
	}
	.kacheln {
		display: block;
	}
	.kachel {
		width: auto;
		max-width: 400px;
		margin-bottom: 20px;
	}
	
	.content-gallery li {
		width: 47%;
		margin-right: 1%;
	}
	
	.cta_box {
		max-width: initial;	
		width: auto;
	}
	
}

@media only screen and (max-width: 650px) {
	#main .inside,
	#footer .inside	{
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.slidertext h1,
	h1	{
		font-size: 25px;
		line-height: 30px;
	}
	.slidertext h2	{
		font-size: 22px;
		line-height: 30px;
	}
	.slidertext .button {
		padding: 5px 8px;
	}
	h2 {
		font-size: 20px;
		line-height: 25px;
	}
	h3 {
		font-size: 17px;
		line-height: 20px;
	}
	
	.rs-column.-medium-col-3-1 {
		width: 100%;
	}
	.content-gallery li {
		width: auto;
		margin-right: 0%;
	}
}
.h2_subline {
	font-size: 18px;
}

