/*=========================================================
@Import
=========================================================*/
@font-face {
    font-family: 'anivers-regular';
    src: url('../../fonts/anivers-regular.eot');
    src: url('../../fonts/anivers-regular.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/anivers-regular.woff') format('woff'),
        url('../../fonts/anivers-regular.ttf') format('truetype'),
        url('../../fonts/anivers-regular.svg#anivers-regular') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'avenir-med';
    src: url('../../fonts/Avenir-Medium.eot');
    src: url('../../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Avenir-Medium.woff') format('woff'),
        url('../../fonts/Avenir-Medium.ttf') format('truetype'),
        url('../../fonts/Avenir-Medium.svg#avenir-med') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'avenir-bold';
    src: url('../../fonts/Avenir-Heavy.eot');
    src: url('../../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Avenir-Heavy.woff') format('woff'),
        url('../../fonts/Avenir-Heavy.ttf') format('truetype'),
        url('../../fonts/Avenir-Heavy.svg#avenir-bold') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'avenir-reg';
    src: url('../../fonts/Avenir-Roman.eot');
    src: url('../../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Avenir-Roman.woff') format('woff'),
        url('../../fonts/Avenir-Roman.ttf') format('truetype'),
        url('../../fonts/Avenir-Roman.svg#avenir-reg') format('svg');
    font-style: normal;
}

/*=========================================================
Bootstrap / Columns
=========================================================*/

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

/*=========================================================
General
=========================================================*/

* {
    padding: 0px;
    margin: 0px;
    outline: none;
}

section {
    padding: 0;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: 'avenir-reg';
    font-size: 16px;
    line-height: 26px;
    background-color: #fff;
    color: #000;
}

.mob {
    display: none;
}

.deskt {
    display: block;
}

a {
    color: #000;
}

p a {
    border-bottom: 1px solid;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.orange {
    color: #ffd100;
}


/*----------------------- Headings -----------------------*/
h1 {
    font-family: century-gothic, sans-serif;
    font-size: 3.375em;
    line-height: 1.185em;
    font-style: normal;
    font-weight: 700;
}

h2 {
    font-family: century-gothic, sans-serif;
    font-size: 3.125em;
    line-height: 1.200em;
    font-style: normal;
    font-weight: 700;
}

h4 {
    font-family: century-gothic, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    font-style: normal;
    font-weight: 700;
}

h5 {
    font-family: "avenir-reg";
    font-size: 1em;
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
}

#news-container-563.termine {
    padding-top: 0;
}

#messe.container {
    padding-bottom: 0 !important;
}

.blackbutton {
    background: #000;
    color: #fff;
    font-size: 1em;
    padding: 14px 40px;
    display: inline-block;
    font-family: century-gothic, sans-serif;
    font-weight: 700;

}

.blackbutton:hover {
    color: #ffd100;
}

.textcenter {
    text-align: center;
}

.noscroll {
    height: 100vh;
    overflow: hidden;
}

#wrapper {
    position: relative;
    overflow: hidden;
}

.contentwrapper .frame-type-text ul li {
    margin-left: 17px;
}

.contentwrapper a {
    color: #fff;
    /*padding: 30px;*/
}

@media (min-width: 1200px) {
    .container {
        width: 1180px;
        padding-bottom: 155px;
    }

    #solutions.container {
        width: 1200px;
    }

    #c658 .container {
        padding-bottom: 0;
    }
}

/*=========================================================
Header
=========================================================*/

#header {
    position: absolute;
    right: 36px;
    top: 36px;
    z-index: 20;
    padding: 0;
}

header > div {
    float: left;

}


/*------------------- Onepager Navigation -------------------*/

/* Old Onepagenav*/
/*.contentwrapper {
    position: relative;
}

.intro-wrapper {
    position: relative;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 50px;
}*/

.navbar-brand,
.navbar-nav > li > a {
    text-shadow: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

.onepagenav.white a,
.onepagenav.whitew a {
    color: #fff;
}

/*
.onepagenav .active span.nr {
    color: #ffd100;
    background: url(../../images/onepagenav_active.png) no-repeat center left;
}

.onepagenav.white .active span.nr,
.onepagenav.whitew .active span.nr {
    background: url(../../images/onepagenav_active_white.png) no-repeat center left;
}
*/

/*----- New Onepagenav-----*/
.onepagenav {
    display: block;
    top: 35%;
    text-transform: uppercase;
    position: fixed;
    left: 20px;
    top: 40%;
    z-index: 10;
    width: 180px;
}

.onepagenav span {
    float: left;
    display: none;
    width: 65%;
    padding-top: 6px;
    line-height: 17px;
}

.onepagenav li {
    list-style: none;
    clear: both;
    float: none;
    height: 50px;
    margin: 0;
}

.onepagenav .active span {
    display: block;
}

.onepagenav span.nr {
    font-size: 14px;
    padding: 5px 14px 5px 16px;
    width: 35%;
    display: block;
    color: #000;
    background: none;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.onepagenav .active span.nr {
    color: #fff;
    background: none;
}

.onepagenav .navtitle {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    cursor: pointer;
    width: auto;
    position: absolute;
    top: 100%;
    left: 16px;
    font-family: 'avenir-reg';
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    font-size: 16px;
    color: #fff;
}

.onepagenav .navline {
    border-right: 1px solid;
    height: 62px;
    width: 25px;
    display: inline-block;
    margin-bottom: 15px;
    color: #fff;
}

/* Nav Orange */
.onepagenav span.nr.orange,
.onepagenav .active span.nr.orange,
.onepagenav .navline.orange,
.onepagenav .active span.navtitle.orange {
    color: #ffd100;
    background: none;
}

/* Nav White */
.onepagenav span.nr.white,
.onepagenav .active span.nr.white,
.onepagenav .navline.white,
.onepagenav .active span.navtitle.white {
    color: #fff;
    background: none;
}

/* Nav Black */
.onepagenav span.nr.black,
.onepagenav .active span.nr.black,
.onepagenav .navline.black,
.onepagenav .active span.navtitle.black {
    color: #000;
    background: none;
}

/*------------------- Fixednav -------------------*/
.fixednav .social .button {
    background: url(../../images/icon_social-media.svg) center no-repeat #000;
    background-size: 18px;
    display: inline-block;
    height: 50px;
    width: 50px;
    text-align: left;
    margin-bottom: 0;
    line-height: 50px;
    cursor: pointer;
    border: none;
    padding: 0;
    text-align: center;
}

.fixednav .social .button:hover {
    background: url(../../images/icon_social-media_yellow.svg) center no-repeat #000;
    background-size: 18px;
}

.fixednav .social .button img {
    display: none;
}

.fixednav .social {
    margin-top: 149px;
    display: flex;
}

.fixednav .social:hover a.servicelink,
.fixednav .preisanfrage:hover a.servicelink,
.fixednav .downloads:hover a.servicelink {
    display: inline-block;
}

.fixednav .social a {
    height: 50px;
    width: 50px;
    text-align: center;
    margin-bottom: 0px;
    line-height: 49px;
    cursor: pointer;
    display: none;
    background: #000;
    /*transform: translateY(-22px);*/
}

.fixednav .social .facebook {
    background: url(../../images/icon_facebook.svg) center no-repeat #000;
    background-size: 14px 30px;
}

.fixednav .social .facebook:hover {
    background: url(../../images/icon_facebook_yellow.svg) center no-repeat #000;
    background-size: 14px 30px;
}

.fixednav .social .linkedin {
    background: url(../../images/icon_linkedin.svg) center no-repeat #000;
    background-size: 35px;
}

.fixednav .social .linkedin:hover {
    background: url(../../images/icon_linkedin_yellow.svg) center no-repeat #000;
    background-size: 35px;
}

.fixednav .social .twitter {
    background: url(../../images/icon_twitter.svg) center no-repeat #000;
    background-size: 25px;
}

.fixednav .social .twitter:hover {
    background: url(../../images/icon_twitter_yellow.svg) center no-repeat #000;
    background-size: 25px;
}

.fixednav .social .youtube {
    background: url(../../images/icon_youtube.svg) center no-repeat #000;
    background-size: 19px;
}

.fixednav .social .youtube:hover {
    background: url(../../images/icon_youtube_yellow.svg) center no-repeat #000;
    background-size: 19px;
}

/* Fixednav Contact */
.fixednav .contact p {
    padding: 0;
    margin: 0;
}

.fixednav .contact p a {
    color: #fff;
    font-size: 14px;
}

.fixednav .contact:hover p a {
    color: #ffd100;
}

/* Fixednav Map */
.fixednav .map {
    top: 99px;
    background: url(../../images/icon_standort.svg) center no-repeat #000;
    background-size: 16px 24px;
    height: 50px;
    width: 50px;
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.fixednav .map:hover {
    background: url(../../images/icon_standort_yellow.svg) center no-repeat #000;
    background-size: 16px 24px;
}

/* Fixednav Webinar */
.fixednav .webinar {
    top: 149px;
    background: url(../../images/icon_webinar.svg) center no-repeat #000;
    background-size: 24px 22px;
    height: 50px;
    width: 50px;
    border-bottom: 1px #fff solid;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.fixednav .webinar:hover {
    top: 149px;
    background: url(../../images/icon_webinar_yellow.svg) center no-repeat #000;
    background-size: 24px 22px;
}

/* Fixednav Contact*/
.fixednav .contact {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    cursor: vertical-text;
    position: absolute;
    z-index: 14;
    top: 0;
    right: 0;
    /* right: -30px; */
    padding: 25px 12px;
    background: black;
    color: red;
    transform-origin: left;
    cursor: pointer;
}


.fixednav .opencontactbox:hover {
    color: #ffd100;
}



/* Header */
#header > .newsletter {
    right: 248px;
}

#header > .contact {
    right: 155px;
}

#header > .lang {
    left: 95px;
}

#header > .nav {
    left: 45px;
}

#header > .newsletter,
#header > .contact,
#header > .lang,
#header > .nav {
    position: fixed;
    top: 40px;
    z-index: 20;
    padding: 0;
}



header a,
header span {
    color: #fff;
    padding: 8px 0px 8px 0px;
    font-size: 0.750em;
    display: inline-block;
}

header a {
    position: relative;
    display: block;
}

#c389,
#c386 {
    display: none;
}

header a:hover,
header .lang:hover span {
    color: #fff;
}

.unterseite header a:hover,
.unterseite header .lang:hover span {
    color: #000;
}

header a:hover:before,
header li:hover a:before,
header li.active a:before,
header .lang:hover span:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 130ms cubic-bezier(.165, .84, .44, 1);
    visibility: visible;
}

/* Header Language */
header .lang {
    height: 35px;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
    position: relative;
}

header .lang:hover span {
    height: 34px;
}

header .lang:hover {
    height: 102px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

header .lang ul {
    margin-bottom: 0;
}

header .lang ul li a {
    text-align: center;
}

header .lang ul li.active a {
    text-align: center;
    color: #fff;
}

header .lang span {
    padding: 5px;
    height: 33px;
    width: 50px;
    text-align: center;
    position: relative;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
}

header .lang ul li a {
    font-family: century-gothic, sans-serif;
    font-weight: bold;
}

.unterseite header .lang span,
.unterseite header .lang ul li a {
    color: #000;
}

/* Header Contact */
header .contact {
    border-right: none;
    display: none;
}

header .contact a {
    padding-left: 26px;
    padding-right: 26px;
}

header .contact p {
    margin: 0;
}

#header > .newsletter,
#header .contact {
    background: #ffd100;
}

.unterseite #header > .newsletter,
.unterseite #header .contact {
    background: #fff;
}

.smallwbg #header > .newsletter,
.smallwbg #header .contact {
    background: none;
}

#header .newsletter:hover,
#header .contact:hover {
    background: none;
}

.navbutton {
    background: url(../../images/icon_hamburger.svg) no-repeat center;
    background-size: 19px 14px;
    border: none;
    height: 33px;
    width: 50px;
    cursor: pointer;
}

.unterseite .navbutton {
    background: url(../../images/icon_hamburger_black.svg) no-repeat center;
    background-size: 19px 14px;
    border: none;
    height: 33px;
    width: 50px;
    cursor: pointer;
}

.navbar-nav {
    float: none;
    margin: 0;
}

.navwrapper {
    position: absolute;
    left: -4000px;
    top: -40px;
    height: 100vh;
    background: #000;
    color: #fdfcfc;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 5;
    width: 480px;
}

.navwrapper.open {
    left: -45px;
}

.navwrapper a {
    color: #fff;
    font-size: 1.5em;
    display: block;
    white-space: nowrap;
}

.navwrapper a[aria-current="page"] > span,
.navwrapper a.active > span {
    color: #ffd100;
}

.navwrapper a:hover > span {
    opacity: .8;
}

.navwrapper a span {
    color: #fdfcfc;
    font-size: 1em;
    padding: 0;
    display: block;
}

.navwrapper .social img {
    height: 26px;
    width: auto;
}

.navwrapper .social {
    padding: 20px 0 0 5px;
    float: right;
    clear: both;
    margin-right: 58px;
    width: 24%;
}

.navwrapper .social a {
    padding: 8px 10px 8px 10px;
}

.navwrapper .social a:before {
    background: none;
}

.navwrapper .social p {
    display: inline-block;
}

.navwrapper .social p:hover {
    opacity: .8;
}

input[type="submit"],
input[type="text"],
input[type="email"],
textarea,
input[type="tel"] {
    border-radius: 0px;
    -webkit-appearance: none;
}

select {
    border-radius: 0px;
}


/* - neue Nav -*/

.navwrapper .mainnav,
.navwrapper .newsletter,
.navwrapper .social {
    margin-left: 0;
}

/*header .navwrapper a {
    padding: 0 20px 0 20px;
    line-height: 48px;
    margin-bottom: 10px;
}*/

.navwrapper li {
    position: relative;
}

.navwrapper .mainnav {
    float: right;
    width: 24%;
    padding-top: 102px;
    padding-bottom: 46px;
}

.navwrapper .second .sub-menu {
    position: absolute;
    margin-left: 0;
    top: 0;
    padding-top: 0;
    width: 340%;
    width: 405%;
    right: 0;
    padding-right: 105%;
    text-align: right;
    z-index: -1;
}

/*.navwrapper .second .sub-menu {
    position: relative;
    margin-left: 144px;
    top: -52px;
    padding-top: 0;
    width: auto;
}*/
.navwrapper .sub-menu li {
    display: inline-block;
}

.navwrapper .sub-menu li a {
    font-size: 1.125em;
    padding: 0 10px 0 10px;
    margin-left: 10px;
}

.navwrapper .second:nth-child(n+2) {
    /*margin-bottom: -52px;*/
}

header li:hover .sub-menu a:before,
header li.active .sub-menu a:before {
    visibility: hidden;
}

header li:hover .sub-menu li:hover a:before,
header li.active .sub-menu li:hover a:before,
header li.active .sub-menu li.current a:before {
    visibility: visible;
}

header .newsletter ::-webkit-input-placeholder,
.overlayform ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

header .newsletter ::-moz-placeholder,
.overlayform ::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

header .newsletter :-ms-input-placeholder,
.overlayform :-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

header .newsletter :-moz-placeholder,
.overlayform :-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.logosmall {
    clear: both;
    border: none;
    position: absolute;
    top: 54px;
    right: 0;
}

.logosmall img {
    width: 313px;
    height: auto;
}

header li {
    list-style: none;
}

.newsletter {
    border-right: none;
}

/* Temp */
.fixednav .chat {
    display: none;
}

.fixednav {
    position: fixed;
    right: 0;
    top: 275px;
    z-index: 15;
}

/* Header Startseite Responsive */

@media screen and (max-height: 770px) and (min-width: 768px) {
    .headerbanner .title {
        padding-top: 5vh;
    }
}

@media screen and (max-height: 800px) and (min-width: 768px) {
    .detailtheader .text ul li {
        margin-bottom: 10px;
    }

    #livechat-compact-container iframe {
        display: none;
    }
}

@media screen and (max-height: 770px) and (min-width: 768px) {
    .headerbanner .title {
        padding-top: 0 !important;
    }

}

@media screen and (max-height: 730px) and (min-width: 768px) {
    .headerbanner .detailtheader .text {
        padding-top: 20px;
    }
}

@media screen and (max-height: 670px) and (min-width: 768px) {
    .detailtheader .text p {
        margin: 0 0 10px;
    }

    .headerbanner .title {
        margin-top: -32px;
    }

    .scrolldown {
        display: none;
    }
}

@media screen and (max-height: 625px) and (min-width: 768px) {
    .detailtheader .text ul li {
        margin-bottom: 0;
    }
}

@media screen and (max-height: 580px) and (min-width: 768px) {
    .detailtheader .text p {
        margin: 0;
    }

    .detailtheader .img {
        width: 60%;
    }

    .detailtheader .text {
        width: 40%;
    }
}


/*---------------- Header Redesign 2019 ----------------*/
#header .navwrapper {
    width: 100vw;
}

#header .navwrapper .container {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    padding-top: 150px;
    border-bottom: 1px solid;
}

#header .navwrapper .container hr {
    width: 100%;
    border-color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
}

#header .navwrapper h5 {
    color: #ffd100;
    margin-bottom: 20px;
    margin-top: 0;
}

#header .navwrapper .navlinks a {
    font-size: 20px;
    line-height: 1em;
    padding: 5px 0;
}

#header .navwrapper .navlinks a[aria-current="page"],
#header .navwrapper .navlinks a:hover,
#header .navwrapper .navlinks .active {
    color: #ffd100;
}

#header .navwrapper .container div {
    box-sizing: border-box;
    /*border: 1px dotted red;
    padding: 5px;*/
}

#header .navwrapper .close {
    height: 25px;
    width: 25px;
    display: block;
    position: absolute;
    background: url(../../images/close.svg) no-repeat;
    cursor: pointer;
    opacity: 1;
    top: 50px;
    right: 65px;
    padding: 0px;
}

/* Header Produkte */
#header .navwrapper .produktnav {
    flex: 55%;
    max-width: 55%;
    border-right: 1px solid #fff;
    padding: 0 60px 30px 0;
}

.produktnav .productslinks {
    display: block;
    overflow: hidden;
    width: 70%;
    float: left;
}

.produktnav .productslinks span {
    font-family: "century-gothic";
    font-weight: 700;
}

.produktnav .productslinks a {
    width: 50%;
    float: left;
    padding: 0px 10px 25px 0px;
}

.produktnav .productslinks a:hover,
.produktnav .productslinks a:hover span {
    color: #ffd100;
    opacity: 1;
}

.produktnav .navlinks {
    display: block;
    overflow: hidden;
    width: 30%;
    float: left;
}

/* Header Anwendungen */
#header .navwrapper .anwendungnav {
    flex: 45%;
    max-width: calc(45% - 1px);
    padding: 0 0 30px 60px;
}

/* Header Akademien */
#header .navwrapper .akademienav {
    flex: 20%;
    max-width: 20%;
    border-right: 1px solid #fff;
    padding: 0 60px 55px 0;
}

/* Header Unternehmen */
#header .navwrapper .unternehmennav {
    flex: 35%;
    max-width: 35%;
    border-right: 1px solid #fff;
    padding: 0 60px 55px 60px;
}

.unternehmennav .navlinks {
    column-count: 2;
    column-gap: 20px;
}

/* Header Newsnav */
#header .navwrapper .newsnav {
    flex: 27%;
    max-width: 27%;
    padding: 0 0 55px 60px;
    border-right: 1px solid #fff;
}

/* Header Sidenav */
#header .navwrapper .sidenav {
    flex: 18%;
    max-width: 18%;
    padding: 0 0 55px 60px;
}

#header .navwrapper .sidenav h5 {
    visibility: hidden;
}


/* Header Newsletter */
header .navwrapper .newsletter {
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    padding: 45px 0;
    border-bottom: 1px solid;
}

header .navwrapper .newsletter .frame {
    width: 70%;
    float: left;
}

header .navwrapper .newsletter .frame:last-child {
    width: 30%;
}

header .navwrapper .newsletter .frame iframe {
    max-width: 100%;
    display: block !important;
}

header .navwrapper .newsletter .newsletter-form {
    /* width: 30%;
    float: left;
    background: #fff;
    color: #000; */
}

header .navwrapper .newsletter p {
    margin: 0;
    margin-top: 15px;
}

header .navwrapper .newsletter input[type="email"] {
    font-size: 1em;
    font-weight: 700;
    font-family: "century-gothic";
    border: none;
    background: none;
    padding: 15px 20px;
    width: 80%;
    float: left;
    color: #000;
}

header .navwrapper .newsletter input[type="email"]::placeholder {
    color: #000;
}

header .navwrapper .newsletter input[type="submit"] {
    background: url(../../images/Icon_slider_rechts.svg) no-repeat right 10px center;
    background-size: 30px;
    width: 20%;
    height: auto;
    border: none;
    padding: 15px 20px;
}

/*=========================================================
Footer
=========================================================*/

/* Footer */
footer {
    background: #000;
    padding: 130px 0 50px 0;
}

footer .container {
    padding-bottom: 0px;
    color: #fff;
}


footer a {
    color: #fff;
}

footer a:hover {
    color: #ffd100;
}

footer h3 {
    font-size: 1em;
    line-height: 1.5em;
}

footer p {
    font-size: 0.938em;
    line-height: 1.533em;
    /*    font-family: 'Open Sans', sans-serif;*/
}

footer input[type="email"],
footer input[type="text"] {
    font-size: 1em;
    font-weight: 700;
    border: none;
    width: 80%;
    float: left;
    box-shadow: none;
    outline: 0;
    padding: 15px 20px;
    color: black;
}

footer input[type="submit"] {
    background: url(../../images/Icon_slider_rechts.svg) no-repeat right 10px center #fff;
    background-size: 30px;
    width: 20%;
    height: auto;
    border: none;
    padding: 15px;
    color: transparent;
}

footer .newsletter-form {
    margin-top: 40px;
}

footer h3 {
    margin: 0;
}

footer #c24 a {
    border-bottom: 1px solid;
}

.section-gap-tiny p {
    /*font-family: 'Open Sans', sans-serif;*/
    font-style: italic;
    font-size: 0.688em;
    padding-top: 60px;
}

.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border: 1px black solid;
}

.newsletter-box h2 {
    display: none;
}

.newsletter-box h3 {
    margin-bottom: 40px;
}

.newsletter-box .form-group {
    margin-left: 0;
    margin-right: 0;
}

.newsletter-box .form-group div {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;

}

.newsletter-box .control-label {
    display: none;
}

footer ::-webkit-input-placeholder,
.tx-mailchimp input[type="text"]::-webkit-input-placeholder,
.tx-mailchimp input[type="email"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
}

footer ::-moz-placeholder,
.tx-mailchimp input[type="text"]::-moz-placeholder,
.tx-mailchimp input[type="email"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
}

footer :-ms-input-placeholder,
.tx-mailchimp input[type="text"]:-ms-input-placeholder,
.tx-mailchimp input[type="email"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
}

footer :-moz-placeholder,
.tx-mailchimp input[type="text"]:-moz-placeholder,
.tx-mailchimp input[type="email"]:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
}

.footernav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footernav ul > li {
    font-family: century-gothic, sans-serif;
    font-weight: 700;
}

.footernav ul li > a {
    font-family: century-gothic, sans-serif;
    font-weight: 700;
}

.socialfooter {
    margin-top: 85px;
}

.socialfooter a {
    height: 50px;
    width: 50px;
    display: inline-block;
    margin-right: 0 !important;
    border: none;
}

.socialfooter a:first-child {
    margin-left: -15px !important;
}

.socialfooter img {
    width: 30px;
    height: auto;
    -webkit-filter: invert(1);
    filter: invert(1);
}

.socialfooter .facebook {
    background: url(../../images/icon_facebook.svg) center no-repeat #000;
    background-size: 14px 30px;
}

.socialfooter .facebook:hover {
    background: url(../../images/icon_facebook_yellow.svg) center no-repeat #000;
    background-size: 14px 30px;
}

.socialfooter .linkedin {
    background: url(../../images/icon_linkedin.svg) center no-repeat #000;
    background-size: 35px;
}

.socialfooter .linkedin:hover {
    background: url(../../images/icon_linkedin_yellow.svg) center no-repeat #000;
    background-size: 35px;
}

.socialfooter .twitter {
    background: url(../../images/icon_twitter.svg) center no-repeat #000;
    background-size: 25px;
}

.socialfooter .twitter:hover {
    background: url(../../images/icon_twitter_yellow.svg) center no-repeat #000;
    background-size: 25px;
}

.socialfooter .youtube {
    background: url(../../images/icon_youtube.svg) center no-repeat #000;
    background-size: 19px;
}

.socialfooter .youtube:hover {
    background: url(../../images/icon_youtube_yellow.svg) center no-repeat #000;
    background-size: 19px;
}


/*=========================================================
Pages
=========================================================*/


/*----------------------- Homepage -----------------------*/

/* Slider Startseite */

.headerslider {
    background: #000;
    height: 100vh;
    position: relative;
}

.headerslider .slidebg {
    height: 100vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.headerslider .container {
    height: 100%;
    padding-bottom: 0;

}

.headerslider h2 {
    font-size: 36px;
    line-height: 48px;
    color: #fff;
    padding: 221px 0 5px 0 !important;
    margin: 0 !important;
    font-family: 'avenir-reg';
    font-weight: normal;
}

.headerslider h1 {
    color: #fff;
    margin-top: 0;
    max-width: 50%;
}

.headerslider a.more {
    font-size: 1.25em;
    line-height: 1.5em;
    margin-top: 25px;
    display: block;
}

.headerslider .slick-next:before {
    background-image: url(../../images/icon_slide-rechts_s.svg);
    opacity: 1;
}

.headerslider .slick-prev:before {
    background-image: url(../../images/icon_slide-links_s.svg);
    opacity: 1;
}

.headerslider .slick-prev,
.headerslider .slick-next,
.headerslider .slick-prev:before,
.headerslider .slick-next:before {
    width: 14px;
    height: 27px;
}

.headerslider .slick-prev {
    bottom: 168px;
    top: inherit;
    left: 5px;
}

.headerslider .slick-next {
    bottom: 168px;
    top: inherit;
    left: 200px;
}

.headerslider .slick-dots {
    bottom: 161px;
    left: 29px;
    width: auto;
}

.headerslider .slick-dots a {
    color: #fff;
    font-weight: 700;
    font-size: 0.875em;
    font-family: century-gothic, sans-serif;
}

.headerslider .slick-active a {
    color: #ffd100;
}

.headerslider .slick-dots li {
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
}

.slick-dots {
    bottom: 30px;
}

/* Logo */
.coatflexlogo {
    top: 44px;
    right: 66px;
    position: absolute;
    z-index: 2;
}

.coatflexlogo img {
    width: 200px;
    height: 88px;
}

.coatflexlogo img:nth-child(2) {
    width: 40px;
    height: auto;
    display: none;
    right: 10px;
    top: 10px;
}

/* Produktteaser */
.teaserrow .container {

    margin-top: -140px;
}

.productteaser.bgwhite {
    background: linear-gradient(180deg, #FFF 250px, #000 250px);
}

.unterseite .teaserrow .container {
    padding-bottom: 0;
    margin-top: 0;
}

.unterseite .productteaser.bgwhite .container {
    padding-top: 95px;
}

.teaserrow .teaserbox {
    width: 25%;
    float: left;
    position: relative;
    z-index: 10;
    height: 284px;
    overflow: hidden;

    cursor: pointer;
    padding: 0 3.5px;

}

.teaserrow .teaserbox .overlay {
    background: rgba(255, 209, 0, 0.95);
    position: absolute;
    left: 2.5px;
    top: 0;
    width: calc(100% - 7px);
    height: 100%;
    z-index: 2;
}

.teaserrow .teaserbox:hover .overlay {
    display: none;
}

.teaserrow .teaserbox .overlayw {
    background: #fff;
    position: absolute;
    left: 2.5px;
    top: 0;
    width: calc(100% - 7px);
    height: 100%;
}

.teaserrow .teaserbox img {
    max-width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
}

.teaserrow .teaserbox .more {
    display: none;
}

.teaserrow .teaserbox:hover .more {
    z-index: 1;
    position: absolute;
    left: 20px;
    bottom: 25px;
    font-family: century-gothic, sans-serif;
    font-size: 1em;
    font-weight: 700;
    display: block;
    color: #ffd100;
}

.teaserrow .wrapperteaser {
    margin: 0 -2.5px;

    position: relative;
}

.teaserrow .teaserbox h4 {
    position: absolute;
    left: 20px;
    top: 30px;
    color: #000;
    z-index: 10;
    margin: 0;
    font-family: 'avenir-reg';
    font-weight: normal;
    font-size: 2.250em;
    line-height: 1.056em;
}

.teaserrow .teaserbox h3 {
    position: absolute;
    left: 20px;
    top: 66px;
    color: #000;
    z-index: 10;
    margin: 0;
    font-size: 2.250em;
    line-height: 1.056em;
    font-weight: 700;
    font-family: century-gothic, sans-serif;
}


/* Teaserbox Productpages */
.productnav .teaserbox {
    height: auto;
}

.productnav .teaserbox .overlayw {
    height: 282px;
}

.productnav .teaserbox .overlay {
    background: rgba(0, 0, 0, 0.95);
}

.productnav .teaserbox h3,
.productnav .teaserbox h4 {
    color: #fff;
}

.productnav .teaserbox:hover h3,
.productnav .teaserbox:hover h4 {
    color: #000;
}

.productnav .teaserbox .more,
.productnav .teaserbox:hover .more {
    display: none;
}

.productnav .more.active .teaserbox::after {
    content: "";
    display: block;
    height: 60px;
    width: 2px;
    margin: 10px 0;
    margin-left: calc(50% - 1px);
    background: #fff;
}

.productnav .more.active .teaserbox .overlay {
    background: transparent;
}

.productnav .more.active .teaserbox h3,
.productnav .more.active .teaserbox h4 {
    color: #000;
}

.productspage .teasertext {
    width: 64%;
    margin-top: 68px;
    font-size: 1.25em;
    line-height: 1.5em;
}

/* Headerbanner */
.ce-bodytext > ul,
.tx-dce-pi1 .imgtext .text > ul {
    margin-left: 18px;
}

.tx-dce-pi1 .js-link > .text p {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 10px 10px 0;
}

.tx-dce-pi1 .js-link > .text p.small {
    padding: 10px;
    margin-top: 0;
}

.headerbanner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.headerbanner .specialhint {
    position: absolute;
    width: 46%;
    left: 27%;
    top: 30px;
    text-align: center;
    font-size: 2em;
    color: #000;
    cursor: pointer;
    background-color: #fff;
}

.product2019spage .headerbanner h1 {
    visibility: visible;
}

.headerbanner h1 {
    visibility: hidden;
}


.headerbanner .title p {
    display: block;
    font-size: 5em;
    line-height: 1em;
    margin: 0;
}

.headerbanner .title {
    max-width: 740px;
    width: 100%;
    padding-top: 143px;
    margin: 0 auto;
}

.detailtheader {
    max-width: 765px;
    float: right;
    width: 100%;
}

.detailtheader .teaser {
    font-size: 1.938em;
}

.detailtheader .img {
    width: 63%;
    float: left;
    margin-top: -15px;
    z-index: 4;
    position: relative;
}

.detailtheader .text {
    float: left;
    width: 37%;
    padding-top: 77px;
    font-size: 1.250em;
    line-height: 1.350em;
}

.detailtheader .text ul {
    margin-left: 19px;
}

.detailtheader .text p {
    margin: 0 0 27px;
}

.detailtheader .text ul li {
    margin-bottom: 17px;
}

.scrolldown {
    position: absolute;
    bottom: 185px;

    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
    font-size: 0.750em;
    text-transform: uppercase;
    z-index: 2;
    height: 14px;
    width: 27px;
    background: url(../../images/icon_scroll-down_s.svg) no-repeat;
}

.dot {
    height: 6px;
    width: 6px;
    background: rgba(0, 0, 0, 0.58);
    border-radius: 50%;
    display: block;
    left: 50%;
    position: relative;
    transform: translate(-50%, 0);
    margin: 4.5px 0;
}

.dot.dark {
    background: #000;
}

/* Overlay Headerbanner */

.headerbanner .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.50);
    z-index: 1;
}

/*.headerbanner .pagetitle {
    z-index: 2;
    position: relative;
    margin-top: 116px;
}*/

.productspage .headerbanner .contentwrapper {
    margin-top: 0;
    padding-bottom: 0;
}

.wheader .headerbanner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.wheader .headerbanner .container {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wheader .contentwrapper {
    margin-top: 100vh;
    padding-top: 50px;
}

.wheader .detailtheader {
    max-width: 650px;
    text-align: center;
    float: none;
    width: 100%;
    margin: 0 auto;
}

.wheader .dot {
    background: rgba(233, 233, 233, 0.40);
}

.wheader .dot.dark {
    background: #fff;
}

/* Slider */

.slider .text {
    padding: 0;
    font-size: 1.938em;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    width: 100%;
    text-align: center;
}

.slick-dots li button::after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    cursor: pointer;
    color: transparent;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    background: rgba(255, 255, 255, 0.64);
}

.slider .text p.small {
    font-size: 0.548em;
    margin-top: 10px;
}

.slider .text p {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}

.slider .js-link {
    position: relative;
    width: 100%;
    height: 600px;
    cursor: pointer;
    overflow: hidden;
}

.slick-slide img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.slider .text a,
.slider .text {
    display: block;
    color: #fff;
}

.slider .text a {
    width: auto;
    display: inline-block;
    border-bottom: 1px solid white;
}

/* Funtkion Startseite */
#funktion {
    background: #ffd100;
    padding-bottom: 55px;
}

#funktion .container {
    padding-bottom: 50px;
}

#funktion h2 {
    width: 80%;
    margin-bottom: -5vw;
    position: relative;
    z-index: 2;
}

#funktion h4 {
    color: #000;
    font-size: 20px;
    line-height: 1.2em;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
}

/* Slider Funktionen */
#funktion .slick-dots {
    bottom: calc(-50% + -7px);
    width: 50%;
    right: 10px;
}

#funktion .slick-dots li {
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
}

#funktion .slick-dots li a {
    color: #000;
    font-family: century-gothic, sans-serif;
    font-weight: 700;

}

#funktion .slick-dots li a:hover {
    color: #fff;
}

#funktion .slick-dots .slick-active a {
    color: #fff;

}

#funktion .funktionssliderbild .slick-slide {
    height: 30vw;
}

#funktion .funktionssliderbild .slick-slide img {
    transform: translate(-50%, -50%);
    left: 50%;
    max-width: 40vw;
}

#funktion .funktionslidertext {
    transform: translateY(-75px);
}

#funktion .funktionslidertext .slidenumber {
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-size: 50px;
    display: block;
    text-align: right;
    border-bottom: 1px solid;
    letter-spacing: .1em;
    line-height: normal;
}

#funktion .slick-prev,
#funktion .slick-next {
    bottom: -50%;
    width: 27px;
    height: 27px;
    top: initial;
}


/* IE 11*/
@media all and (-ms-high-contrast:none)
     {
    
       *::-ms-backdrop, .slick-dots-arrow-inner {
        padding-top:25px;  
      }
      
      *::-ms-backdrop, .contentgb .button.big {
        right:34%;  
      }
     }


#funktion .slick-prev:before {
    background-image: url(../../images/icon_slide-links_s.svg);
    width: 14px;
    height: 27px;
    opacity: 1;
}

#funktion .slick-next:before {
    background-image: url(../../images/icon_slide-rechts_s.svg);
    width: 14px;
    height: 27px;
    opacity: 1;
}

#funktion .slick-prev {
    left: 225px;
}

#funktion .slick-next {
    right: 0;
}

/* Boxen Uebersicht */

.overview h4 {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    padding: 113px 30px 0 30px;
    margin: 0;
    min-height: 165px;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
}

.headerbox {
    background-repeat: no-repeat;
    background-position: center 30%;
    background-size: 62px 62px;
    min-height: 55px;
    height: 55px;
    display: table;
    width: 100%;
}

#funktion .overview h4,
.unterseite .headerbox h4 {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    padding: 0;
    margin: 0;
    min-height: auto;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    vertical-align: middle;
    display: table-cell;
}

#funktion .headerbox,
.unterseite .headerbox {
    background-repeat: no-repeat;
    background-position: center 30%;
    background-size: 62px 62px;
    min-height: 55px;
    height: auto;
    display: table;
    width: 100%;
    padding: 0 50px 0 75px;

    background-position: left center;
    background-size: 50px;
}

.overview {
    margin-bottom: 65px;
}

#funktion .overview {
    margin-top: 75px;
    margin-bottom: 0;
}

.overview .text {
    clear: both;
    font-size: 16px;
    line-height: 25px;
    padding: 18px 27px 50px 30px;
}

.overview a .text {
    color: #000;
}

.overview .text span {
    /*font-family: 'Open Sans', sans-serif;*/
}

.overview .col-sm-3 {
    margin-bottom: 20px;
    min-height: 250px;
}

.overview.small .col-sm-4 {
    margin-bottom: 20px;
    min-height: 60px;
}

.overview.small span.specialletter {
    display: inline;
    font-size: 1em;
    font-family: sans-serif;
}

.container h2 {
    margin: 108px 0 30px 0;
    width: 58.33333333%;
}

.impressum h2 {
    margin: 50px 0 0;
}

.impressum ul {
    margin-left: 17px;
}

/* Partner Weltweit */

#weltweit {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    position: relative;
    background-color: #ffd100;
}

#weltweit .container {
    height: 50vw;
}

#weltweit h2 {
    margin: 128px 0 35px 0;
    width: 100%;
    text-align: left;
}

#weltweit .container .col-sm-6 {
    position: inherit;
}

#weltweit .teaser .button {
    top: calc(50% - 20px);
    position: absolute;
    left: 50%;
    margin: 0 !important;
}

#weltweit .teaser {
    padding: 0;
}

#weltweit .teaser p:first-child {
    position: relative;
}

/* nutzen*/

#nutzen .overview span.specialletter {
    font-family: sans-serif;
    font-size: 0.9em;
}

#nutzen h2 {
    max-width: 43%;
    margin-top: 8px;
    margin-bottom: 20px;
}

.overview .blackbg {
    background: #000;
    color: #fff;
    height: 320px;
}

/* Teaser */

.col-sm-5 .teaser {
    padding: 0 21% 100px 21%;
    /*font-size: 1.188em;*/
}

/*.col-sm-6 .teaser, .col-sm-7 .teaser {
    padding: 0 8% 100px 8%;
    font-size: 1.188em;
}*/

.teaser .button {
    margin-top: 50px;
}

#funktion .teaser {
    padding: 0;
}

#nutzen {
    padding-bottom: 55px;
}

/* Partner */
.partner a {
    width: 33%;
    float: left;
    text-align: center;
    margin-bottom: 80px;
    height: 80px;
}

.partner a img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.partner {
    padding-top: 6px;
}



/* Content mit BG Color */
.bgcolor {
    /*color: #fff;*/
    background: #ffd100;
}

.specialbuttons {
    padding: 25px 0 175px 0;
}

.specialbuttons a {
    background: url(../../images/Icon_slider_rechts.svg) no-repeat right 15px center #fff;
    background-size: 25px 25px;
    padding: 16px 15px 13px 15px;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 0;
    width: 100%;
    display: block;
    border: none;
}

.specialbuttons a:hover {
    background: url(../../images/Icon_slider_rechts_white.svg) no-repeat right 15px center #000;
    background-size: 25px 25px;
    color: white;
}

.specialbuttons a.black {
    color: #000;
    border: 1px #000 solid;

}

.specialbuttons a.black:hover {
    background-color: transparent;
    border: 1px #000 solid;
}

.dotlineout {
    width: 21%;
    border-bottom: 1px #fff dotted;
    height: 1px;
}

/* BG mit Big Text */
.bigteaser h2 {
    margin: 128px 0 35px 0;
    width: 100%;
    text-align: left;
    color: #fff;
    position: relative;
}

.bigteaser {
    /*max-width: 750px;*/
    width: 100%;
    text-align: center;
    height: 50vw;
    margin: 0 auto;
}

.circle-bg img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 400px;
}

.circle-bg ~ h2 {
    position: relative;
}

.button.big {
    color: white;
    font-size: 1em;
    width: 250px;
    text-align: center;
    border: none;
    padding: 15px 25px;
    display: inline-block;
    text-transform: none;
    background-color: #000;
}

.button {
    color: white !important;
    font-weight: 700;
    font-size: 1em;
    width: auto;
    text-align: center;
    border: none;
    padding: 15px 25px;
    display: inline-block;
    text-transform: none;
    background-color: #000;
    letter-spacing: .005em;
}

.button:hover {
    border: none;
    color: #ffd100 !important;
}

.contentgb {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.contentgb .container {
    padding-bottom: 0px;
}

.contentgb .button.big {
    top: calc(50% - 35px);
    position: absolute;
}

/* Button mit Trennlinie und Bild */

.absoluteimg {
    position: absolute;
    right: 0;
    top: -162px;
}

.buttonline {
    text-align: center;
    background: url(../../images/trennerbutton.png) repeat-x center center;
}

/* Bild mit Overlay – Hoverboxen*/
.hoverbox {
    width: 25%;
    height: 630px;
    float: left;
    background-size: cover;
    position: relative;
}

.hoverbox .title {
    font-size: 1em;
    background: rgba(0, 0, 0, 0.90);
    ;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 31px 0;
    color: #fff;
}

.hoverbox .overlay {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 11;
    color: #000;
}

.hoverbox:hover {
    z-index: 20;
}

.hoverbox:hover .title {
    display: none;
}

.hoverbox:hover .overlay {
    display: block;
}

.hoverbox .overlay .text {
    position: absolute;
    padding: 60px 50px;
    height: 100%;
    width: 100%;
}

.hoverbox .overlay .text p {
    font-size: 20px;
    line-height: 1.5em;
}

.hoverbox a {
    color: #000;
}

.hoverbox .overlay h4 {
    font-size: 54px;
    /*-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;*/
    color: #000;
    line-height: 1.1em;
    text-align: left;
    margin-bottom: 50px;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
}

.hoverbox p .specialletter {
    font-size: 0.9em;
    font-family: sans-serif;
}

.hoverbox .overlay .more {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    color: #ffd100;
}

/* Slider Hoverbox */
.wrapperhoverbox .slick-prev {
    background: url(../../images/Icon_slider_links_white.svg);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center;
}

.wrapperhoverbox .slick-next {
    background: url(../../images/Icon_slider_rechts_white.svg);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center;
}

#anwendung button.slick-prev {
    left: 60px;
}

#anwendung button.slick-next {
    right: 60px;
}

#anwendung .slick-arrow {
    z-index: 20;
}

/*----------------------- Unterseite -----------------------*/
/*.pagetitle {
    text-align: center;
    margin: 17px 0 50px 0;
    z-index: 1;
    position: relative;
}*/

.unterseite .contentwrapper.bgyellow {
    background-color: #ffd100;
}

.unterseite .bgwhite {
    background-color: #fff;
}

.unterseite .bgblack {
    background-color: #000;
}

/*.unterseite #wrapper h3 {
    font-size: 1.875em;
    display: inline-block;
    padding: 0 40px;
    text-transform: uppercase;
    background: url(../../images/line_dotted.png) repeat-x left center;
}*/

.unterseite .seitentitel {
    padding-top: 176px;
    padding-bottom: 68px;
}

.datenschutz .unterseite .seitentitel .teasertext p {
    margin: 30px 0 0 0;

}

.unterseite .seitentitel h1 {
    margin-top: 0;
    font-size: 3.125em;
    line-height: 1.2em;
    max-width: 60%;
    margin-top: 0;
    margin-bottom: 0;
}

.unterseite .seitentitel h4 {
    font-size: 1.25em;
    line-height: 1.65em;
    font-family: "avenir-reg";
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 13px;
}

.headerwrapper {
    height: 70px;
    position: relative;
    z-index: 15;
}

.unterseite .logosmall {
    clear: both;
    border: none;
    position: absolute;
    top: 44px;
    left: 5px;
    right: inherit;
    z-index: 2;
}

.unterseite .logosmall img {
    width: 117px;
    height: auto;
}

.unterseite header .logosmall {
    display: none;
}

.bigtext {
    font-family: 'anivers-regular', sans-serif;
    font-size: 1.632em;
    line-height: 1.290em;
    padding-top: 41px;
}

/* Partner */

.partnerpage,
#partnersmall {
   
    padding-bottom: 86px;
    background-size: contain;
}



#partnersmall header h2 {
    font-size: 2.000em;
    line-height: 60px;
    margin: 142px 0 80px 0;
}

.innerpartner .contact p {
    margin: 0;
}

.innerpartner table td {
    min-width: 25px;
}

.countries .titel,
#partnersmall .titel {
    font-size: 1.250em;
    padding-bottom: 14px !important;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
}

.countries h4,
#partnersmall h4 {
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 0px;
}



.countries .mob.land,
#partnersmall .mob.land {
    display: none;
}

.countries p,
#partnersmall p {
    font-size: 1em;
    line-height: 25px;
}

.countries a,
#partnersmall a {
    color: #000;
/*    text-decoration: underline;*/
}

.countries .container {
    padding-bottom: 33px;
}

#partnersmall .container {
    padding-bottom: 43px;
}

.countries .innerpartner,
#partnersmall .innerpartner {
    background: #fff;
    padding: 14px 30px;
    height: 317px;
}

.countries .innerpartner .adr,
#partnersmall .innerpartner .adr {
    height: 90px;
}

.countries .innerpartner hr,
#partnersmall .innerpartner hr {
    border-top: 1px solid #000;
    margin-bottom: 8px;
}

#partnersmall .frame-layout-1 p a {
    background: #000;
    color: #fff;
    font-size: 1em;
    padding: 14px 40px;
    display: inline-block;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    text-decoration: none;
    margin: 36px 0 50px 0;
    border: none;
}

#partnersmall .frame-layout-1 p a:hover {
    color: #ffd100;
}

/* Webinar */

#webinar .teaser p:first-child {
    margin-top: 65px;
}

.homepage #webinar .col-sm-5.col-sm-offset-1.imagecol {
    transform: translateY(-100px);
}

.homepage #webinar h3 {
    font-family: "century-gothic";
    font-weight: 700;
    margin-top: 0;
    font-size: 1.25em;
}

.termine-themen .termin {
    border-bottom: 1px solid black;
    padding: 20px 0;
    float: left;
    width: 100%;
    height: auto;
}

.termine-themen .rowtitle {
    width: 100%;
    border-bottom: 1px black solid;
    padding: 20px 0;
    height: 50px;
}

.termine-themen .textafter {
    margin-top: 20px;
}

.termine-themen .person-img {
    height: 200px;
}

.termine-themen .person-img img {
    width: auto;
    max-height: 100%;
    max-width: 100%;
    height: auto;
}

.termine-themen p {
    margin: 0;
}

/*  Presse / Termine */


.newstop {
    background: linear-gradient(180deg, transparent 52%, #FFF 52%);
    margin-top: 17px;
}

.events h3 {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 25px;
    font-size: 1.250em;
    line-height: 1.500em;
}

.presse,
.termine {
    padding-top: 18px;
}

.headklapper {
    background: url(../../images/Icon_plus.svg) right 16px center #f5f5f5 no-repeat;
    background-size: 30px 30px;
    line-height: 54px !important;
    cursor: pointer;
}

.headklapper.opened {
    background: url(../../images/Icon_minus.svg) right 16px center #f5f5f5;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}

.events .unterseite .seitentitel {
    padding-top: 176px;
    padding-bottom: 56px;
}

.news-list-view.row.termine {
    padding-top: 0;
}

.news {
    background: #000;
    color: #fff;
    padding: 50px 8.7%;

    height: 300px;
    position: relative;
}

.newstop .container {
    padding-bottom: 0;
}

.events .wrapperbgwhite {
    padding: 40px 0 130px 0;
}

.events .wrapperbgwhite .container {
    padding-bottom: 16px;
}

.contentwrapper .termine .news a {
    color: #fff;
    display: block;
    border-bottom: none;
}

.contentwrapper .termine .news:hover a {
    color: #000;
}

.news:hover,
.news.hover {
    background: transparent;
    color: #000;
}

.news span {
    display: block;
    /*    font-family: 'Open Sans', sans-serif;*/
    font-size: 0.875em;
    margin-bottom: 30px;
}

.container .news h2 {
    margin: 0 0 7px 0;
    font-size: 2.25em;
    line-height: 1.167em;
    width: 80%;
}

.container .news .button {
    color: #fff;
    border: 1px #fff solid;
    padding: 11px 50px;
    position: absolute;
    left: 17.7%;
    bottom: 50px;
}

.termine .date {
    position: absolute;
    left: 8.7%;
    padding-right: 3%;
    bottom: 34px;
    margin-bottom: 0px;
}

.container .news:hover .button {
    color: #000;
    border: 1px black solid;
}

.center {
    text-align: center;
    margin-top: 70px;
}

.center button {
    background: #fff;
    padding: 11px 50px;
}

.news span.specialletter {
    display: inline;
    font-size: 0.9em;
    font-family: sans-serif;
}

.presse .article,
.termine .article {
    padding: 0;
    margin: 0 10px 25px 10px;
    width: calc(50% - 20px);
}

.newstop .article {
    margin: 0 10px 25px 10px;
}

/* Kontakt */
.nav-tabs li {
    width: 25%;
    padding: 0 15px;
}

.nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid #000;
    font-size: 0.813em;
    border-radius: 0;
    text-align: center;
    color: #000;
    text-transform: uppercase;
}

.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: #ffd100;
    border: 1px solid #ffd100;
    color: #fff;
}

.nav-tabs {
    border-bottom: none;
    margin: 0 -15px;
}

.tab-content {
    border-top: 6px solid #ffd100;
    margin-top: 60px;
}

.raster {
    background-image: url(../../images/bg_raster.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: auto;
    padding: 132px 0;
}

button.next {
    background: url(../../images/next.png) no-repeat;
    width: 38px;
    height: 20px;
    border: none;
    margin: 30px 0 30px 32%;
}

.tab-content > .active {
    background: #ffd100;
    color: #fff;
}

.tab-content h2 {
    margin: 48px 0 23px 0;
    font-size: 1.938em;
    line-height: 1.290em;
    width: 70%;
}

.tab-content label {
    font-size: 20px;
    opacity: 0.7;
    font-weight: normal;
    margin-right: 40px;
    cursor: pointer;
    position: relative;
}

.tab-content label.active {
    opacity: 1;
}

.tab-content .radio label span {
    position: absolute;
    left: 0;
    top: 6px;
    content: '';
    width: 14px;
    height: 14px;
    border: none;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
}

.tab-content .radio label input {
    opacity: 0;
}

.tab-content .close {
    height: 16px;
    width: 16px;
    display: block;
    background: url(../../images/close.svg) no-repeat;
    cursor: pointer;
    opacity: 1;
    margin-top: 19px;
    margin-left: 22px;
    padding: 0px;
    position: absolute;
}

.trenner {
    background: url(../../images/trennerform.png) no-repeat;
    height: 1px;
    width: 88%;
    margin-top: 22px;
}

.steps div {
    background: #c6c6c6;
    height: 8px;
}

.steps .done {
    background: #000;
}

.steps {
    margin: 0;
}

/* Bild und Text */

.imgtext {
    padding: 70px 0 50px 0;
}

.imgtext .fright {
    float: right;
    margin-left: 0;
    margin-right: 8.33333333%;
}

.imgtext h2 {
    font-size: 2.438em;
    color: #000;
    line-height: 1em;
    margin: -4px 0 28px 0;
    width: 100%;
}

.imgtext img {
    max-width: 100%;
    height: auto;
}

.imgtext p {
    /*    font-family: 'Open Sans', sans-serif;*/
    font-size: 1.188em;
    line-height: 1.368em;
    margin: 0 0 30px;
}

/* Page small w Background */
.smallwbg {
    background: url(../../images/raster_body.png) #1a3340 repeat left top;
    background-size: 556px 556px;

}

.smallwbg #wrapper {
    color: #fff;
}

.smallwbg header a,
.smallwbg header span,
.smallwbg #wrapper p a {
    color: #fff;
}

.smallwbg #wrapper p a {
    border-color: #fff;
}

.smallwbg header > div {
    border-color: #fff;
}

/*.smallwbg header .newsletter a {
    background: url(../../images/mail_white.svg) no-repeat right 14px center;
    background-size: 19px 9px;
}

.smallwbg header .lang span {
    background: url(../../images/pfeil_unten_white.svg) no-repeat right 22px center;
    background-size: 18px 6px;
}*/

.smallwbg header .lang {
    background: transparent;
}

.smallwbg .navbutton {
    background: url(../../images/nav.svg) no-repeat center;
    background-size: 19px 14px;
}

/*
.smallwbg.unterseite #wrapper h3 {
    background: url(../../images/line_dotted_w.png) repeat-x left center;
}
*/
.smallwbg h2 {
    font-size: 1.938em;
    line-height: 1.290em;
    max-width: 750px;
    width: 100%;
    margin: 65px auto 150px auto;
}

.textright {
    text-align: right;
}

.team.row .textright.col-sm-4 {
    float: right;
}

.nutzen {
    margin-bottom: 100px;
}

.nutzen img {
    max-width: 122px;
    height: auto;
}

.nutzen h4 {
    font-size: 1.250em;
    margin: 0 0 20px 0;
    color: #ffd100;
}

.nutzen .textright img:hover {
    background: url(../../bilder/icon_nutzen/icon_hover.svg);
}

.error .nutzen .textright img:hover {
    background: none;
}

.nutzen p {
    font-size: 1.250em;
    line-height: 1.300em;
}

.unterseite .nutzen.row .specialletter {
    font-size: 0.9em;
    font-family: sans-serif;
}

/* webinar */

.container .webinar li {
    list-style: none;
    font-weight: bold;
    /*    font-family: 'Open Sans', sans-serif;*/
    font-size: 1.188em;
    line-height: 1.368em;
}

.container .specialbuttons.webinar {
    padding: 42px 0;
}

.container .webinar {
    margin-bottom: 0px;
}

.container .webinar li span {
    display: inline-block;
    width: 110px;
}

.button.orange {
    color: #fff;
    border: 1px #ffd100 solid;
    background: #ffd100;
}

#videos .webinarcontent h5 {
    font-size: 1.25em;
    line-height: 1.368em;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    padding: 24px 40px;
    margin-bottom: 0px;
    max-width: 80%;
}

#videos .webinarcontent > p {
    font-size: 1.188em;
    line-height: 1.368em;
    /*    font-family: 'Open Sans', sans-serif;*/
}

#videos .webinarwrapper {
    position: relative;
    margin-bottom: 25px;

}

#videos .webinarcontent {
    position: absolute;
    top: 0;
    z-index: 10;
    background: url(../../images/Icon_testimonials_white.svg) no-repeat center #000;
    background-size: 53px 53px;
    width: 100%;
    height: 100%;
    color: #fff;
    cursor: pointer;
}

#videos .webinarcontent:hover {
    background: url(../../images/Icon_testimonials_black.svg) no-repeat center #fff;
    background-size: 53px 53px;
    width: 100%;
    height: 100%;
    color: #000;
    cursor: pointer;
}

.news-list-view iframe {
    border: none;
    width: 100%;
    height: 215px;
}

.news-list-view.webinar-big iframe {
    height: 315px;
}

/* messeprozess */
.grafik {
    margin-bottom: 120px;
    text-align: center;
}

.grafik img {
    max-width: 100%;
    height: auto;
}

.messeprozess {
    margin-bottom: 60px;
}

.messeprozess h2 {
    font-size: 1.938em;
    margin: 0 0 10px 0;
    color: #ffd100;
}

.messeprozess p {
    font-size: 1.188em;
    line-height: 1.368em;
    min-height: 120px;
}

.prozess {
    background: #1a3340;
    padding: 155px 0 0 0;
}

.prozess h4 {
    font-size: 1.938em;
    margin: 0 0 10px 0;
}

.prozess p {
    font-size: 1.250em;
    line-height: 1.350em;
}

.prozess .row {
    padding-bottom: 80px;
}

.praxis h2 {
    font-size: 1.938em;
    line-height: 1.290em;
    max-width: inherit;
    width: 100%;
    margin: 108px auto 60px auto;
}

.praxis {
    background: url(../../bilder/praxis.svg) no-repeat right bottom 150px;
    background-size: 387px 524px;
}

/* Team */

.team h4 {
    font-size: 1.938em;
    margin: 0 0 10px 0;
}

.team .text {
    /*padding-top: 20%;*/
}

.smallwbg.wheader .team {
    margin-bottom: 20px;
}

.team.second .text {
    /*padding-top: 20%;*/
}

.frame-type-dce_dceuid21 .headerbanner .detailtheader h2 {
    width: 100%;
}

.frame-type-dce_dceuid21 .headerbanner .detailtheader p {
    font-size: 1.2em;
}

.team.second img {
    margin-top: 0px;
    z-index: 1;
}

.team.last {
    position: relative;
}

.team.last img {
    margin-top: -76px;
    z-index: 0;
}

.team.last .teaser {
    font-size: 1.938em;
    position: absolute;
    bottom: 170px;
    width: 60%;
    z-index: 3;
}

@media (max-width: 1200px) {
    .team .col-sm-4 .text {
        padding-top: 0;
    }

    .team.second .col-sm-4 .text {
        padding-top: 10%;
    }

    .team.last {
        padding-bottom: 100px;
    }

    .team.last .teaser {
        bottom: 270px;
    }
}

.wrapperbgwhite {
    background: #fff;
    color: #000;
    padding: 113px 0;
}

.wrapperbgwhite h2 {
    font-size: 1.75em;
    line-height: 1.25em;
    max-width: inherit;
    width: 100%;
    margin: 0 auto 35px auto;
}

.wrapperbgwhite .row p {
    font-size: 1em;
    line-height: 1.5em;
    /*    font-family: 'Open Sans', sans-serif;*/
}

.stellen h2 {
    padding: 35px 0 50px 0;
    margin: 0;
    font-size: 2.25em;
    line-height: 1.650em;
}

#stellen {
    padding-bottom: 65px;
}


/* Karriere */
#karriere {
    padding-bottom: 10px;
    padding-top: 0;
}

.unterseite #karriere {
    padding-bottom: 40px;
}

#karriere h2 {
    font-size: 50px;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    margin-bottom: 80px;
    margin-top: 0;
}

#karriere .ce-bodytext {
    display: inline-block;
    position: relative;
}

#karriere .ce-bodytext .karrieretext {
    width: 60%;
    float: left;
    font-size: 1.25em;
    line-height: 1.5em;
}

#karriere .buttontext {
    width: auto;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.panel-group .panel {
    margin-bottom: 30px;
    border-radius: 0;
    margin-top: 0;
    background: transparent;
    box-shadow: none !important;
}

.panel-default > .panel-heading {
    color: #fff;
    background: url(../../images/Icon_plus_white.svg) 98% #000;
    background-repeat: no-repeat;
    background-size: 40px;
    border: none;
    border-radius: 0;
}

.panel-default > .panel-heading:hover {
    color: #fff;
    background: url(../../images/Icon_plus.svg) 98% #f5f5f5;
    background-repeat: no-repeat;
    background-size: 40px;
}

.panel-default > .panel-heading.active {
    color: #000;
    background: url(../../images/Icon_minus.svg) 98% #fff;
    background-repeat: no-repeat;
    background-size: 40px;
    border: none;
}

.panel-default > .panel-heading a {
    color: #fff;
}

.panel-default > .panel-heading:hover a,
.panel-default > .panel-heading.active a {
    color: #000;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.75em;
    font-family: 'avenir-med';
    color: inherit;
    font-weight: normal;
}

.panel-title a {
    display: block;
    border-bottom: none;
    padding: 24px 30px 18px 30px;
}

.panel-body a {
    color: #000;
    border-bottom: 1px solid;
}

.panel-body .blackbutton {
    color: #fff;
    border-bottom: none;
    float: right;
    margin-top: 30px;
}

.panel-body .blackbutton:hover {
    color: #ffd100;
}

.panel-body ul {
    margin-bottom: 0;
    margin-left: 1em;
}

.panel-body p {
    margin-bottom: 0;
}

.panel-body p strong {
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}

.panel-body {
    display: flex;
    margin-top: 16.5px;
    padding: 0;
    background: #fff;
    border: none !important;
}

.panel-body hr {
    border-top: 1px solid black;
    display: block;
    clear: both;
}

.panel-body .left {
    flex: 60%;
    padding: 30px 25px;
}

.panel-body .right {
    flex: 40%;
    padding: 50px 34px;
    background: #f5f5f5;
}

.panel-body .right .title {
    font-family: "avenir-med";
    font-weight: 700;
    width: 105px;
    float: left;
    margin-bottom: 15px;
}

.panel-body .right .text {
    width: calc(100% - 105px);
    float: left;
}

.panel-body .right p {
    font-family: "avenir-med";
    font-weight: 700;
}

.panel-body .maillink {
    font-family: "avenir-med";
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;
}

.panel-heading {
    padding: 0;
}

.panel-group .panel {
    border: none;
}

.bewerbungbutton .button {
    margin: 50px 0 0 15px;
    width: 487px;
}

.statement {
    margin: 60px 0 0 0;
}

.row div img {
    max-width: 100%;
    height: auto;
}

.wrapperbgwhite .row.statement p,
.wrapperbgwhite .row.zitat p,
p.zitat,
.wrapperbgwhite p.zitat {
    font-size: 1.938em;
    line-height: 1.419em;
}

#karriereinfo .greyboxwrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10.5px;
    margin-right: -10.5px;
}

#karriereinfo .greyboxwrapper .box-outer {
    flex: 50%;
    display: flex;
    padding: 13px 10.5px;
    box-sizing: border-box;
}

#karriereinfo .greyboxwrapper .box {
    background: #fff;
    width: 100%;
    float: left;
    padding: 30px 30px 20px 30px;
}

#karriereinfo .greyboxwrapper h4 {
    border-bottom: 1px solid;
    margin-bottom: 15px;
    padding-bottom: 15px;
    margin-top: 0;
}

#karriereinfo .greyboxwrapper ul {
    padding-left: 1em;
}

/* Anwender */
.imgspace {
    padding-top: 290px;
}

.smallwbg.unterseite #wrapper .imgtext h3 {
    background: none;
    padding: 0;
    margin-bottom: 50px;
}

.vorteile {
    margin-top: 140px;
}

.vorteile p {
    margin: 0 0 27px;

}

.zitat .col-sm-6 {
    display: table;
}

.zitat .col-sm-6 p {
    display: table-cell;
    vertical-align: bottom;
    height: 100%;
}

/* Produktseite */
.productspage #wrapper h1 {
    /*margin-top: 232px;*/
    width: 66%;
}

.productspage .detailtheader {
    max-width: inherit;
    text-align: left;
    position: relative;
}

.productspage .detailtheader p {
    width: 50%;
    font-size: 1.188em;
    line-height: 1.368em;
}

.productspage .headerbanner {
    background-size: auto;
    background-position: right;
}

.productspage .dot {
    background: rgba(0, 0, 0, 0.58);
}

.productspage .dot.dark {
    background: #000;
}

.container .product h2 {
    margin: 0 0 33px 0;
    width: 100%;
}

.productspage .startimage img {
    position: absolute;
    top: 7.5vh!important;
    left: 45%;
    width: 45vw;
    max-width: 850px;
    height: auto;
}

.smallproductpage #coatflexdetailinfos .scrolldownflex,
.homepage .teaserrow .scrolldown {
    display: none;
}

.smallproductpage .startpage {
    min-height: 70vh    !important;
    height: auto: !important;
}

.product p {
    font-size: 1.188em;
    line-height: 1.368em;
    /*    font-family: 'Open Sans', sans-serif;*/
    margin: 0 0 25px;
}

.technischedaten {
    background: url(../../images/raster_body.png) #1a3340 repeat left top;
    background-size: 556px 556px;
    padding: 35px 0;
    color: #fff;
}

.technischedaten .container {
    padding-bottom: 0px;
}

.unterseite #wrapper .technischedaten h3 {
    background: none;
    padding: 0;
    margin-bottom: 26px;
}

.unterseite #wrapper .technischedaten .wert {
    float: left;
    width: 25%;
    padding-bottom: 25px;
    font-size: 0.875em;
    /*    font-family: 'Open Sans', sans-serif;*/
}

.unterseite #wrapper .technischedaten .wert .title {
    text-transform: uppercase;
}

.unterseite #wrapper .technischedaten .button {
    color: #fff;
    border-color: #fff;
    margin-top: 30px;
}

.productspage .product {
    margin-top: 109px;
}

.productspage .product.row ul {
    margin-left: 18px;
}

.wheader.productspage .contentwrapper {
    margin-top: 100vh;
    padding-top: 0;
}

.productpagelink {
    margin-top: 45px;
}

.productpagelink a {
    color: #fff;
}

.productpagelink a:hover {
    color: #ffd100;
}

.contentwrapper .container .presse .page-navigation {
    display: none;
}

#backToTop {
    display: none;
}

#zubehoer .text {
    font-size: 20px;
    text-align: center;
    padding: 15px 0 36px 0;
    color: black;
}

#zubehoer {
    padding-top: 100px;
}

#zubehoer .pagetitle {
    margin: 17px 0 80px 0;
}

#zubehoer .imgwrap {
    position: relative;
    height: 240px;
    overflow: hidden;
}

#zubehoer .imgwrap img {
    position: absolute;
    min-height: 100%;
    height: auto;
    min-width: 100%;
    width: auto;
}

/* Webinar Overlay Startseite */
.overlayform {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.40);
    z-index: 120;
    display: none;
}

.overlayform h3,
.overlayform .powermail_legend,
.overlayform label {
    display: none;
}

.overlayform p {
    font-size: 1.188em;
    margin-bottom: 25px;
}

.overlayform input[type="email"],
.overlayform input[type="text"] {
    font-size: 1.375em;
    border: none;
    background: transparent;
    border-bottom: 1px #fff dashed;
    padding: 0;
    width: 100%;
    float: left;
    border-radius: 0;
    margin-bottom: 10px;
}

.overlayform input[type="submit"] {
    background: none;
    font-size: 0.813em;
    border: 1px #fff solid;
    clear: both;
    text-transform: uppercase;
    padding: 10px 35px;
    margin-top: 28px;
    color: #fff;
}

.overlayform .content {
    background: #1a3340;
    color: #fff;
    padding: 50px 5%;
    position: relative;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    top: 50%;
    transform: translate(0, -50%);
}

.overlayform .close {
    height: 16px;
    width: 16px;
    display: block;
    background: url(../../images/close.svg) no-repeat;
    cursor: pointer;
    opacity: 1;
    padding: 0px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.overlayform .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

/* -- gepunktete Linien -- */
#webinar .gepunktete-linie {
    position: absolute;
    width: calc(((100vw - 1150px) / 2) + 185px);
    height: 81px;
    top: 21px;
    right: calc(((100vw - 1150px) / 2) * -1);
    /*border-top: white 1px dotted;*/
    /* border-bottom: white 1px dotted;*/
}

.row.imgtext .image .gestrichelte-linie-right {
    border-top: black 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 700px);
    right: calc((((100vw - 1150px) / 2) * -1) - 113px);
    position: absolute;
    top: 140px;
}

.row.imgtext .image .gestrichelte-linie-left {
    border-top: black 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 700px);
    left: calc((((100vw - 1150px) / 2) * -1) - 113px);
    position: absolute;
    top: 140px;
}

.row.imgtext .image img {
    z-index: 4;
    position: relative;
}

.headerbanner .detailtheader .gepunktete-linie {
    /*border-top: black 1px dotted;*/
    height: 1px;
    width: calc(100vw - 342px);
    left: calc((((100vw - 1150px) / 2) * -1));
    position: absolute;
    top: 180px;
}

.body-wrapper.unterseite.smallwbg.wheader .headerbanner .detailtheader .gepunktete-linie {
    display: none;
}

.technischedaten .col-sm-4 .gepunktete-linie {
    border-top: white 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 100px);
    right: calc((((100vw - 1150px) / 2) * -1));
    position: absolute;
    top: 51px;
}

.prozess .row:nth-child(2n - 1) .gepunktete-linie {
    border-top: white 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 895px);
    left: calc((((100vw - 1150px) / 2) * -1) - 214px);
    position: absolute;
    top: 37px;
}

.prozess .row:nth-child(2n) .gepunktete-linie {
    border-top: white 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 895px);
    right: calc((((100vw - 1150px) / 2) * -1) - 214px);
    position: absolute;
    top: 37px;
}

.news-list-view.presse .article:nth-child(2n - 1) .news .gepunktete-linie,
.news-list-view.termine .article:nth-child(2n - 1) .news .gepunktete-linie {
    border-top: black 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 68px);
    left: calc(((100vw - 1150px) / 2) * -1);
    position: absolute;
    bottom: 71px;
}

.news-list-view.presse .article:nth-child(2n - 1) .news .gepunktete-linie-weiss,
.news-list-view.termine .article:nth-child(2n - 1) .news .gepunktete-linie-weiss {
    border-top: white 1px dotted;
    height: 1px;
    width: 68px;
    left: 0;
    position: absolute;
    bottom: 71px;
}

.news-list-view.presse .article:nth-child(2n) .news .gepunktete-linie,
.news-list-view.termine .article:nth-child(2n) .news .gepunktete-linie {
    border-top: black 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 248px);
    right: calc(((100vw - 1150px) / 2) * -1);
    position: absolute;
    bottom: 71px;
}

.news-list-view.presse .article:nth-child(2n) .news .gepunktete-linie-weiss,
.news-list-view.termine .article:nth-child(2n) .news .gepunktete-linie-weiss {
    border-top: white 1px dotted;
    height: 1px;
    width: 248px;
    right: 0;
    position: absolute;
    bottom: 71px;
}

.news-list-view.presse .article:hover .news .gepunktete-linie-weiss,
.news-list-view.termine .article:hover .news .gepunktete-linie-weiss {
    display: none;
}

.team .text .gepunktete-linie-left {
    border-top: white 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 388px);
    left: calc(((100vw - 1150px) / 2) * -1);
    position: absolute;
    margin-top: -7px;
}

.team .text .gepunktete-linie-right {
    border-top: white 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 388px);
    right: calc(((100vw - 1150px) / 2) * -1);
    position: absolute;
    margin-top: -7px;
}

.team.last .gepunktete-linie {
    border-top: white 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 723px);
    left: calc(((100vw - 1150px) / 2) * -1);
    position: absolute;
    bottom: 385px;
    z-index: 1;
}

.team.zufriedeneanwender .text .gepunktete-linie {
    border-top: white 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 400px);
    left: calc(((100vw - 1150px) / 2) * -1);
    position: absolute;
    top: 143px;
    z-index: 1;
}

.team:nth-child(3) div img {
    width: 457px;
}

.zufriedeneanwender .row.imgtext .image .gestrichelte-linie-right {
    border-top: white 1px dotted;
    height: 1px;
    width: calc(((100vw - 1150px) / 2) + 700px);
    left: calc((((100vw - 1150px) / 2) * -1) - 763px);
    position: absolute;
    top: 205px;
}

.scrollteam {
    padding-bottom: 55px;
}

/* -- Kontaktform -- */
body.Kontakt form {
    margin: 0 -10px;
    width: calc(100% + 20px);
}

body.Kontakt footer form {
    margin: 0;
}

body.Kontakt form .powermail_field input,
body.Kontakt form .powermail_field textarea,
.tx-mailchimp input[type="text"],
.tx-mailchimp input[type="email"] {
    padding: 5px;
    border: 1px solid #000;
    border-radius: 0;
    width: 100%;
    color: #000;
}

.tx-mailchimp {
    max-width: 700px;
    margin: 0 auto;
}

.tx-mailchimp div {
    float: none;
    text-align: left;
    width: 100%;
    padding: 0;
}

.tx-mailchimp .control-label {
    text-align: left;
    margin-bottom: 0;
    padding: 7px 0;
}

.tx-mailchimp .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.alert-success {
    background-color: #fff;
    border: none;
    color: #000;
    text-align: center;
}

.alert-danger {
    background-color: #fff;
    border: none;
    color: #a94442;
    text-align: center;
}

.alert-success h3 {
    display: block;
}

.tx-mailchimp input[type="submit"] {
    padding: 10px 20px;
    background: white;
    border: 1px solid #000;
    margin-top: 20px;
}

.tx-mailchimp input[type="submit"]:hover {
    background: #ffd100;
}

body.Kontakt form h3,
body.Kontakt fieldset > legend {
    display: none !important;
}

body.Kontakt form .powermail_field select {
    padding: 5px;
    border: 1px solid;
}

body.Kontakt form .powermail_field .powermail_submit {
    padding: 10px 20px;
    background: white;
}

body.Kontakt form .powermail_field .powermail_submit:hover {
    background: #ffd100;
}

body.Kontakt form .powermail_label {
    width: 50%;
    margin-top: 10px;
}

body.Kontakt form .powermail_fieldwrap.powermail_fieldwrap_type_select,
body.Kontakt form .powermail_fieldwrap.powermail_fieldwrap_type_textarea {
    width: 100%;
    float: left;
    padding: 0 5px;
}

body.Kontakt form .powermail_fieldwrap {
    width: 50%;
    float: left;
    padding: 0 5px;
}

body.Kontakt form .powermail_create {
    padding: 0 5px;
}

body.Kontakt form .powermail_fieldwrap_betreff,
body.Kontakt form .powermail_fieldwrap_organisation {
    width: 100%;
}

body.Kontakt form .powermail_message {
    list-style: none;
    color: red;
    padding: 0 5px;
}

body.Kontakt form .powermail_fieldwrap.powermail_fieldwrap_type_submit {
    margin-top: 10px;
    width: auto;
    clear: both;
}

.Kontakt textarea {
    resize: none;
}

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

    #webinar .gepunktete-linie,
    .technischedaten .col-sm-4 .gepunktete-linie {
        right: calc(((100vw - 963px) / 2) * -1);
    }

    .container {
        padding-bottom: 50px;
    }

    .productspage .product {
        margin-top: 49px;
    }

    #zubehoer {
        padding-top: 50px;
    }

    .unterseite #wrapper .technischedaten .wert {
        width: 33.3%;
    }

    .countries .titel.container,
    .countries span.break {
        display: none;
    }

    .countries .mob.land,
    #partnersmall .mob.land {
        display: block;
        font-size: 1.938em;
        font-size: 1.250em;
        padding-bottom: 0;
        font-family: century-gothic, sans-serif;
        font-weight: 700;
        /* padding-bottom: 20px; */
        /* margin-bottom: 25px; */
        /* background: url(../../images/line_dotted.png) repeat-x left bottom; */
    }
    
    .countries .col-sm-4 {
       padding-bottom: 30px;
    }
}

@media screen and (max-width: 975px) {
    #webinar .gepunktete-linie {
        right: calc(((100vw - 745px) / 2) * -1);
    }

    .technischedaten .col-sm-4 .gepunktete-linie {
        display: none;
    }

    .unterseite #wrapper .technischedaten .wert {
        width: 50%;
    }

    .unterseite #wrapper .technischedaten .button {
        margin-top: 0;
    }
}

#livechat-eye-catcher {
    display: none;
}

#livechat-compact-container {
    bottom: -30px !important;
}

.download h2 {
    margin: 108px 0 0px 0;
    font-size: 2.563em;
    width: 58.33333333%;
}

.download h3 {
    font-size: 2.438em;
    color: #ffd100;
    line-height: 1em;
    margin: 30px 0 28px 0;
    padding: 0 !important;
    width: 100%;
    text-transform: inherit !important;
}

/* Referenzen */
.referenz {
    margin-bottom: 80px;
}

.referenz.right .image {
    float: right;
}

.referenz img {
    max-width: 100%;
}

.referenzen h2 {
    margin: 0 0 50px 0;
}

.impressum {
    margin-bottom: 30px;
}

.partnerfooter {
    margin-top: 20px;
}

.partnerfooter header {
    display: none;
}

.partnerfooter img {
    max-width: 110px !important;
}

@media screen and (max-height : 768px) and (max-width : 1400px) {
    .headerbanner .specialhint {
        width: 44%;
        left: 28%;
    }
}

@media screen and (max-height : 768px) and (max-width : 1400px) {
    .headerbanner .specialhint {
        left: 27%;
    }
}


#cookiehint {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffd100;
    color: #000;
    z-index: 1103;
}


#cookiehint .container {
    padding-bottom: 5px;
    padding-top: 15px;
}


#cookiehint a {
    color: #000;
/*    text-decoration: underline;*/
}

#cookiehint button {
    font-weight: bold;
    margin-bottom: 20px;
    background: none;
    border: 1px solid #000;
    padding: 4px 5px;
    float: right;
}

.powermail_fieldwrap_type_check input {
    position: relative !important;
    width: auto !important;
}

.powermail_fieldwrap_type_check .powermail_label {
    display: none;
}



.newslettercontainer {
    display: none;
    background-color: #1a3340;
    width: 100%;
    max-width: 480px;
    position: fixed;
    top: 95px;
    z-index: 1102;
    color: #fff;
    padding: 45px 39px 44px 46px;
    box-shadow: 8px 8px 10px 1px #aaa;
    left: calc(50% - 240px);

}

.newslettercontainer a {
    color: #fff;
    border-bottom: solid 1px #fff;
}

.newslettercontainer .closebutton {
    position: absolute;
    top: 30px;
    right: 30px;
    background-image: url(../../images/close.svg);
    background-repeat: no-repeat;
    background-position: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
}


.newslettercontainer .alert-success {
    background-color: transparent;
    border: none;
    color: #fff;
    text-align: left;
    padding: 0;
}

.newslettercontainer .alert-success h3 {
    padding: 0;
}


.newslettercontainer .alert-danger {
    background-color: transparent;
    border: none;
    color: #fff;
    text-align: left;
    padding: 0;
}

.newslettercontainer h2 {
    text-transform: uppercase;
}

#flexmieten.container {
    padding-bottom: 0;
}

#flexmieten h4 {
    background-image: url(../../images/circle-icon.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
    line-height: 21px;
}

#flexmieten h4 + ul,
#flexmieten h4 + p {
    padding-left: 30px;
}

#flexbestellen h2 {
    margin-top: 50px;
    margin-bottom: 30px;
}


#flexbestellen fieldset {
    float: left;
    /*width:48%;*/
    width: 100%;
    padding-bottom: 40px;
}


/*#flexbestellen fieldset.powermail_fieldset_6, #flexbestellen fieldset.powermail_fieldset_8  {
  margin-right:4%;
}*/
#flexbestellen fieldset.powermail_fieldset_8,
#flexbestellen fieldset.powermail_fieldset_10,
#flexbestellen .powermail_fieldwrap_datenschutz {
    clear: both;
}


body.Kontakt #flexbestellen fieldset > legend {
    display: block !important;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    line-height: 34px;
    background-image: url(../../images/circle-icon.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left top 7px;
    padding-left: 30px;
    color: #000;
}

#flexbestellen .powermail_fieldwrap_type_check .powermail_label {
    display: block;
}

body.Kontakt #flexbestellen form .powermail_field input[type=radio] {
    padding: 0;
    width: auto;
}

body.Kontakt #flexbestellen form .powermail_fieldwrap {
    width: 48%;
    padding: 0;
}

body.Kontakt #flexbestellen form .powermail_fieldwrap:nth-of-type(odd) {
    margin-right: 4%;
}


p.printstart {
    cursor: pointer;
    margin-top: 40px;
    font-weight: bold;
}


.tx-dce-pi1 .gotoorder .buttonline .button {
    margin-bottom: 35px;
}

.newswrapper.termine {
    display: none;
}

/* Unterseite: Technologie Page */

.technologiepage .seitentitel {
    padding-bottom: 35px;
}

.unterseite #coatmastertext {
    display: flex;
}

.unterseite .technology {
    background: linear-gradient(180deg, transparent 23%, #FFF 23%);
}

.unterseite #coatmastertext .left {
    flex: 50%;
    margin-right: 75px;
}

.unterseite #coatmastertext .left .teaser {
    font-size: 1.25em;
    line-height: 1.5em;
}

.unterseite #coatmastertext .left .text {
    margin-top: 115px;
}

.unterseite #coatmastertext .right {
    flex: 50%;
}

.unterseite #coatmastertext .right img {
    width: 100%;
    height: auto;
}

.unterseite #coatmastertext .blackbox {
    padding: 40px;
    background-color: #000;
    color: #fff;
    margin-top: 30px;
}

.unterseite #coatmastertext .blackbox ul {
    margin-left: 1em;
}




/* --- */
.press-news-detail .content-elements {
    padding-left: 0;
    padding-right: 0;
}

.press-news-detail .wrapper {
    background-color: #ffd100;
}

.press-news-detail .fixednav .webinar a, .fixednav .map a {
    display: block;
    height: 100%;
    width: 100%;
}

@supports (-ms-ime-align: auto) {
    .press-news-detail .fixednav .map {
        top:374px;
        position: fixed;
    }


    .press-news-detail .fixednav .webinar{
    top:424px;
    position: fixed;
    }

    .press-news-detail .fixednav .social {
    top:474px;
    position: fixed;
    right:0;
    margin-top:0;
    }
}

@media all and (-ms-high-contrast:none)
 {
    .press-news-detail .fixednav .map {
    top:374px;
    position: fixed;
    }


    .press-news-detail .fixednav .webinar{
    top:424px;
    position: fixed;
    }

    .press-news-detail .fixednav .social {
    top:474px;
    position: fixed;
    right:0;
    margin-top:0;
    }

    *::-ms-backdrop, .fixednav .map {
    top:374px;
    position: fixed;
    }


    *::-ms-backdrop, .fixednav .webinar{
    top:424px;
    position: fixed;
    }

    *::-ms-backdrop, .fixednav .social {
    top:474px;
    position: fixed;
    right:0;
    margin-top:0;
    }


 }

.press-news-detail #header > .lang {
    margin-top: 5px;
}

.press-news-detail header .lang {
    height: 26px;
}

.press-news-detail header .lang:hover span {
    height: 0;
}

.press-news-detail header .lang ul li a {
    padding: 0;
}

.press-news-detail header .lang span {
    height: 26px;
    padding: 0;
}

.press-news-detail .unterseite .contentwrapper.bgyellow {
    background: linear-gradient(180deg, #ffd100 639.5px, #FFF 639.5px );
}

.press-news-detail .newstop .article {
    margin: 25px 10px 0 10px;
}





/* News Detail View */

.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single div.article div.col-sm-4 {
    width: 100%;
    color: black;
    margin-top: -112px;
}

.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single div.article div.footer {
    display: none;
}

.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow .news-single {
    background: none;
}

.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single div.article .col-sm-4 div .ce-center .ce-inner {
    right: 0;
}

.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single div.article .col-sm-4 div .ce-center .ce-outer {
    right: 0;
    float: left;
}

.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single div.article .col-sm-4 div figure.image img {
    margin-top: 10px;
    margin-bottom: 40px;
    max-width: 1180px;
    height: auto;
}

.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single {
    padding: 50px 0;
    height: auto;
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
}

.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div#c1184 div.container.newswrapper.termine {
    display: block;
}

.press-news-detail .body-wrapper.unterseite.dark-nav #wrapper .contentwrapper.bgyellow .frame .news.news-single {
    height: auto;
}

.press-news-detail .body-wrapper.unterseite.dark-nav #wrapper .contentwrapper.bgyellow .frame {
    height: auto;
    width: 100%;
}

.press-news-detail .body-wrapper.unterseite.dark-nav #wrapper .contentwrapper.bgyellow .frame .container.insingle {
    max-width: 100%;
    height: auto;
}

.press-news-detail .body-wrapper.unterseite.dark-nav #wrapper .contentwrapper.bgyellow .frame .container.insingle .news-list-view.row.presse.insingle {
    height: auto;
    display: inline-block;
    width: 100%;
}

.press-news-detail .body-wrapper.unterseite.dark-nav #wrapper .contentwrapper.bgyellow .frame .container.insingle .news-list-view.row.presse.insingle .article.col-sm-6 a {
    display: block;
}

.press-news-detail .body-wrapper.unterseite.dark-nav #wrapper .contentwrapper.bgyellow .frame .container.insingle .news-list-view.row.presse.insingle .article.col-sm-6 a .news.media-news {
    min-height: 383px;
}

.press-news-detail .container.insingle .presse.insingle {
    margin-bottom: 50px;
}

.press-news-detail .news-single .container {
    width: 100%;
}

@media screen and (min-width : 1023px)
and (max-width : 1299px)
{
    .press-news-detail .container.insingle,
    .press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single,
    .press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.container.seitentitel {
        width: 91%;
        margin-left: 4%;
    }

    .press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single div.article .col-sm-4 div figure.image img {
        max-width: 960px;
    }
}