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%}
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}
.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}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@media (min-width: 1565px) {
.logo {
    float:left;
    width: 150px;
    height: 150px;
    margin-right:80px;
    margin-top: 10px;
    margin-bottom:5px;
    transition: all 0.6s ease-in-out;
}
 .fix_logo {
    width: 70px;
    height: 70px;
    transition: all 0.6s ease-in-out;
 }
.such {
    position:relative;
    float:left;
    display:block;
    margin-top:10px;
    margin-right: 30px;
}
.such input {
    width:300px;
    padding:15px;
    border-radius:6px;
    border: 0px;
}
.such .widget-submit input {
    width:20px;
    height:auto;
    right:0;
    top:0;
    position:absolute;
    border:0px;
}
body {
    font:16px/27px Lato,sans-serif;
    color:#242323;
}
a {
    text-decoration:none;
    color:#242323;
}
a:hover {
    text-decoration:underline;
    color:#1b3156;
}
#nav_top {
    padding:20px 20px;
    clear: both;
    border-top: 1px solid #fff; 
    margin-top: 5px;
    float:right;
    transition: all 0.6s ease-in-out;
    color:#fff;
}
#nav_top.fix_nav{
    border-top: 0px solid #1b3156; 
    margin-top: 0px;
    transition: all 0.6s ease-in-out;
}
#nav_top .level_1 li {
    float:left;
    padding:20px 30px 0px 30px;
    color:#fff;
}
#nav_top .level_1 a {
    color:#fff;
}
#nav_top .level_2 li {
    width:200px;
    clear:both;
    padding:10px 15px 10px 15px;
    text-align:left;
    border-bottom:1px solid #fff;
}
#nav_top .level_2 li:last-child {
    border-bottom:0px solid #fff;
}
#nav_top .level_1 li.active,
#nav_top .level_1 li:hover,
#nav_top .level_1 li.trail {
    background-image: url("/files/images/signet-logo.svg");
    background-size: 40px auto;
    background-position: top center;
    background-repeat: no-repeat;
    text-decoration:none;
    color:#f7ce45;
}
#nav_top .level_2 li.active,
#nav_top .level_2 li:hover {
    background-image: none;
}
#nav_top .level_1 a:hover {
    text-decoration:none;
    color:#f7ce45;
}
#nav_top .level_2 {
    width:0px;
        height:0px;
        left:-32768px;
        top:-32768px;
        position:absolute;
        overflow:hidden;
        display:inline;
}
#nav_top .level_2 li.last {
    border-bottom:0px solid #fff;
}
#nav_top li:hover .level_2 {
    width:230px;
    height:auto;
    left:auto;
    top:auto;
    overflow:visible;
    display:block;
    background-color:rgba(27,49,86,.9);
    z-index: 1000;
}
#footer {
    background-color:#e1e1e0;
}
#footer h3 {
    margin-top:10px;
    margin-bottom:10px;
    font-size:18px;
    line-height:32px;
    font-weight:bold;
    color:#1b3156;
}
.scrollToTop {
    width:60px;
    height:60px;
    bottom:10px;
    right:5px;
    position:fixed;
    background-image:url("/files/images/totop-r.svg");
    background-position:left top;
    background-repeat:no-repeat;
    text-indent: -3000px;
}
.scrollToTop:hover {
    background-image:url("/files/images/totop-gelb.svg");
}
.contact input,
.contact textarea {
    width:400px;
    margin-bottom:15px;
    padding:8px 12px;
    border:1px solid #1b3156;
    border-radius:6px;
}
.contact .checkbox_container input {
    width:16px;
    height:16px;
    margin-top:7px;
    margin-right:7px;
    vertical-align:top;
}
.gal img {
    padding:20px;
    border:4px solid rgba(199,199,197,.4);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.gal img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#header .inside {
    width: 92%;
    margin-right:auto;
    margin-left:auto;
}
#footer .insiden {
    width: 92%;
    margin-right:auto;
    margin-left:auto;
    padding-top: 30px;
}
.lay {
    background-color: #e1e1e0;
}
.aktuelles {
    background-color: #1b3156;
    color: #fff;
}
.lay .inside, .lay2 .inside, .poins .inside, .aktuelles .inside, .lay3 {
    width: 92%;
    margin-right:auto;
    margin-left:auto;
    padding: 30px 0px;
}
#header {
    width: 100%;
    top: 0;
    position: fixed;
    padding-bottom: 10px;
    background-color: #1b3156;
    z-index: 99;
    transition: all 0.6s ease-in-out;
}
#header.fix_header {
    background-color: #1b3156;
    transition: all 0.6s ease-in-out;
}
.head {
    float:right;
}
.phone {
    float:left;
    width: 200px;
    margin-top: 20px;
}
.phone img {
    padding-top:5px;
}
.mail img {
    padding-top:8px;
}
.mail {
    width: 200px;
    margin-top: 20px;
}
.marg img {
    padding-right: 10px;
}
.infos {
    float:right;
}
.infos a {
    color:#fff;
}
.fix_infos {
    display:none;
}
.data {
    background-color: #1b3156; 
    color: #fff;
}
.data a {
    color: #fff;
}
.copy {
    width: 90%;
    margin-right:auto;
    margin-left:auto;
    text-align: center;
    padding: 20px 0px 10px 0px;
    letter-spacing: 1px;
}
.fix-katalog {
    width: 120px;
    height: 120px;
    right: 20px;
    top: 400px;
    position: fixed;
    padding: 15px;
    text-align: center;
    background-color: #1b3156;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 20px;
    color: #fff;
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 9999;
}
.fix-katalog:hover {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.fix-katalog a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.fix-katalog a:hover {
    color: #f7ce45;
    text-decoration: none;
}
.lay h1, .lay3 h1, .poins h1 {
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    background-image: url("/files/images/icon-liege4.svg");
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
    background-size: 60px auto;
}
.lay2 h1 {
    font-size: 27px;
    line-height: 36px;
    color: #1b3156;
    font-weight: 600;
}
h2 {
    text-align: center;
    padding-bottom: 40px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
}
.poins h2 {
    text-align: center;
    background-image: url("/files/images/icon-untergestell.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 50px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
    background-size: 40px auto;
}
.aktuelles h2 {
    text-align: center;
    background-image: url("/files/images/icon-untergestell-gelb.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #f7ce45;
    background-size: 40px auto;
}
.poin {
    text-align: center;
    background-color: #e1e1e0;
    padding: 10px;
}
.poin:hover {
    background-color: #a9c7fa;
    color: #f7ce45;
}
.poin a:hover {
    color: #1b3156;
    text-decoration: none;
}
.poin h3 {
    text-align: center;
    color: #1b3156;
    font-size: 20px;
}
.poin img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.6s ease-in-out;
}
.butt {
    text-align: center;
    background-color: #f7ce45;
    color: #1b3156;
    font-size: 20px;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.butt:hover {
    background-color: #efbe35;
}
.aktuelles .butt a {
    color: #1b3156;
}
.aktuelles .butt a:hover {
    text-decoration: none;
    color: #000;
}
.aktuelles a {
    color: #f7ce45;
}
#main {
    margin-top: 180px;
}
 .lis li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    background-image: url("/files/images/point1.svg");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: left 10px;
 }
  .layer {
    padding: 5px 20px 20px 30px;
    background-color:rgba(27,49,86,.1);
 }
 .tabi td, .tabi th {
     padding: 20px;
     border: 1px solid #fff;
 }
 .tabi thead {
      background-color: #1b3156;
      color: #fff;
 }
 .tabi table {
      width:100%;
      background-color:rgba(27,49,86,.2);
 }
 .margi {
      margin-top: 30px;
      padding-top: 20px;
      border-top: 1px solid #1b3156;
 }
 .download a {
    background-image: url("/files/images/download-blue.svg");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: left 2px;
    padding-left: 26px;
 }
 .download {
    background-color: #F7CE45;
    padding: 70px 40px 10px 40px;
    border-radius: 50%;
    width: 230px;
    height:230px;
 }
 .download h3 {
    color: #1b3156;
    padding-top: 0px;
    margin-top: 0px;
    border-bottom: 1px dotted #1b3156;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 40px;
    background-image: url("/files/images/download2-blue.svg");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: left top;
 }
 .crumb {
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #1b3156;
    border-bottom: 1px solid #1b3156;
    font-size: 13px;
 }
 .crumb li {
    float: left;
    margin-right: 5px;
}
 .crumb li:first-child::before {
  content: "";
}
 .crumb li::before {
  margin-right: 5px;
  content: ">";
}
 .crumb li.active {
  color: #1b3156;
  font-weight: 700;
}
 .head a:hover {
 color:#f7ce45;
 text-decoration: none;
}
 #nav_site .level_1 li {
 float: left;
 color:#fff;
}
 #nav_site .level_1 a {
 color: #fff;
 display:block;
 padding: 25px;
}
 #nav_site .level_1 a:hover {
 background-color: #f7ce45;
 text-decoration: none;
 color: #1b3156;
}
 #nav_site .level_1 li.active {
 background-color: #f7ce45;
 text-decoration: none;
 color: #1b3156;
 padding: 25px;
}
 #nav_site {
 background-color: #1b3156;
 margin: 0px 0px 80px 0px;
}
.cont_pic img {
 margin-right: 30px;  
}
.cont_pic {
 margin-bottom: 20px;  
}
.conten h1 {
 padding-bottom:15px;
 margin-bottom: 0px;
}
.conten p {
 margin-bottom: 50px;
}
.cont-left {
 float: left;
 width: 400px;
 margin-right: 50px;
}
.cont-right {
 width: 400px;
 float:left;
}
.cont input {
padding: 30px 15px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
}
.cont textarea {
padding: 30px 20px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
width: 850px;
}
.cont select {
padding: 30px 20px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
}
.cont-lays {
clear: both;
}
.cont .checkbox_container input {
padding: 0px;
border-radius: 0px;
margin-right: 5px;
margin-bottom: 0px;
}
.cont .checkbox_container {
margin-bottom: 20px;
}
.cont .submit {
padding: 30px 20px;
margin-bottom: 20px;
background: #1b3156;
color: #fff;
border: 0px solid;
cursor: pointer;
}
.cont .submit:hover {
color: #000;
background: #F7CE45;
transition: all 1s;
}
.downloads a, .downloads2 a {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 50px;
    background-image: url("/files/images/download1.svg");
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: left center;
}
.downloads li, .downloads2 li {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 50px;
}
.downloads, .downloads2 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 40px;
    background: #a9c7fa;
}
.downloads2 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 40px;
    background: #f7e29a;
}
.downloads img, .downloads2 img {
    margin-right: 30px;
}
.downloads2 h3 {
    padding-bottom: 10px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
}
.impr a {
    color: #1b3156;
    text-decoration: underline;
}
.impr a:hover {
    text-decoration: none;
}
}
/* lexend-v23-regular - latin */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/lexend_v23_20250123-131710/lexend-v23-latin-regular.woff2') format('woff2'),
       url('../../files/googlefonts/lexend_v23_20250123-131710/lexend-v23-latin-regular.woff') format('woff');
}
/* lexend-v23-500 - latin */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/lexend_v23_20250123-131710/lexend-v23-latin-500.woff2') format('woff2'),
       url('../../files/googlefonts/lexend_v23_20250123-131710/lexend-v23-latin-500.woff') format('woff');
}
/* lexend-v23-600 - latin */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/lexend_v23_20250123-131710/lexend-v23-latin-600.woff2') format('woff2'),
       url('../../files/googlefonts/lexend_v23_20250123-131710/lexend-v23-latin-600.woff') format('woff');
}
/* lexend-v23-700 - latin */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/lexend_v23_20250123-131710/lexend-v23-latin-700.woff2') format('woff2'),
       url('../../files/googlefonts/lexend_v23_20250123-131710/lexend-v23-latin-700.woff') format('woff');
}
/* lexend-v23-800 - latin */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local(''),
       url('../../files/googlefonts/lexend_v23_20250123-131710/lexend-v23-latin-800.woff2') format('woff2'),
       url('../../files/googlefonts/lexend_v23_20250123-131710/lexend-v23-latin-800.woff') format('woff');
}

@media (max-width: 480px) {
.logo {
    float:left;
    width: 100px;
    height: 100px;
    margin-top: 10px;
    margin-bottom:5px;
    transition: all 0.6s ease-in-out;
}
 .fix_logo {
    width: 70px;
    height: 70px;
    transition: all 0.6s ease-in-out;
 }
.such input {
    width:80%;
    padding:15px;
    border-radius:6px;
    border: 0px;
}
.such .widget-submit input {
    width:20px;
    height:auto;
    right:0;
    top:0;
    position:absolute;
    border:0px;
}
body {
    font:16px/27px Lato,sans-serif;
    color:#242323;
}
a {
    text-decoration:none;
    color:#242323;
}
a:hover {
    text-decoration:underline;
    color:#1b3156;
}
#nav_top {
    display: none;
}
#footer {
    background-color:#e1e1e0;
}
#footer h3 {
    margin-top:10px;
    margin-bottom:10px;
    font-size:18px;
    line-height:32px;
    font-weight:bold;
    color:#1b3156;
}
.scrollToTop {
    width:60px;
    height:60px;
    bottom:10px;
    right:5px;
    position:fixed;
    background-image:url("/files/images/totop-r.svg");
    background-position:left top;
    background-repeat:no-repeat;
    text-indent: -3000px;
}
.scrollToTop:hover {
    background-image:url("/files/images/totop-gelb.svg");
}
.contact input,
.contact textarea {
    width:400px;
    margin-bottom:15px;
    padding:8px 12px;
    border:1px solid #1b3156;
    border-radius:6px;
}
.contact .checkbox_container input {
    width:16px;
    height:16px;
    margin-top:7px;
    margin-right:7px;
    vertical-align:top;
}
.gal img {
    padding:20px;
    border:4px solid rgba(199,199,197,.4);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.gal img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#header .inside {
    width: 94%;
    margin-right:auto;
    margin-left:auto;
}
#footer .insiden {
    width: 94%;
    margin-right:auto;
    margin-left:auto;
    padding-top: 30px;
}
.lay {
    background-color: #e1e1e0;
}
.aktuelles {
    background-color: #1b3156;
    color: #fff;
}
.lay .inside, .lay2 .inside, .poins .inside, .aktuelles .inside, .lay3 {
    width: 94%;
    margin-right:auto;
    margin-left:auto;
    padding: 30px 0px;
}
#header {
    width: 100%;
    top: 0;
    position: fixed;
    padding-bottom: 10px;
    background-color: #1b3156;
    z-index: 99;
    transition: all 0.6s ease-in-out;
}
#header.fix_header {
    background-color: #1b3156;
    transition: all 0.6s ease-in-out;
}
.head {
    float:right;
}
.phone {
    margin-top: 20px;
}
.phone img {
    padding-top:5px;
}
.mail img {
    padding-top:8px;
}
.mail {
    margin-top: 20px;
}
.marg img {
    padding-right: 10px;
}
.infos {
    display:none;
}
.data {
    background-color: #1b3156; 
    color: #fff;
}
.data a {
    color: #fff;
}
.copy {
    width: 90%;
    margin-right:auto;
    margin-left:auto;
    text-align: center;
    padding: 20px 0px 10px 0px;
    letter-spacing: 1px;
}
.fix-katalog {
    width: 80px;
    height: 80px;
    right: 0px;
    top: 100px;
    position: fixed;
    padding: 15px;
    text-align: center;
    background-color: #1b3156;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 9999;
}
.fix-katalog img {
    display:none;
}
.fix-katalog:hover {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.fix-katalog a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.fix-katalog a:hover {
    color: #f7ce45;
    text-decoration: none;
}
.lay h1, .lay3 h1, .poins h1 {
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    background-image: url("/files/images/icon-liege4.svg");
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
    background-size: 60px auto;
}
.lay2 h1 {
    font-size: 27px;
    line-height: 36px;
    color: #1b3156;
    font-weight: 600;
}
h2 {
    text-align: center;
    padding-bottom: 40px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
}
.poins h2 {
    text-align: center;
    background-image: url("/files/images/icon-untergestell.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 50px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
    background-size: 40px auto;
}
.aktuelles h2 {
    text-align: center;
    background-image: url("/files/images/icon-untergestell-gelb.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #f7ce45;
    background-size: 40px auto;
}
.poin {
    text-align: center;
    background-color: #e1e1e0;
    padding: 10px;
}
.poin:hover {
    background-color: #a9c7fa;
    color: #f7ce45;
}
.poin a:hover {
    color: #1b3156;
    text-decoration: none;
}
.poin h3 {
    text-align: center;
    color: #1b3156;
    font-size: 20px;
}
.poin img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.6s ease-in-out;
}
.butt {
    text-align: center;
    background-color: #f7ce45;
    color: #1b3156;
    font-size: 20px;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.butt:hover {
    background-color: #efbe35;
}
.aktuelles .butt a {
    color: #1b3156;
}
.aktuelles .butt a:hover {
    text-decoration: none;
    color: #000;
}
.aktuelles a {
    color: #f7ce45;
}
#main {
    margin-top: 140px;
}
 .lis li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    background-image: url("/files/images/point1.svg");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: left 10px;
 }
  .layer {
    padding: 5px 15px 20px 15px;
    background-color:rgba(27,49,86,.1);
 }
 .tabi td, .tabi th {
     padding: 20px;
     border: 1px solid #fff;
 }
 .tabi thead {
      background-color: #1b3156;
      color: #fff;
 }
 .tabi table {
      width:100%;
      background-color:rgba(27,49,86,.2);
      border-collapse: collapse;
 }
.tabi {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
 }
 .margi {
      margin-top: 30px;
      padding-top: 20px;
      border-top: 1px solid #1b3156;
 }
 .download a {
    background-image: url("/files/images/download-blue.svg");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: left 2px;
    padding-left: 26px;
 }
 .download {
    background-color: #F7CE45;
    padding: 70px 40px 10px 40px;
    border-radius: 50%;
    width: 230px;
    height:230px;
 }
 .download h3 {
    color: #1b3156;
    padding-top: 0px;
    margin-top: 0px;
    border-bottom: 1px dotted #1b3156;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 40px;
    background-image: url("/files/images/download2-blue.svg");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: left top;
 }
 .crumb {
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #1b3156;
    border-bottom: 1px solid #1b3156;
    font-size: 13px;
 }
 .crumb li {
    float: left;
    margin-right: 5px;
}
 .crumb li:first-child::before {
  content: "";
}
 .crumb li::before {
  margin-right: 5px;
  content: ">";
}
 .crumb li.active {
  color: #1b3156;
  font-weight: 700;
}
 .head a:hover {
 color:#f7ce45;
 text-decoration: none;
}
 #nav_site .level_1 li {
 color:#fff;
}
 #nav_site .level_1 a {
 color: #fff;
 display:block;
 padding: 10px;
}
 #nav_site .level_1 a:hover {
 background-color: #f7ce45;
 text-decoration: none;
 color: #1b3156;
}
 #nav_site .level_1 li.active {
 background-color: #f7ce45;
 text-decoration: none;
 color: #1b3156;
 padding: 10px;
}
 #nav_site {
 background-color: #1b3156;
 margin: 0px 0px 30px 0px;
}
.cont_pic img {
 margin-right: 30px;  
}
.cont_pic {
 margin-bottom: 20px;  
}
.conten h1 {
 padding-bottom:15px;
 margin-bottom: 0px;
}
.conten p {
 margin-bottom: 50px;
}
.cont-left {
 width: 90%;
}
.cont-right {
 width: 90%;
}
.cont input {
padding: 30px 15px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
}
.cont textarea {
padding: 30px 20px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
width: 850px;
}
.cont select {
padding: 30px 20px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
}
.cont-lays {
clear: both;
}
.cont .checkbox_container input {
padding: 0px;
border-radius: 0px;
margin-right: 5px;
margin-bottom: 0px;
}
.cont .checkbox_container {
margin-bottom: 20px;
}
.cont .submit {
padding: 30px 20px;
margin-bottom: 20px;
background: #1b3156;
color: #fff;
border: 0px solid;
cursor: pointer;
}
.cont .submit:hover {
color: #000;
background: #F7CE45;
transition: all 1s;
}
.downloads a, .downloads2 a {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 50px;
    background-image: url("/files/images/download1.svg");
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: left center;
}
.downloads li, .downloads2 li {
    padding-top: 20px;
    padding-bottom: 10px;
}
.downloads {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background: #a9c7fa;
}
.downloads2 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background: #f7e29a;
}
.downloads img, .downloads2 img {
    margin-right: 10px;
    margin-bottom: 20px;
}
.downloads2 h3 {
    padding-bottom: 10px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
}
.downloads.media--left > figure {
    float:none ! important;
}
.impr a {
    color: #1b3156;
    text-decoration: underline;
}
.impr a:hover {
    text-decoration: none;
}
#navigon {
    right:10px;
    top:10px;
    position:absolute;
}
.submenu-toggle {
    width:15px;
    height:15px;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}
.mobile_menu {
    z-index: 999;
}
.mobile_menu .inner {
    padding:15px;
    background-color:#fff;
}
.mm-menu--position-bottom,
.mm-menu--position-left-front,
.mm-menu--position-right-front,
.mm-menu--position-top {
    z-index:99;
}
.navis .level_1 li {
    padding-top:15px;
    padding-bottom:15px;
    border-bottom:1px solid #dbdbdb;
}
.navis .level_1 li.submenu_show {
    padding-bottom:0;
}
.navis .level_1 li.submenu_show {
    padding-bottom:0;
}
.navis a {
    font-weight:normal;
}
.navis li.active,
.navis a.trail,
.navis li.trail {
    font-weight:bold;
    color:#1b3156;
}
.navis .level_2 li.last {
    border-bottom:0px;
}
.navis li.submenu_hide a::after,
.navis li.submenu_show a::after {
    float:right;
    margin-right:10px;
}
.navis li.submenu_hide .submenu-toggle::after {
    content: "▼";
}
.navis li.submenu_show .submenu-toggle::after {
    content: "▲";
}
.navis ul {
    margin-bottom:0;
    padding-bottom:0;
}
.navis ul.submenu {
    display:none;
}
.navis .submenu_show ul.submenu {
    display:block;
}
.navis .submenu_hide ul.submenu {
    display:none;
}
}
@media (min-width: 481px) and (max-width: 806px) {
.logo {
    float:left;
    width: 100px;
    height: 100px;
    margin-top: 10px;
    margin-bottom:5px;
    transition: all 0.6s ease-in-out;
}
 .fix_logo {
    width: 70px;
    height: 70px;
    transition: all 0.6s ease-in-out;
 }
.such input {
    width:80%;
    padding:15px;
    border-radius:6px;
    border: 0px;
}
.such .widget-submit input {
    width:20px;
    height:auto;
    right:0;
    top:0;
    position:absolute;
    border:0px;
}
body {
    font:16px/27px Lato,sans-serif;
    color:#242323;
}
a {
    text-decoration:none;
    color:#242323;
}
a:hover {
    text-decoration:underline;
    color:#1b3156;
}
#nav_top {
    display: none;
}
#footer {
    background-color:#e1e1e0;
}
#footer h3 {
    margin-top:10px;
    margin-bottom:10px;
    font-size:18px;
    line-height:32px;
    font-weight:bold;
    color:#1b3156;
}
.scrollToTop {
    width:60px;
    height:60px;
    bottom:10px;
    right:5px;
    position:fixed;
    background-image:url("/files/images/totop-r.svg");
    background-position:left top;
    background-repeat:no-repeat;
    text-indent: -3000px;
}
.scrollToTop:hover {
    background-image:url("/files/images/totop-gelb.svg");
}
.contact input,
.contact textarea {
    width:400px;
    margin-bottom:15px;
    padding:8px 12px;
    border:1px solid #1b3156;
    border-radius:6px;
}
.contact .checkbox_container input {
    width:16px;
    height:16px;
    margin-top:7px;
    margin-right:7px;
    vertical-align:top;
}
.gal img {
    padding:20px;
    border:4px solid rgba(199,199,197,.4);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.gal img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#header .inside {
    width: 94%;
    margin-right:auto;
    margin-left:auto;
}
#footer .insiden {
    width: 94%;
    margin-right:auto;
    margin-left:auto;
    padding-top: 30px;
}
.lay {
    background-color: #e1e1e0;
}
.aktuelles {
    background-color: #1b3156;
    color: #fff;
}
.lay .inside, .lay2 .inside, .poins .inside, .aktuelles .inside, .lay3 {
    width: 94%;
    margin-right:auto;
    margin-left:auto;
    padding: 30px 0px;
}
#header {
    width: 100%;
    top: 0;
    position: fixed;
    padding-bottom: 10px;
    background-color: #1b3156;
    z-index: 99;
    transition: all 0.6s ease-in-out;
}
#header.fix_header {
    background-color: #1b3156;
    transition: all 0.6s ease-in-out;
}
.head {
    float:right;
}
.phone {
    margin-top: 20px;
}
.phone img {
    padding-top:5px;
}
.mail img {
    padding-top:8px;
}
.mail {
    margin-top: 20px;
}
.marg img {
    padding-right: 10px;
}
.infos {
    display:none;
}
.data {
    background-color: #1b3156; 
    color: #fff;
}
.data a {
    color: #fff;
}
.copy {
    width: 90%;
    margin-right:auto;
    margin-left:auto;
    text-align: center;
    padding: 20px 0px 10px 0px;
    letter-spacing: 1px;
}
.fix-katalog {
    width: 80px;
    height: 80px;
    right: 0px;
    top: 100px;
    position: fixed;
    padding: 15px;
    text-align: center;
    background-color: #1b3156;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 9999;
}
.fix-katalog img {
    display:none;
}
.fix-katalog:hover {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.fix-katalog a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.fix-katalog a:hover {
    color: #f7ce45;
    text-decoration: none;
}
.lay h1, .lay3 h1, .poins h1 {
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    background-image: url("/files/images/icon-liege4.svg");
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
    background-size: 60px auto;
}
.lay2 h1 {
    font-size: 27px;
    line-height: 36px;
    color: #1b3156;
    font-weight: 600;
}
h2 {
    text-align: center;
    padding-bottom: 40px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
}
.poins h2 {
    text-align: center;
    background-image: url("/files/images/icon-untergestell.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 50px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
    background-size: 40px auto;
}
.aktuelles h2 {
    text-align: center;
    background-image: url("/files/images/icon-untergestell-gelb.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #f7ce45;
    background-size: 40px auto;
}
.poin {
    text-align: center;
    background-color: #e1e1e0;
    padding: 10px;
}
.poin:hover {
    background-color: #a9c7fa;
    color: #f7ce45;
}
.poin a:hover {
    color: #1b3156;
    text-decoration: none;
}
.poin h3 {
    text-align: center;
    color: #1b3156;
    font-size: 20px;
}
.poin img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.6s ease-in-out;
}
.butt {
    text-align: center;
    background-color: #f7ce45;
    color: #1b3156;
    font-size: 20px;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.butt:hover {
    background-color: #efbe35;
}
.aktuelles .butt a {
    color: #1b3156;
}
.aktuelles .butt a:hover {
    text-decoration: none;
    color: #000;
}
.aktuelles a {
    color: #f7ce45;
}
#main {
    margin-top: 140px;
}
 .lis li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    background-image: url("/files/images/point1.svg");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: left 10px;
 }
  .layer {
    padding: 5px 15px 20px 15px;
    background-color:rgba(27,49,86,.1);
 }
 .tabi td, .tabi th {
     padding: 20px;
     border: 1px solid #fff;
 }
 .tabi thead {
      background-color: #1b3156;
      color: #fff;
 }
 .tabi table {
      width:100%;
      background-color:rgba(27,49,86,.2);
      border-collapse: collapse;
 }
.tabi {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
 }
 .margi {
      margin-top: 30px;
      padding-top: 20px;
      border-top: 1px solid #1b3156;
 }
 .download a {
    background-image: url("/files/images/download-blue.svg");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: left 2px;
    padding-left: 26px;
 }
 .download {
    background-color: #F7CE45;
    padding: 70px 40px 10px 40px;
    border-radius: 50%;
    width: 230px;
    height:230px;
 }
 .download h3 {
    color: #1b3156;
    padding-top: 0px;
    margin-top: 0px;
    border-bottom: 1px dotted #1b3156;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 40px;
    background-image: url("/files/images/download2-blue.svg");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: left top;
 }
 .crumb {
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #1b3156;
    border-bottom: 1px solid #1b3156;
    font-size: 13px;
 }
 .crumb li {
    float: left;
    margin-right: 5px;
}
 .crumb li:first-child::before {
  content: "";
}
 .crumb li::before {
  margin-right: 5px;
  content: ">";
}
 .crumb li.active {
  color: #1b3156;
  font-weight: 700;
}
 .head a:hover {
 color:#f7ce45;
 text-decoration: none;
}
 #nav_site .level_1 li {
 color:#fff;
 float: left;
}
 #nav_site .level_1 a {
 color: #fff;
 display:block;
 padding: 10px;
}
 #nav_site .level_1 a:hover {
 background-color: #f7ce45;
 text-decoration: none;
 color: #1b3156;
}
 #nav_site .level_1 li.active {
 background-color: #f7ce45;
 text-decoration: none;
 color: #1b3156;
 padding: 10px;
}
 #nav_site {
 background-color: #1b3156;
 margin: 0px 0px 30px 0px;
}
.cont_pic img {
 margin-right: 30px;  
}
.cont_pic {
 margin-bottom: 20px;  
}
.conten h1 {
 padding-bottom:15px;
 margin-bottom: 0px;
}
.conten p {
 margin-bottom: 50px;
}
.cont input {
padding: 30px 15px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
width: 90%;
}
.cont textarea {
padding: 30px 20px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
width: 90%;
}
.cont select {
padding: 30px 20px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
}
.cont-lays {
clear: both;
}
.cont .checkbox_container input {
padding: 0px;
border-radius: 0px;
margin-right: 5px;
margin-bottom: 0px;
width: 16px;
height: 16px;
}
.cont .checkbox_container {
margin-bottom: 20px;
}
.cont .submit {
padding: 30px 20px;
margin-bottom: 20px;
background: #1b3156;
color: #fff;
border: 0px solid;
cursor: pointer;
}
.cont .submit:hover {
color: #000;
background: #F7CE45;
transition: all 1s;
}
.downloads a, .downloads2 a {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 50px;
    background-image: url("/files/images/download1.svg");
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: left center;
}
.downloads li, .downloads2 li {
    padding-top: 20px;
    padding-bottom: 10px;
}
.downloads {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background: #a9c7fa;
}
.downloads2 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background: #f7e29a;
}
.downloads img, .downloads2 img {
    margin-right: 10px;
    margin-bottom: 20px;
}
.downloads2 h3 {
    padding-bottom: 10px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
}
.downloads.media--left > figure {
    float:none ! important;
}
.impr a {
    color: #1b3156;
    text-decoration: underline;
}
.impr a:hover {
    text-decoration: none;
}
#navigon {
    right:10px;
    top:10px;
    position:absolute;
}
.submenu-toggle {
    width:15px;
    height:15px;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}
.mobile_menu {
    z-index: 999;
}
.mobile_menu .inner {
    padding:15px;
    background-color:#fff;
}
.mm-menu--position-bottom,
.mm-menu--position-left-front,
.mm-menu--position-right-front,
.mm-menu--position-top {
    z-index:99;
}
.navis .level_1 li {
    padding-top:15px;
    padding-bottom:15px;
    border-bottom:1px solid #dbdbdb;
}
.navis .level_1 li.submenu_show {
    padding-bottom:0;
}
.navis .level_1 li.submenu_show {
    padding-bottom:0;
}
.navis a {
    font-weight:normal;
}
.navis li.active,
.navis a.trail,
.navis li.trail {
    font-weight:bold;
    color:#1b3156;
}
.navis .level_2 li.last {
    border-bottom:0px;
}
.navis li.submenu_hide a::after,
.navis li.submenu_show a::after {
    float:right;
    margin-right:10px;
}
.navis li.submenu_hide .submenu-toggle::after {
    content: "▼";
}
.navis li.submenu_show .submenu-toggle::after {
    content: "▲";
}
.navis ul {
    margin-bottom:0;
    padding-bottom:0;
}
.navis ul.submenu {
    display:none;
}
.navis .submenu_show ul.submenu {
    display:block;
}
.navis .submenu_hide ul.submenu {
    display:none;
}
}
@media (min-width:1026px) and (max-width:1564px){

.logo {
    float:left;
    width: 130px;
    height: 130px;
    max-width: 15%;
    margin-top: 10px;
    margin-bottom:5px;
    transition: all 0.6s ease-in-out;
}
 .fix_logo {
    width: 70px;
    height: 70px;
    transition: all 0.6s ease-in-out;
 }
.such {
    position:relative;
    float:left;
    display:block;
    margin-top:10px;
    margin-right: 30px;
}
.such input {
    width:300px;
    padding:15px;
    border-radius:6px;
    border: 0px;
}
.such .widget-submit input {
    width:20px;
    height:auto;
    right:0;
    top:0;
    position:absolute;
    border:0px;
}
body {
    font:16px/27px Lato,sans-serif;
    color:#242323;
}
a {
    text-decoration:none;
    color:#242323;
}
a:hover {
    text-decoration:underline;
    color:#1b3156;
}
#nav_top {
    padding:15px 0px 0px 0px;
    clear: both;
    border-top: 1px solid #fff; 
    margin-top: 5px;
    float:right;
    transition: all 0.6s ease-in-out;
    color:#fff;
}
#nav_top.fix_nav{
    border-top: 0px solid #1b3156; 
    margin-top: 0px;
    transition: all 0.6s ease-in-out;
}
#nav_top .level_1 li {
    float:left;
    padding:20px 20px 10px 20px;
    color:#fff;
}
#nav_top .level_1 a {
    color:#fff;
}
#nav_top .level_2 li {
    width:200px;
    clear:both;
    padding:10px 15px 10px 15px;
    text-align:left;
    border-bottom:1px solid #fff;
}
#nav_top .level_2 li:last-child {
    border-bottom:0px solid #fff;
}
#nav_top .level_1 li.active,
#nav_top .level_1 li:hover,
#nav_top .level_1 li.trail {
    background-image: url("/files/images/signet-logo.svg");
    background-size: 40px auto;
    background-position: top center;
    background-repeat: no-repeat;
    text-decoration:none;
    color:#f7ce45;
}
#nav_top .level_2 li.active,
#nav_top .level_2 li:hover {
    background-image: none;
}
#nav_top .level_1 a:hover {
    text-decoration:none;
    color:#f7ce45;
}
#nav_top .level_2 {
    width:0px;
        height:0px;
        left:-32768px;
        top:-32768px;
        position:absolute;
        overflow:hidden;
        display:inline;
}
#nav_top .level_2 li.last {
    border-bottom:0px solid #fff;
}
#nav_top li:hover .level_2 {
    width:230px;
    height:auto;
    left:auto;
    top:auto;
    overflow:visible;
    display:block;
    background-color:rgba(27,49,86,.9);
    z-index: 1000;
}
#footer {
    background-color:#e1e1e0;
}
#footer h3 {
    margin-top:10px;
    margin-bottom:10px;
    font-size:18px;
    line-height:32px;
    font-weight:bold;
    color:#1b3156;
}
.scrollToTop {
    width:50px;
    height:50px;
    bottom:10px;
    right:5px;
    position:fixed;
    background-image:url("/files/images/totop-r.svg");
    background-position:left top;
    background-repeat:no-repeat;
    text-indent: -3000px;
}
.scrollToTop:hover {
    background-image:url("/files/images/totop-gelb.svg");
}
.contact input,
.contact textarea {
    width:400px;
    margin-bottom:15px;
    padding:8px 12px;
    border:1px solid #1b3156;
    border-radius:6px;
}
.contact .checkbox_container input {
    width:16px;
    height:16px;
    margin-top:7px;
    margin-right:7px;
    vertical-align:top;
}
.gal img {
    padding:20px;
    border:4px solid rgba(199,199,197,.4);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.gal img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#header .inside {
    width: 96%;
    margin-right:auto;
    margin-left:auto;
}
#footer .insiden {
    width: 96%;
    margin-right:auto;
    margin-left:auto;
    padding-top: 30px;
}
.lay {
    background-color: #e1e1e0;
}
.aktuelles {
    background-color: #1b3156;
    color: #fff;
}
.lay .inside, .lay2 .inside, .poins .inside, .aktuelles .inside, .lay3 {
    width: 96%;
    margin-right:auto;
    margin-left:auto;
    padding: 30px 0px;
}
#header {
    width: 100%;
    top: 0;
    position: fixed;
    padding-bottom: 10px;
    background-color: #1b3156;
    z-index: 99;
    transition: all 0.6s ease-in-out;
}
#header.fix_header {
    background-color: #1b3156;
    transition: all 0.6s ease-in-out;
}
.head {
    float:right;
    max-width: 84%;
}
.phone {
    float:left;
    width: 200px;
    margin-top: 20px;
}
.phone img {
    padding-top:5px;
}
.mail img {
    padding-top:8px;
}
.mail {
    width: 200px;
    margin-top: 20px;
}
.marg img {
    padding-right: 10px;
}
.infos {
    float:right;
}
.infos a {
    color:#fff;
}
.fix_infos {
    display:none;
}
.data {
    background-color: #1b3156; 
    color: #fff;
}
.data a {
    color: #fff;
}
.copy {
    width: 90%;
    margin-right:auto;
    margin-left:auto;
    text-align: center;
    padding: 20px 0px 10px 0px;
    letter-spacing: 1px;
}
.fix-katalog {
    width: 120px;
    height: 120px;
    right: 10px;
    top: 400px;
    position: fixed;
    padding: 15px;
    text-align: center;
    background-color: #1b3156;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 20px;
    color: #fff;
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 9999;
}
.fix-katalog:hover {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.fix-katalog a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.fix-katalog a:hover {
    color: #f7ce45;
    text-decoration: none;
}
.lay h1, .lay3 h1, .poins h1 {
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    background-image: url("/files/images/icon-liege4.svg");
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
    background-size: 60px auto;
}
.lay2 h1 {
    font-size: 27px;
    line-height: 36px;
    color: #1b3156;
    font-weight: 600;
}
h2 {
    text-align: center;
    padding-bottom: 40px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
}
.poins h2 {
    text-align: center;
    background-image: url("/files/images/icon-untergestell.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 50px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
    background-size: 40px auto;
}
.aktuelles h2 {
    text-align: center;
    background-image: url("/files/images/icon-untergestell-gelb.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #f7ce45;
    background-size: 40px auto;
}
.poin {
    text-align: center;
    background-color: #e1e1e0;
    padding: 10px;
}
.poin:hover {
    background-color: #a9c7fa;
    color: #f7ce45;
}
.poin a:hover {
    color: #1b3156;
    text-decoration: none;
}
.poin h3 {
    text-align: center;
    color: #1b3156;
    font-size: 20px;
}
.poin img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.6s ease-in-out;
}
.butt {
    text-align: center;
    background-color: #f7ce45;
    color: #1b3156;
    font-size: 20px;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.butt:hover {
    background-color: #efbe35;
}
.aktuelles .butt a {
    color: #1b3156;
}
.aktuelles .butt a:hover {
    text-decoration: none;
    color: #000;
}
.aktuelles a {
    color: #f7ce45;
}
#main {
    margin-top: 200px;
}
 .lis li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    background-image: url("/files/images/point1.svg");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: left 10px;
 }
  .layer {
    padding: 5px 20px 20px 30px;
    background-color:rgba(27,49,86,.1);
 }
 .tabi td, .tabi th {
     padding: 10px;
     border: 1px solid #fff;
 }
 .tabi thead {
      background-color: #1b3156;
      color: #fff;
 }
 .tabi table {
      width:100%;
      background-color:rgba(27,49,86,.2);
 }
 .tabi {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
 }
 .margi {
      margin-top: 30px;
      padding-top: 20px;
      border-top: 1px solid #1b3156;
 }
 .download a {
    background-image: url("/files/images/download-blue.svg");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: left 2px;
    padding-left: 26px;
 }
 .download {
    background-color: #F7CE45;
    padding: 50px 40px 30px 40px;
    border-radius: 50%;
    width: 180px;
    height: 180px;
 }
 .download h3 {
    color: #1b3156;
    padding-top: 0px;
    margin-top: 0px;
    border-bottom: 1px dotted #1b3156;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 40px;
    background-image: url("/files/images/download2-blue.svg");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: left top;
 }
 .crumb {
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #1b3156;
    border-bottom: 1px solid #1b3156;
    font-size: 13px;
 }
 .crumb li {
    float: left;
    margin-right: 5px;
}
 .crumb li:first-child::before {
  content: "";
}
 .crumb li::before {
  margin-right: 5px;
  content: ">";
}
 .crumb li.active {
  color: #1b3156;
  font-weight: 700;
}
 .head a:hover {
 color:#f7ce45;
 text-decoration: none;
}
 #nav_site .level_1 li {
 float: left;
 color:#fff;
}
 #nav_site .level_1 a {
 color: #fff;
 display:block;
 padding: 12px 18px;
}
 #nav_site .level_1 a:hover {
 background-color: #f7ce45;
 text-decoration: none;
 color: #1b3156;
}
 #nav_site .level_1 li.active {
 background-color: #f7ce45;
 text-decoration: none;
 color: #1b3156;
 padding: 12px 18px;
}
 #nav_site {
 background-color: #1b3156;
 margin: 0px 0px 80px 0px;
}
.cont_pic img {
 margin-right: 30px;  
}
.cont_pic {
 margin-bottom: 20px;  
}
.conten h1 {
 padding-bottom:15px;
 margin-bottom: 0px;
}
.conten p {
 margin-bottom: 50px;
}
.cont-left {
 float: left;
 width: 275px;
 margin-right: 50px;
}
.cont-right {
 width: 275px;
 float:left;
}
.cont input {
padding: 30px 15px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 20px;
margin-bottom: 20px;
}
.cont textarea {
padding: 30px 15px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 20px;
margin-bottom: 20px;
width: 600px;
}
.cont select {
padding: 30px 30px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 20px;
margin-bottom: 20px;
}
.cont-lays {
clear: both;
}
.cont .checkbox_container input {
padding: 0px;
border-radius: 0px;
margin-right: 5px;
margin-bottom: 0px;
}
.cont .checkbox_container {
margin-bottom: 20px;
}
.cont .submit {
padding: 30px 20px;
margin-bottom: 20px;
background: #1b3156;
color: #fff;
border: 0px solid;
cursor: pointer;
}
.cont .submit:hover {
color: #000;
background: #F7CE45;
transition: all 1s;
}
.downloads a, .downloads2 a {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    background-image: url("/files/images/download1.svg");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: left center;
}
.downloads li, .downloads2 li {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.downloads {
    padding: 30px 20px;
    background: #a9c7fa;
}
.downloads2 {
    padding: 30px 20px;
    background: #f7e29a;
}
.downloads img, .downloads2 img {
    margin-right: 20px;
}
.downloads2 h3 {
    padding-bottom: 10px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
}
.impr a {
    color: #1b3156;
    text-decoration: underline;
}
.impr a:hover {
    text-decoration: none;
}
.lay2 .rs-column {
    margin-right: 2%;
}
}
@media (min-width:807px) and (max-width:1025px){

.logo {
    float:left;
    width: 130px;
    height: 130px;
    max-width: 15%;
    margin-top: 10px;
    margin-bottom:5px;
    transition: all 0.6s ease-in-out;
}
 .fix_logo {
    width: 70px;
    height: 70px;
    transition: all 0.6s ease-in-out;
 }
.such {
    position:relative;
    float:left;
    display:block;
    margin-top:10px;
    margin-right: 20px;
}
.such input {
    width:230px;
    padding:15px;
    border-radius:6px;
    border: 0px;
}
.such .widget-submit input {
    width:20px;
    height:auto;
    right:0;
    top:0;
    position:absolute;
    border:0px;
}
body {
    font:16px/27px Lato,sans-serif;
    color:#242323;
}
a {
    text-decoration:none;
    color:#242323;
}
a:hover {
    text-decoration:underline;
    color:#1b3156;
}
#nav_top {
    padding:10px 0px 0px 0px;
    clear: both;
    border-top: 1px solid #fff; 
    float:right;
    transition: all 0.6s ease-in-out;
    color:#fff;
}
#nav_top.fix_nav{
    border-top: 0px solid #1b3156; 
    margin-top: 0px;
    transition: all 0.6s ease-in-out;
}
#nav_top .level_1 li {
    float:left;
    padding:20px 20px 10px 20px;
    color:#fff;
}
#nav_top .level_1 a {
    color:#fff;
}
#nav_top .level_2 li {
    width:200px;
    clear:both;
    padding:10px 15px 10px 15px;
    text-align:left;
    border-bottom:1px solid #fff;
}
#nav_top .level_2 li:last-child {
    border-bottom:0px solid #fff;
}
#nav_top .level_1 li.active,
#nav_top .level_1 li:hover,
#nav_top .level_1 li.trail {
    background-image: url("/files/images/signet-logo.svg");
    background-size: 40px auto;
    background-position: top center;
    background-repeat: no-repeat;
    text-decoration:none;
    color:#f7ce45;
}
#nav_top .level_2 li.active,
#nav_top .level_2 li:hover {
    background-image: none;
}
#nav_top .level_1 a:hover {
    text-decoration:none;
    color:#f7ce45;
}
#nav_top .level_2 {
    width:0px;
        height:0px;
        left:-32768px;
        top:-32768px;
        position:absolute;
        overflow:hidden;
        display:inline;
}
#nav_top .level_2 li.last {
    border-bottom:0px solid #fff;
}
#nav_top li:hover .level_2 {
    width:230px;
    height:auto;
    left:auto;
    top:auto;
    overflow:visible;
    display:block;
    background-color:rgba(27,49,86,.9);
    z-index: 1000;
}
#footer {
    background-color:#e1e1e0;
}
#footer h3 {
    margin-top:10px;
    margin-bottom:10px;
    font-size:18px;
    line-height:32px;
    font-weight:bold;
    color:#1b3156;
}
.scrollToTop {
    width:50px;
    height:50px;
    bottom:10px;
    right:5px;
    position:fixed;
    background-image:url("/files/images/totop-r.svg");
    background-position:left top;
    background-repeat:no-repeat;
    text-indent: -3000px;
}
.scrollToTop:hover {
    background-image:url("/files/images/totop-gelb.svg");
}
.contact input,
.contact textarea {
    width:400px;
    margin-bottom:15px;
    padding:8px 12px;
    border:1px solid #1b3156;
    border-radius:6px;
}
.contact .checkbox_container input {
    width:16px;
    height:16px;
    margin-top:7px;
    margin-right:7px;
    vertical-align:top;
}
.gal img {
    padding:20px;
    border:4px solid rgba(199,199,197,.4);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.gal img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#header .inside {
    width: 96%;
    margin-right:auto;
    margin-left:auto;
}
#footer .insiden {
    width: 96%;
    margin-right:auto;
    margin-left:auto;
    padding-top: 30px;
}
.lay {
    background-color: #e1e1e0;
}
.aktuelles {
    background-color: #1b3156;
    color: #fff;
}
.lay .inside, .lay2 .inside, .poins .inside, .aktuelles .inside, .lay3 {
    width: 96%;
    margin-right:auto;
    margin-left:auto;
    padding: 30px 0px;
}
#header {
    width: 100%;
    top: 0;
    position: fixed;
    padding-bottom: 10px;
    background-color: #1b3156;
    z-index: 99;
    transition: all 0.6s ease-in-out;
}
#header.fix_header {
    background-color: #1b3156;
    transition: all 0.6s ease-in-out;
}
.head {
    float:right;
    max-width: 84%;
}
.phone {
    float:left;
    width: 180px;
    margin-top: 20px;
}
.phone img {
    padding-top:5px;
}
.mail img {
    padding-top:8px;
}
.mail {
    width: 170px;
    margin-top: 20px;
}
.marg img {
    padding-right: 10px;
}
.infos {
    float:right;
}
.infos a {
    color:#fff;
}
.fix_infos {
    display:none;
}
.data {
    background-color: #1b3156; 
    color: #fff;
}
.data a {
    color: #fff;
}
.copy {
    width: 90%;
    margin-right:auto;
    margin-left:auto;
    text-align: center;
    padding: 20px 0px 10px 0px;
    letter-spacing: 1px;
}
.fix-katalog {
    width: 120px;
    height: 120px;
    right: 10px;
    top: 400px;
    position: fixed;
    padding: 15px;
    text-align: center;
    background-color: #1b3156;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 20px;
    color: #fff;
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 9999;
}
.fix-katalog:hover {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.fix-katalog a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.fix-katalog a:hover {
    color: #f7ce45;
    text-decoration: none;
}
.lay h1, .lay3 h1, .poins h1 {
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    background-image: url("/files/images/icon-liege4.svg");
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
    background-size: 60px auto;
}
.lay2 h1 {
    font-size: 27px;
    line-height: 36px;
    color: #1b3156;
    font-weight: 600;
}
h2 {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
}
.poins h2 {
    text-align: center;
    background-image: url("/files/images/icon-untergestell.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 50px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
    background-size: 40px auto;
}
.aktuelles h2 {
    text-align: center;
    background-image: url("/files/images/icon-untergestell-gelb.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #f7ce45;
    background-size: 40px auto;
}
.poin {
    text-align: center;
    background-color: #e1e1e0;
    padding: 10px;
}
.poin:hover {
    background-color: #a9c7fa;
    color: #f7ce45;
}
.poin a:hover {
    color: #1b3156;
    text-decoration: none;
}
.poin h3 {
    text-align: center;
    color: #1b3156;
    font-size: 20px;
}
.poin img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.6s ease-in-out;
}
.butt {
    text-align: center;
    background-color: #f7ce45;
    color: #1b3156;
    font-size: 20px;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.butt:hover {
    background-color: #efbe35;
}
.aktuelles .butt a {
    color: #1b3156;
}
.aktuelles .butt a:hover {
    text-decoration: none;
    color: #000;
}
.aktuelles a {
    color: #f7ce45;
}
#main {
    margin-top: 210px;
}
 .lis li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    background-image: url("/files/images/point1.svg");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: left 10px;
 }
  .layer {
    padding: 5px 20px 20px 30px;
    background-color:rgba(27,49,86,.1);
 }
 .tabi td, .tabi th {
     padding: 10px;
     border: 1px solid #fff;
 }
 .tabi thead {
      background-color: #1b3156;
      color: #fff;
 }
 .tabi table {
      width:100%;
      background-color:rgba(27,49,86,.2);
 }
 .tabi {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
 }
 .margi {
      margin-top: 30px;
      padding-top: 20px;
      border-top: 1px solid #1b3156;
 }
 .download a {
    background-image: url("/files/images/download-blue.svg");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: left 2px;
    padding-left: 26px;
 }
 .download {
    background-color: #F7CE45;
    padding: 50px 40px 30px 40px;
    border-radius: 50%;
    width: 180px;
    height: 180px;
 }
 .download h3 {
    color: #1b3156;
    padding-top: 0px;
    margin-top: 0px;
    border-bottom: 1px dotted #1b3156;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 40px;
    background-image: url("/files/images/download2-blue.svg");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: left top;
 }
 .crumb {
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #1b3156;
    border-bottom: 1px solid #1b3156;
    font-size: 13px;
 }
 .crumb li {
    float: left;
    margin-right: 5px;
}
 .crumb li:first-child::before {
  content: "";
}
 .crumb li::before {
  margin-right: 5px;
  content: ">";
}
 .crumb li.active {
  color: #1b3156;
  font-weight: 700;
}
 .head a:hover {
 color:#f7ce45;
 text-decoration: none;
}
 #nav_site .level_1 li {
 float: left;
 color:#fff;
}
 #nav_site .level_1 a {
 color: #fff;
 display:block;
 padding: 12px 18px;
}
 #nav_site .level_1 a:hover {
 background-color: #f7ce45;
 text-decoration: none;
 color: #1b3156;
}
 #nav_site .level_1 li.active {
 background-color: #f7ce45;
 text-decoration: none;
 color: #1b3156;
 padding: 12px 18px;
}
 #nav_site {
 background-color: #1b3156;
 margin: 0px 0px 80px 0px;
}
.cont_pic img {
 margin-right: 30px;  
}
.cont_pic {
 margin-bottom: 20px;  
}
.conten h1 {
 padding-bottom:15px;
 margin-bottom: 0px;
}
.conten p {
 margin-bottom: 50px;
}
.cont input {
padding: 30px 15px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-bottom: 20px;
width: 90%;
}
.cont textarea {
padding: 30px 15px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 20px;
margin-bottom: 20px;
 width: 90%;
}
.cont select {
padding: 30px 30px;
background: #e1e1e0;
border: 0px solid;
border-radius: 6px;
margin-right: 20px;
margin-bottom: 20px;
}
.cont .checkbox_container input {
padding: 0px;
border-radius: 0px;
margin-right: 5px;
margin-bottom: 0px;
width: 16px;
height: 16px;
}
.cont .checkbox_container {
margin-bottom: 20px;
}
.cont .submit {
padding: 30px 20px;
margin-bottom: 20px;
background: #1b3156;
color: #fff;
border: 0px solid;
cursor: pointer;
}
.cont .submit:hover {
color: #000;
background: #F7CE45;
transition: all 1s;
}
.downloads a, .downloads2 a {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    background-image: url("/files/images/download1.svg");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: left center;
}
.downloads li, .downloads2 li {
    padding-top: 20px;
    padding-bottom: 10px;
}
.downloads {
    padding: 30px 20px;
    background: #a9c7fa;
}
.downloads2 {
    padding: 30px 20px;
    background: #f7e29a;
}
.downloads img, .downloads2 img {
    margin-right: 20px;
}
.downloads.media--left > figure {
    float: none !important;
}
.downloads2 h3 {
    padding-bottom: 10px;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1px;
    color: #1b3156;
}
.impr a {
    color: #1b3156;
    text-decoration: underline;
}
.impr a:hover {
    text-decoration: none;
}
.lay2 .rs-column {
    margin-right: 2%;
}
}