@charset "utf-8";
@font-face {
    font-family: 'Proxima Nova';
    src: local('Proxima Nova Regular'), local('Proxima-Nova-Regular'),
    url('../Fonts/ProximaNova-Regular.woff2') format('woff2'),
    url('../Fonts/ProximaNova-Regular.woff') format('woff'),
    url('../Fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
html, body{
    font-family: 'Proxima Nova';
    background-color: #FFFFFF;
    color:#1A1A1A;
    padding:0;
    width: 100%;
    margin:0 auto;
}
.mainheader {
    height: 150px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #00B359;
}
@media only screen and (min-width:768px) {
    .mainheader {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
}
#pahlkewrap { margin-bottom:150px; }
@media only screen and (max-width:991px) {
    .mainheader { height:280px; }
    #pahlkewrap { margin-bottom:190px; }
}
@media (min-width: 992px) and (max-width: 1400px) {
    .mainheader { height:270px; }
    .header2.text-right { text-align: left !important; }
}
@media only screen and (max-width:767px) {
    .mainheader { height:400px; }
    #pahlkewrap { /*margin-bottom:300px; */ margin-bottom:0; }
}
@media only screen and (max-width:575px) {
    .mainheader { height:500px; }
    #pahlkewrap { /*margin-bottom:300px; */ margin-bottom:0; }
}
@media only screen and (max-width:463px) {
    .mainheader { height:430px; }
    #pahlkewrap { /*margin-bottom:320px;*/ margin-bottom:0; }
}
@media only screen and (max-width:433px) {
    .mainheader { height:560px; }
    #pahlkewrap { margin-bottom:0; }
}
@media (min-width: 768px) and (max-width: 991px) {
    #page-content { margin-top: 260px; }
}
@media screen and (min-width:1401px) {
    .logo2 { margin-left: -100px; }
}

h1, .h1 {
    font-size:50px;
    font-weight:bold;
    line-height:60px;
    letter-spacing: 0;
    color: #1A1A1A;
}
h2, .h2 {
    font-size:36px;
    font-weight:bold;
    line-height:44px;
    letter-spacing: 0px;
    color: #1A1A1A;
}
h3, .h3 {
    font-size:25px;
    font-weight:bold;
    line-height:33px;
    letter-spacing: 0px;
    color: #1A1A1A;
}
@media only screen and (max-width:767px) {
    h2, .h2 {
        font-size:38px;
        line-height:46px;
    }
    h3, .h3 {
        font-size:28px;
        line-height:37px;
    }
}
@media only screen and (max-width:565px) {
    h2, .h2 {
        font-size:30px;
        line-height:37px;
    }
    h3, .h3 {
        font-size:24px;
        line-height:30px;
    }
}
h5{
    float:left;
    width:250px;
    border:none;
    padding:10px;
}
h6{
    font-size:1.5em;
    margin-top:20px;
    margin-bottom:5px;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.frame a[class=""], .frame a:not([class]) {
    color: #4faf98;
}
.frame a[class=""]:hover, .frame a:not([class]):hover {
    color: #377a6a;
}
.btn-primary, .frame-type-felogin_login input[type="submit"] {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #04B49A;
    --bs-btn-border-color: #04B49A;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #00B359;
    --bs-btn-hover-border-color: #00B359;
    --bs-btn-focus-shadow-rgb: 200, 53, 63;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #04B49A;
    --bs-btn-active-border-color: #04B49A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #04B49A;
    --bs-btn-disabled-border-color: #04B49A;
}
.scroll-top:active, .scroll-top:focus, .scroll-top:hover {
    color: #ffffff;
    background-color: #04B49A;
}

.carousel .carousel-text {
    font-size:1.4rem;
    line-height:1.5rem;
}
.carousel .carousel-text h1 {
    font-size:2.4rem;
    line-height:3rem;
}
.carousel .carousel-text h2 {
    font-size:1.8rem;
    line-height:2.3rem;
}
.carousel .carousel-text h3 {
    margin-top:35px;
}
.navbar-default .navbar-toggler {
    border-color: transparent;
}
.navbar-toggler {
    height: 34px;
    width: 34px;
    padding: 0;
}
.navbar-toggler {
    position: relative;
    float: left;
    padding: 0;
    background-color: transparent;
    background-image: none;
    border: 0;
    color: transparent;
}
.navbar-toggler .line{
    width: 100%;
    float: left;
    height: 5px;
    background-color: #23B885;
    margin-bottom: 5px;
}
.navbar-default .container {
    background:#23B885;
    color: #FFFFFF;
}
.navbar-default .container a {
    color: #FFFFFF !important;
    font-size:18px;
}
#navbarNavDropdown hr {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #ABCCC1;
}

.foamidmob {
    margin-left:70px;
}
.foamid1 {
    font-size:36px;
    color: #808080;
    position: absolute;
    top:0;
}
.foamid2 {
    font-size:20px;
    line-height:24px;
    color: #808080;
    position: absolute;
    top: 15px;
    margin-right: 15px;
}
.header2 ul li.hamburger { margin-right:100px; }
@media only screen and (max-width:991px) {
    nav.navbar { margin-top: -200px; }
}
@media only screen and (max-width:767px) {
    nav.navbar {
        margin-top: -200px;
        padding: 0rem;
    }
    .navbar .text-right { text-align:center !important; }
}
@media only screen and (max-width:468px) {
    nav.navbar { margin-top: -100px; }
}
@media only screen and (max-width:450px) {
    nav.navbar { margin-top: -300px; }
    .foamidmob { margin-left:50px; }
    .header2 li:first-child { margin-right:40px; }
}
@media only screen and (max-width:400px) {
    nav.navbar { margin-top: -300px; }
    .foamidmob { margin-left:30px; }
    .foamid2 { font-size:18px; line-height:23px; }
    .header2 li:first-child { margin-right:20px; }
}
@media only screen and (min-width:1200px) {
    nav.navbar {
        margin-left: 38%;
    }
}
@media only screen and (min-width:992px) {
    nav.navbar {
        margin-top: -100px;
        padding: 0rem;
        width: 600px;	}
    .carousel .carousel-text {
        margin-left: 50%;
        margin-top: -100px;
       /* margin-right: -600px; */
    }
    #c23 .textpic {
        margin-left: 70%;
        margin-top: 30px;
    }
}
@media only screen and (max-width:991px) {
    .navbar { padding: 0rem 1rem 0rem 1rem; }
    .mainheader { padding-top:0.5rem; }
    .carousel .carousel-text {
        margin-left: 10%;
        margin-top: -100px;
        width: 100%
    }
    #c23 img {
        width: 50%;
        margin-top: 40px;
    }
}
@media only screen and (max-width:767px) {
    .carousel .carousel-text {
        margin-left: 15px;
        margin-top: -70px;
    }
}
@media only screen and (max-width:575px) {
    .carousel .carousel-text h1 {
        font-size:2.2rem;
        line-height:2.8rem;
    }
    .carousel .carousel-text h2 {
        font-size:1.7rem;
        line-height:2rem;
    }
    .carousel .carousel-text h3 {
        margin-top:40px;
        font-size:1.5rem;
        line-height:1.9rem;
    }
}

.btn-default {
    color: #FFFFFF;
    background-color:#04B49A;
    border-color:#04B49A;
}
.btn:hover, .cc-btn:hover {
    background-color: #00B359;
    color: #FFFFFF;
    text-decoration: none;
    border-color: #00B359;
}

.cardklasse {
    color: #ffffff;
}
.cardklasse { margin-bottom: 60px; }
.cardklasse h3, .cardklasse .h3 {
    font-size: 25px;
    font-weight: bold;
    line-height: 33px;
    color: #ffffff;
}
.cardklasse a {
    color: #ffffff !important;
}
.cardklasse img { padding: 20px; height: 407px; }
@media only screen and (min-width:992px) {
    .cardklasse .card-body { height: 360px; }
    .cardklasse .card-footer { height: 170px; }
}
@media only screen and (min-width:1201px) {
    .cardklasse .card-body { height: 325px; }
}
@media only screen and (max-width:1200px) {
    .cardklasse img { max-width:100%; height:auto; }
}
@media only screen and (max-width:991px) {
    .rasterkarten { margin-bottom: -40px !important; }
}
.carddesign1 { background-color: #7AC546; } .carddesign1 .card-footer { background-color:#FFFFFF; color: #7AC546; }
.carddesign2 { background-color: #105C9C; } .carddesign2 .card-footer { background-color:#FFFFFF; color: #105C9C; }
.carddesign3 { background-color: #FF882B; } .carddesign3 .card-footer { background-color:#FFFFFF; color: #FF882B; }
.carddesign4 { background-color: #52D2F6; } .carddesign4 .card-footer { background-color:#FFFFFF; color: #52D2F6; }

.cardklasse ul { margin-left: -45px; }
.cardklasse ul li { line-height: 23px; padding-bottom: 20px; padding-left: 45px; list-style-type: none; }

.carddesign1 ul li { background: url(../Images/Sites/nachhaltige-schaumstoffe/liste/gruen.png) no-repeat 0% 0%; }
.carddesign2 ul li { background: url(../Images/Sites/nachhaltige-schaumstoffe/liste/dunkelblau.png) no-repeat 0% 0%; }
.carddesign3 ul li { background: url(../Images/Sites/nachhaltige-schaumstoffe/liste/orange.png) no-repeat 0% 0%; }
.carddesign4 ul li { background: url(../Images/Sites/nachhaltige-schaumstoffe/liste/hellblau.png) no-repeat 0% 0%; }

#p1 .frame-layout-0 .textpic-gallery img { width: 280px; height: 275px; }
#p1 .frame-layout-0 .textpic { color: #ffffff; font-size: 20px; }
#p1 .frame-layout-0 .textpic h2 { color: #ffffff; font-size: 30px; }
footer figure img { width: 119px !important; height: 70px !important; }
#page-footer a { color: #ffffff; text-decoration: none; }
#page-footer a:hover { text-decoration: underline; }
@media only screen and (min-width:768px) {
    .footerraster { margin-top: -60px !important; margin-bottom: -60px !important; }
    /*
    #c16 img {text-align:left !important; margin: 0 auto !important; }
    #c21, #c23 {text-align:center !important; }
    #c20 {text-align:right !important; } */
}
@media only screen and (max-width:767px) {
   /* #c16, #c21, #c23, #c20 {text-align:center !important; } */
}

.tx-powermail input[type=file] {
    background-color: #029A9D;
    border-color: #029A9D;
    width:330px;
    color: #FFFFFF;
}
.tx-powermail input[type=file] .btn {
    background-color: #029A9D;
    border-color: #029A9D;
    color: #FFFFFF;
}
/*
.tx-powermail {
    font-size: 21px;
    line-height: 28px;
} */
@media only screen and (min-width:992px) {
    .bewerbungshinweis { margin-top: -8rem; }
}
.bewerbungshinweis p {
    font-size: 18px;
    line-height: 24px;
}
.tx-powermail .form-control {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    border: 1px solid#029A9D;
    border-radius: 6px;
}
.tx-powermail .btn, .tx-powermail .cc-btn {
    border-radius: 6px;
}
.powermail_input::placeholder, .powermail_textarea::placeholder {color: #02A9AC;}
/* WebKit, Edge ----------------------------  */
.powermail_input::-webkit-input-placeholder {color: #02A9AC;}
/* Edge  ----------------------------  */
.powermail_input::-ms-input-placeholder {color: #02A9AC;}
/* Firefox 4-18 ----------------------------  */
.powermail_input:-moz-placeholder {color: #02A9AC;opacity: 1;}
/* Firefox 19+  ----------------------------  */
.powermail_input::-moz-placeholder {color: #02A9AC;opacity: 1;}
/* IE 10-11 ----------------------------  */
.powermail_input:-ms-input-placeholder {color: #02A9AC;}
.powermail_fieldwrap_type_input label, .powermail_fieldwrap_type_textarea label { display: none; }
.tx-powermail textarea.form-control {
    height: 120px;
}
.powermail_create p:first-child {
    font-size: 22px;
    font-weight: bold;
    color: #029A9D;
}
.cc-color-override-1941437205 .cc-btn {
    color: #FFFFFF !important;
    border-color: #029A9D !important;
    background-color: #029A9D !important;
}
.language-menu a, .language-menu a:hover {
    color: #555;
}
@media only screen and (max-width:450px) {
    .header2 .language-menu li:first-child {
        margin-right: 10px;
    }
}
@media only screen and (max-width:767px) {
    .navbar-brand-logo-inverted { display: none; }
}
.textpic p { color: #222 !important; }
.textpic h1, .textpic h2, .textpic h3, .textpic h4 { color: #222 !important; }
#p1 .textpic p { color: #FFFFFF !important; }
#p1 .textpic h1, #p1 .textpic h2, #p1 .textpic h3, #p1 .textpic h4 { color: #FFFFFF !important; }
nav.navbar {
    z-index: 999;
}

@media (min-width: 768px) {
    .footer-section-content-column-left, .footer-section-content-column-middle, .footer-section-content-column-right {
        --section-colspan: 12;
    }
}