/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('libs/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('libs/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('libs/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('libs/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('libs/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('libs/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('libs/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('libs/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('libs/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('libs/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('libs/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('libs/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('libs/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('libs/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('libs/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('libs/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('libs/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('libs/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}



html, body {
width:100%; height:100%;
}

body {
position:relative;
margin:0; padding:0;
background:#f4f4f4;
font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;
font-size:22px;
line-height:31px;
color:#6a7374;
font-weight:400;
text-decoration:none;
}

a, span, div, ul, li, td, th, form, fieldset, input, select, textarea, p, h1, h2, h3, h4 {
font-family:inherit;
font-size:inherit;
line-height:inherit;
color:inherit;
font-weight:inherit;
text-decoration:inherit;
margin:0; padding:0;
list-style-type:none;
outline:none;
border:0;
}

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

img {
border:0;
}

#content>p>strong,
a:hover {
color:#009fe3;
}

.left {
float:left;
}

@media screen and (min-width:1024px) {

.right {
float:right;
}

}

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

.right {
float:left;
}

}

.vh {
visibility:hidden;
}

#all {
position:relative;
max-width:1150px;
margin:0 auto;
}

#content>p {
margin:31px 0;
}

#content>h2 + p {
margin-top:0;
}

h1 {
font-weight:600;
color:#009fe3;
margin-bottom:27px;
}

@media screen and (min-width:1280px) {

h1 {
font-size:43px;
line-height:59px;
}


}

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

h1 {
font-size:36px;
line-height:48px;
}

}

.index h1 {
font-size:27px;
line-height:27px;
}

h2, h3 {
font-weight:600;
color:#009fe3;
}

#content .produkte li.mobile h2 {
color:inherit;
}

#header {
position:fixed; left:0px; top:0px;
width:100%;
background:#fff;
z-index:1000;
-webkit-box-shadow:0px 5px 5px 0px rgba(221,221,221,1);
-moz-box-shadow:0px 5px 5px 0px rgba(221,221,221,1);
box-shadow:0px 5px 5px 0px rgba(221,221,221,1);
}

#header_inner {
max-width:1150px;
margin:0 auto;
}

       .logo {
       float:left;
       margin-top:5px;
       overflow:hidden;
       text-indent:-1000px;
       }

       #nav {
       float:right;
       position:relative;
       }

                #nav>li {
                position:relative;
                float:left;
                margin-left:14px;
                padding-bottom:24px;
                }

                         #nav>li>a {
                         position:relative;
                         display:inline-block;
                         margin-left:20px;
                         font-weight:600;
                         font-size:18px;
                         line-height:22px;
                         text-transform:uppercase;
                         }

                         #nav li a:hover,
                         #nav li.aktiv>a {
                         color:#009fe3;
                         }

                         #nav>li.aktiv>a {
                         padding-left:20px;
                         margin-left:0;
                         }

                                  #nav>li.aktiv>a:before {
                                  content:'';
                                  position:absolute; left:1px; top:5px;
                                  display:block;
                                  width:10px; height:10px;
                                  -webkit-border-radius:5px;
                                  -moz-border-radius:5px;
                                  border-radius:5px;
                                  background:#e31d28;
                                  }

                         #nav li ul {
                         display:none;
                         }

                                 #nav li ul li.aktiv>a {
                                 color:#e31d28;
                                 }

#content {
padding-bottom:50px;
}

@media screen and (min-width:1280px) {

.mobil, .mobile {
display:none;
}

#header {
height:155px;
padding-top:34px;
}

       .logo {
       width:228px; height:88px;
       background:url('img/ifc.png') no-repeat;
       -webkit-background-size:100% 100%;
       -moz-background-size:100% 100%;
       background-size:100% 100%;
       }

       #nav li.close,
       .mobilenav,
       .close {
       display:none;
       }

                         #nav li:hover ul {
                         display:block;
                         position:absolute; left:0px; top:26px;
                         background:#fff;
                         padding:20px 20px 10px 20px;
                         }

                         #nav li:hover ul:before {
                         content:'';
                         position:absolute; left:0px; bottom:0px;
                         width:100%; height:90%;
                         -webkit-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);
                         -moz-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);
                         box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);
                         z-index:999;
                         }

                         #nav li:hover ul:after {
                         content:'';
                         position:absolute; left:0px; top:0px;
                         width:100%; height:20px;
                         background:#fff;
                         z-index:999;
                         }

                                 #nav li ul li a {
                                 position:relative;
                                 display:block;
                                 font-weight:400;
                                 font-size:14px;
                                 line-height:24px;
                                 text-transform:uppercase;
                                 z-index:1001;
                                 }

#content {
padding-top:206px;
}

}


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

.desktop {
display:none;
}

#content>* {
padding:0 20px;
}

#header {
height:119px;
padding:16px 0 0 34px;
}

       .logo {
       width:213px; height:59px;
       background:url('img/ifc_mobile.png') no-repeat;
       -webkit-background-size:100% 100%;
       -moz-background-size:100% 100%;
       background-size:100% 100%;
       }

       .mobilenav {
       float:right;
       margin-top:11px;
       width:51px; height:53px;
       background:url('img/mobile.png') no-repeat;
       overflow:hidden;
       text-indent:-1000px;
       }

         #nav {
         display:none;
         position:absolute; right:0px; top:0px;
         width:225px; height:100%;
         padding:20px 20px 20px 25px;
         background:#ccc;
         overflow:auto;
         }

         #nav:after {
         content:'';
         position:absolute; left:-15px; top:-25px;
         width:15px; height:150%;
         -webkit-box-shadow: 0px 0px 25px 0px #000;
         -moz-box-shadow: 0px 0px 25px 0px #000;
         box-shadow: 0px 0px 25px 0px #000;
         }

                #nav li {
                clear:left;
                margin-left:0;
                }

                         #nav li a {
                         font-size:19px;
                         line-height:23px;
                         color:#898989;
                         }

                         #nav li a:hover,
                         #nav li.aktiv>a {
                         color:#000;
                         }

                         #nav li.close {
                         float:right;
                         }

                                  #nav li.close a {
                                  display:block;
                                  margin-bottom:15px;
                                  width:33px; height:32px;
                                  background:url('img/close.png') no-repeat;
                                  -webkit-background-size:100% 100%;
                                  -moz-background-size:100% 100%;
                                  background-size:100% 100%;
                                  overflow:hidden;
                                  text-indent:-1000px;
                                  }

                         #nav li.aktiv ul,
                         #nav li.hover ul {
                         display:block;
                         }

                                 #nav li ul li {
                                 padding:8px 0 0 20px;
                                 }

                                          #nav li ul li a {
                                          display:block;
                                          font-size:17px;
                                          line-height:24px;
                                          font-weight:400;
                                          text-transform:uppercase;
                                          }


#content {
padding-top:119px;
}

#nav>li#lang {
margin-left:20px;
}

}



@media screen and (min-width:1280px) {

#nav {
top:10px;
}

#nav>li#lang {
position:absolute; right:0px; top:-44px;
}

}

#nav>#lang>a {
float:left;
display:block;
margin:0;
width:38px; height:25px;
overflow:hidden;
text-indent:-10000px;
background:url('img/flaggen.png') no-repeat;
background-size:88px 100px;
}

#nav>#lang>a.de { background-position:-50px 0; }
#nav>#lang>a.de.aktiv { background-position:0 0; }
#nav>#lang>a.en { background-position:-50px -75px; }
#nav>#lang>a.en.aktiv { background-position:0 -75px; }



/* Slider */

#content .slider {
position:relative;
width:100%;
overflow:hidden;
padding:0;
}

.slider>li,
#slidertext>li {
position:absolute; left:0px; top:0px;
width:100%;
visibility:hidden;
}

.slider>li.aktiv,
#slidertext>li.aktiv {
position:relative;
visibility:visible;
}

.slider>li>a,
.slider>li>a>img,
.slider>li>img {
float:left;
width:100%; height:auto;
}

@media screen and (min-width:1024px) {

.slider>li.img2>img {
width:calc(50% - 20px);
}

.slider>li.img2>img:first-child {
margin-right:40px;
}

.slider>li.mobile {
display:none;
}

}

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

.slider>li.img2>img:nth-child(1n+2) {
display:none;
}

.slider>li.mobile {
display:block;
}

}


figure {
position:relative;
margin:0; padding:0;
}

@media screen and (min-width:1280px) {

.slider {
height:400px;
}

figure {
width:100%; height:400px;
}

         figcaption {
         float:left;
         width:395px; height:400px;
         padding:70px;
         background:#009ee0;
         color:#fff;
         font-size:43px;
         line-height:52px;
         font-weight:300;
         }

         figure img {
         float:left;
         width:755px; height:auto;
         }

}

@media screen and (min-width:768px) and (max-width:1279px) {

.slider {
height:auto;
}

figure {
width:100%; height:100%;
*zoom:1;
overflow:hidden;
}

         figure:before, figure:after {
         content:'';
         display:table;
         }

         figure:after {
         clear:both;
         }

         figcaption {
         position:relative;
         float:left;
         width:33%; height:100%;
         padding:70px;
         background:#009ee0;
         color:#fff;
         font-size:43px;
         line-height:52px;
         font-weight:300;
         }

         #slider1 figcaption:after {
         content:'';
         width:100%; height:1000px;
         position:absolute; left:0px; top:99%;
         background:#009ee0;
         }

         figure img {
         float:left;
         width:67%; height:auto;
         }

}

@media screen and (min-width:1024px) and (max-width:1279px) {

         figcaption {
         padding:40px;
         font-size:40px;
         line-height:48px;
         }

}

@media screen and (min-width:768px) and (max-width:1024px) {

         figcaption {
         padding:40px;
         font-size:32px;
         line-height:38px;
         }

}



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

figure {
width:100%; height:auto;
}

         figcaption {
         position:absolute; left:0px; top:0px;
         width:100%; height:100%;
         padding:0 35px;
         background:#009ee0;
         z-index:1;
         }

                  figcaption>div {
                  display:table;
                  width:100%; height:100%;
                  }

                           #slider1 figcaption>div>div {
                           display:table-cell;
                           color:#fff;
                           font-size:28px;
                           line-height:36px;
                           font-weight:300;
                           vertical-align:middle;
                           }

         figure img {
         display:block;
         width:100%; height:auto;
         }

}



/* Footer */

#footer {
clear:both;
text-align:center;
border-top:1px solid #8f9697;
-webkit-box-shadow: 0px -1px 0px 0px #dadcdc;
-moz-box-shadow: 0px -1px 0px 0px #dadcdc;
box-shadow: 0px -1px 0px 0px #dadcdc;
padding:18px;
}

#footer,
#footer span,
#footer a {
font-size:14px;
line-height:16px;
}

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

         #footer span.trenner {
         display:block;
         width:100%; height:1px;
         overflow:hidden;
         text-indent:-1000px;
         }

}


/* Produkte */

ul.produkte {
position:relative;
width:100%;
margin-bottom:-50px;
}

ul.produkte:after {
content:'';
position:absolute; left:0px; bottom:0px;
width:100%; height:1px;
background:#fff;
}

ul.produkte>li {
position:relative;
width:100%;
padding:40px 0 40px 0;
border-bottom:1px solid #6a7374;
}

        ul.produkte li a {
        font-weight:600;
        }

        ul.produkte li a:first-child {
        position:absolute; left:0px; top:40px;
        display:block;
        width:190px; height:190px;
        -webkit-background-size:100% auto;
        -moz-background-size:100% auto;
        background-size:100% auto;
        background-repeat:no-repeat;
        background-position:left top;
        }

        ul.produkte li a.hover,
        ul.produkte li a:hover {
        background-position:left -240px;
        }

        ul.produkte li.aktiv a {
        background-position:left -480px;
        }

        ul.produkte li.mobile h2 {
        display:table;
        width:100%; height:156px;
        }

                 ul.produkte li.mobile h2 a {
                 position:relative; top:0px;
                 display:table-cell;
                 width:100%; height:100%;
                 vertical-align:middle;
                 }

        ul.produkte li a:hover,
        ul.produkte li a.hover,
        ul.produkte li a:focus {
        color:#009fe3;
        }

        #prodnav li a {
        display:block;
        width:98px; height:98px;
        -webkit-background-size:100% auto;
        -moz-background-size:100% auto;
        background-size:100% auto;
        background-repeat:no-repeat;
        background-position:left top;
        }

        #prodnav li a:hover {
        background-position:left -124px;
        }

        #prodnav li.aktiv a {
        background-position:left -248px;
        }

@media screen and (min-width:1280px) {

ul.produkte>li {
padding-left:257px;
min-height:270px;
}

        #prodnav {
        float:right;
        margin-top:69px;
        }

                #prodnav li {
                float:left;
                margin-left:26px;
                }

}

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

ul.produkte>li {
min-height:236px;
}

        ul.produkte>li a:first-child {
        padding-left:220px;
        -webkit-background-size:156px auto;
        -moz-background-size:156px auto;
        background-size:156px auto;
        background-position:left top;
        }

        ul.produkte li a.hover:first-child,
        ul.produkte>li a:first-child:hover {
        background-position:left -197px;
        }

        ul.produkte>li.aktiv a:first-child {
        background-position:left -394px;
        }

        #prodnav {
        display:block;
        margin:14px 0 0 0;
        *zoom:1;
        }

         #prodnav.prodnav1 {
         width:100%;
         }

                #prodnav:before, #prodnav:after {
                content:'';
                display:table;
                }

                #prodnav:after {
                clear:both;
                }

                #prodnav li {
                float:left;
                margin-right:26px;
                margin-top:26px;
                }

                #prodnav li:last-child {
                margin-right:0;
                }

}

@media screen and (min-width:403px) and (max-width:530px) {

         #prodnav {
         margin:14px auto 0 auto;
         width:346px;
         }

         #prodnav.prodnav1,
         #prodnav.prodnav2 {
         width:100%;
         }

                #prodnav li:nth-child(3n) {
                margin-right:0;
                }

}

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

#content>ul.produkte {
padding:0;
}

        ul.produkte>li {
        padding:30px 0;
        min-height:170px;
        }

                 ul.produkte>li a:first-child {
                 padding-left:140px;
                 top:30px;
                 -webkit-background-size:110px auto;
                 -moz-background-size:110px auto;
                 background-size:110px auto;
                 background-position:left top;
                 }

                 ul.produkte li a.hover:first-child,
                 ul.produkte>li a:first-child:hover {
                 background-position:left -139px;
                 }

                 ul.produkte>li.aktiv a:first-child {
                 background-position:left -278px;
                 }

        ul.produkte li.mobile h2 {
        height:110px;
        }

}

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

                #prodnav li,
                #prodnav li:nth-child(3n) {
                margin-top:13px;
                margin-right:13px;
                }

                          #prodnav li a {
                          width:49px; height:49px;
                          background-position:left top;
                          }

                          #prodnav li a:hover {
                          background-position:left -62px;
                          }

                          #prodnav li.aktiv a {
                          background-position:left -124px;
                          }


}

        #prodnav li a img {
        display:block;
        }

        .produkte:not(.noparent) #content h1 {
        margin-top:58px;
        }

        .produkte #content h2 {
        margin-bottom:20px;
        }

        .produkte #content ul.produkte h2 {
        margin-bottom:0;
        }

        .produkte #content .right {
        width:100%;
        max-width:560px;
        }

        .cat38 #content {
        position:relative;
        overflow:hidden;
        }

        .cat38 #content .slider {
        overflow:visible;
        }

        .cat38 #content .slider h2 {
        text-align:left;
        }

        .cat38 #content .right #slidertext {
        position:relative;
        width:100%; height:400px;
        }

        .cat38 #content .arrows {
        position:relative;
        clear:both;
        z-index:100;
        }


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

        .produkte #content .right {
        margin-bottom:50px;
        }

}

                 .produkte #content>ul:not(.produkte):not(.cols):not(.images):not(.slider):not(.slider-pro):not(.overview) li,
                 .produkte #content>ul.overview li ul li,
                 .produkte #content .cols ul li,
                 .produkte #content .right li {
                 position:relative;
                 padding-left:33px;
                 }

                 .cat38 #content .right #slidertext>li {
                 position:absolute;
                 padding-left:0;
                 }

                         .produkte #content>ul:not(.produkte):not(.cols):not(.images):not(.slider):not(.slider-pro):not(.overview) li:before,
                         .produkte #content>ul.overview li ul li:before,
                         .produkte #content .cols ul li:before,
                         .produkte #content .right li:before {
                         content:'';
                         position:absolute; left:0px; top:12px;
                         display:block;
                         width:8px; height:8px;
                         -webkit-border-radius:4px;
                         -moz-border-radius:4px;
                         border-radius:4px;
                         background:#e31d28;
                         }

                          .cat38 #content .right #slidertext>li:before {
                          display:none;
                          }

                                            .produkte #content .right .desktop hr {
                                            margin:50px 0 20px 0;
                                            }

                                            a.button,
                                            .kacheln figcaption,
                                            .produkte #content>.mobile a,
                                            .cat38 #content>a,
                                            .support #content a,
                                            .produkte #content .cols a,
                                            .produkte #content .right .desktop a {
                                            display:block;
                                            margin-top:15px;
                                            line-height:42px;
                                            padding-left:67px;
                                            -webkit-background-size:42px auto;
                                            -moz-background-size:42px auto;
                                            background-size:42px auto;
                                            background-image:url('img/arrow.png');
                                            background-repeat:no-repeat;
                                            font-weight:600;
                                            }

                                            a.button:hover,
                                            a.button:focus,
                                            .kacheln a:hover figcaption,
                                            .kacheln a:focus figcaption,
                                            .produkte #content>.mobile a:hover,
                                            .produkte #content>.mobile a:focus,
                                            .cat38 #content>a:hover,
                                            .cat38 #content>a:focus,
                                            .support #content a:hover,
                                            .support #content a:focus,
                                            .produkte #content .cols a:hover,
                                            .produkte #content .cols a:focus,
                                            .produkte #content .right .desktop a:hover,
                                            .produkte #content .right .desktop a:focus {
                                            background-position:left -471px;
                                            }

                                            .produkte #content>.mobile {
                                            margin-top:40px;
                                            }

                                            .produkte #content>.mobile hr {
                                            display:none;
                                            }


        .produkte #content .left {
        width:100%;
        }

@media screen and (min-width:1024px) {

        .produkte #content .left {
        max-width:450px;
        }

                 .produkte #content .left .slider {
                 height:auto;
                 }

        .cat38 #content .right:first-of-type {
        position:absolute; left:0px;
        max-width:100%;
        padding-left:590px;
        }

                 .cat38 #content .right #slidertext {
                 right:0px;
                 width:560px;
                 }

}

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

                 .produkte #content .left .slider {
                 height:650px;
                 }

        .cat38 #content .slider h2 {
        display:none;
        }

}

                          .produkte #content .left .slider li {
                          position:absolute;
                          font-weight:300;
                          }

                                   .produkte #content .left .slider li,
                                   .produkte #content .left .slider div,
                                   .produkte #content .left .slider figure {
                                   height:auto;
                                   text-align:center;
                                   }

                                            .produkte #content .left .slider div iframe,
                                            .produkte #content .left .slider figure img {
                                            float:none;
                                            display:block;
                                            width:100%;
                                            }

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

                                            .produkte #content .left .slider div iframe,
                                            .produkte #content .left .slider figure img {
                                            height:432px;
                                            }

}

                                            .produkte #content .left .slider figure figcaption {
                                            float:none;
                                            display:block;
                                            position:relative;
                                            width:100%; height:auto;
                                            background:none;
                                            color:inherit;
                                            font-size:inherit;
                                            line-height:inherit;
                                            text-align:left;
                                            padding:0;
                                            }

                                   #content .arrows {
                                   display:block;
                                   width:100%;
                                   text-align:center;
                                   }

                                            #content .arrows .prev,
                                            #content .arrows .next,
                                            .produkte #content .left .prev,
                                            .produkte #content .left .next {
                                            display:inline-block;
                                            margin:27px 0;
                                            width:25px; height:25px;
                                            -webkit-background-size:25px 56px;
                                            -moz-background-size:25px 56px;
                                            background-size:25px 56px;
                                            background-repeat:no-repeat;
                                            overflow:hidden;
                                            text-indent:-1000px;
                                            }

                                            #content .arrows .prev:hover,
                                            #content .arrows .next:hover,
                                            #content .arrows .prev:focus,
                                            #content .arrows .next:focus,
                                            .produkte #content .left .prev:hover,
                                            .produkte #content .left .next:hover,
                                            .produkte #content .left .prev:focus,
                                            .produkte #content .left .next:focus {
                                            background-position:left -31px;
                                            }

                                            #content .arrows .prev,
                                            .produkte #content .left .prev {
                                            background-image:url('img/prev.png');
                                            }

                                            #content .arrows .next,
                                            .produkte #content .left .next {
                                            background-image:url('img/next.png');
                                            }

         .produkte ul.images li {
         float:left;
         width:100%;
         font-size:27px;
         line-height:36px;
         font-weight:600;
         color:#009fe3;
         margin-bottom:60px;
         }

         .produkte ul.cols>li {
         float:left;
         width:100%;
         margin-bottom:60px;
         }

@media screen and (min-width:1280px) {

         .produkte ul.images li {
         width:540px;
         margin-bottom:90px;
         }

         .produkte ul.images li:nth-child(2n+1) {
         margin-right:30px;
         }

         .produkte ul.cols>li {
         width:45%;
         width:calc(50% - 18px);
         }

         .produkte ul.cols>li:nth-child(2n+1) {
         margin-right:36px;
         }

                  .produkte ul.images li img {
                  float:left;
                  margin-right:33px;
                  }

}

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

                  .produkte ul.images li img {
                  display:block;
                  width:100%; height:auto;
                  margin-bottom:20px;
                  }

}

                  .produkte ul.cols>li>img {
                  display:block;
                  width:100%; height:auto;
                  }

/* Übersicht */

.produkte #content ul.overview {
*zoom:1;
}

         .produkte #content ul.overview:before, .produkte #content ul.overview:after {
         content:'';
         display:table;
         }

         .produkte #content ul.overview:after {
         clear:both;
         }

                 .produkte #content ul.overview>li {
                 float:left; min-height:240px;
                 max-width:548px;
                 margin-bottom:50px;
                 margin-right:20px;
                 }

                          .produkte #content ul.overview>li a {
                          display:block; width:100%; height:100%;
                          background-repeat:no-repeat;
                          }

                                  .produkte #content ul.overview>li a h2 {
                                  margin-bottom:0;
                                  background:#f4f4f4;
                                  }

@media screen and (min-width:1280px) {

                 .produkte #content ul.overview>li {
                 min-height:230px;
                 margin-bottom:60px;
                 }

                 .produkte #content ul.overview>li:nth-child(2n) {
                 float:right;
                 margin-right:0;
                 }

                          .produkte #content ul.overview>li a {
                          padding-left:190px;
                          -webkit-background-size:190px auto;
                          -moz-background-size:190px auto;
                          background-size:190px auto;
                          background-position:left top;
                          }

                          .produkte #content ul.overview>li a:hover {
                          background-position:left -240px;
                          }

                                  .produkte #content ul.overview>li a ul,
                                  .produkte #content ul.overview>li a h2 {
                                  margin-left:-190px;
                                  }

}

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

                 .produkte #content ul.overview>li {
                 min-height:206px;
                 margin-bottom:30px;
                 }

                          .produkte #content ul.overview>li a {
                          padding-left:156px;
                          -webkit-background-size:156px auto;
                          -moz-background-size:156px auto;
                          background-size:156px auto;
                          background-position:left top;
                          }

                          .produkte #content ul.overview>li a:hover {
                          background-position:left -197px;
                          }

                                   .produkte #content ul.overview>li a img {
                                   width:auto; height:156px;
                                   }

                                  .produkte #content ul.overview>li a ul,
                                  .produkte #content ul.overview>li a h2 {
                                  margin-left:-156px;
                                  }

}


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

                 .produkte #content ul.overview>li {
                 display:table;
                 width:100%; min-height:156px;
                 margin-right:0;
                 margin-bottom:25px;
                 }

                          .produkte #content ul.overview>li a {
                          padding-left:176px;
                          display:table-cell;
                          vertical-align:middle;
                          width:100%;
                          }

                                   .produkte #content ul.overview>li a img {
                                   display:none;
                                   }

                                  .produkte #content ul.overview>li a ul,
                                  .produkte #content ul.overview>li a h2 {
                                  margin-left:0;
                                  margin-bottom:0;
                                  }

                                  .produkte #content ul.overview>li ul {
                                  display:none;
                                  }

}

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

                 .produkte #content ul.overview>li {
                 min-height:110px;
                 }

                          .produkte #content ul.overview>li a {
                          padding-left:130px;
                          -webkit-background-size:110px auto;
                          -moz-background-size:110px auto;
                          background-size:110px auto;
                          background-position:left top;
                          }

                          .produkte #content ul.overview>li a:hover {
                          background-position:left -139px;
                          }

}

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

                                  ul.produkte li.mobile h2 a,
                                  .produkte #content ul.overview>li a h2 {
                                  font-size:20px;
                                  }

}

.cat109 ul.overview h2 {
margin-top:20px;
}


/* Slider Pro */

#content>.slider-pro {
padding:0;
}

.sp-horizontal .sp-arrows .sp-arrow {
opacity:0 !important;
}


/* Presse */

.presse #content ul li {
position:relative;
width:100%;
border-bottom:1px solid #6a7374;
}

@media screen and (min-width:1280px) {

.presse #content ul li {
min-height:305px;
padding:50px 0 50px 297px;
}

        .presse #content ul li>div {
        position:absolute; left:0px; top:50px;
        }

}

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

.presse #content ul li {
padding:50px 0;
}

        .presse #content ul li>div {
        margin-bottom:20px;
        }

}

.presse #content ul li:last-child {
border:0;
margin-bottom:-50px;
}

        .presse #content ul li>div {
        display:table;
        width:217px; height:208px;
        border:6px solid #a6abac;
        }

        .presse #content ul li div div {
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        background:#fff;
        }

        .presse #content ul li div div img {
        width:auto; height:auto;
        max-width:164px;
        max-height:114px;
        }

        .presse #content ul li>img {
        display:block;
        width:100%; height:auto;
        }


/* Team */

ul.team li {
float:left;
width:223px;
margin-right:85px;
margin-bottom:60px;
}

ul.team li:nth-child(4n) {
margin-right:0;
}

         ul.team li img {
         display:block;
         margin-bottom:10px;
         }

         ul.team li a {
         display:block;
         margin-top:10px;
         font-size:16px;
         line-height:20px;
         color:#009fe3;
         }

/* Unternehmen */

.unternehmen #content>img {
display:block;
width:100%; height:auto;
}

/* Filme */

ul.filme li {
float:left;
width:100%;
margin-bottom:40px;
}

         ul.filme li strong {
         color:#009fe3;
         }

@media screen and (min-width:799px) {

ul.filme li {
float:left;
width:368px;
margin-right:23px;
}

}

@media screen and (min-width:799px) and (max-width:1189px) {

ul.filme li:nth-child(2n) {
margin-right:0;
}

}

@media screen and (min-width:1190px) {

ul.filme li:nth-child(3n) {
margin-right:0;
}

}

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

         ul.filme li iframe {
         width:280px; height:158px;
         }

}



/* Bilder */

.bilder #content p {
max-width:736px;
margin:0 auto;
}

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

         .bilder .sp-caption-container {
         position:absolute; left:0px; top:100%;
         margin-top:87px;
         width:100%;
         }

}

@media screen and (min-width:737px) {

         .bilder .sp-caption-container {
         position:absolute; left:50%; top:100%;
         margin-top:87px;
         width:736px;
         margin-left:-368px;
         }

}





/* Downloads */


ul.downloads>li {
float:left;
width:100%;
margin-bottom:60px;
}

         ul.downloads li h2 {
         width:100%; height:75px;
         background:#aab0b0;
         background-repeat:no-repeat;
         color:#fff;
         font-weight:600;
         margin-bottom:20px;
         line-height:75px;
         }

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

         ul.downloads li h2 {
         padding:0 10px 0 95px;
         font-size:18px;
         }

         ul.downloads li:first-child h2,
         ul.downloads li:nth-child(2) h2 {
         padding:15px 10px 10px 95px;
         line-height:25px;
         }

}

@media screen and (min-width:600px) {

ul.downloads>li {
width:560px;
}

         ul.downloads li h2 {
         padding:0 0 0 110px;
         }

}

@media screen and (min-width:1190px) {

ul.downloads>li {
float:left;
margin-right:30px;
}

ul.downloads>li:nth-child(2n) {
margin-right:0;
}

}

         ul.downloads ul li {
         position:relative;
         padding-left:20px;
         }

                 ul.downloads ul li.doc:before {
                 content:'>';
                 position:absolute; left:0px; top:0px;
                 }

/* Kontakt */

.kontakt #content h2,
.impressum #content h2,
.agb #content h2 {
margin:31px 0;
}

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

.kontakt #content iframe {
width:100%;
}

.kontakt #content>div:first-of-type {
position:relative;
top:462px;
}

.kontakt #content>div:nth-of-type(2) {
position:relative;
top:-400px;
margin-bottom:62px;
}

}

.datenschutz h2 {
margin:20px 0;
}

.datenschutz h3 {
margin:10px 0;
}

.datenschutz p,
.datenschutz ul {
font-size:19px;
line-height:24px;
margin:0 0 10px 0;
}

.datenschutz #content li {
margin:0 0 0 20px;
list-style-type:disc;
}


/* Jobs */

.jobs > li {
margin-bottom:2em;
}

.jobs > li ul {
margin-bottom:1em;
}

.jobs > li ul li:before {
content:'\2713';
display:inline-block;
margin-right:5px;
}

.jobs > li h2 {
display:block;
background:#ed1c24;
color:#fff;
font-size:2em;
line-height:1.2;
font-weight:bold;
padding:10px 45px;
margin-bottom:1em;
}

.jobs > li img {
display:block;
width:100%; height:auto;
}

@media screen and (min-width:768px) {

.jobs > li {
float:left;
width:48%;
}

.jobs > li:nth-child(2n+2) {
margin-left:4%;
}

}

.index .kacheln {
display:flex;
flex-direction:row;
gap:31px;
margin:31px 0;
padding-bottom:31px !important;
border-bottom:1px solid #8f9697;
flex-wrap:wrap;
}

.index .kacheln li {
flex:0 1 362.67px;
height:auto;
}

.index .kacheln li figure {
height:auto;
}

.index .kacheln li figure img {
float:none;
display:block;
margin-bottom:31px;
width:100%;
}

.index .kacheln li figcaption {
position:relative;
float:none;
width:auto; height:auto;
padding:0 0 0 67px;
background-color:transparent;
color:inherit;
font-size:30px;
text-transform:uppercase;
}

@media screen and (min-width:768px) and (max-width:1099px) {

.index .kacheln li figcaption {
font-size:16px;
}

}

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

.index .kacheln {
flex-direction:column;
}

}

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

.index .kacheln li figcaption {
font-size:24px;
}

}


/* Azubi */

.azubi .intro h2 {
    display: block;
    background: #ed1c24;
    color: #fff;
    font-size: 1.9em;
    line-height: 1.2;
    font-weight: bold;
    padding: 10px 45px;
    margin-bottom: 1em;
}

.azubi .intro h2 b {
font-size:1.1em;
}

.azubi #content > h2 {
color:inherit;
font-weight:300;
font-size:2em;
margin:1em 0;
line-height:1.3;
}

.azubi #content a {
color:#009ee0;
}

@media screen and (min-width:1024px) {

.azubi .intro {
width:100%; height:535px;
background-size:cover;
background-repeat:no-repeat;
padding-left:54%;
}

.azubi .intro h1 {
font-size:4em;
text-align:center;
line-height:1.2;
min-height:383px;
padding-top:.5em;
}

.azubi #content > div:not(.intro) {
float:left;
width:48%;
}

.azubi #content > div + div {
margin-left:4%;
}

}

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

.azubi #content .intro {
width:100%; height:auto;
background-size:100% auto;
background-repeat:no-repeat;
padding-top:46.5%;
}

.azubi .intro h1 {
font-size:2em;
text-align:center;
line-height:1.2;
padding-top:.5em;
}

.azubi .intro h2 {
font-size:1.2em;
text-align:center;
}

.azubi #content > h2 {
font-size:1.2em;
}

.azubi #content > div + div {
margin-top:1em;
}

}