:root {
    --text-farbe: #4D4D4D;
    --primaerfarbe: #CF003D;
    --sekundaerfarbe: #E77F9D;
    --primaerfarbe-hover:  #CF003D;
    --primaerfarbe-focus:  #CF003D;
    --text-auf-primaerfarbe:  #ffffff;
    --background-light: #EBEBEB;
    --background-dark: #A7A7A7;
    --transparent: rgba(0, 0, 0, 0.0);
}
/*GENERAL*/
html {
    scroll-behavior: smooth;
}
.front .container {
    max-width: 1600px;
}
.front img {
    width: 100%;
}
.page__image {
    margin-bottom: 2rem;
}
h1, h2, h3, p {
    hyphens: auto;
}
#content-area {
  margin-top:6.0rem;
}
#toolbar-administration {
    z-index: 100 !important;
}
.toolbar-tray-open #header {
    margin-top: 3rem;
}
/*Startseite*/
.block-views-block-slider-front-block-1 {
    max-width: 1600px;
    margin: 0 auto;
}
.webform-submission-kontakt-form #edit-markup {
    font-size: 1.625rem;
    color: var(--text-farbe);
    font-weight: 400;
    margin-bottom: 0.5em;
}

.fullwidthwrapper.front_textcontainer,
.fullwidthwrapper.front_aktuelles {
    background-color: var(--background-light);
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
    padding: 150px 0;
}

.fullwidthwrapper.front_textcontainer .content-area,
.fullwidthwrapper.front_kontaktform .content-area {
    max-width: 1000px;
    margin: 0 auto;
}
.webform-submission-add-form webform-submission-kontakt-form .fieldset-wrapper {
    padding-left: 30px;
}

.fullwidthwrapper .content-area header {
    margin-bottom: 2em;
}

.fullwidthwrapper.front_kontaktform .webform-flex.webform-flex--1:nth-of-type(2) {
    flex-basis: 5%;
    padding-left: .7rem; 
}
.front_branchenslider .branchen-loesungen-slider footer {
    padding-top: 2rem;
}
.unternehmensinformationen-bilder img {
    width: 150px;
}
@media (max-width: 480px) {
    .unternehmensinformationen-bilder {
      display: block;
      text-align: center;
  }
}
/*FRONTSLIDER*/
.frontslider {
    overflow: hidden;
}
.block-views-block-slider-front-block-1 .slick-dots {
    margin-bottom: 4rem;
}
.block-views-block-slider-front-block-1 .slidertext_content span,
.block-views-block-slider-front-block-1 .slidertext_content a {
    font-size: 1.250rem;
}
.block-views-block-slider-front-block-1 .slidertext_content a {
    margin-left: 5px;
}
.block-views-block-slider-front-block-1 .slidertext_content a::after {
    color: var(--primaerfarbe);
    content: "»";
    padding-left: 5px; 
}
/* Parimenu anpassen */
.parimenu {
    width: 100%;
    padding: 0;
    text-align: center;
}
.parimenu_header .parimenu_current_text a,
.parimenu .menu-item a {
    margin-top: 30px;
    font-weight: 400;
    color: var(--primaerfarbe);
    font-size: 1.6rem;
    transition: 0.5s ease;
}
#toolbar-administration {
    position: absolute;
    z-index: 10;
}
.parimenu_breadcrumps a, .parimenu_breadcrumps .lasttrail {
    background: none;
    color: var(--background-dark);
    padding: 0;
    font-size: 16px;
}
.parimenu_breadcrumps .trenner {
    color: var(--background-dark);
}
.parimenu_breadcrumps {
    margin-bottom: 25px;
}
#parimenu_modal.open {
    height: 100vh;
    position: absolute;
    top: 5rem;
}
.parimenu ul {
    overflow-y: hidden;
}

.parimenu_current_childs li::before {
    content: "»";
    color: var(--primaerfarbe);
    font-size: 1.6rem;
    font-weight: 400;
    margin-right: 5px;
}
#parimenu_modal .close {
    color: var(--primaerfarbe);
}
#parimenu_modal span {
    position: relative;
    z-index: 2;
}
.parimenu_current_text::before {
	position: absolute;
	background-image: none;
}
.parimenu {
    position: absolute;
}
.parimenu_footer {
    display: block;
    margin-top: 3em;
    z-index: 100;
    position: relative;
}
#parimenu_modal .parimenu_previous a, #parimenu_modal .parimenu_next a {
    font-size: 18px;
    color: var(--text-farbe);
    font-weight: 400;
}
#parimenu_modal .parimenu_previous a::before, #parimenu_modal .parimenu_next a::after {
    background-image: url(../../../themes/kastanieeins/images/icons/rechts-pfeil.svg);
    top: 1px;
    width: 15px;
    height: 15px;
}
.parimenu_header {
    margin-top: 5em;
    padding-left: 0;
}
#parimenu_modal span.close {
    display: none;
}
#block-mobilmenu {
    display: none;
}
a#menuopener.parimenu_open {
    background-image: url(/themes/kastanieeins/images/icons/menu-icon-close.svg);
    display: block;
    width: 20px;
    height: 20px;
    background-size: cover;
}
.parimenu_content {
    padding-left: 0;
}

a#menuopener.parimenu_open div {
    display: none;
}
#parimenu_modal img {
    height: 100%;
    margin: auto;
}
/*
#parimenu_modal.open .parimenu {
    overflow-y: scroll;
}*/
.parimenu_current_childs {
    margin-bottom: 5vh;
}
.parimenu_current_childs li::before {
    display: none;
}
.parimenu_header_left_title .parimenu_current_text a,
.parimenu_content .depth1 a {
    font-size: 2em;
}
.parimenu_breadcrumps a:hover {
    text-decoration: underline;
    color: var(--text-farbe);
}
.parimenu a:hover {
    text-decoration: underline;
}
.parimenu_content .menu-item--active-trail a {
    text-decoration: underline;
}
.parimenu .parimenu_content .menu-item.haschilds a::after {
    width: 30px;
    height: 30px;
    content: "»";
    position: absolute;
}
.parimenu .menu-item a:hover, .parimenu_header .parimenu_current_text a:hover {
    color: var(--primaerfarbe);
}
.parimenu_header_left_title {
    display: inline-block;
    text-align: center;
}

/*Branchen und Lösungen Menü Slider*/
#branchen_loesungen_display {
    display: none;
}
.branchen-loesungen-slider-menu .slide__media {
    width: 60px;
    margin: auto;
}
#block-views-block-slider-branchen-und-loesungen-menu--2 h2{
    font-size: 1.6rem;
} 
#block-views-block-slider-branchen-und-loesungen-menu--2 .branchen-loesungen-slider-menu h2.slide__title {
    font-size: 2vh;
}
#block-views-block-slider-branchen-und-loesungen-menu--2 .branchen-loesungen-slider-menu .slide__title a {
    color: var(--text-farbe)
}
.branchen-loesungen-slider-menu .slide__title {
    margin: 0;
}
#block-views-block-slider-branchen-und-loesungen-menu--2 {
    background-color: var(--background-light);
    padding: 1rem 0;
}
.branchen-loesungen-slider-menu {
    max-width: 1600px;
    margin: 0 auto;
}
/*Header Flexbox Variante*/
#header {
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0; 
}
#header-region #block-kastanieeins-branding,
#header-region #block-kastanieeins-main-menu,
#header-region #block-kastanieeins-account-menu,
#header-region #block-menuopener,
#header-region #block-headericons,
#header-region #block-languageswitcher,
#header-region #block-kastanieeins-search {
    z-index: 10;
}

header {
    margin-bottom: 0;
}
#header-region > div {
    display: flex;
}
#header-region > div > * {
    flex-basis: 100px;
    position: static;
    float: none;
    left: unset;
    margin: 0;
    padding: 0;
    transform: unset;
}
#header-region  #block-kastanieeins-branding {
    flex-basis: 300px;
}
#block-kastanieeins-branding img{
    width: 20rem;
}
#header-region #block-kastanieeins-main-menu {
    flex-grow: 3;
    flex-shrink: 3;
}
#header-region #block-menuopener {
    flex-grow: 1;
    flex-shrink: 1;
    padding-left: 50px;
}
#header-region #block-kastanieeins-main-menu .menu {
    margin: 0 0 0 auto;
    width: 500px;
}
#header-region #block-headericons {
    flex-basis: 160px;
    padding-left: 90px;
}
#header-region #header_icon_container {
    padding-top: 30px;
}
#search_icon {
    cursor: pointer;
}
#header_icon_container {
    display: flex;
}
#header_icon_container #mainmenu {
    margin-right: 5px;
}
#header-region #block-languageswitcher {
    flex-basis: 61px;
    padding-top: 30px;
}
#header-region #block-parimenublockzumrenderneinesfullscreenmenusperjavascript {
    flex-basis: 0;
    z-index: 5;
}
#header-region #block-kastanieeins-account-menu {
    display: none;
}
#header-region #block-kastanieeins-search {
    display: none;
}
.header_icon img {
    margin: 0px 5px;
}
#block-parimenublockzumrenderneinesfullscreenmenusperjavascript#header-region div {
    display: block;
}
#block-languageswitcher li:first-of-type::after {
    content: "|";
    font-size: 1rem;
    padding: 0 5px;
}
#header_icon_container #mainmenu div {
    background-image: url(/themes/kastanieeins/images/icons/menu-icon.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
}

/*Mobile Header*/
@media (max-width: 480px) {
    #header-region #block-headericons,
    #header-region #block-menuopener {
        padding-left: 0;
    }
    #header-region #block-kastanieeins-branding {
        flex-basis: 200px;
    }
    #header .container {
        padding: 20px 10px;
    }
    #header-region #block-languageswitcher {
        flex-basis: 160px;
        padding-top: 0px;
    }
    .parimenu_content {
        width: 90%;
        margin: auto;
        overflow-x: hidden;
    }
    .parimenu_current_childs {
        width: 100%;
        margin: auto;
        overflow-x: hidden;
    }
    .parimenu .menu-item {
        padding-right: 0;
    }
    .page-node-page  {
        padding-top: 0 !important;
    }
    #header-region #header_icon_container {
        padding-top: 0px;
    }
    #content-area {
        margin-top: 2rem;
    }
    .block-views-block-slider-front-block-1 {
        margin-top: 5rem;
    }
    #block-footeradressdaten, div[id^="block-footeradressdaten"] {
        padding-bottom: 3rem;
    }
}

/*Menu on mobile*/
@media (max-width: 780px) {
    #parimenu_modal {
        background-color: var(--sekundaerfarbe);
    }
    #block-kastanieeins-main-menu{
        display: none;
    }
    #block-mobilmenu {
        display: block;
        z-index: 99;
        position: fixed;
        bottom: 0px;
        right: 0px;
        background-color: var(--primaerfarbe);
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        width: 150px;
        height: 100px;
    }
    #block-mobilmenu #header_icon_container #mainmenu img {
        width: 30px;
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 99;
    }
    #header_icon_container #mainmenu div {
        background-image: url(/themes/kastanieeins/images/icons/menu-icon-white.svg);
        width: 30px;
        height: 30px;
        background-size: cover;
    }
    #header_icon_container #mainmenu div {
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 99;  
    }
    #header_icon_container #mainmenu::after {
        content:"";
        display: block;
        z-index: 98;
        position: fixed;
        bottom: 0px;
        right: 0px;
        background-color: var(--primaerfarbe);
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        width: 150px;
        height: 100px;
    }
    a#menuopener.parimenu_open {
        background-image: url(/themes/kastanieeins/images/icons/menu-icon-close-white.svg);
        display: block;
        width: 30px;
        height: 30px;
        background-size: cover;
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 99;
    }
    .parimenu_header {
        padding-left: 0;
    }
    #block-views-block-slider-branchen-und-loesungen-menu--2 .slide__caption {
        width: 100% !important;
        display: block !important;
    }
    #block-views-block-slider-branchen-und-loesungen-menu--2 .slide__media {
        width: 30% !important;
    }
    .parimenu_breadcrumps,
    .parimenu_current_title {
        display: none;
    }
    .parimenu,
    #block-views-block-slider-branchen-und-loesungen-menu--2 {
        background-color: var(--sekundaerfarbe);
    }
    #block-views-block-slider-branchen-und-loesungen-menu--2 .branchen-loesungen-slider-menu .slide__title a,
    #parimenu_modal .parimenu_previous a, 
    #parimenu_modal .parimenu_next a,
    .parimenu_header .parimenu_current_text a, 
    .parimenu .menu-item a,
    #block-views-block-slider-branchen-und-loesungen-menu--2 h2,
    .parimenu_current_childs li::before {
        color: #fff;
    }
    .parimenu .menu-item a {
        font-family: "Catamaran" !important;
        font-weight: 500 !important;
    }
    #parimenu_modal .parimenu_previous a::before, #parimenu_modal .parimenu_next a::after {
        background-image: url(../../../themes/kastanieeins/images/icons/rechts-pfeil-white.svg);
    }
    /*
    .parimenu_header .parimenu_current_text a, .parimenu .menu-item a,
    #block-views-block-slider-branchen-und-loesungen-menu--2 h2 {
        font-size: 1.2rem;
    }*/
    .parimenu_footer {
        margin-top: 2em;
        padding: 0 2rem;
    }
    .parimenu_header {
        text-align: inherit;
    }
    .parimenu {
        margin: 4vh auto;
    }
    }
/* Karriere */

.fullwidthwrapper.karriere_textblock {
    background-color: var(--background-light);
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
    padding: 150px 0;
}
.fullwidthwrapper.karriere_bewerbungsformular,
.fullwidthwrapper.produkte_vorschlagsblock {
    background-color: var(--background-light);
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    padding: 150px 0;
    margin-bottom: -100px;
}
.page-node-stellenanzeige #main,
.page-node-produkt #main{
    background-color: #fff;
}
.page-node-stellenanzeige .stellenanzeige__eintrittsdatum > div {
    display: inline-block;
}
.page-node-stellenanzeige .stellenanzeige__eintrittsdatum div:first-child {
    font-weight: bold;
}
.fullwidthwrapper.karriere_anzeigenview .views-row {
    flex-basis: 40%;
}
.zitateslider {
    padding-bottom: 5rem;
}

/*TAXONOMY Detailseite*/
.section-taxonomy .einsatzbereiche__icon,
.section-taxonomy .einsatzbereiche__description {
    margin: 0 auto;
    margin-bottom: 1rem;
}
.section-taxonomy .einsatzbereiche__icon img {
    width: 100px;
}
.section-taxonomy .views-row{
    margin-top: 2em;
}
/*Produkte*/
.double-field-unformatted-list > div:first-of-type {
    font-size: 1.625rem;
    color: var(--text-farbe);
    font-weight: 500;
    margin-bottom: 0.5em;
}

.container-inline div {
    padding: 5px;
}
.container-inline:nth-child(2n+1) div {
    background-color: var(--background-light);
}
.container-inline div:nth-child(2n+1) {
    float: left;
    width: 30%;
}
.container-inline div:nth-child(2n) {
    float: right;
    width: 70%;
    color: var(--primaerfarbe);
}
.double-field-unformatted-list {
    padding-bottom: 10rem;
}


/*LISTENVIEWS*/

.section-produkte-und-loesungen .views-element-container > div,
.section-branchen-und-loesungen .views-element-container > div,
.section-products-and-solutions .views-element-container > div,
.section-industrial-sectors-and-solutions .views-element-container > div,
.section-produkte .views-element-container > div,
.section-products .views-element-container > div,
.taxonomy .views-element-container > div,
.section-taxonomy .views-element-container > div {
    display: flex;
    flex-wrap: wrap;
    margin: 20px; 
}
.section-produkte-und-loesungen .produkte_vorschlagsblock .views-element-container > div,
.section-products-and-solutions .produkte_vorschlagsblock .views-element-container > div {
    display: block;
}
.section-produkte-und-loesungen header,
.section-branchen-und-loesungen header,
.section-produkte header,
.taxonomy header {
    margin-bottom: 2em;
}
.section-produkte-und-loesungen .views-row,
.section-branchen-und-loesungen .views-row,
.section-products-and-solutions .views-row,
.section-industrial-sectors-and-solutions .views-row,
.section-produkte .views-row,
.section-taxonomy .views-row,
.taxonomy .views-row {
    width: 29%;
    margin: 20px 2%;
}
.section-produkte-und-loesungen .views-field.views-field-name,
.section-branchen-und-loesungen .views-field.views-field-name,
.section-produkte .views-field.views-field-name,
.taxonomy .views-field.views-field-name,
.produkt_teaser_textblock {
    margin: 10px 0;
}
.section-produkte-und-loesungen .views-field.views-field-field-kategoriebild,
.taxonomy .views-field.views-field-field-kategoriebild,
.section-taxonomy .views-row .produkt_teaser_produktbild {
    border-bottom: 5px solid var(--primaerfarbe);
}
.section-produkte-und-loesungen .views-field.views-field-name h4,
.section-branchen-und-loesungen .views-field.views-field-name h4,
.taxonomy .views-field.views-field-name h4,
.produkt_teaser_textblock h2 {
    text-align: left;
}
.section-produkte .views-field.views-field-name h4 {
    text-align: center;
}
.section-branchen-und-loesungen .views-field.views-field-field-icon img,
.section-produkte .views-field.views-field-field-icon img,
.taxonomy .views-field.views-field-field-icon img {
    width: 100px;
}
.section-branchen-und-loesungen .views-field.views-field-field-icon,
.section-produkte .views-field.views-field-field-icon,
.taxonomy .views-field.views-field-field-icon {
    text-align: center;
    padding-bottom: 1rem;
}
.section-taxonomy header .produktkategorie__kategoriebild,
.taxonomy header .produktkategorie__kategoriebild {
    margin: 0 auto;
}
/*Views Pager*/
nav.pager {
    margin-top: 2rem;
}
ul.pager__items.js-pager__items {
    font-weight: bold;
}
ul.pager__items.js-pager__items a {
    color: var(--text-farbe);
}
li.pager__item.pager__item--active a {
    color: var(--primaerfarbe);
}
li.pager__item a {
    color: var(--textfarbe);
}

/* Footer */
#block-connectwithus img, div[id^="block-connectwithus"] img{
    display: block;
    padding: 10px;
}
#block-wissenswert img, div[id^="block-wissenswert"] img {
    width: 200px;
    display: block;
}
#block-wissenswert p, div[id^="block-wissenswert"] p {
    text-align: left;
    hyphens:none;
}
#footer::before {
    content: "";
    background-image: url(/themes/kastanieeins/images/footer-grafik.svg);
    position: absolute;
    background-repeat: no-repeat;
    top: -50px;
    background-size: cover;
    width: 100%;
    height: 90px;
    background-position: center;
}

/*Suche von Timo */

#header-region #block-hervorgehobenesformularwebsitesuchepage-1 {
    display: none;
position: absolute;
left: 0;
top: 0;
background: rgba(255,255,255,1);
width: 100vw;
height: 100vh;
    z-index: 99;

}

#header-region #views-exposed-form-websitesuche-page-1 {
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    position: relative;
    width: 50%;
}
#header-region #views-exposed-form-websitesuche-page-1 label {
       font-size: 2.2rem;
    color: var(--primaerfarbe);
}
#block-hervorgehobenesformularwebsitesuchepage-1 {
    margin: 5rem 0;
}
#header-region #edit-submit-websitesuche, #edit-submit-websitesuche--2  {
 
    border-radius: 50px;
    background: var(--primaerfarbe);
}
#header-region #edit-submit-websitesuche:hover, #edit-submit-websitesuche--2:hover {
    background: #333;
}
#header-region #edit-search-api-fulltext, #edit-search-api-fulltext--2 {
    border-radius: 40px;
}
#block-kastanieeins-branding {
    z-index: 100 !important;
}
#searchcloser {
     top: 40vh;
    left: 80vw;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 50%;
    font-size:0px;
    cursor: pointer;
    background: url(/themes/kastanieeins/images/icons/menu-icon-close.svg);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
}
#block-kastanieeins-content #searchcloser {
display: none;
}
@media (max-width: 480px) {
        #header-region #views-exposed-form-websitesuche-page-1 {

            width: 80%;
        }
    #searchcloser {
    top: 32vh;
    left: 93vw;
    background-size: 20px;
}
}

#block-kastanieeins-content #block-hervorgehobenesformularwebsitesuchepage-1 label {
    display: none;
}

 .produktumleiter header h2 {
 
    pointer-events: none;
    cursor: default;
}

.websitesuche h3 {
    margin: 3rem 0;
}
.artdesinhalts a, .artdesinhalts {
    font-size: 1rem;
    color: #999;
    display: block;
    pointer-events: none;
    cursor: default;
}