/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License:none (public domain)*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
td{vertical-align:top;}
strong{font-weight:bold;}
img {max-width:100%; height:auto;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* These are some messy DEMO styles. No need to poke around here all that much */
/* Base------------------------------------------*/
html{-webkit-font-smoothing:antialiased;}
body{height:100%;margin:0;background:transparent;/* background:#fff;*/
color:#5a5a5a;font:normal 300 100%/1.5em 'Lato', arial, helvetica, sans-serif;}
a{font-size:100%;margin:0;padding:0;vertical-align:baseline;}
a.red{color:#e3000b !important;}
a:link,a:visited,a:hover,a:focus,a:active{text-decoration:none;color:rgb(0, 74, 150);}
a:hover,a:focus{text-decoration:underline;}
img{max-width:100%;}
figure{margin:1em 0;}
figure img{display:block;}
/* Typography------------------------------------------*/
h1, h2, h3, h4, h5, h6, dl, ol, ul, p, blockquote, pre{margin-bottom:1em;margin-top:1em;}
ol ol,ol ul,ul ol,ul ul{margin-left:1.5em;}
li{display:list-item;list-style-position:inside;}
h1{font-size:1.5em;}
h2{font-size:1.3125em;}
h3{font-size:1.125em;}
h4{font-size:1em;}
h5{font-size:0.875em;}
h6{font-size:0.75em;}
/* Typographic elements */
.section-title{margin-top:1.5em;padding:.4em 0 .55em;border-top:1px solid rgba(0,0,0,.2);border-bottom:1px dashed rgba(0,0,0,.2);}
/* Page------------------------------------------*/
#page{margin:0 auto;width:96%;max-width:1000px;}
#masthead h1{margin:.1em 0;position:absolute;left:-9999em;}
#masthead h2{font-size:90%;}
.github{margin-bottom:2em;padding-bottom:1em;border-bottom:1px dashed rgba(0,0,0,.2);text-align:center;}
@media only screen and (min-width:769px){
.demo-introduction{padding-left:26%;}
}
/* Gallery example------------------------------------------*/
.gallery a{display:block;margin-top:.4em;margin-bottom:.4em;}
.gallery img{display:block;box-shadow:0 0 0 4px rgba(0,0,0,0);-webkit-transition:box-shadow .5s;-moz-transition:box-shadow .5s;-ms-transition:box-shadow .5s;-o-transition:box-shadow .5s;transition:box-shadow .5s;}
.gallery a:hover img,.gallery a:focus img{box-shadow:0 0 0 4px rgba(0,0,0,1);}
/* custom gallery gutters */
.gallery{margin:0 -.4em;}
.gallery .unit{padding:0 .4em;}
/* Components------------------------------------------*/
.box{margin-top:1em;margin-bottom:1em;padding:1px 1em;background:#fff;*zoom:1;}
figure + .box{margin-top:-1em;}
/* Article layout------------------------------------------*/
.news-articles .unit{margin-top:1em;margin-bottom:1em;}
.news-articles .unit{border-left:1px solid rgba(0,0,0,.2);}
.news-articles .unit:first-child{border-left:none;}
.news-articles figure{margin-top:0;}


/*owl carousel start*/
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }.owl-carousel { display: none; width: 100%; z-index: 1; }.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; }.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.owl-carousel.owl-loading { opacity: 0; display: block; }.owl-carousel.owl-hidden { opacity: 0; }.owl-carousel.owl-refresh .owl-item { visibility: hidden; }.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.owl-carousel.owl-grab { cursor: move; cursor: grab; }.owl-carousel.owl-rtl { direction: rtl; }.owl-carousel.owl-rtl .owl-item { float: right; }.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }.owl-carousel .owl-animated-in { z-index: 0; }.owl-carousel .owl-animated-out { z-index: 1; }.owl-carousel .fadeOut { animation-name: fadeOut; }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }.owl-height { transition: height .5s ease-in-out }.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; }.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000000; }.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; }.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; }.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; }.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }.owl-dots {width:100%; text-align:center; padding:20px 0; position:absolute; bottom: 0;}.owl-dots .owl-dot {display:inline-block; background:none; border:none; margin:0 5px; padding:0; text-align:center; }.owl-dots .owl-dot span { transform: scale(.7); width:18px; height:18px; border-radius:100%; background:#fff; transition-duration: 0.4s; transform-origin: center; border:4px solid #fff; display:block; }.owl-dots .owl-dot.active { background:none; }.owl-dots .owl-dot.active span { background-color:#000; transform: scale(1); }.owl-thumb-item img {border:solid 1px #fff; padding:10px 15px}.owl-thumbs {display:table; width:100%; text-align:center; padding:0; z-index:99; }.owl-thumb-item {display:table-cell; border:none; background:none; padding:5px; opacity:0.3; width:100px; cursor:pointer;}.owl-thumb-item.active { opacity:1;}.owl-carousel .nav-btn{ height: 51px; position: absolute; width: 51px; cursor: pointer; top:50%; margin-top: -25px; }.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled{ pointer-events: none; opacity: 0.2; }.owl-carousel .prev-slide { background: url(../images/nav-icon.png) no-repeat scroll 0 0; left: 0; }.owl-carousel .next-slide { background: url(../images/nav-icon.png) no-repeat scroll -51px 0px; right: 0; }.owl-carousel .prev-slide:hover{ background-position: 0 0; }.owl-carousel .next-slide:hover { background-position: -51px 0; }
/*owl carousel end*/

#container { width:100%!important; margin: 0!important; }
.customer-images { display:flex; justify-content: center; flex-wrap: wrap; }
.customer-images .item { padding: 5px; }

.navbar-toggler { position: absolute; left: 20px; padding: 0; margin: 0; background: none!important; border: none; border-radius: 0; transition-duration: 0.3s; z-index: 9; display: none; }
.navbar-toggler:hover { background: none!important; }
.navbar-toggler .icon-bar { display: block; width: 30px; height: 2px; border-radius: 1px; }
.navbar-toggler .icon-bar { background-color: #000000; }
.navbar-toggler .icon-bar+.icon-bar { margin-top: 5px; }
.navbar-toggler .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggler .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-toggler .icon-bar { position: relative; transition: all 500ms ease-in-out; }
.navbar-toggler.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); }
.navbar-toggler.active .icon-bar:nth-of-type(2) { background-color: transparent; }
.navbar-toggler.active .icon-bar:nth-of-type(3) { top: -8px; transform: rotate(-45deg); }

.mod_navigation.block { display: flex; align-items: center; flex-flow: row-reverse; position: relative; }
.mod_navigation.block .navbar-collapse { margin-right: auto; }
.sf-menu.level_1 li, .sf-menu.level_1 li a, .sf-menu.level_1 li.active span.active { height:auto; }
.sf-menu li.mob_show, .map_show  { display:none; }
#main table.member td img { max-width: 200px; max-height: 110px; }
#main table.member td:first-child { width: 25%; }
#main table.member td:nth-child(2n) { width: 35%; }
#main table.member td:nth-child(3n) { width: 30%; }
#main table.member td:last-child { width: 10%; }

.home-slider .item img { width:100%; }


@media only screen and (max-width:989px) {
.sf-menu.level_1 li, .sf-menu.level_1 li a, .sf-menu.level_1 li.active span.active { font-size: 14px; }
.map_show { display:block; }
.map_hide { display:none; }
#main #txt_rahmen { height: auto; }
#main #txt_rahmen #txt_1, #main #txt_rahmen #txt_2, #main #txt_rahmen #txt_3, #main #txt_rahmen #txt_4, #main #txt_rahmen #txt_5, #main #txt_rahmen #txt_6, #main #txt_rahmen #txt_7, #main #txt_rahmen #txt_8, #main #txt_rahmen #txt_9 { display: block!important; width: 90%; margin: auto; }
#main table.member tr { display: flex; flex-wrap: wrap; }
#main table.member td { display: block; min-width: 50%; max-width: 50%; overflow-wrap: break-word; word-wrap: break-word; }
#main table.member td:first-child, #main table.member td:last-child { min-width: 100%; max-width: 100%; margin: 1rem 0; text-align: left!important; }
#main table.member td:last-child br { display: none; }
}
@media only screen and (max-width:767px) {
.navbar-toggler, .sf-menu li.mob_show { display:block; }
.mod_navigation.block .navbar-collapse { position: fixed; left: -250px; transition-duration: .3s; margin-right: auto; background: #fff; width: 250px; top: 0; height: 100%; overflow: auto; padding-top: 95px; z-index: 5; }
.mod_navigation.block.open .navbar-collapse { left:0; }
.mod_navigation.block.open .sf-menu.level_1 li, .mod_navigation.block.open .sf-menu.level_1 li a, .mod_navigation.block.open .sf-menu.level_1 li.active span.active { display: block; float: none; }
.mod_navigation.block.open .sf-menu li, .mod_navigation.block.open .sf-menu li a:focus, .mod_navigation.block.open .sf-menu li a:hover, .mod_navigation.block.open .sf-menu li a:active { background:none; margin: 1rem 0; }
.mob_hide { display:none; }
#main .inside-full .mod_article .ingrid.in-halves .ce_text, #main .inside-full .mod_article .ingrid.in-halves .ce_list, #main .inside-full .mod_article .ingrid.in-halves .ce_image { width: 100% !important; float: none; }
#footer .footer-adresse { display:block; text-align: center; }
footer .footer-adresse-left, footer .footer-adresse-right, footer .mod_customnav ul { float: none; }
.ce_image.unit.block { display: none; }
#main .inside-full .mod_article .ingrid.in-fourths .ce_text.span-three { width:100%!important; }
.sf-menu { width: 100%; margin-left: 8px; margin-top: 20px; }
}
@media only screen and (max-width:480px) {
#main table.member td { display: block; min-width: 100%; max-width: 100%; margin-bottom: 1rem; }
#main table.member td:last-child { margin-top: 0; }
footer .footer-adresse-right span { margin-left: 0; }
#main table.member td img { max-width: 150px; }
}
