/**
 * @file
 * Subtheme specific CSS.
 */
 body {
    color: #131313;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
    font-size: 15px;
    line-height: 1.28571;
    word-wrap: break-word;
}
.container,.container-md {
    max-width:1170px;
}
#navi {
    background: #55ae61 url(/themes/custom/chemserv/img/nav.gif) no-repeat top center;
    border-color: transparent;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
    z-index: 1000;
}
#navbar-top {
    background-color:transparent;
    padding-top: 0;
    padding-bottom: 0.5rem;
}
#navbar-top .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: nowrap;
    margin-top:0;
    margin-right:0;
    margin-left:0;
}
.navbar-brand img {
    margin: 40px 0 30px 0;
    padding: 0;
}
#block-chemserv-sprachumschalter {
    float: right;
    font-size: 12px;
    text-align: right;
    min-width: 250px;
    color: #fff;
    padding: 13px 0 13px 0;
}
#block-chemserv-sprachumschalter .block-title {
    font-size: 12px;
    margin: 0;
    padding-right: 10px;
    float: left;
    font-weight: normal;
    text-transform: none;
}
#block-chemserv-sprachumschalter .nav-link {
    padding: 0;
}
#block-chemserv-sprachumschalter .de {
    background: url(/themes/custom/chemserv/img/de.gif) no-repeat left center;
    padding-left: 29px;
}
#block-chemserv-sprachumschalter .en {
    background: url(/themes/custom/chemserv/img/en.gif) no-repeat left center;
    margin-left: 15px;
    padding-left: 29px;
}
#block-chemserv-sprachumschalter a {
    color: #fff;
    text-decoration: none;
}
#block-chemserv-sprachumschalter a:hover {
    color: #cce6cc;
    background-color: transparent;
}

#block-chemserv-kopfmenu {
    float:right;
    /*max-width: 250px;
    width: 100%;
    flex-shrink: inherit;*/
}
#block-chemserv-kopfmenu .nav {
    float: right;
    /*font-size: 12px;*/
    text-align: right;
    color: #fff;
    padding: 4px 0 5px 0;
    background: #429c4e;
}
#block-chemserv-kopfmenu .nav a {
    color: #fff;
}
#block-chemserv-kopfmenu .nav a:hover {
    color: #cce6cc;
    background-color: transparent;
}

/*#block-chemserv-kopfmenu li {
    display: block;
    float: left;
}*/

#navbar-main {
    background-color:transparent;
    padding:0;
}
#block-chemserv-main-menu .nav.navbar-nav {
    z-index: 950;
    position: relative;
    margin: 0;
    display: inline-block;
    background: #429c4e;
    -webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.35);
    box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.35);
}
#block-chemserv-main-menu .nav.navbar-nav > li {
    padding: 8px 19px 8px 19px;
    float: left;
}
#block-chemserv-main-menu .nav.navbar-nav > li > a {
    color: #fff;
    padding: 3px;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-shadow: 0px 0px 5px rgba(85,174,97,1);
    text-align: center;
}
#block-chemserv-main-menu .nav.navbar-nav > li > a:hover {
    color: #000;
}

#block-chemserv-main-menu .nav.navbar-nav > li > a.nav-link {
    white-space: normal !important;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}

.view-slider-startseite {
    width: 100%;
    position: relative;
    z-index: 4;
    min-height: 265px;
    background: #008000;
    border-bottom: 4px solid #008000;
}
.region-slider .view-content.row {
    --bs-gutter-x:none;
    --bs-gutter-y:none;
    display:inherit;
    flex-wrap:inherit;
    margin-top:inherit;
    margin-right:inherit;
    margin-left:inherit;
}
.region-slider .views-field-field-bild {
    position: relative;
    z-index: 4;
    width: 100%;
    overflow: hidden;
}
.region-slider img {
    position: relative;
    width: 100%;
    max-height: 485px;
    min-height: 365px;
    object-fit: cover;
    overflow: hidden;
}
.view-slider-startseite .views-field-field-info {
    position: absolute;
    z-index: 10;
    width: 100%;
    margin-top: 10%;
}
.view-slider-startseite .views-field-field-info .slidertxt {
    background: transparent url(/themes/custom/chemserv/img/bgfblock.png) repeat;
    padding: 26px 20px 26px 20px;
    color: #fff;
    font-size: 18px;
    z-index: 15;
    position: relative;
    max-width: 630px;
}
.view-slider-startseite .views-field-field-info .slidertxt p {
    margin-bottom:0;
}
.view-slider-inhalt, .view-slider-kategorieinhalt {
    border-bottom: 4px solid #008000;
}
.view-slider-inhalt img, .view-slider-kategorieinhalt img {
    height: 240px;
    max-height: 240px;
    min-height: 240px;
    object-fit: none;
    object-position: center bottom;
}
.path-frontpage .main-content {
    padding-top: 20px;
    padding-bottom: 20px;
}
.region-consulting {
    background: #fff url(/themes/custom/chemserv/img/bgt.jpg) repeat-x bottom;
    width: 100%;
    padding: 0;
}
.view-consulting .col {
    margin-bottom: 50px;
}
.view-consulting .views-field-title, .view-consulting .views-field-title a {
    font-size: 18px;
    font-weight: 600;
    color: #008000;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.view-consulting .views-field-title a:hover {
    color: #3e3e3e;
}
.content .title {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}
a, a:visited, a:active, a:focus {
    color: #008000;
    text-decoration: none;
}
a:hover {
    color: #3e3e3e;
    text-decoration: none;
}
.region-links {
    background: #ecf2f1 url(/themes/custom/chemserv/img/bglinks.jpg) no-repeat bottom center;
    padding: 20px 0 270px 0;
}
.block-title {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
#block-chemserv-views-block-links-block-1.container {
    padding-left:0;
    padding-right:0
}
.view-links .views-field-field-text {
    font-weight: 600;
    margin: 10px 0 5px 0;
}
.region-links .list-group-item {
    background-color: transparent;
    border: 0;
}
.main-content {
    padding-top: 50px;
    padding-bottom: 130px;
    line-height: 1.42857;
}
.site-footer {
    background: #fff;
    border-top: 3px solid #008000;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}
 .site-footer .block {
    margin: 0;
    border: 0;
    border-color: transparent;
    padding: 0;
}
/*#block-chemserv-views-block-kontakt-block-1 .block-title {
    background: #fff;
    margin: -18px 0 -4px -7px;
    padding: 0 7px 0 7px;
    display: inline-block;
}*/
#block-chemserv-views-block-kontakt-block-1 {
    position:relative;
    top:-18px;
}
#block-chemserv-views-block-kontakt-block-1 .block-title {
    background: #fff;
    padding: 0 7px 0 7px;
    display:inline-block;
}
.views-field-field-kontaktdaten {
    margin: 0 55px 20px 0;
    line-height: 1.62857;
    font-size: 15px;
}
.views-field-field-kontaktdaten p {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0 7px 0 7px;
}
.site-footer .content {
    color: #131313;
    font-size: 12px;
}
.site-footer .content p {
    margin-bottom:0;
}
.site-footer .content a, .site-footer .content a.is-active {
    color: #008000;
    text-decoration: none;
}
.site-footer .content a:hover, .site-footer .content a:focus {
    color: #3e3e3e;
    text-decoration: underline;
}
#block-chemserv-copyright {
    color: #000;
    border-top: 0;
    margin-top: 0;
    padding: 40px 15px 20px 15px;
    text-align: center;
    background: transparent;
    font-size: 12px;
    display: inline-block;
}
#block-chemserv-fusszeile, #block-chemserv-kopfmenu-2 {
    margin: 10px 0 0 0;
    padding-left: 0;
    width: auto;
    float: left;
}
#block-chemserv-fusszeile > ul > li, #block-chemserv-kopfmenu-2 > ul > li {
    padding: 3px 5px 3px 5px;
    float: left;
}
#block-chemserv-fusszeile > ul > li > a, #block-chemserv-kopfmenu-2 > ul > li > a {
    padding: 8px 10px 8px 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #55ae61;
    color: #fff;
}
#block-chemserv-kopfmenu-2 > ul > li > a:hover, #block-chemserv-fusszeile > ul > li > a:focus, #block-chemserv-fusszeile > ul > li > a:hover, #block-chemserv-eucookiecompliancebuttonblock .button:hover {
    background: #bfecc5;
    color: #000;
}
#block-chemserv-eucookiecompliancebuttonblock {
    margin: 10px 0 0 0;
    padding: 3px 5px 3px 5px;
    float: left;
}
.sliding-popup-bottom .eu-cookie-withdraw-tab {
    display: none;
}
.site-footer__top .region.region-footer-first {
    width: 33.33333333%;
    padding: 0 0.65%;
}
.site-footer__top .region.region-footer-second {
    width: 66.666667%;
    padding: 0 0.65%;
}
#block-chemserv-eucookiecompliancebuttonblock .form-control {
    display: block;
    width: auto;
    padding: 8px 10px 8px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    background-color: #55ae61;
    color: #fff;
    background-clip: padding-box;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: none;
}
#block-chemserv-eucookiecompliancebuttonblock .form-control:focus {
    background-color: #55ae61;
    color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.eu-cookie-compliance-message a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}
.disagree-button.eu-cookie-compliance-more-button, .eu-cookie-compliance-agree-button, .eu-cookie-compliance-default-button, .eu-cookie-compliance-hide-button, .eu-cookie-compliance-more-button-thank-you, .eu-cookie-withdraw-button, .eu-cookie-compliance-save-preferences-button {
    cursor: pointer;
    margin-right: 5px;
    margin-top: 1em;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    border: 0;
    color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
    font-weight: normal;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: none;
}
.disagree-button.eu-cookie-compliance-more-button:hover, .eu-cookie-compliance-agree-button:hover, .eu-cookie-compliance-default-button:hover, .eu-cookie-compliance-hide-button:hover, .eu-cookie-compliance-more-button-thank-you:hover, .eu-cookie-withdraw-button:hover {
    background-color: transparent;
    background-image: none;
}

/* Zentrierter  Container  f r Sidebar + Content */
#main .row-offcanvas {
    display: flex;
    justify-content: center;   /* zentriert den Block */
    gap: 24px;                 /* Abstand zwischen Sidebar & Content */
    max-width: 1200px;         /* Breite anpassen */
    margin: 0 auto;            /* zentrieren */
}

/* Sidebar Breite */
#main #sidebar_first {
    flex: 0 0 457px;           /* feste Sidebar-Breite */
    max-width: 457px;
    padding-top:50px;
}
.sidebar .block {
    background: #efefef;
    border: 1px solid #e6e6e6;
}
#block-chemserv-views-block-kontakt-block-1-2 {
    background: #95dc96;
    border: 1px solid #78c479;
    color: #000;
}
#block-chemserv-views-block-kontakt-block-1-2 .views-field-field-kontaktdaten {
    margin: 0;
    line-height: 1.62857;
    font-size: 15px;
}
#block-chemserv-views-block-kontakt-block-1-2 .views-field-field-kontaktdaten a {
    color: #000;
    text-decoration: underline;
}
#sidebar_first .block-title {
    font-size: 16px;
    margin: 0 0 5px 0;
}
#views-bootstrap-profile-block-1 img {
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 1px;
    border: 1px solid #449545;
}
#sidebar_first .views-field-field-kontaktdaten p {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}
#block-chemserv-views-block-fehler-block-1 {
    background: transparent;
    border: 0;
}
.view-taxonomy-term .views-field-title {
    font-size: 18px;
    font-weight: 600;
}

/* Content nimmt Rest */
#main #content {
    flex: 1 1 auto;
    min-width: 0;              /* wichtig, damit nichts  berl uft */
}
.field--name-webform .col-md-6 {
    float: left;
    padding-right: 10px;
}
#edit-actions-submit.btn-primary {
    background: #95dc96;
    border: 1px solid #78c479;
    color: #000;
    text-transform: uppercase;
}
#edit-actions-submit.btn-primary:hover {
    background: #4ca558;
    border: 1px solid #399446;
    color: #fff;
    text-transform: uppercase;
}
.field--name-webform label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

/* Mobile: untereinander */
@media (max-width: 991.98px) {
    #main .row-offcanvas {
        flex-direction: column;
        max-width: 100%;
        padding: 0 12px;
    }
    #main #sidebar_first {
        max-width: 100%;
        flex-basis: auto;
    }
}