@font-face {
    font-family: 'BerlinType';
    font-style: normal;
    font-weight: 400;
    src: url('/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Regular.eot'); /* IE9 Compat Modes */
    src: url('/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Regular.woff') format('woff'); /* Modern Browsers */
    font-display: swap;
}


@font-face {
    font-family: 'BerlinType';
    font-style: normal;
    font-weight: 700;
    src: url('/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Bold.eot'); /* IE9 Compat Modes */
    src: url('/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Bold.woff') format('woff'); /* Modern Browsers */
    font-display: swap;
}

*:target {
    animation: none !important;
}

.row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
        width: 100%;
    margin-top: calc(var(--bs-gutter-y));
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    max-width: 1140px;
    max-width: 1200px;
    margin: 0 auto;
}


.ratio-1{  aspect-ratio: 1;}

/*
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
    max-width: 1140px;
     max-width: 1200px;
    margin: 0 auto;
}


.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}


html{font-size:15px;}
*/


:root {
	--primary-green:#94C356;
	--secondary-green:#00AA84;
	--mid-green:#007256;
	--light-green:#9BCFAF;
	--dark-green:#004534;
	--light-gray:#EAEAEA;
	--mid-gray:#B0B0B0;
	--dark-gray:#4A4A4A;
}


body {
    font-family: 'BerlinType', sans-serif;
    font-weight: 400;
    font-style: normal;
    max-width: 1400px;
    /*max-width: 87.5em;    */
    margin: 0 auto;
    font-size: 1rem;
}


body p {
    font-size: 1.0625rem;
    line-height: 1.33;
}

.body-bg-top {
    padding-top: 0 !important;
}

#page-content > .section.section-default {
    overflow: visible;
}

#p1 #page-content > .section.section-default {

    z-index: 1;
    position: relative;
}


h1 {
    font-family: 'BerlinType', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3.125em;
    letter-spacing: 0.033em;
}


h3{
    
    
}



footer h4.element-header  {
    font-size:1rem;
    font-weight: 700;
    text-transform:uppercase;
}


.nav-item {
    font-family: 'BerlinType', sans-serif;
    font-weight: 700;
    font-style: normal;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*:focus {
    outline: none !important
}

.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}


a {
    color: #007256;
    text-decoration: none;
    background-color: transparent;
}


img {

    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}


.pt-30 {
    padding-top: 30px !important;
}

.frame-container, .container {
    max-width: 1200px;
    /*  max-width: 75em;*/
    width: 100%;
}

.textmedia, .textpic {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

header .container {
    max-width: 1230px;
}


.keinheaderbild {
    margin-top: 10rem
}

/* header nur mit Bild */
.frame-pp4.frame-type-image {
    padding-top: calc(10rem + 22px);
    margin-top: -2px;
}

.frame-pp4.frame-type-image header {
    position: absolute;
    color: #fff;
    padding-left: 25%;
    z-index:2;
}

.frame-pp4.frame-type-image header h3 {
    font-size: 1.87rem;
    margin-top: 1rem;
}

.frame-pp4.frame-type-image .frame-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 15px);
    padding-left: var(--bs-gutter-x, 15px);
    margin-right: auto;
    margin-left: auto;
}


.section > div.frame {
    /*   max-width: 1200px;
     max-width: 75em;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.gridnomargin .pp-col {
    padding-left: 0;
    padding-right: 0;
}

.gridnomargin > .row {
    padding-left: 20px;
    padding-right: 20px;
}


.customscrollbars *::-webkit-scrollbar {
    -webkit-appearance: none;
}


.customscrollbars *::-webkit-scrollbar:vertical {
    width: 11px;
}

.customscrollbars *::-webkit-scrollbar:horizontal {
    height: 11px;
}

.customscrollbars *::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .3);
}


.spacebetween {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.cc-compliance > .cc-btn {
    flex: none
}


.blockpaddingbefore {
    padding-top: 120px !important;
}


.blockpaddingbefore  .download-multiple .filelink-item{    min-height: 112px;}
.blockpaddingbefore  .download-multiple .filelink-heading a {
    min-height: 111px;}


.blockspacebefore {
    margin-top: 120px;
}

.blockspaceafter {
    margin-bottom: 120px;
}

.smallspacebefore {
    margin-top: 60px;
}


.space-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bigcaption .caption {
}


.partnerwerdengif {
    height: 120px;
}

.partnerwerdengif.frame-alle-partner .frame-header {
    color: #fff;
    padding-left: 140px;
}

.partnerwerdengif .frame-backgroundimage-container {
    background: #00AA83
}

.partnerwerdengif .frame-backgroundimage {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

/* Navigation Top */

img.navbar-brand-logo-inverted, img.navbar-brand-logo-normal {
    background: none;
}


nav a {
    color: #000;
}

.frame-background-light {
    --frame-color: #212121;
    --frame-background: #e9e9e9;
    --frame-link-color: #000;
    --frame-link-hover-color: #666;
}


.frame-background-primary {
    --frame-color: #ffffff;
    --frame-background: #B0B0B0;
    --frame-link-color: #fff;
    --pp-frame-link-text-decoration: underline;
    --pp-frame-link-text-decoration-style: none;
}


.frame-background-secondary {
    --frame-color: #fff;
    --frame-background: #032856;
    --frame-link-color: #fff;
    --pp-frame-link-text-decoration: underline;
    --pp-frame-link-text-decoration-style: none;
}

.frame-background-complementary {
    --frame-color: #ffffff;
    --frame-background: #007256;
    --frame-link-color: #fff;
    --pp-frame-link-text-decoration: underline;
    --pp-frame-link-text-decoration-style: none;
}




.navbar-mainnavigation .navbar-brand-image {
    position: relative;

    padding-top: 50px;
    padding-bottom: 15px;
}

.navbar-default-transition.navbar-mainnavigation.navbar-transition .navbar-brand-image {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.navbar-mainnavigation .navbar-brand-image img.navbar-brand-logo-mobile {
    max-height: 50px;
    height: 50px;
}


.navbar-transition .navbar-brand-image img {
    max-height: 90px;
    top: 0;
    transform: translate(0, -75px);
}

.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
    background: none !important;
}


.navbar-default-transition:not(.navbar-transition) .navbar-nav > li > .nav-link:hover {
    color: none !important;
}



.navbar-mainnavigation {
    box-shadow: none !important;
    padding: 0;
}

.bg-white, .navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}

.navbar-light .navbar-nav .nav-link, .navbar-default .navbar-nav .nav-link, .navbar-default-transition .navbar-nav .nav-link, .navbar-default-transition.navbar-transition .navbar-nav .nav-link {
    color: #1A1A1A;
}

.navbar-default-transition:not(.navbar-transition) .navbar-nav > li > .nav-link {
    color: #000 !important;
}

.navbar-default-transition .navbar-nav > li.active > .nav-link {
    color: #D00016 !important;
    text-decoration: none;
}

.navbar-default-transition:not(.navbar-transition) .navbar-nav > li.active > .nav-link {
    color: #D00016 !important;
    text-decoration: none;
}

.navbar-default-transition .navbar-nav > li > .nav-link:hover {
    color: #D00016 !important;
}

.navbar-default-transition:not(.navbar-transition) .navbar-nav > li > .nav-link:hover {
    color: #D00016 !important;
}


.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
    background: #D00016;
}

.navbar-language {
    margin-left: 2em
}

.navbar-scale {
    margin-left: 2em
}


.navbar-nav .dropdown:not(:first-child) {
    cursor: context-menu !important
}

.navbar-nav .dropdown:not(:first-child) .nav-link.dropdown-toggle {
    pointer-events: all;
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


@media (min-width: 992px) {



    .navbar-nav .dropdown:not(:first-child) .nav-link.dropdown-toggle {
        pointer-events: none
    }

    .navbar-default-transition.navbar-mainnavigation.navbar-transition .navbar-brand-image {
        padding-top: 100px;
        flex-direction: column;
        align-items: flex-start;
        display: block;
    }

    .navbar-mainnavigation > .navbar-nav:last-child, .navbar-mainnavigation > .container > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-fluid > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-sm > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-md > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-lg > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-xl > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-xxl > .collapse > .navbar-nav:last-child {
        margin-left: auto;
        margin-right: auto;
    }


    .nav-link.nav-icon.dropdown-toggle {
        display: none
    }

}


@media (min-width: 768px) {
    .onlymobile {
        display: none
    }

    .onlydesktop {
        display: inherit
    }
}

@media (min-width: 992px) {
    #mainnavigation {
        order: 1;
    }

    #subnavigation {
        order: 2;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-mainnavigation .navbar-brand-image > .navbar-brand-logo-normal.onlydesktop {
        display: none;
    }

    .navbar-brand-logo-mobile.onlymobile.onlymobile {
        display: block !important;
        /* transform: none;*/
    }
}


#subnavigation .language-menu {
    margin-left: 0em;
    width: 48px;
}

#subnavigation .language-menu li.active {
    display: none
}

#subnavigation .language-menu li a, #subnavigation .navbar-scale a {
    padding-left: 0.7em;
    padding-right: 0.7em;
    height: 48px;
}

#subnavigation .language-menu li a span {
    width: 2.5ch;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#subnavigation .language-menu li a .nav-link-text {
    visibility: hidden
}

#subnavigation .language-menu li a:hover {
    opacity: 0.7
}

#subnavigation .language-menu li.English a {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Langen.svg);
    background-size: contain;
}

#subnavigation .language-menu li.Deutsch a {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Langde.svg);
    background-size: contain;
}

#subnavigation .nav-link-text {
    display: inline-block;
    vertical-align: middle;
}


#subnavigation .navbar-scale {
    margin-left: 3em;
    width: 48px;
}

#subnavigation .navbar-search {
    margin-left: 0;
    width: 48px;
}

#subnavigation .navbar-search a {
    height: 48px;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Search.svg);
    background-size: contain;
}

#subnavigation .navbar-search a .nav-link-text {
    visibility: hidden
}

#subnavigation .navbar-search a:hover {
    opacity: 0.7
}

#subnavigation .headersuche {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

#subnavigation .navbar-search:hover .headersuche {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
}

#subnavigation .navbar-search input.senden {
    height: 48px;
    width: 48px;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttonarrow.svg);
    background-size: contain;
    border: 0;
    float: left
}

#subnavigation .navbar-search input.senden:hover {
    opacity: 0.7
}

#subnavigation .navbar-search input.suchfeld {
    height: 48px;
    line-height: 48px;
    width: 0px;
    float: left;
    border: 1px solid #ddd;
    padding-left: 5px;
    transition: width 0.4s;
    font-size: 0.95em;
}

#subnavigation .navbar-search:hover input.suchfeld {
    width: 150px !important;
}


#subnavigation .navbar-search form {
    display: inline-flex;
}


.navbar-scale .barrierebuttons {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.navbar-scale a {
    height: 48px;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/scaletext.svg);
    background-size: contain;
}

.navbar-scale a .nav-link-text {
    visibility: hidden
}

.navbar-scale a:hover {
    opacity: 0.7
}

.navbar-scale a b {
    font-size: 1.3em
}

.navbar-scale .barrierebuttons {
    width: 98px;
}

.navbar-scale .barrierebuttons button {
    height: 48px;
    width: 48px !important;
    float: left;
    border: 0;
    background: #ccc
}

.navbar-scale .barrierebuttons button:hover {
    opacity: 0.7
}

.navbar-scale .barrierebuttons button:active {
    background: #eee
}

.navbar-scale:hover .barrierebuttons {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
}

#page-header {
    font-size: 16px;
        margin-top: -70px;
}


.navbar-subnavigation {
    display: flex !important;
    flex-basis: auto;
}

.breadcrumb-section {
    background: none;
    margin-top: 9em;
}

.breadcrumb-section .breadcrumb {
    padding-left: 1em;
}

.cc-revoke.cc-bottom {
    display: none;
}


@media (min-width: 992px) {
    .navbar-mainnavigation .dropdown-menu {
        position: absolute;
        padding: 0.5rem 1rem 0 1rem;
    }

    .dropdown-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .dropdown-item_:last-child {
        border: 0
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #007256;
        text-decoration: none;
        background-color: transparent;

    }

    .dropdown-menu li:last-child .dropdown-item {
        border-bottom: 0;
    }
}


/* Mobile Navigation */

.navbar-mainnavigation .navbar-toggler {
    border: 0 !important;
    padding: 0;
    height: 30px;
    width: 30px;
    position: relative;
    border: 0;
    background-color: #E4001F;
    color: #fff !important;
    z-index: 200;
}

.navbar-light .navbar-toggler, .navbar-default .navbar-toggler, .navbar-default-transition .navbar-toggler, .navbar-default-transition.navbar-transition .navbar-toggler {
    border: 0;
    box-shadow: none;
}

@media (max-width: 767px) {
    .onlymobile {
        display: inherit
    }

    .onlydesktop {
        display: none !important
    }
}

@media (max-width: 991px) {


    header.navbar .container {
        padding-right: 20px;
        padding-left: 20px;
        flex-direction: row;
        flex-wrap: nowrap;

    }


    .navbar-mainnavigation .navbar-brand-image {
        padding-top: 0;
        padding-bottom: 0;
    }

    .body-bg-top {
        padding-top: 0;
    }

    .navbar-mainnavigation .navbar-brand {
        margin-right: 30px;
        height: 50px;
    }

    .navbar-transition .navbar-brand {
        height: 50px;
    }

    #subnavigation .language-menu {
        margin-left: 0;
        width: 30px;
    }

    #subnavigation .navbar-scale {
        margin-left: 0;
        width: 50px;
    }

    #subnavigation .language-menu li a, #subnavigation .navbar-scale a, #subnavigation .navbar-search a {
        width: 30px;
        height: 30px;
        padding-left: 0;
        padding-right: 0;
    }

    #subnavigation .navbar-search {
        margin-left: 0;
        width: 30px;
    }

    #subnavigation .navbar-search .headersuche {
        position: fixed;
        left: 40px;
        right: 40px;
        top: 50px;
    }

    #subnavigation .navbar-search .headersuche form {
        width: 100%;
    }

    #subnavigation .navbar-search .headersuche input.suchfeld {
        background: #EAEAEA;
        width: 100vw !important;
        height: 30px;
        line-height: 30px;
    }

    #subnavigation .navbar-search .headersuche input.senden {
        background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Search.svg);
        height: 30px;
        padding: 0;
    }

    #subnavigation .navbar-nav li {
        background-color: transparent !important;
        color: #000;
        height: 30px;
        line-height: 2rem;
    }


    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #E4001F;
        font-size: 15px;
    }


    #subnavigation .navbar-nav li div {
        margin-left: -20px;
    }

    .navbar-scale .barrierebuttons {
        width: 100px;
    }

    #mainnavigation .navbar-nav li {
        background-color: #F1F1F1;
        color: #000;
        height: auto;
        /* line-height: 2rem; */
    }

    #mainnavigation a.nav-link {
        margin-left: 1em;
        margin-right: 1em;
        padding-left: 0.75rem;
    }

    #mainnavigation li > span a.nav-link {
        line-height: 55px;
        font-size: 24px;
        color: black;
    }

    #mainnavigation .dropdown-menu {
        margin-left: 2em;
        margin-right: 2em;
    }

    .navbar-mainnavigation .dropdown-menu {
        border-left: 0;
    }

    .navbar-mainnavigation .dropdown-hover .dropdown-toggle::after {
        display: none;
    }

    a.nav-link.dropdown-toggle {
        display: inherit !important;
    }

    #mainnavigation a.nav-link.nav-icon.dropdown-toggle {
        display: initial !important;
        width: 0;
        left: 0;
        margin-left: -2em;
        /* margin-top: 2em; */
        padding-left: 0;
    }

    .navbar-mainnavigation .dropdown-hover .nav-icon.dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.5em;
        /*vertical-align: 0.255em;*/
        content: "";
        border: 0;
        background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Menu_Button_Plus.svg);
        background-size: contain;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
    }

    .navbar-mainnavigation .dropdown-hover.show .nav-icon.dropdown-toggle::after {
        background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Menu_Button_Minus.svg);
    }

    .navbar-mainnavigation > .container > .navbar-collapse > .navbar-nav:first-child {
        padding-top: 0;
        background-color: rgb(241, 241, 241);
        padding-top: 50px;
        z-index: 0;

    }

    .navbar-mainnavigation > .container > .navbar-collapse > .navbar-nav:last-child {
        padding-top: 80px;
        background-color: rgb(241, 241, 241);
        padding-bottom: 0;
        height: 100%;
    }

    #mainnavigation {
        z-index: 5;

    }

    #subnavigation .navbar-scale a {
        background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/scaletext.svg);
    }

    .navbar-fixed-top .navbar-collapse.show, .navbar-fixed-bottom .navbar-collapse.show {
        overflow-y: inherit;
        max-height: 100vh;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .breadcrumb-section {
        background-color: #f2f2f2;
        margin-top: 50px;
    }

    .breadcrumb-section .breadcrumb {
        padding-left: 0;
    }

    .pp-fastmenu {
        display: none
    }

    /* slide from right */
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
        height: 100%;
        margin-bottom: 0;

    }

    .navbar-collapse.collapsing {
        right: -100%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        right: 0;
        transition: right 500ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: right 500ms ease-in-out;
    }


}

@media (max-width: 359px) {
    .navbar-nav.navbar-scale {
        display: none
    }
}

@media (max-width: 299px) {
    .navbar-nav.navbar-search {
        display: none
    }
}


.textmedia-item .frame-header *:last-child {
    margin-bottom: 0;
}


/* Head Carousel */

@media (min-width: 768px) {
    .carousel-item-type-header .carousel-text-inner {
        width: 85%;
    }
}

@media (max-width: 767px) {
    .carousel-item-type-header .carousel-text-inner {
        padding: 0 var(--pp-frame-spacing);
    }
}


.carousel .carousel-item .h1, .carousel .carousel-item .h2, .carousel .carousel-item h2 {
 color: #FFF;
text-align: center;
text-shadow: 0 0 132.257px rgba(0, 0, 0, 0.50);
font-family: "BerlinType";
font-size: 7rem;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 143px */
text-transform: uppercase;
}

.carousel .carousel-item h2.carousel-subheader {  font-weight: normal;}

.carousel .carousel-item .h3, .carousel .carousel-item h3 {
    font-size: 20px;
    font-weight: regular;
    color: #fff;
    margin-top: 2rem;
    text-transform: none;
}


/*.header_home .carousel-content{
background-color:rgba(1,19,43,0.2);}
*/

.header_home .carousel-indicators li {
    display: none
}

.header_home .carousel .carousel-control-icon:before {
    font-size: 25px;
}

.cindex {
    color: #fff;
}

@media (min-width: 768px) {
    .carousel .item {
        height: 100vh;
        max-height:900px;
        min-height:300px;
    }
    .carousel:after{content:"";
        z-index: 1;
        bottom: 3rem;
        left: calc(50% - 27px);
        position: absolute;
        display: inline-block;
        content: "";
        width: 54px;
        height: 60px;
        background-size: contain;
        background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/pfeil.svg);
    }


    
}

/* Copyright Info */
h4.carousel-subheader.awesome.h5 {
    position: absolute;
    left: 15px;
    bottom: 0;
    color: #fff;
    font-size: 0.66rem;
}


/* Footer */

footer {
    position: relative;
    margin-top: 6rem;
    /*	padding-bottom: 60px;
        background: #c7c7c7;*/
}

footer .container{padding:0;}



.footer-section-content {
    padding-bottom: 0;
    padding-top: 2rem;
}

footer .frame-type-social_links .sociallinks-list {
    text-align: left;
    display: flex;
    margin-top: 0.6rem;
}

.footer-section-content a:not(.btn) {
    color: #fff;
    margin-right: 1em;
}

footer .sociallinks-link-icon {
    font-size: 2rem;
    text-align: center;
    opacity: 1;
    vertical-align: middle;
}


.footer-section-content a:hover:not(.btn) {
    color: #fff;
    opacity: 0.7;
    transition: opacity 0.2s
}

.footer-copyright{border-top:2px rgba(255, 255, 255, 0.5) solid;padding-top:2rem;padding-bottom:2rem;}
  .footer-section-meta {
      background: #000;  
}


footer figure.image{    max-width: 142px;}

.bootstrappackageicon-email_:before, .glyphicon-email:before, .ppicon-email:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0e0";
}

.bootstrappackageicon-email::before {
    display: inline-block;
    content: " ";
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-envelope-fill' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zM0 4.697v7.104l5.803-3.558L0 4.697zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757zm3.436-.586L16 11.801V4.697l-5.803 3.546z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;

}


.sociallinks-list li {
    display: flex;
}

.sociallinks-item-instagram {
    order: 1
}

.sociallinks-item-twitter {
    order: 2
}

.sociallinks-item-email {
    order: 10
}

.sociallinks-item-youtube {
    order: 5
}

.sociallinks-item-facebook {
    order: 4
}

footer p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

footer .nav {
    display: block;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

footer .nav-link {
    display: block;
    padding: 0.3rem 0rem;
    font-family: 'BerlinType', sans-serif;
    font-weight: 400;
    font-style: normal;
}

footer h5 {
    font-weight: bold;
}

footer ul.nav.up-nav-subpages {
    margin: 0
}

footer .frame-header *:last-child {
    margin-bottom: 1rem;
}


footer .frame-type-menu_pages li {
    display: block;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.footer-section-content {
    color: #fff;
    background-color: #000;
}

footer .frame-type-menu_pages a {
    display: block;
    padding: 0.3rem 0rem;
    font-family: 'BerlinType', sans-serif;
    font-weight: 400;
    font-style: normal;
}

.footer-section-content a:not(.btn) {
    color: #fff;
    margin-right: 1em;
}

#page-footer .sociallinks-list {
    justify-content: left;
    gap: 0.5rem;
}


.pp-container {
    max-width: 1140px;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

#page-footer:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: " ";
    width: 120px;
    height: 120px;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Stripes_White.svg);
}

.scroll-top {
    background: fade(black, 30%);
    border: fade(white, 30%) 1px solid;
    border-radius: 0;
    right: unset;
    bottom: 37.5px;
    width: 45px;
    height: 45px;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/scrollup.svg);
    background-size: contain;
    margin-left: 1317.5px;
    transition: none;
    transition-delay: 0.3s;
    border: 0;
}


.scroll-top.scroll-top-visible {
    transition: all 0.3s ease-in-out;
    transition-delay: 0.3s;
}

@media (max-width: 1399px) {
    .scroll-top {
        right: 37.5px;
        margin-left: 0;
    }

}

@media (max-width: 1300px) {
    .navbar-scale .barrierebuttons {
        margin-left: -48px;
    }
}

.css-arrow, .scroll-top .scroll-top-icon {
    transform: rotate(45deg);
    display: none;

}


@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
    .background-video-container video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .background-video-container video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
    }
}

.mobiletotop {
    margin-top: 8.5em
}


.linkbutton a, a.link-arrow_ {
    color: #000 !important;
    background: #fff;
    border: 2px solid #000;
    border-right: 0;
    line-height: 40px;
    display: inline-block;
    height: 44px;
    padding-left: 1em;
    padding-right: calc(1em + 44px);
    font-weight: bold;
    background-image: url(/fileadmin/images/icons/linkarrow.svg);
    background-position: right center;
    background-repeat: no-repeat;
    font-size: 1.1rem;
    margin-top: 0.5rem;
    text-decoration: none;
}

a.link-page {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-grid;
    color: #000 !important;
    background: #FFF;
    border: 0;
    height: 45px;
    padding-left: 1em;
    padding-right: calc(2em + 44px);
    font-weight: bold;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-red.svg);
    background-position: calc(100% + 1px) center;
    background-repeat: no-repeat;
    font-size: 1.1rem;
    font-weight: bold !important;
    text-decoration: none;
    margin-top: 1rem;
    text-decoration: none !important;
    margin-right:unset;
}

a.link-page:after{display:none;}

#tx_indexedsearch .btn.btn-primary {
    color: #000 !important;
    background: #fff;
    border: 2px solid #000;
    line-height: 30px;
    display: inline-block;
    height: 45px;
    padding-left: 1em;
    padding-right: calc(1em + 44px);
    font-weight: bold;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-green.svg);
    background-position: calc(100% + 1px) center;
    background-repeat: no-repeat;
    font-size: 1.1rem;
    /* margin-top: 0.5rem; */
    text-decoration: none;

}

.suchergebnis h4.media-heading {
    font-size: 1.35rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 2rem;

}

.suchergebnis h4.media-heading a {
    color: #007256;
}

.frame.suchergebnis {
    margin-top: 10rem;
    margin-bottom: 4rem
}

.download a.link-arrow, a.link-file {
    background-image: url(/fileadmin/images/icons/Download_Icon.svg);
}


.cc-message a {
    color: #fff;
    font-weight: bold;
}

.cc-message a:hover {
    color: #fff;
    font-weight: bold;
    opacity: 0.8
}

a.link-arrow, a.link-file {
    font-size: 1rem;
    text-decoration: none !important;
    transition: all 0.1s;
}

.linkbutton a:hover,
a.link-arrow:hover_, #tx_indexedsearch .btn.btn-primary:hover {
    /*color: #fff !important;
    background-color: #000;
    padding-left: 1.5em;
    padding-right: calc(1.5em + 44px);*/
    color: #fff !important;
    background-color: #E20026
}

a.link-arrow:after, a.link-file:after {
    content: "";
}

a.link-arrow::hover {
}

.linkbottom a {
    position: absolute;
    right: 1em;
    bottom: 1em;
}

.linkbottomframe a {
    float: right;
}

.link-page {
    color: #000 !important;
    border: 2px solid transparent;
    border-bottom: 2px solid #E20026;
    line-height: 30px;
    display: inline-block;
    height: 34px;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    font-weight: bold;
    font-size: 1.1rem;
    margin-top: 0.5rem;
    text-decoration: none;
    position: absolute;
    bottom: 1.25em;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    transition: all 0.2s

}

.link-page:after {
    content: "";
    margin-left: 0;
}

.link-page:hover {
   /* border: 2px solid #E20026;*/
   /* text-decoration: none;*/
    opacity:0.8;
}


.linkbutton a, a.link-arrow, a.link-file, a.link-external {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow.svg) right center no-repeat rgb(255, 255, 255);
    width: 45px;
    height: 45px;
    display: inline-block;
    border: 0;
    color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    font-size:0;
}

.infobox a.link-arrow{background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow.svg) right center no-repeat rgb(255, 255, 255, 0);
    width: 100%;
    height: 100%;
    background-position: bottom right;
    background-size: 45px;}

.zahlendatenfakten-teaser  a.link-arrow{
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 100%;
    height: 100%;
    display: inline-block;
    border: 0;
    color: transparent !important;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.zahlendatenfakten-teaser  a.link-arrow:hover{    color: transparent !important;}

.article-list-events-news .link-external,.article-list-events-news .link-arrow{  background-repeat: no-repeat;
    background-position: right bottom;
    width: 100%;
    height: 100%;
        background-size: 45px;
    background-color: transparent;
}

.link-arrow:after, .link-file:after, .link-external:after {
    background: none;
    display: none;
}

a.link-external {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-up.svg) right center no-repeat rgb(255, 255, 255);
}


.linkbutton a[href*="/fileadmin/"], a.link-arrow[href*="/fileadmin/"], a.link-file {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownloadwhite.svg) right center no-repeat rgb(255, 255, 255);
}

.frame-background-light {
    color: rgb(0, 0, 0);
    background-color: rgb(242, 242, 242);
}

.frame-background-light > div > div > div > div > header > h3, .frame-background-quaternary header > h3 {
    color: #000
}

.frame-background-light > div > div > div > div > header > h2, .frame-background-quaternary header > h2 {
    color: #000
}

.frame-background-none > div > div > div > div > header > h2 {
    color: #000
}


.frame-background-tertiary {
    --frame-color: #fff;

    --frame-link-color: inherit;
}

.frame-background-tertiary a:not(.btn), frame-background-complementary a:not(.btn), .frame-background-secondary a:not(.btn)  {
    color: white;
    text-decoration: underline;
    font-weight: bold
}

.frame-background-tertiary a:hover:not(.btn),.frame-background-complementary a:hover:not(.btn), .frame-background-secondary a:hover:not(.btn) {
    color: white;
}

.frame-background-quaternary {
    --frame-color: #212121;
    --frame-background: #fff;
    --frame-link-color: inherit;
}

.frame.frame-background-quaternary a, .frame-container.frame-container-default strong a {
    text-decoration: underline;
    font-weight: bold;
}


h2, .h2 {
    text-transform: inherit;
     font-size: 2.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.frame.frame-type-header h2, .frame.frame-type-image h2 {
    color: #000;
}

.frame-pp4.frame.frame-type-image h2 {
    color: #fff;
    font-size: 28px;
}

@media (max-width: 767px) {
    .frame-pp4.frame.frame-type-image h2 {
        margin-left: 0;
        font-size: 30px;
    }

}

h3, .h3 {

    font-size: 1.5em;
    line-height: 1.2;
}
.ratio-1 h3{font-weight:bold}

@media (max-width: 767px) {
	.frame.suchergebnis {
    		margin-top: 0;
		margin-left: 20px;
		margin-right: 20px;
	}
}
/* spacings */

:root {
    --frame-color: inherit;
    --frame-link-color: #000;
    --frame-link-hover-color: #222;
    --frame-background: transparent;
    --frame-embedded-border-radius: 0.5rem;
    --frame-width-large: 1600px;
    --frame-width-medium: 870px;
    --frame-width-small: 600px;
    --frame-spacing: 1.75rem;
    --frame-spacing-small: 0.75rem;
    --frame-spacing-xs: 20px;
    --frame-spacing-small-xs: 0.75rem;
    --frame-spacing-sm: 2.1rem;
    --frame-spacing-small-sm: 0.9rem;
    --frame-spacing-md: 2.275rem;
    --frame-spacing-small-md: 0.975rem;
    --frame-spacing-lg: 2.45rem;
    --frame-spacing-small-lg: 1.05rem;
    --frame-spacing-xl: 2.625rem;
    --frame-spacing-xl: 30px;
    --frame-spacing-small-xl: 1.125rem;
    --frame-outer-spacing-before: 0;
    --frame-outer-spacing-after: 0;
    --frame-outer-spacing-variant-none: 0rem;
    --frame-outer-spacing-variant-extra-small: 1rem;
    --frame-outer-spacing-variant-small: 1.5rem;
    --frame-outer-spacing-variant-medium: 2rem;
    --frame-outer-spacing-variant-large: 5rem;
    --frame-outer-spacing-variant-extra-large: 8rem;
}


.frame {
    position: relative;
    margin-top: var(--frame-outer-spacing-before);
    margin-bottom: var(--frame-outer-spacing-after);
    padding-top: var(--frame-spacing);
    padding-bottom: 0;
    color: var(--frame-color);
    background: var(--frame-background);
    --frame-spacing: var(--frame-spacing-xs);
}

.pp-tile .frame-container {
    overflow: hidden;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pp-tile-row:nth-of-type(1), .fe-tile-row:nth-of-type(1), .ce-tile-row:nth-of-type(1), :not(.pp-tile-col):not(.fe-tile-col):not(.ce-tile-col) > .pp-tile:nth-of-type(1) {
    margin: 0;
}
@media (max-width: 767px) {
    .pp-tile-row:nth-of-type(1), .fe-tile-row:nth-of-type(1), .ce-tile-row:nth-of-type(1), :not(.pp-tile-col):not(.fe-tile-col):not(.ce-tile-col) > .pp-tile:nth-of-type(1) {
        margin: inherit;
    }
}
.tilenospace .pp-content {
    padding-bottom: 30px;
}


.row > div > .frame:not(.frame-background-none) {
    padding-left: 0;
    padding-right: 0;
}

.row > div > .frame, .frame-container.frame-container-default {
    padding-left: 0;
    padding-right: 0;
}

.row > div > .frame:not(.frame-background-none) .frame-inner {
    padding-bottom: var(--frame-spacing);
    padding-left: var(--pp-frame-spacing);
    padding-right: var(--pp-frame-spacing);
}

.row > div > .frame.bigcaption .frame-inner {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.row > div > .frame.bigcaption .frame-inner .caption {
    min-height: 60px;
    line-height: 60px;
    font-weight: bold;
    font-size: 1.0625rem;
    text-transform: uppercase;
    float: left;
    padding: 0 1.5rem;
}


.frame-inner .ce-col-collapse > .frame.frame-background-none.frame-space-before-none:not(.frame-has-backgroundimage):first-child {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

:not(.pp-tile-col):not(.fe-tile-col):not(.ce-tile-col) > .pp-tile:nth-last-of-type(1) {
    margin: 0;
}

.pp-tile:not(.pp-type-image):not(.pp-type-media):not(.pp-type-external_media):not(.pp-ce-overlaycard):not(.pp-type-pp_picoverlay) .frame-inner {
    margin: 0;
    margin-top: var(--frame-spacing);

}

@media (max-width: 991px) {

    .pp-tile:not(.pp-type-image):not(.pp-type-media):not(.pp-type-external_media):not(.pp-ce-overlaycard):not(.pp-type-pp_picoverlay) .frame-inner {
        display: flex;
        flex-direction: column;
    }

}

.pp-tile .frame-container, .pp-tile .frame-backgroundimage-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    margin: 0;
}


.pp-tile .frame-container {
    overflow: hidden;
    margin: 0;
    /* display: flex;
     justify-content: center;*/
    align-items: unset;
}

.pp-tile-11:before {
    margin-top: calc(100% - var(--frame-spacing));
}

.pp-tile-11 .frame-backgroundimage {
    background-position:bottom;
}

.ce-col:not(.p-0) .pp-tile-11:before {
    margin-top: calc(100% - 30px);
}

.flag:before {
    content: " ";
    font-size: 1.1rem;
    color: white;
    background: #000;
    height: 30px;
    line-height: 30px;
    display: inline-table;
    padding: 0 7px;
    font-weight: bold;

}

.flag-gzw:before {
    content: "Gut zu wissen";
}

.flag-gtk:before {
    content: "Good to know";
}

.flag-aktuell:before {
    content: "News";
}

.flag-downloads:before {
    content: "Downloads";
}

.flag-fuerunternehmen:before {
    content: "FÜR UNTERNEHMEN";
}

.flag-topthemen:before {
    content: "TOP THEMEN";
}


.flag-ausdemnetzwerk:before {
    content: "AUS UNSEREM NETZWERK";
}

.flag-neuveroeffentlicht:before {
    content: "NEU VERÖFFENTLICHT";
}

.flag-businessportal:before {
    content: "UNSERE BUSINESSPORTALE";
}


.language-1 .flag-businessportal:before {
    content: "OUR BUSINESS PORTALS";
}


.flag-top .ce-col {
    margin-top: -30px;
}


.flag-hl > div > div > .frame-container > .frame-inner > .frame-header h3, .flaghead > .frame-header h3, .flaghead header h3 {
    text-transform: uppercase;
    font-size: 1.1rem;
    color: white !important;
    background: #000;
    height: 30px;
    line-height: 30px;
    display: inline-table;
    padding: 0 8px;
    font-weight: bold;
    margin-bottom: 0;
}

.flag-hl.header-camelcase > div > div > .frame-container > .frame-inner > .frame-header h3, .flaghead.header-camelcase > .frame-header h3 {
    text-transform: none;

}

.frame-type-header.flaghead .frame-inner {
    padding: 0;
    align-items: end;
    min-height: inherit;
}

.frame-type-header.flaghead .frame-header {
    margin-top: 30px;
}

.frame-type-header.flaghead .frame-inner h3 {
    text-transform: uppercase;
    font-size: 1.1rem;
    color: white !important;
    background: #000;
    height: 30px;
    line-height: 30px;
    display: inline-table;
    padding: 0 8px;
    font-weight: bold;
    position: absolute;
    margin-top: -30px;
}

.flag-hl > div > div > .frame-container > .frame-inner > .frame-header h3:first-letter, .flaghead > .frame-header h3:first-letter, h2:first-letter {
    text-transform: none;
}

.flag-hl > div > div > .frame-container > .frame-inner > .frame-header {
    position: absolute;
    top: 0;
    transform: translateY(-100%);
}

.flaghead > .frame-header {
    margin-bottom: 0
}

.flaghead .caption-title {
    display: none
}

.header-highlight header {
    color: #94c356;
}

.header-uppercase .element-subheader, .header-uppercase header {
    text-transform: uppercase;
}

.header-camelcase .element-subheader, .header-camelcase header, .header-camelcase header h3 {
    text-transform: none;
}


.hl-links-home .frame-header {
    margin-bottom: 0;
}

.hl-links .frame-header {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


@media (max-width: 991px) {
    .row>div>.frame.frame-no-backgroundimage .frame-inner {
        padding-left: var(--pp-frame-spacing);
        padding-right: var(--pp-frame-spacing);
    }

    .mobile-ignorepadding .row>div>.frame.frame-no-backgroundimage .frame-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .row>div>.frame.frame-no-backgroundimage .frame-inner .gallery-row, .row>div>.frame.frame-no-backgroundimage .frame-inner .news {
        margin-left: -20px;
        margin-right: -20px;
    }

    .mobile-ignorepadding .row>div>.frame.frame-no-backgroundimage .frame-inner .gallery-row {
        margin-left: 0;
        margin-right: 0;
    }

    #page-footer .frame-inner {
        padding-left: 0;
        padding-right: 0;
    }
    #page-footer .row>div>.frame.frame-no-backgroundimage .frame-inner .gallery-row {
        margin-left: 0;
    }
    .section>.frame.frame-no-backgroundimage:not(.flag-hl):not(.flaghead) > .frame-group-container > .frame-group-inner > .frame-container-default > .frame-inner > .frame-header 	{
        padding-left: var(--pp-frame-spacing);
        padding-right: var(--pp-frame-spacing);
    }
    .section>.frame.frame-no-backgroundimage:not(.flag-hl):not(.flaghead) > .frame-group-container > .frame-group-inner > .frame-container-default > .frame-inner > p,
	.section>.frame.frame-no-backgroundimage:not(.flag-hl):not(.flaghead) > .frame-group-container > .frame-group-inner > .frame-container-default > .frame-inner > h3 {
        padding-left: var(--pp-frame-spacing);
        padding-right: var(--pp-frame-spacing);

    }

    .row > div > .frame-type-header.flaghead .frame-inner {
        padding-left: 0;
        padding-right: 0;
    }
}

.frame-type-textpic {
    padding-top: 0
}

.row > div > .frame-type-textpic .frame-inner {
    padding: 0 !important
}

.row > div > .frame-type-textpic .frame-inner .textpic-item.textpic-text {
    padding-bottom: 3rem;
    padding-left: var(--pp-frame-spacing);
    padding-right: var(--pp-frame-spacing);
}

/*Slider Header */

.carousel-fade .carousel-item.active {
    transition-duration: 0.8s;
    transition-property: opacity;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 0.8s;
    transition-property: opacity;
}

.carousel .carousel-control-icon {
    color: #007256;
    padding: 1em !important;
    background-color: unset !important;
}

.carousel .carousel-control-icon:before {
    width: 1.5em !important;
    height: 1.5em !important;
    /*border:0 !important;*/
    border-top: none !important;
    border-right: none !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-image: unset;
}

.carousel .carousel-control-prev-icon {
    margin-left: 0% !important;
}

.carousel .carousel-control-next-icon {
    margin-right: 0% !important;
}


.carousel .carousel-control-icon:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: ' ';
    text-shadow: none;
    width: 50px;
    height: 50px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/arrowrightwhite.svg);
}

.carousel .carousel-control-icon {
    background-color: transparent !important;
}

.carousel .carousel-control-prev .carousel-control-icon:before {
    transform: rotate(180deg);
}

.carousel .carousel-control-next .carousel-control-icon:before {
    transform: rotate(0deg);
}

.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
    background-image: none
}

.carousel-item-type-image .carousel-image img {
    width: 100%;
}



/* Ansprechpartner Box */

.row > div > .frame.box-ansprechpartner {
    padding-top: 0;
}

.row > div > .frame.box-ansprechpartner .frame-inner {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;

}

.row > div > .frame.box-ansprechpartner .frame-inner .textpic-text {
    padding-bottom: var(--frame-spacing);
    padding-left: var(--pp-frame-spacing);
    padding-right: var(--pp-frame-spacing);
    position: relative;
}


.row > div > .frame.box-ansprechpartner .frame-inner .textpic-text header, .ansprechparter_slider .caption-title {
    position: absolute;
    top: -65px;
    padding: 2px;
    padding-left: var(--pp-frame-spacing);
    padding-right: 2rem;
    left: 0;
    background: #000;

}

.kontaktpresse .flaghead > .frame-header, .pressedetailsingle .ansprechpartner_slider.flaghead > .frame-header {
    position: absolute;
    margin-top: calc(60% - 30px);
    z-index: 5
}


.kontaktpresse .flaghead > .frame-header h3, .pressedetailsingle .ansprechpartner_slider.flaghead > .frame-header h3 {
    height: 30px;
    padding: 0;
    padding-left: var(--pp-frame-spacing);
    padding-right: 2rem;
    left: 0;
    background: #000;
}

.pressedetailsingle .ansprechpartner_slider {
    float: right;
    margin-top: 2rem;
}

.row > div > .frame.box-ansprechpartner .frame-inner .textpic-text header h3 {
    color: #fff;
    font-size: 1.1rem
}

.box-ansprechpartner .textpic .gallery-item img, .box-ansprechpartner .textpic .gallery-item picture {
    width: 100%;
}

.box-ansprechpartner a {
    color: #000;
}

.link-globe:after, .link-mail:after {
    display: none
}

.link-globe:before {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/icn-phone.svg);
}

.link-mail:before {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/icn-mail.svg);
}

.ansprechpartner-container {
    background: #f00
}

.ansprechpartner_slider {
}

.ansprechpartner_slider > div.frame {
    position: relative;
    top: -118px;
    /* bottom: 0; */
    right: 0;
    z-index: 10;
}

.ansprechpartner_slider .link-globe:before {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/icn-phone-wt.svg);
}

.ansprechpartner_slider .link-mail:before {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/icn-mail-wt.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.ansprechpartner_slider {
    width: 370px;
}

.dieeventliste .ansprechpartner_slider {
    width: unset;
    padding: 0;
}

.dieeventliste .infotext img {
    max-width: 100%;
    height: auto !important;
    margin-bottom: 1rem !important;
}

.kontaktpresse .ansprechpartner_slider {
    width: 100%;
    max-width: 400px;
}

.pressedetailsingle .ansprechpartner_slider {
    width: calc(100% - 2rem);
    max-width: 370px;
}

.kontaktnachhaltigkeit .ansprechpartner_slider {
    width: 100%;
    max-width: 400px;
}

.kontaktmediathek .ansprechpartner_slider {
    width: 100%;
    max-width: 400px;
}

.kontaktmediathek .flexslider {
    margin: 0
}

.ansprechpartner_slider .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
}

.ansprechpartner_slider .modal-header {
    display: none;
}


.flexslider.kontaktflex .slides > li {
    display: block;
}


.ansprechpartner-container .frame-container {
    max-width: 1400px;
}

.ansprechpartner-btn {
    background-color: transparent;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/cntctopen.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 135px;
    height: 90px;
    display: block;
    position: absolute;
    right: 0;
    float: right;
    margin-top: -90px;
    cursor: pointer;
    z-index: 5;
    border: 0;
    color: transparent;
}

.btn-primary.ansprechpartner-btn:hover {
    color: #ffffff;
    background-color: #006fa7;
    border-color: #00699d;
}

.ansprechpartner_liste {
    max-width: 1230px;
}

.ansprechpartner_liste li {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.ansprechpartner_liste .ce-col.bg-color-0 div.caption-wrapper {
    background: #e9e9e9;
    color: #000;
}


.ansprechpartner-container .modal {
    height: unset;
}

/*
.ansprechpartner-container .modal-content li{list-style: none;}
.ansprechpartner-container .modal-content .caption-body {padding:1.5rem;}
*/
.ansprechpartner-container .flexslider {
    margin: 0;
}

@media (min-width: 576px) {
    .ansprechpartner-container .modal-dialog .modal-content {
        transform: translateX(calc(50vw - 275px));
        overflow: visible;
    }

    .ansprechpartner-container .modal-dialog {
        margin: 80px auto;
    }
}

@media (min-width: 1400px) {
    .ansprechpartner-container .modal-dialog .modal-content {
        transform: translateX(425px);
        overflow: visible;
    }

    .ansprechpartner-container .modal-dialog {
        margin: 198px auto;
    }
}


.ansprechpartner-container .modal-footer .btn {
    background-color: transparent;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/cntcclose.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 135px;
    height: 90px;
    display: block;
    cursor: pointer;
    z-index: 5;
    border: 0;
    color: transparent;
    margin: 0;
}

.ansprechpartner-container .modal-footer {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    border-top: 0;
    margin-left: calc(100% - 45px);
    margin-top: 60%;
}

.ansprechpartner-container .flex-direction-nav {
    height: 50px;
}


.ansprechpartner_slider > div::before::hover {
    opacity: 0.7
}

.link-mail:before, .link-globe:before {
    height: 1em;
    width: 1em;
    content: '';
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.5rem;
}

.ansprechpartner_slider p.caption-title, .ansprechpartner-liste p.caption-title, .ansprechpartner_single p.caption-title {
    position: absolute;
    top: calc(-1.5rem - 1px);
    padding: 2px;
    padding-left: 1.5rem;
    padding-right: 2rem;
    left: 0;
    background: #000;
    color: #fff;
    height: 25px;
}

.ansprechpartner_single div.caption-wrapper, .ansprechpartner_slider div.caption-wrapper, .ansprechpartner-liste div.caption-wrapper {
    background: #4F91CD;
    color: #fff;
    position: relative;
}

.ansprechpartner_single .caption-title {
    font-weight: bold;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.dieeventliste .ansprechpartner_slider div.caption-wrapper {
    background: #00AA83;
    color: #fff;
    position: relative;
}

.ansprechpartner_slider a {
    color: #fff
}

.ansprechpartner_slider div.caption-wrapper {
    background: #4F91CD;
    color: #fff;
}

.ansprechpartner_slider .slides.bg-color-1 div.caption-wrapper {
    background: #4F91CD;
}

.ansprechpartner_slider .slides.bg-color-2 div.caption-wrapper {
    background: #00AA83;
}

.ansprechpartner_slider .slides.bg-color-2 div.caption-wrapper {
    background: white;
    color: black
}

.ansprechpartner_slider .slides.bg-color-2 div.caption-wrapper a {
    color: black
}

.ansprechpartner_slider .slides.bg-color-0 div.caption-wrapper {
    background: #e9e9e9;
    color: #000;
}

.ansprechpartner_slider .slides.bg-color-0 a {
    color: #000
}

.ansprechpartner_slider .slides.bg-color-0 a:before {
    filter: invert()
}

.ansprechpartner_liste div.caption-wrapper {
    background: #4F91CD;
    color: #fff;
}

.ansprechpartner_liste .ce-col.bg-color-1 div.caption-wrapper {
    background: #B0B0B0;
}

.ansprechpartner_liste .ce-col.bg-color-2 div.caption-wrapper {
    background: #00AA83;
}

.ansprechpartner_liste .ce-col.bg-color-3 div.caption-wrapper {
    background: white;
    color: black;
}

.ansprechpartner_liste .ce-col.bg-color-3 div.caption-wrapper a {
    color: black
}

.ansprechpartner_liste .ce-col.bg-color-0 div.caption-wrapper {
    background: #e9e9e9;
    color: #000;
}

.ansprechpartner_liste .ce-col.bg-color-0 a {
    color: #000
}

.ansprechpartner_liste .ce-col.bg-color-1 a {
    color: #fff
}

.ansprechpartner_liste .ce-col.bg-color-1 a:before {
    filter: invert()
}


.ansprechpartner_liste .caption-wrapper {
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
    min-height: 244px;
}

.ansprechpartner_liste:not(.ansprechpartner_single) .ce-col {
    margin-bottom: calc(var(--bs-gutter-x) * 1);
}

.ansprechpartner_liste > .row {
    margin: 0 auto;
    max-width: 1230px;
}

.ansprechpartner_liste .frame-header h3 {
    margin-left: 15px;
}

.ansprechpartner_liste {
    margin-top: 1rem;
}

@media (max-width: 767px) {

    .ansprechpartner_liste .frame-header h3 {
        margin-left: 0px;
    }

    .ansprechpartner_liste:not(.ansprechpartner_single) .ce-col {
        margin-bottom: 30px;
    }

}

/* ansprechpartner Varianten */


/* Stimmt das -Basiswissen */
.stimmtdas .ce-col {
    margin-bottom: 10px;
}

.stimmtdas .ce-col .frame-header {
    padding: 0;
    display: flex;
    min-height: 120px;
    margin-bottom: 0;
    width: 100%;
}

.stimmtdas h5 {
    background: #94C356;
    color: #fff;
    display: flex;
    width: 33.3%;
    height: 120px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 0;

}

.stimmtdas h6.h2 {
    background: #007256;
    color: #fff;
    display: flex;
    height: 120px;
    margin: 0;
    align-items: center;
    padding: 1.5rem;
    width: 66.6%;
    margin-bottom: 0;
    font-size: 1.5rem;
}


.stimmtdas .row, .vollebreite .row {
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    max-width: 1230px;
}

.vollebreite .frame-container.frame-container-default .frame-inner {
    overflow: hidden;
}

.stimmtdas .ce-col .frame {
    height: 100%;
    padding-top: 0;
    margin-top: 0 !important;
    background: #fff
}


.stimmtdas .frame-inner p {
    padding: var(--pp-frame-spacing);
}

.stimmtdas .frame a {
    font-weight: bold;
    text-decoration: underline
}

@media (max-width: 767px) {
    .stimmtdas .row>div>.frame.frame-no-backgroundimage .frame-inner {
        padding: 0;
    }
}


.zahlendatenfakten-teaser .row {
    margin-left: -15px;
    margin-right: -15px;
    max-width: 1230px;
    background-image: url(/fileadmin/images/icons/Dots_Black.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) calc(100% - 30px);
}

/* link unter slider homepage */
.weiterezahlen header {
    margin-bottom: 0
}

.weiterezahlen {
    padding-top: 25px;
    min-height: 120px;
}

.weiterezahlen header h3 {
    line-height: 1.05
}


/* Kontaktkarten */

.kontaktkarte {
}

.kontaktkarte .caption-wrapper {
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}


.kontaktkarte .caption-body p {
    font-size: 1.125rem
}

.kontaktkarte .caption-title {
    font-weight: bold;
    text-transform: uppercase
}


/* Presseartikel List Eventlist*/
.news .article.article-list-presse, .article.article-list-event {
    display: grid;
    grid-template-columns: 180px auto;
    min-height: 180px;
    padding-bottom: 0;
    position: relative;
}

@media (max-width: 767px) {
    .news .article.article-list-presse, .article.article-list-event {
        display: block;
    }

    .news .article.article-list-presse a.link-arrow {
        bottom: 0;
        top: unset;
    }

}

.article.article-list-event {
    margin-bottom: 15px;
}

.f3-widget-paginator {
    padding-top: 15px;
    height: 80px;
      display: flex;

}

.load-more {
    padding-top: 0;
    margin: 0 auto;
    font-weight: bold;
        display: inline-block;
}


.load-more a {
    position: relative;
    display: block;
    color: #212121;
    background-color: #ffffff;
    border: 2px solid #000;
    padding: 0.5rem 1rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.load-more a:hover {
    background: #EAEAEA; /*border-color:#EAEAEA*/
}

.news .no-news-found {
    color: #000;
    font-style: normal;
    margin-bottom: 60px;
}

.article-list-presse .news-list-text, .article-list-event .event-list-text {
    background: #EAEAEA;
    padding: 1.8rem;
}

.article-list-presse .news-list-date {
    background: #B0B0B0;
    color: #fff;
    padding: 1rem;
}

.article-list-event .event-list-date {
    background: #00AA83;
    color: #fff;
    padding: 1rem;
}

.news .article.article-list-presse h3, .article-list-event h3 {
    font-size: 1.625rem;
    font-weight: bold;
    margin-bottom: 1.3rem;
    text-transform: none
}

.news .article.article-list-presse .teaser-text, .article-list-event .teaser-text {
    font-size: 18px;
    font-size: 1.125rem;
    padding-right: 8rem;
}

.news .article:after {
    content: none;
}

.news-list-date time, .event-list-date {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.2
}

.event-list-date div {
    font-size: 1.125rem;
}

.event-list-date .starttime {
    margin-top: 0.5rem;
}

.event-list-date .eventtype {
    position: absolute;
    bottom: 1rem;
    word-wrap: break-word;
    max-width: 150px;
    hyphens: auto;
    line-height: 1.1;
    line-height: 1;
    font-size: 0.8rem;

}

.news .article.article-list-presse:after {
    display: none;
}

.news .article.article-list-presse a.link-arrow {
    bottom: unset;
    top: 0;
}


.accordion .event-list-text .accordion-button {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    overflow: hidden;
}

.btn.zuranmeldung {
    width: 100%;
    font-size: 1.125rem;
    color: #fff;
    background: #00AA84;
    display: flex;
    align-items: center;
    height: 120px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 2rem;
    border: 0;
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow.svg) right bottom no-repeat #00AA84;
}

.detail-content  a.btn.zuranmeldung{
    position:absolute;
    right:0;
    bottom:0;
        width: auto;
    padding-right: 75px;
    height: 45px;
    margin-top: 0px;
    float: right;
color:white;
}

.event-list-view .accordion-header {
    margin-bottom: 0;
    height: auto
}

.event-list-view .accordion-collapse {
    padding: unset
}


.event-list-view .accordion-button:not(.collapsed)::after {
    transform: rotate(
            -90deg
    );
}

.event-list-view .accordion-button.collapsed:after {
    transform: rotate(
            +90deg
    );
}


.event-list-view .accordion-collapse .beschreibung {
    padding-left: 180px;
    padding-right: 0;
}

.event-list-view .accordion-collapse .beschreibung .infos {
    background-color: #fff;
    padding: 2rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.event-list-view .accordion-collapse .beschreibung .infos > div {
    display: inline-block;
    width: 50%;
    font-size: 1.125rem
}

.event-list-view .accordion-collapse .beschreibung .infos > div p {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0.25rem;
    margin-top: 1rem;
}

.event-list-view .accordion-collapse .beschreibung .infotext {
    padding: 1rem 1rem 2rem 1rem
}

.event-list-view .infotext span, .event-list-view .infotext p {
    font-size: 1.125rem !important;
    font-family: 'BerlinType', sans-serif !important;
    background: transparent !important;
}

.event-list-view .infotext a, .event-list-view .infotext a span {
    color: #007256 !important;
}

@media (max-width: 767px) {
    .news .no-news-found {
        padding-left: 20px;
    }
}


/* Presseartikel Detail */

.news-backlink-wrap a.link-arrow {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttonback.svg);
    left: 0;
    right: unset;
    bottom: 0;
    font-size: 1px;
}

.detail-top {
    position: relative;
    height: 120px;
}

.detail-top .detail-teilen {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #007256;
    color: #fff;
    height: 45px;
}

.detail-top .detail-teilen > span {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 45px;
    font-size: 1.125rem;
    margin: 0 1rem;
}

.detail-top .shariff {
    display: inline-block;
}

.detail-top .shariff a {
    background-color: #007256 !important;
    /*overflow:hidden;*/
    color: #fff;
    height: 40px;
}

.detail-top .shariff a:hover {
    color: #eee;

}

.detail-top .shariff .orientation-horizontal.button-style-standard.shariff-col-3 li {
    min-width: 45px;
    max-width: 45px;
    height: 40px;
    margin: 0 0.15rem;
}

.detail-top .shariff li .fab, .shariff li .far, .shariff li .fas {
    line-height: 50px;
    font-size: 21px;
    margin-top: -5px;
}

.detail-top .share_text {
    display: none !important;
}

.detail-top .shariff .orientation-horizontal {
    flex-wrap: inherit;
}

.article img.bstripes {
    width: 120px;
    display: block;
}

.article img.bdots {
    width: 120px;
    display: block;
    float: right;
    margin-top: 100px;
}

.detail-download, .detail-download-jobs, .detail-aktuelles .detail-download.press-download-header {
    position: relative;
    height: 120px;
    background: #F49303;
    color: #fff;
    padding: 0 2rem;
    display: flex;
    align-items: center;

}

.detail-aktuelles .detail-download.jobs-download-header {
    position: relative;
    height: 120px;
    background: #4F91CD;
    color: #fff;
    padding: 0 2rem;
    display: flex;
    align-items: center;

}

.detail-download.press-download-header {
    border-top: 0 !important;
}

.detail-download-file {
    border-top: 1px solid #000;
    position: relative;
    height: 120px;
    background: #FFF;
    color: #000;
    padding: 0 2rem;
    line-height: 100%;
    display: flex;
    align-items: center;
}

.detail-download-jobs {
    background: #4F91CD;
}

.detail-download h3, .detail-download-file h3, .detail-download-jobs h3 {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 45px;
    font-size: 1.125rem
}

.detail-download a.link-arrow, .detail-download-jobs a.link-arrow {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownload.svg);
}

.article .row > div > .frame.box-ansprechpartner {
    margin: 30px 0 0 30px;
}

.news img {
    display: inline-block;
    width: 100%;
    height: auto;
}

.news-detail-date time {
    font-size: 1.125rem;
    line-height: 1.2;
}

.detail-content {
    background: #EAEAEA;
    padding: 3rem 5rem 3rem 5rem
}

.detail-content h1 {
    font-size: 1.875rem;
    text-transform: uppercase;
    color: #007256;
    line-height: 1.33;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.interviewlist .detail-content h1 {
    margin-right: -1.5rem
}

.detail-content .news-text-wrap h3 {
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
}

.detail-content .news-text-wrap p, .detail-content .frame-type-text p {
    font-size: 1.125rem;
    color: #1A1A1A;
    letter-spacing: 0;
    margin-bottom: 1.75rem;
}

.detail-content .news-text-wrap ul.list-normal {
    font-size: 1.125rem;
    color: #1A1A1A;
}


.detail-content.interviews .news-text-wrap p {
    margin-bottom: 0.5rem;
}

.detail-content .news-text-wrap a {
    color: #007256
}

.detail-content.interviews .interviewimage {
    float: left;
    margin-top: -5rem;
    margin-left: -5rem;
    padding-right: 2rem;
}

.interviewimagecaption {
    padding: 0.3rem 0.5rem;
    font-size: 0.8rem;
}

.interviewimage img {
    width: 315px
}

.detail-content.interviews h1:after {
    content: " ";
    clear: both;
    margin-bottom: 0;
    width: 100%;
    display: block;
}


.detail-content .news-list-tags span {
    background: #4F91CC;
    color: #fff;
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 0.875rem;
}


.news-single .news-text-wrap {
    margin-bottom: 1em;
    margin-top: 0;
}

.news-single sup {
    position: relative;
    font-size: 1rem;
    line-height: 1;
    vertical-align: baseline;
}

.news-single .detail-content .frame-type-image .caption {
    text-align: left;
    font-size: 0.8rem;
}

.news-single .detail-content .frame-type-image {
    margin-bottom: 2rem;
}

.news-single .detail-content a {
    color: #007256
}

.weitere-meldungen {
    max-width: 1200px;
}

.weitere-meldungen:before {
    content: "Weitere Pressemitteilungen";
    text-transform: uppercase;
    color: white;
    background: #000;
    height: 20px;
    display: inline-table;
    padding: 5px 7px;
    font-weight: bold;
}

/* Filter News Jahr */
.news-menu-view ul {
    display: inline-flex;
    padding-left: 0;
    list-style: none;

}

.news-menu-view ul a {
    margin-right: 1rem;
}

.news-menu-view ul a.active {
    color: #fff;
    background: #000
}

.news-menu-view .reset, .news-menu-view .reset:hover {
    color: white;
    background-color: black;
}

.news-menu-view .reset.invert {
    color: black;
    background-color: white;
}

/* Filter Sub */
ul.catfiltersub {
    position: absolute;
    display: none;
    z-index: 10;
    padding-top: 5px;
}

ul.catfiltersub li {
    margin-top: -2px;
}

.news-menu-view > ul > li:hover ul.catfiltersub {
    display: block;
}

.news-menu-view > ul a svg {
    width: 25px;
    height: 20px;
    padding-left: 10px;
}

.news-menu-view .news-menu-view-filtered li {
    background-color: black;
    margin-right: 15px;
    margin-top: 15px;
    position: relative;
}

.news-menu-view .news-menu-view-filtered li a {
    background-color: transparent;
    color: white;
    margin-right: 0;
    padding-right: 2rem;
}

.news-menu-view .news-menu-view-filtered li a:hover {
    color: white;
}

.news-menu-view .news-menu-view-filtered li a:after {
    content: "✕";
    position: absolute;
    right: 10px;
    top: 8px;
}

@media (max-width: 992px) {
    .news-menu-view ul.catfiltersub {
        display: none;
        flex-direction: column;
    }

    .news-menu-view > ul > li:hover ul.catfiltersub {
        display: flex;
        padding: 0;
    }

    .news-menu-view > ul > li:hover ul.catfiltersub .load-more {
        width: 100%;
        padding: 0;
    }
}


/* News aktuelles */

.article-list-aktuelles, .article-list-mediathek {
    width: 100%;
    color: #fff;
    background-color: #666;
    padding-top: 0;
}

.article-list-aktuelles.pp-tile:before, .article-list-mediathek.pp-tile:before {
    display: block;
    content: "";
    margin-top: calc(100% - 0px);
}

.article-list-aktuelles .news-icon {
    float: right;
    margin-left: 0;
    max-height: 33%;
    max-width: 30%;
}

.article-list-aktuelles .news-icon img {
    width: 100%;
    height: auto;
}

.article-list-aktuelles .frame-inner, .article-list-mediathek .frame-inner {
    margin-top: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.article-list-aktuelles .frame-inner .frame-header, .article-list-mediathek .frame-inner .frame-header {
    padding: 1rem 1.5rem;
    align-items: flex-start;
    display: flex;
    min-height: 30%;
}


.article-list-aktuelles .frame-inner .teaser, .article-list-mediathek .frame-inner .teaser {
    padding: 1.5rem;
    padding-right: 3.5rem;
    position: absolute;
    bottom: 0;
    font-size: 1.125rem;
    line-height: 1.375rem;
    background: rgba(0, 0, 0, 0.5);

    width: 100%;
}


.news-list-view > .row_ {
    margin-left: -15px;
    margin-right: -15px;
    max-width: 1230px;
    background-image: url(/fileadmin/images/icons/Dots_Black.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) calc(100% - 130px);
}

.news-list-view .overlay-link {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.news-list-view .frame-header, .news-list-view .teaser {
    pointer-events: none;
}

.dots-right-bottom {
    margin-left: -15px;
    margin-right: -15px;
    max-width: 1230px;
    background-image: url(/fileadmin/images/icons/Dots_Black.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.dots-right-top {
    margin-left: -15px;
    margin-right: -15px;
    max-width: 1230px;
    background-image: url(/fileadmin/images/icons/Dots_Black.svg);
    background-repeat: no-repeat;
    background-position: right top;
}
.vollebreite.dots-right-bottom {
    background-position: calc(100% - 15px) bottom;
}

.pagelevel-0 .dots-right-bottom {
    background-position: right calc(100% - 3rem);
}

.dots-right-bottom-news {
    background-image: url(/fileadmin/images/icons/Dots_Black.svg);
    background-repeat: no-repeat;
    background-position: right calc(100% - 3rem);
    padding-bottom: 12rem !important;
}

.row.detail-header {
    margin-top: 7rem
}

.row.detail-aktuelles {
    margin-top: 5rem
}

.detail-header .header-image {
    background-image: url(/fileadmin/images/header/newsdetailheader.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.detail-header .header-image:before {
    display: block;
    content: "";
    margin-top: 100%;
}

@media (max-height: 768px) {
    .row.detail-header {
        margin-top: 0;
    }

    .detail-header .header-image {
        background-image: url(/fileadmin/images/header/newsdetailheader-mobile.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .detail-header .header-image:before {
        margin-top: 33%;
    }
}

.detail-header .header {
    background: #94C356;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 2rem;
}

.detail-header .header h1 {
    font-size: 1.875rem;
}

.row.detail-aktuelles .eventnewsdetails {
    background: #fff;
}

.row.detail-aktuelles .row.eventnewsdetails {
    padding: 1rem 1rem 2rem 1rem;
    margin-bottom: 2.5rem;
}

.row.detail-aktuelles .eventnewsdetails h5 {
    font-size: 1.125rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
}

/* varianten nach Kategorie */
.news .article.article-list-aktuelles h3 {
    line-height: 1.6875rem;
}

.news .article {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#p2 .news .news-list-view .article .article-list-aktuelles {transition:transform 0.2s ease-in-out;}
#p2 .news .news-list-view .article .article-list-aktuelles:hover{transform:scale(1.03)}

.pagelevel-0 .news .article.teasing {
    padding-bottom: 0;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .vollebreite.dots-right-bottom {
        background: none;
    }
}

/* Social Media News */

.smnews > div {
    border: 1px solid #CCC
}


.pagelevel-0 .row .article.kat-16 .article-list-aktuelles .frame-inner .frame-header {
    background: #F4B3CA;
}

.pagelevel-0 .row .article.kat-16 .article-list-aktuelles {
    background: #F4B3CA;
}

.row .article.kat-4 .article-list-aktuelles .frame-inner .frame-header {
    position: relative;
}


.row .article.kat-4 .article-list-aktuelles.frame-has-backgroundimage .frame-inner .teaser {
    background: rgba(0, 0, 0, 0.6);
    padding: 0.5rem 4rem 0.5rem 2rem;
    margin-bottom: 0;
    min-height: 30%;
    align-items: center;
    display: flex;
    width: 100%;
}

@media (max-width: 767px) {
    .row .article.kat-4 .article-list-aktuelles.frame-has-backgroundimage .frame-inner .teaser {
        padding: 0.5rem 20px 0.5rem 20px;
    }
}

.row .article.kat-4 .article-list-aktuelles .news-list-date {
    position: absolute;
    align-content: uppercase;
    font-size: 1.1rem;
    color: white;
    background: #000;
    height: 30px;
    line-height: 30px;
    display: inline-table;
    padding: 0 10px;
    font-weight: bold;
    right: 0;
    bottom: 0;
}

.row .article.kat-4 .article-list-aktuelles .news-list-date time {
    font-size: 1.1rem;
}


.row .article.kat-4:nth-child(5n+1) .article-list-aktuelles .frame-inner .frame-header {
    background: #94C356;
}

.row .article.kat-4:nth-child(5n+2) .article-list-aktuelles .frame-inner .frame-header {
    background: #B0B0B0;
}

.row .article.kat-4:nth-child(5n+3) .article-list-aktuelles .frame-inner .frame-header {
    background: #007256;
}

.row .article.kat-4:nth-child(5n+4) .article-list-aktuelles .frame-inner .frame-header {
    background: #B0B0B0;
}

.row .article.kat-4:nth-child(5n+5) .article-list-aktuelles .frame-inner .frame-header {
    background: #007256;
}

.row .top-news .article.kat-4:nth-child(5n+1) .article-list-aktuelles .frame-inner .frame-header {
    background: #00AA84;
}

/* 15 Kategorie Branchen*/
.row .article.kat-15 .article-list-aktuelles .frame-backgroundimage {
    filter: brightness(0.75);
}

.row .article.kat-15 .article-list-aktuelles .frame-inner .frame-header {
    padding: 1.5rem 1.5rem 0 1.5rem;
    align-items: center;
    display: block;
    /* min-height: 120px; */
}

.row .article.kat-15:nth-child(3n+3) .article-list-aktuelles {
    background: #00AA83;
}

.row .article.kat-15:nth-child(3n+2) .article-list-aktuelles {
    background: #B0B0B0;
}

.row .article.kat-15:nth-child(3n+1) .article-list-aktuelles {
    background: #007256;
}

/*
.article.kat-15:nth-child(4n+4) .article-list-aktuelles {
    background: #F4B3CA;
}*/




/* Breite News Listing angepasst  */

.frame:not(.veranst-aktuelles) .news-list-view .row {
    margin-left: -15px;
    margin-right: -15px;
    max-width: 1230px;
}

@media (max-width: 767px) {
    .frame:not(.veranst-aktuelles) .news-list-view .row {
        margin-left: 0px;
        margin-right: 0px;
    }
}


/* Top Project */
.top-project .teaser {

}
.top-project .article-list-aktuelles .frame-inner .teaser {
    background: #94C356;
}

.top-project .article-list-aktuelles .frame-inner .teaser h2 {
    margin-bottom: 15px;
}

.row .top-project .article-list-aktuelles .frame-backgroundimage-container {
    margin-top: 0;
}

.top-project .frame-backgroundimage-container, .frame-backgroundimage {
    background-size: cover;
    background-position: top;
}
.top-project .frame-backgroundimage-container .frame-backgroundimage{

 background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.top-project .article-list-aktuelles.pp-tile:before {
    margin-top: calc(100% - 27px);
}

/* Teasing Projects  teasing_projects */
.projekte-filter h3 {
    margin-bottom: 1rem;
}

.projekte-filter h4 {
    text-transform: uppercase;
    font-weight: bold
}

.row .article.teasing_projects .article-list-aktuelles.frame-has-backgroundimage {
    background: #e9e9e9;
    height: 100%;
}

.row .article.teasing_projects .article-list-aktuelles:not(.frame-has-backgroundimage) {
    background: #F4B3CA
}

.row .article.teasing_projects .article-list-aktuelles.pp-tile .frame-backgroundimage-container, .row .article.teasing_projects .article-list-aktuelles.pp-tile .frame-backgroundimage {
    height: 64%;
    margin-top: 0;
}

.row .article.teasing_projects .article-list-aktuelles.pp-tile .frame-container {
    margin-top: 38%;
}

.article.teasing_projects .article-list-aktuelles .frame-inner .teaser {
    font-size: 1.1rem;
    padding-top: 0;
    position: relative;
    background: none;
}

.article.teasing_projects .article-list-aktuelles .frame-inner .frame-header {
    padding: 1.5rem 1.5rem 0.6rem 1.5rem;
    align-items: center;
    display: flex;
    min-height: inherit;
    margin-bottom: 0;
}

.article.teasing_projects .article-list-aktuelles .frame-inner .frame-header h3:first-letter {
    text-transform: none;
}


.row .article.teasing_projects .article-list-aktuelles:not(.frame-has-backgroundimage) {
    background: #F4B3CA;
}


.row .article.teasing_projects:nth-child(5n+1) .article-list-aktuelles {
    background: #94C356;
}

.row .article.teasing_projects:nth-child(5n+2) .article-list-aktuelles {
    background: #B0B0B0;
}

.row .article.teasing_projects:nth-child(5n+3) .article-list-aktuelles {
    background: #007256;
}

.row .article.teasing_projects:nth-child(5n+4) .article-list-aktuelles {
    background: #B0B0B0;
}

.row .article.teasing_projects:nth-child(5n+5) .article-list-aktuelles {
    background: #007256;
}

@media (max-width: 991px) {
    .projekte-filter h3 {
        padding-left: 1rem;
    }
}

/* Teasing Projects  teasing_jobs */

.row .article.teasing_jobs .article-list-aktuelles {
    background: #94C356 !important;
}

.row .article.teasing_jobs .article-list-aktuelles .frame-backgroundimage-container {
    margin-top: 0;
}

.row .article.teasing_jobs .article-list-aktuelles .frame-inner .frame-header {
    background: none !important;
}

.row .article.teasing_jobs .article-list-aktuelles.pp-tile:before {
    display: block;
    content: "";
    margin-top: calc(50% - 0px);
}

.row .article.teasing_jobs .article-list-aktuelles .frame-inner {
    display: flex;
}

.row .article.teasing_jobs .article-list-aktuelles .frame-inner h3 {
    font-size: 1.125rem;
    line-height: 1.2;
}

.row .article.teasing_jobs a.link-arrow, .partnerlink a.link-arrow {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-up.svg) right center no-repeat rgb(255, 255, 255);
}



/* teasing partner */


.allepartner {
      padding-top: 5.5rem;
    margin-top: 7rem;
    margin-bottom: 6rem;
}


.allepartner h4.element-subheader  {padding:2rem 0}

.teasing_partner .article-list-aktuelles {
    background: #EAEAEA
}

.teasing_partner .article-list-aktuelles .frame-backgroundimage {
 
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-blend-mode: multiply;
    position: absolute;
    top: 20%;
    left: 15%;
    width: 70%;
    height: 60%;
    background-position: center;
   /* filter: grayscale(1);*/
}

.teasing_partner .article-list-aktuelles.pp-tile:before {
    display: block;
    content: "";
    margin-top: calc(45% - 0px);
}

.teasing_partner a.link-partner{
    display: inline-block;
    border: 0;
    color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: transparent;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/button-plus-red.svg);
    background-position: right bottom;
    background-size: 45px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
        margin: 1rem;
}


.logoslider {
    
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    background-blend-mode: multiply;
    width:150px;
    height:90px;
    filter: grayscale(1);
    margin-top: 0.5rem;

}



.teasing_partner header h3 {
    color: #666;
    font-size: 1.1rem;
}

.teasing_partner header {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 95%;
    align-items: center;
}

.row .teasing_partner .article-list-aktuelles .frame-backgroundimage-container {
    margin-top: 0;
    background:#fff;
    margin: 1rem;
}

/* teasing foerderung */

.teasing_foerderung .article-list-aktuelles {
    background: #EAEAEA;
    margin-top: 0;
}

.teasing_foerderung .article-list-aktuelles .frame-inner .teaser {
    padding: 1.5rem;
    padding-right: 3.5rem;
    position: relative;
    bottom: 0;
    font-size: 1.125rem;
    line-height: 1.375rem;
}


.teasing_foerderung .article-list-aktuelles .frame-backgroundimage {
    background-color: #EAEAEA;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-blend-mode: multiply;
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    background-position: center;
}

.teasing_foerderung .article-list-aktuelles.pp-tile:before {
    display: none;
}

.teasing_foerderung a.link-partner {
    display: inline-block;
    border: 0;
    color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: transparent;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/button-plus-white.svg);
    background-position: right bottom;
    background-size: 50px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.teasing_foerderung header h3 {
    color: #fff;
    font-size: 1.43rem;
}

.teasing_foerderung .article-list-aktuelles .frame-inner header.frame-header {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 95%;
    align-items: center;
    margin-bottom: 0;
    padding-top: 1.5rem;
}

.teasing_foerderung .article-list-aktuelles .frame-inner header.frame-header h3 {
    text-transform: none;
}


.row .article.teasing_foerderung:nth-child(4n+1) .article-list-aktuelles {
    background: #94C356;
}

.row .article.teasing_foerderung:nth-child(4n+2) .article-list-aktuelles {
    background: #B0B0B0;
}

.row .article.teasing_foerderung:nth-child(4n+3) .article-list-aktuelles {
    background: #007256;
}

.row .article.teasing_foerderung:nth-child(4n+4) .article-list-aktuelles {
    background: #B0B0B0;
}

.modal-foerderung .modal-body > .row {
    background: #EAEAEA;
}

#partnerModal .modal-foerderung .pinfos:after{display:none;}

#partnerModal .modal-foerderung.modal-content {
    pointer-events: all;
}


.btn-modal-close {
    font-size: 0;
    width: 120px;
    height: 120px;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/close-modal.svg);
    background-repeat: no-repeat;
    float: right;
}

.link-arrow.link-modal-foerderung {
    width: auto;
    font-size: 1.125rem;
    color: #000;
    line-height: 45px;
    padding: 0 45px 0 20px;
    font-weight: bold !important;
}

.link-arrow.link-modal-foerderung:after {
    content: "";
    background: #EAEAEA;
    height: 45px;
    width: 5px;
    display: block;
    /* position: absolute; */
    /* right: -20px; */
    top: 0;
    float: right;
    margin-left: 15px;
}


#partnerModal .modal-foerderung .pinfos {
    background: #EAEAEA;
    padding: 3rem 4rem;
    margin-bottom: 0;
}


#listitmasonry.dots-right-bottom {
    background-image: url(/fileadmin/images/icons/Dots_Black.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) bottom;
}


/* zahlendatenfakten-teaser */

.zahlendatenfakten-teaser h3 {
    color: #007256;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

.zahlendatenfakten-teaser h5 {
    font-size: 1.125rem;
}

.zahlendatenfakten-teaser > .frame-header h5 {
    max-width: 66%;
}

.zahlendatenfakten-teaser {
    padding-bottom: 30px;
    margin-bottom: 5rem;
}

.zahlendatenfakten-teaser .row {
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);

    max-width: 1230px;
}

.zahlendatenfakten-teaser .ce-col .frame {
    margin-top: var(--bs-gutter-x) !important
}


.zahlendatenfakten-teaser .row {
    margin-left: -15px;
    margin-right: -15px;
    max-width: 1230px;
    background-image: url(/fileadmin/images/icons/Dots_Black.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) calc(100% - 30px);
}


@media (max-width: 767px) {

    .zahlendatenfakten-teaser .row {

        margin-left: 0px;
        margin-right: 0px;
    }
}


/* Interviews Partner */


.row .article:not(.has-cat):nth-child(4n+1) .article-list-aktuelles.listinterviews .frame-inner .frame-header {
    background: #00AA83;
}

.row .article:not(.has-cat):nth-child(4n+2) .article-list-aktuelles.listinterviews .frame-inner .frame-header {
    background: #B0B0B0;
}

.row .article:not(.has-cat):nth-child(4n+3) .article-list-aktuelles.listinterviews .frame-inner .frame-header {
    background: #4F91CD;
}

.row .article:not(.has-cat):nth-child(4n+4) .article-list-aktuelles.listinterviews .frame-inner .frame-header {
    background: #B0B0B0;
}

.article-list-aktuelles.listinterviews.pp-tile:before {
    display: block;
    content: "";
    margin-top: 30%;
}


/* keine Kategorie */


.row .article:not(.has-cat):nth-child(2n+2) .article-list-aktuelles .frame-inner .frame-header {
    background: #B0B0B0;
}

.row .article:not(.has-cat):nth-child(2n+1) .article-list-aktuelles .frame-inner .frame-header, .row .article:not(.has-cat):nth-child(5) .article-list-aktuelles .frame-inner .frame-header {
    background: #007256;
}

.row .article:not(.has-cat):nth-child(1) .article-list-aktuelles .frame-inner .frame-header {
    background: #94C356;
}


#p1 .row .article:not(.has-cat):nth-child(1) .article-list-aktuelles .frame-inner .frame-header {
    background: #00AA83;
}

.row .article:not(.has-cat):nth-child(2n+2) .article-list-aktuelles {
    background: #B0B0B0;
}

.row .article:not(.has-cat):nth-child(2n+1) .article-list-aktuelles, .row .article:not(.has-cat):nth-child(5) .article-list-aktuelles {
    background: #007256;
}

.row .article .article-list-aktuelles {
    background: #94C356;
    position: inherit;
}

.row .article-list-aktuelles .frame-inner .frame-header {
    position: relative;
    min-height: 143px;
}

.row .article-list-aktuelles .frame-inner .frame-header .news-list-date {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
}

.row .article-list-aktuelles .frame-inner .frame-header .news-list-date time {
    background: black;
    padding: 6px 10px;
    font-size: 15px;
}

.row .article-list-aktuelles .frame-inner .teaser .news-list-copyright {
    background: rgba(0, 0, 0, 0.6);
    padding: 1px 10px;
    font-size: 11px;
    position: absolute;
    top: -24px;
    right: 0;
}

.news-list-copyright-events {
    background: rgba(0, 0, 0, 0.6);
    padding: 1px 10px;
    font-size: 11px;
    color:white;
    position: absolute;
    bottom: 0;
    right: 0;
}

.event-list-image-bg{width:100%;
    height:100%;
    min-height:300px;
background-repeat:no-repeat;
    background-size:cover;
}

.row .article-list-aktuelles .frame-inner .frame-header h3 {
    padding-bottom: 1rem;
}

.row .article-list-aktuelles .frame-backgroundimage-container {
    margin-top: 140px;
}

.article:not(.has-cat) .article-list-aktuelles.frame-has-backgroundimage .frame-inner .teaser {
    background: rgba(0, 0, 0, 0.5);
    padding: 0.5rem 4rem 0.5rem 2rem;
    margin-bottom: 0;
    min-height: 30%;
    align-items: center;
    display: flex;
    width: 100%;
}



/* Aktuelles Detail */

/*
.detail-aktuelles .news-backlink-wrap {
    position: absolute;
    top: 45px;
    left: 0;
}
*/

.detail-aktuelles .detail-content {
    position: relative;
    height: calc(100% - 45px);
}

.detail-aktuelles .detail-top {
    position: relative;
    height: 45px;
}


.detail-aktuelles .detail-moreinfo {
    position: relative;
    height: auto;
    background: #007256;
    color: #fff;
    padding: 1.75rem 2rem;
    line-height: 100%;
}

.detail-aktuelles .detail-moreinfo a {
    color: #fff
}

.detail-aktuelles .detail-moreinfo a:hover {
    color: #fff;
    text-decoration: underline
}

.detail-aktuelles .detail-moreinfo h5 {
    font-weight: bold
}

.detail-add:before {
    content: "";
    display: block;
    position: relative;
    width: 120px;
    height: 120px;
    background-image: url(/fileadmin/images/icons/Stripes_Black.svg);
    background-repeat: no-repeat;
    background-size: contain;
}


.detail-aktuelles .detail-content .frame.frame-type-media {
    padding-top: 0;
    margin-bottom: 2rem;
}

.weitere-meldungen.weitere-news:before {
    content: "Weitere News";
}

.weitere-meldungen.weitere-jobs:before {
    content: "Weitere Stellenausschreibungen";
}

.detail-aktuelles .detail-download {
    position: relative;
    height: 120px;
    background: #94C356;
    color: #FFF;
    padding: 0 2rem;
    line-height: 100%;
    display: flex;
    align-items: center;
    border-bottom:2px solid white
}




.detail-aktuelles .detail-download h3 {
    line-height: initial;
}

.detail-aktuelles .detail-download a.link-arrow {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownloadgreen.svg);
}


.detail-aktuelles .detail-download.detail-related a.link-arrow {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-up.svg)
}


.piclink {
    max-height: 120px;
    padding: 0;
    padding-left: 130px;
}

.piclink .frame-backgroundimage {
    z-index: 1;
    background-size: initial;
    background-repeat: no-repeat;
    background-position: left;
}

.piclink .frame-container.frame-container-default {
    padding-left: 120px;
}

.piclink.frame-pp1 .frame-inner p {
    padding: 0;
}

.piclink .frame-container.frame-container-default a {
    z-index: 1;
}

@media (max-width: 767px) {
    .ce-col.col-md-4 > div.piclink, .ce-col.col-lg-4 > div.piclink, .ce-col.col-md > div.piclink {
        margin-bottom: 0;
    }
}

/* List jobs */

.article-list-jobs {
    width: 100%;
    color: #fff;
    background-color: #666;
    padding-top: 0;
}

.article-list-jobs.kat-9 {
    background-color: #4F91CD;
}

.article-list-jobs.kat-10 {
    background-color: #00AA83;
}

.article-list-jobs.kat-12 {
    background-color: #f28c0f;
}

.article-list-jobs h3 {
    font-size: 1.125rem;
    line-height: 1.33;
}

.article-list-jobs.pp-tile:before {
    display: block;
    content: "";
    margin-top: 50%;
}

.article-list-jobs .frame-header {
    margin-bottom: 0
}

.article-list-jobs .frame-inner {
    display: flex;
    align-items: center;
}

/* diverse Box layouts */

.frame-default.frame-layout-default.frame-size-default.frame-height-default.frame-background-light.frame-no-backgroundimage .frame-container.frame-container-default {
    /*padding-top:0.5rem;
    padding-bottom:1rem*/
}


.frame-pp1 .frame-inner {
    border: 0;
    background: none;
    color: inherit;
    width: 100%;
    margin-top: 0 !important;
    padding: 0 !important;
}

.pp-tile-11.frame-pp1 .frame-inner {
    /* padding-bottom: var(--frame-spacing) !important;*/
}

.frame-pp1 .frame-header {
    background: var(--frame-background);
    padding: 1.5rem;
    align-items: center;
    display: flex;
    min-height: 120px;
    margin-bottom: 0;
    width: 100%;
}

.frame-pp1.frame-layout-default.frame-no-backgroundimage.pp-tile.pp-tile-11 .frame-header {
    position: relative;
    min-height: 60px;
    padding-top: 1.5rem;
}

.frame-pp1.frame-layout-default.frame-no-backgroundimage.pp-tile.pp-tile-11 .frame-inner {
    justify-content: flex-start;
}

.frame-type-header {
    padding-top: 0;
}

.frame-type-header .frame-inner {
    padding: 1.5rem 2rem;
    align-items: center;
    display: flex;
    min-height: 120px;
}

.frame-pp1 .frame-inner p {
    padding: 1rem 2rem;
    font-size: 1.125rem;
}


.frame-pp2 .frame-inner {
    border-color: #cce6f3;
    border: 0;
    background: none;
    color: inherit;
    width: 100%;
    margin-top: 0 !important;
    padding: 0 !important;
}

.frame-pp2 .frame-header {
    background: var(--frame-background);
    padding: 1.5rem 2rem;
    padding-top: var(--frame-spacing);
    padding-bottom: var(--frame-spacing);
    padding-left: var(--pp-frame-spacing);
    padding-right: var(--pp-frame-spacing);
    align-items: center;
    display: flex;
    min-height: 120px;
    margin-bottom: 0;
}

.frame-pp2.frame.pp-tile-11 .frame-inner p:not(:last-child) {

    padding-right: 4rem;
    padding-top: var(--pp-frame-spacing);
    padding-bottom: var(--pp-frame-spacing);
    padding-left: var(--pp-frame-spacing);
    margin-bottom: 0;
    min-height: 150px;
}

.pp-tile-11.frame-pp2.frame-has-backgroundimage.frame-layout-default .frame-inner {
    color: #fff;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
}

.pp-tile-11.frame-pp2.frame-has-backgroundimage.frame-layout-default .frame-inner p {
    background: rgba(0, 0, 0, 0.5);
}

.pp-tile-11.frame-pp2.frame-has-backgroundimage.frame-layout-default .frame-inner p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .pp-tile-11.frame-pp2.frame-has-backgroundimage.frame-layout-default .frame-inner p {
        bottom: 0;
        position: absolute;
    }

    .frame-pp1 .frame-header {
        padding: 0.5rem 1rem;
    }


    .frame-pp1 .frame-inner p {
        padding: 30px 	20px;
    }
    .frame-type-header .frame-inner {
        padding: 0;
        align-items: flex-start;
        display: flex;
        min-height: inherit;
    }
}

.frame-pp3 .frame-inner {
    border: 0;
    background: var(--frame-background);
    color: inherit;
}

.pp-tile.frame-pp3.frame.pp-tile-11 .frame-inner {
    margin-top: 37% !important;
    justify-content: start;
    width: 100%;
}

.pp-tile.frame-pp3.frame.pp-tile-11 .frame-header {
    position: inherit;
    padding-top: 0.5rem;
}

.pp-tile.frame-pp3 .frame-backgroundimage {
    background-position: center top;
    background-size: contain;
}


.pp-tile-11 .frame-header {
    position: absolute;
    top: 0;
    padding-top: 1.5rem;
    padding-top: var(--frame-spacing);
    padding-right: var(--frame-spacing);
    width: 100%;
}


.pp-tile-11 .frame-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.pp-tile-11 .frame-inner p {
    padding-bottom: 0;
    padding-top: 0
}

.pp-tile-11 .frame-inner p:not(:last-child) {
}


.pp-tile-11.frame-pp2 .frame-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 120px !important;
}



.frame.pp-tile-11 .frame-inner p:not(:last-child) {
    bottom: 0;
    padding-right: 2rem;
    margin-bottom: 0;
}

/*
.frame-pp1.frame.pp-tile-11 .frame-inner p:not(:last-child) {
    position: absolute;
    bottom: 0;
     padding: 2rem 4rem 1rem 2rem;

}
*/

.frame-pp1 .frame-inner p:not(:last-child) {
    padding: 1rem 2rem;
    font-size: 1.125rem;
    background: rgba(0, 0, 0, 0.6);
    padding: 0.5rem 4rem 0.5rem 2rem;
    margin-bottom: 0;
    min-height: 30%;
    align-items: center;
    display: flex;
    width: 100%;
}


.frame-type-ws_slider {
    margin-top: 0;
    padding-top: 0;
}


.flag-mehr-news:before {
    content: "Mehr News";
}

.download-multiple {
    margin-top: 0;
    padding-top: 0;
    background: #fff;
}

.download-multiple .frame-container {
    max-width: inherit;
}

.download-multiple .frame-header {
    padding: 2rem 2rem;
    background: #4A4A4A;

    margin: 0;
    align-items: center;
    display: flex;
    height: 120px;
}

.download-multiple .frame-header h2 {
    color: #fff !important;
}


.download-multiple .descr {
    font-size: 1.0625rem
}

.download-multiple .filelink-item {
    border-top: 1px solid #000;
    min-height: 90px;
    margin: 0;
    align-items: center;
    display: block;
    width: 100%;
    background: var(--frame-background);
}

.download-multiple .filelink-heading a {
    width: 100%;
    padding: 0.5rem 2rem;
    padding-right: 4rem;
    min-height: 90px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownloadgreen.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 45px 45px;
}


.download-multiple .filelink-heading a:hover {
    opacity: 0.8
}

.download-multiple .filelink-filesize {
    margin-left: 2rem;
    font-size: 80%;
    transform: translateY(-2rem);
    display: inline-block;
}

.download-multiple:after, .serviceansprechpartner:after {
    content: "";
    height: 2rem;
    width: 100%;
    display: block;
    background-image: linear-gradient(-45deg, #1d1d1b 15%, #ffffff 15%, #ffffff 50%, #1d1d1b 50%, #1d1d1b 65%, #ffffff 65%, #ffffff 100%);
    background-size: 14.14px 14.14px;
}


.frame-pp1.download-single .filelink-filedescription {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    padding: 2rem 4rem 2rem 2rem;
}

.frame-pp1.download-single .filelink-body a {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownloadgreen.svg);
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.frame-pp1.download-single .filelink-body a .filelink-filename {
    display: none;
}

.group-presse-bottom {
    background: linear-gradient(180deg, #FFF 30px, #EAEAEA 30px, #EAEAEA 452px, #FFF 452px);
    margin-top: 90px !important;
    margin-bottom: 60px !important;
    padding-top: 0;
}

.group-presse-bottom .row > .ce-col:last-child {
    margin-top: -120px;
}


.group-service-bottom {
    margin-top: 240px !important;
    margin-bottom: 60px !important;
    padding-top: 0
}

.group-service-bottom .row > .ce-col:nth-child(2) {
    margin-top: -120px;
}

.group-home-bottom {
    background: linear-gradient(180deg, #FFF 120px, #EAEAEA 120px, #EAEAEA 100%);
    padding-top: 0;
}


.group-bg-bottom {
    padding-top: 0;
    background: linear-gradient(180deg, #EAEAEA 400px, #FFF 400px);
}

.group-netzwerk-top .row > .ce-col:last-child {
    margin-top: 120px;
}

.align-on-bottom {
    position: absolute;
    bottom: 0;
}


.frame-alle-partner {
    padding-top: 0
}

.frame-alle-partner .frame-header {
    margin-bottom: 0;
}

.frame-alle-partner .frame-inner p {
    padding: 0;
}


.partnerwerdengif {
}

@media (max-width: 767px) {
    .frame-type-ws_slider {
        margin-bottom: 0px;
    }
}

/* Social Media Links on Page */

.social-media-links-page, .partner-links-page {
    margin: 0 auto;
    margin-bottom: -120px;
    background: transparent;
    max-width: 1200px;
}




.newsletter-links-page {
    margin: 0 auto;
    margin-top: -120px;
    background: transparent;
    max-width: 1200px;
        position: relative;
    z-index: 100;
    padding-top:0;
    margin-bottom:-30px;
  
}

.newsletter-links-page .frame-inner{ 
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.7);}

.newsletter-links-page .frame-header {
    margin-bottom: 0;
    
}




.social-media-links-page > div, .partner-links-page > div{
    max-width: 400px;
    background: #fff;
    margin-left: auto;
}


.newsletter-links-page > div {
max-width: 380px;
    width: calc(33.33% - 20px);
    background: #fff;
    margin-left: auto;
}

.social-media-links-page .sociallinks-item {
    width: auto;
}

.social-media-links-page .sociallinks-link-icon {
    font-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
}

.social-media-links-page .sociallinks-link-icon {
    font-size: 2rem;
    text-align: center;
    opacity: 1;
    vertical-align: middle;
}

.social-media-links-page a:not(.btn) {
    color: var(--frame-background);
    margin-right: 1em;
}

.social-media-links-page .sociallinks-link-label {
    display: none;
}

.social-media-links-page .frame-header, .partner-links-page .frame-header, .newsletter-links-page .frame_header {
    margin-bottom: 0
}

.social-media-links-page .frame-header h3, .partner-links-page .frame-header h3, .newsletter-links-page .frame-header h3{
    background: var(--frame-background);
    padding: 1.5rem 2rem;
    align-items: center;
    display: flex;
    height: 120px;
    font-size: 1.43rem;
    margin-bottom: 0;
}

.social-media-links-page .frame-inner, .partner-links-page .frame-inner{
    padding: 0 !important;
    height: 240px;
}
.newsletter-links-page .frame-inner{
    padding: 0 !important;
    height: 120px;
       font-size: 1.2rem;
}

.newsletter-links-page .frame-inner p{ text-transform:uppercase;}

.social-media-links-page .frame-header .element-subheader {
    font-size: 1rem;
    font-weight: normal;
    padding: 0 1.5rem;
    height: 50px;
    line-height: 50px;
    color: #000;
}

.partner-links-page .frame-inner p:not(:last-child) {
    color: #000;
    padding: 0.5rem 8rem 0.5rem 1.5rem;
    margin: 0;
    height: 120px;
    display: flex;
    align-items: center;
}
.newsletter-links-page .frame-inner p:not(:last-child) {
    color: #000;
    padding: 0.5rem 3rem 0.5rem 1.5rem;
    margin: 0;
    height: 120px;
    display: flex;
    align-items: center;
}

.social-media-links-page .sociallinks {
    padding: 0 1.5rem;
    height: 40px;
}

.partner-links-page .frame-header, .newsletter-links-page  .frame-header {
    font-size: 1rem;
    font-weight: normal;
    color: #fff;
}

.partner-links-page .frame-header h3, .newsletter-links-page  .frame-header h3 {
    margin-bottom: 0;
}

.partner-links-page {
    margin-bottom: -120px;
}
.newsletter-links-page{  margin-top: -120px;}

.partner-links-page a.link-arrow, .newsletter-links-page  a.link-arrow{
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttonlinkred.svg);
}


.newsletterteaser .frame-inner {padding:0; background:#007256;padding-left:140px}
.newsletterteaser{margin-top:1.4rem;    margin-bottom: -2rem;}
.newsletterteaser a{color:#fff !important;}
.newsletterteaser a:before{content:"";
    background-color:#94C356;
    background-image:url('/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Icons/newsletter.svg');
    background-repeat:no-repeat;
    background-position:center;

   width:120px;
    height:120px;
       position: absolute;
    margin-bottom: 0;
    top: 0;
    left:0;
}
.newsletterteaser a:after{content:"";
background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow.svg) right center no-repeat rgb(255, 255, 255);
    width: 45px;
    height: 45px;
    display: inline-block;
    border: 0;
    color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}


/* Downloads */

.download-multiple a.morelink {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-green-up.svg);
}

.download-multiple a.morelink[href*="/fileadmin/"] {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownloadgreen.svg);
}

.download-multiple .frame-header h3 {
    color: white !important
}

.download-multiple .frame-inner.color-0, .download-multiple .frame-inner.color-1 {
    background: #fff
}

.download-multiple .frame-inner.color-2 {
    background: #e9e9e9
}

.download-multiple .frame-inner.color-3 {
    background: #e9e9e9
}

.download-multiple .frame-inner.color-0 .frame-header {
    background: #4A4A4A;
}

.download-multiple .frame-inner.color-1 .frame-header {
    background: #00AA83;
}

.download-multiple .frame-inner.color-2 .frame-header {
    background: #4A4A4A;
}

.download-multiple .frame-inner.color-3 .frame-header {
    background: #00AA83;
}

.download-multiple .frame-inner.color-3 .filelink-item {
    min-height: 45px;
}

.download-multiple .frame-inner.color-3 .filelink-heading a {
    padding: 0rem 2rem;
    min-height: 45px;
}

.download-multiple .frame-inner.color-3 a.morelink {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/arrowrightred.svg);
}

.download-multiple .frame-inner.color-3 a.morelink[href*="/fileadmin/"] {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownloadtrans.svg);
}

.row > div > .frame.download-multiple .frame-inner {
    padding: 0
}


.frame-type-moreinfo .filelink-heading {
    font-size: 1.25rem;
}

.morelink-link {
    color: #000;
}

.filelink-heading {
    margin-bottom: 0;
}

h4.filelink-heading {
    font-size: 1.25rem;
    /*margin-top: 1rem;*/
    margin-bottom: 1rem;
    font-weight: bold;
}

.download-multiple .frame-inner.color-3 h4.filelink-heading {
    margin-bottom: 0;
}

h5.morelink-subline {
    color: #000;
    text-transform: none;
    font-size: 1rem;
    padding-right: 3rem;
    padding-top: 1rem;
}

/* flexslider */

/* Numbers on Flexslider */

.flexslider{border:0 !important}

.flexslider .flex-control-paging li a {
    /* display: none; */
    width: 11px;
    height: 11px;
    display: none !important;
    background: none;
    background: none;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 20px;
    border-radius: 0;
}

.flexslider .flex-control-paging li a.flex-active {
   
    background: none !important;
    display: inline !important;
    color: #000;
}

.flexslider .flex-control-nav li {
    margin: 0 !important;
    display: inline-block;
    zoom: 1;
    *display: inline;
}


.factslider>div>div>.flexslider .caption-wrapper{display:none !important}

.factslider .slides li div.caption-wrapper {background:none;}
.modal-body .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 12px;
    text-align: center;

}


.flexslider .caption-wrapper {
    position: relative
}

.flexslider p.caption-title {
    margin-bottom: 0;
}

.flexslider .caption-text {
    position: absolute;
    width: inherit;
}


.flexslider .flex-direction-nav a {
    top: inherit;
    margin: inherit;
    width: 50px;
}

.flexslider .flex-direction-nav .flex-next {
    right: 0px;
    opacity: 1;
}

.flexslider.flex-direction-nav .flex-prev {
    left: 0px;
    opacity: 1;
}

.flexslider .flex-direction-nav a:hover {
    opacity: 0.7
}

.flexslider .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: ' ' ;
    text-shadow: none;
    width: 50px;
    height: 50px;
    background-position: center;
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/ArrowRight.svg);
}

.flexslider .flex-direction-nav a.flex-prev:before {
    content: ' ';
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/ArrowLeft.svg);
}

.flex-direction-nav .flex-prev {
    left: 0 !important;
    opacity: 1;
}

.flexslider .flex-direction-nav a.flex-next:before {
    content: ' ';
}

.flexslider {
    border: 0
}

.flexslider:hover .flex-direction-nav .flex-prev {
    left: 0px !important;;
}

.flexslider:hover .flex-direction-nav .flex-next {
    right: 0px !important;;
}

.flexslider .caption-align-left .caption-text {
    left: inherit;
    bottom: 0;
    top: inherit;
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;

}


/* swiper like flexslider */

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
      
}

.swiper-button-next:after, .swiper-button-prev:after {
    content: "" !important;
      width: 50px;
    height: 50px;
    background-position: center;
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/ArrowRight.svg);
}

.swiper-button-prev:after {
        background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/ArrowLeft.svg);
    
}

.swiper .swiper-button-next,.swiper .swiper-button-prev{
    top:unset;
    bottom:0
}

.swipnav {
   margin-left: calc(33.3% + 1rem);
    padding-left: calc(66.6% - 2rem);
    position: absolute;
    bottom: 1rem;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active){display:none;}
.swiper-pagination-bullet, .swiper-pagination-bullet-active{pointer-events:none; background:unset !important; width:auto !important;}


.swiper .swiper-pagination {
    margin-bottom: 0;
    position: inherit;
}


/* Slider Kampagneninfos */
#slider-kampagneninfos {    margin-bottom: 7rem !important;}
#slider-kampagneninfos .slidercontent{display:flex !important;flex-direction: row-reverse;   background:#E9E9E9}
#slider-kampagneninfos .slidercontent>img{width:66.6%; height: fit-content;}
#slider-kampagneninfos .slidercontent>.caption-wrapper{width:33.4%; 
    position: relative;
       background:#E9E9E9;
     padding: 1rem 1rem 0.5rem 1rem;
    padding-top: 1.5rem;
 }

#slider-kampagneninfos .flexslider .caption-text {
    padding: 1rem;
    width: 100%;
}

#slider-kampagneninfos .caption-title{font-size:1.5rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
    margin-bottom:1rem;
}

/*
#slider-kampagneninfos header{position:absolute; z-index:10;padding:1rem 2rem}
*/
#slider-kampagneninfos header h2
{
/*font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: 130%;*/

   margin-bottom:1rem;}





.frame .caption-text p {

}

.flexslider .caption-text {
    position: relative;
    width: inherit;
}

.flexslider .caption-title {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.flexslider .caption-wrapper {
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}

@media(max-width: 767px) {
    .flexslider {
        margin: 0 0 50px;
    }
    .flexslider .caption-wrapper {
        padding: 0;
    }
}

/* links zu insta und facebook */
.instafbtab {
    padding-top: 0;
    margin-top: -30px !important;
}

.instafbtab .tab-pane-content-left .tab-pane-content-item {
    width: 100%;
}

.instafbtab .tab-pane-content-text {
    position: absolute;
    height: calc(100% - 29px);
}

/* owl slider */


.tab-slider .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.thecounter {
    display: none
}

.tab-slider {
    overflow: hidden;
}

.tab-slider .owl-item:not(.active) img {
    filter: brightness(0.5);
}

.owl-item .img-fluid.mb-4 {
    margin-bottom: 0 !important
}

.owl-nav div {
    position: absolute
}

.owl-nav div:hover {
    opacity: 0.7
}

.owl-nav div:before {

    display: inline-block;
    content: ' ';
    text-shadow: none;
    width: 30px;
    height: 30px;
    background-position: center;
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/arrowrightwhite.svg);
    background-size: cover;
}

.owl-nav div.owl-prev:before {
    content: ' ';
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/arrowleftwhite.svg);
}

.owl-nav div.owl-prev {
    left: 0
}

.owl-nav div.owl-next {
    right: 0
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 0;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.owl-theme .owl-nav {
    margin-top: 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    top: 45%;
    width: 100%;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}

.owl-nav div.owl-prev {
    left: 10px
}

.owl-nav div.owl-next {
    right: 10px
}

@media (min-width: 1300px) {
    .owl-nav div.owl-prev {
        left: -55px
    }

    .owl-nav div.owl-next {
        right: -55px
    }

    .slider-partnervorteile .owl-nav div.owl-prev {
        left: -75px
    }

    .slider-partnervorteile .owl-nav div.owl-next {
        right: -75px;
    }

    .slider-schwerpunkte .owl-nav div.owl-prev {
        left: 30px
    }

    .slider-schwerpunkte .owl-nav div.owl-next {
        right: 30px
    }
}

.owl-theme .caption-wrapper {
    background: #888686;
}

.owl-theme .caption-wrapper p {
    font-size: 1rem;
}

.owl-theme .caption-text {
    padding: 0.1rem 1rem;
    min-height: 73px;
}

.owl-theme .caption-wrapper .link-external {
    position: relative;
    color: black;
    display: inline-block;
    width: auto;
    white-space: nowrap;
    width: auto;
    font-weight: 900;
    line-height: 2.75rem;
    padding-left: 1rem;
    padding-right: 65px;
    background-color: transparent;
}

.owl-theme .caption-wrapper .link-external:before {
    content: "";
    background-color: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 49px;
    position: absolute;
    z-index: -1;
}

#c421 .owl-nav div:before {
    width: 40px;
    height: 40px;
}

#c421 .owl-theme .owl-nav [class*='owl-'] {
    width: 40px;
    height: 40px;

}

/* tab navigation */

.tab-navigation .nav-tabs button {
    text-transform: uppercase;
    font-size: 1.1rem;
    color: black !important;
    background: #DAD9D9;
    line-height: 30px;
    display: inline-table;
    padding: 0 5px;
    font-weight: bold;
    border: 0;
}

.tab-navigation .nav-tabs .nav-link.active {
    background: #000;
    color: white !important;
}

.tab-navigation {
    margin-bottom: 0;
}

.tab-content {
    padding: 0;
    padding-bottom: 0;
}

.nav-tabs {
    border: 0;
}

@media (min-width: 768px) {
    .tab-navigation .nav-tabs button {
        height: 30px;
    }
}


/* slider antisemitismus */
.theimgtitle {
    display: none
}

.slider-antisem .theimgtitle {
    position: absolute;
    display: inline-block;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-align: center;
    padding: 2rem 3rem;
}

.slider-antisem .theimgwrapper {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
}

.slider-antisem .caption-wrapper {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    overflow-y: scroll;
    max-height: 800px;
}


@media (min-width: 768px) {
    .slider-antisem .owl-item > div {
        display: flex;
    }

    .slider-antisem .caption-wrapper {
        max-height: 50vw;
    }
}

@media (min-width: 1200px) {
    .slider-antisem .caption-wrapper {
        max-height: 610px;
    }
}


.slider-antisem .owl-theme .caption-wrapper p {
    font-size: 1.125rem;
    font-size: 1.0625rem
}

.slider-antisem .owl-theme .caption-wrapper p strong {
    font-size: 1.25rem;
    text-transform: uppercase
}

.slider-antisem .caption-body {
    padding: 1rem;
}

.slider-antisem .owl-theme .owl-stage .owl-item .caption-wrapper {
    background: transparent;
}

.slider-antisem .owl-theme .caption-text {
    padding: 0.1rem 1rem;
    min-height: 73px;
}

.slider-antisem .theimgtitle {
    font-weight: bold;
    text-transform: uppercase;
}

.slider-antisem .theimgtitle p.descr {
    font-size: 1.125rem;
}

.slider-antisem .theimgtitle p.ttle {
    font-size: 0.75rem;
    margin-bottom: 0
}

.slider-antisem .owl-theme .owl-stage .owl-item:nth-child(4n+3) {
    background: #00AA83
}

.slider-antisem .owl-theme .owl-stage .owl-item:nth-child(4n+4) {
    background: #F49303
}

.slider-antisem .owl-theme .owl-stage .owl-item:nth-child(4n+1) {
    background: #4F91CD
}

.slider-antisem .owl-theme .owl-stage .owl-item:nth-child(4n+2) {
    background: #F4B3CA
}

.slider-antisem .owl-theme .owl-stage .owl-item.active:before {
    content: "";
    height: 100%;
    height: 100%;
    width: 100px;
    display: block;
    /* background: #f00;*/
    position: absolute;
    left: -100px;
}

.slider-antisem .owl-theme .owl-stage .owl-item:nth-child(4n+3):before {
    background: #00AA83
}

.slider-antisem .owl-theme .owl-stage .owl-item:nth-child(4n+4):before {
    background: #F49303
}

.slider-antisem .owl-theme .owl-stage .owl-item:nth-child(4n+1):before {
    background: #4F91CD
}

.slider-antisem .owl-theme .owl-stage .owl-item:nth-child(4n+2):before {
    background: #F4B3CA
}

/* slider-schwerpunkte */
.slider-schwerpunktem .theimgwrapper {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
}

.slider-schwerpunkte .caption-wrapper {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    overflow-y: scroll;
    max-height: 800px;
    flex-direction: column;
    justify-content: center;
}


.slider-schwerpunkte .caption-wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none;
}

.slider-schwerpunkte .tab-navigation {
    margin-left: 0;
}

@media (min-width: 768px) {
    .slider-schwerpunkte .owl-item {
        opacity: 0;
    }

    .slider-schwerpunkte .owl-item.active {
        opacity: 1;
    }

    .slider-schwerpunkte .owl-item > div {
        display: flex;
        max-width: 1200px;
        margin: 0 auto;
    }

    .slider-schwerpunkte .caption-wrapper {
        max-height: 50vw;
    }

    .slider-schwerpunkte .tab-navigation {
        max-width: 1200px;

        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .slider-schwerpunkte .caption-wrapper {
        max-height: 610px;
    }

    .slider-schwerpunkte .theimgwrapper img {
        width: 500px;
        height: auto
    }
}

.slider-schwerpunkte .frame-container.frame-container-default {
    max-width: inherit;
}

.slider-schwerpunkte .owl-carousel .owl-item img {
}

.slider-schwerpunkte .owl-theme .caption-wrapper p {
    font-size: 1.125rem;
    font-size: 1.0625rem
}

.slider-schwerpunkte .owl-theme .caption-wrapper p strong {
   /* font-size: 1.25rem;
    text-transform: uppercase*/
}

.slider-schwerpunkte .owl-theme .caption-wrapper a:not(.link-external) {
    color: white;
    text-decoration:underline;
    font-weight:bold;
    text-transform:capitalize;
}


.slider-schwerpunkte .caption-body {
    padding: 1rem;
    color: white;
}

.slider-schwerpunkte .owl-theme .owl-stage .owl-item .caption-wrapper {
    background: transparent;
}

.slider-schwerpunkte .owl-theme .caption-text {
    padding: 0 1rem ;
    min-height: 73px;
}

.slider-schwerpunkte .owl-theme .caption-text h4 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1.35;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.slider-schwerpunkte .owl-theme .caption-wrapper {
    background: transparent;
    overflow: hidden;
}


.slider-schwerpunkte .owl-theme .owl-stage .owl-item:nth-child(4n+1) {
    background: var(--secondary-green);
}

.slider-schwerpunkte .owl-theme .owl-stage .owl-item:nth-child(4n+2) {
    background: var(--mid-gray);
}
.slider-schwerpunkte .owl-theme .owl-stage .owl-item:nth-child(4n+3) {
    background:  var(--primary-green);
}

.slider-schwerpunkte .owl-theme .owl-stage .owl-item:nth-child(4n+4) {
    background: var(--mid-green);
}


.slider-schwerpunkte.slider-2color .owl-theme .owl-stage .owl-item:nth-child(2n+2) {
    background: #007256
}

.slider-schwerpunkte.slider-2color .owl-theme .owl-stage .owl-item:nth-child(2n+1) {
    background: #007256
}


.slider-schwerpunkte.spflotten .owl-theme .owl-stage .owl-item:nth-child(4n+1) {
    background: var(--secondary-green);
}

.slider-schwerpunkte.spflotten .owl-theme .owl-stage .owl-item:nth-child(4n+2) {
    background: var(--mid-gray);
}
.slider-schwerpunkte.spflotten .owl-theme .owl-stage .owl-item:nth-child(4n+3) {
    background:  var(--mid-green);
}

.slider-schwerpunkte.spflotten .owl-theme .owl-stage .owl-item:nth-child(4n+4) {
    background: var(--primary-green);
}


/*
.slider-schwerpunkte .owl-theme .owl-stage .owl-item {
    max-width: 1402px;
}
.slider-schwerpunkte .owl-theme .owl-stage .owl-item > div {
	max-width:1200px;
	margin: 0 auto;
	display:flex
}

.slider-schwerpunkte .frame-container {
    max-width: 1402px; clip-path: inset(0 2px);
}
.slider-schwerpunkte	.tab-navigation{  max-width: 1200px; margin: 0 auto;    margin-top: 1rem;}
*/

/* slider arbeiten bei berlin partner*/

.slider-arbeitenbeibp {
}

.slider-schwerpunkte.slider-arbeitenbeibp .owl-theme .owl-stage .owl-item {
    background: #00AA83;
}

.slider-arbeitenbeibp h3 {
    font-weight: bold;
    font-size: 1.25rem;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 2rem;
}

.slider-arbeitenbeibp .caption-body {
    padding: 1rem;
    padding-right: 3rem;
}

/* slider partnervorteile */

@media (min-width: 1400px) {
    .tab-slider {
        width: calc(100% + 2px) !important;
        clip-path: inset(0 4px 0 0);
        clip-path: inset(0 3px 0 0);
    }
}

.slider-partnervorteile .owl-item > div .caption-wrapper {
    background: transparent;
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item {
    opacity: 0;
    transition: opacity 300ms;
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item.active {
    opacity: 1;
}

.slider-partnervorteile .owl-theme .owl-stage {
    background: #007256;
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item > div {
    padding: 2rem;
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item > div {
    background-color: white;
    margin: 1rem 10px 30px 30px;
    min-height: 366px;
}


.slider-partnervorteile .owl-theme .owl-stage .owl-item li h3 {
    color: #007255;
    margin-top: 1rem;
}

.slider-partnervorteile .frame-container {
    max-width: 1200px;
}

.slider-partnervorteile .tab-navigation {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 1rem;
}

.slider-partnervorteile .theimgwrapper img {
    height: 70px;
}

.slider-partnervorteile .owl-theme .caption-wrapper .caption-title {
    font-weight: bold;
    font-size: 1.625rem;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    max-width: 55%;
    margin: 0 auto;
    min-height: 30px;
}

.slider-partnervorteile .owl-theme .caption-text {
    padding: 0;

}

.slider-partnervorteile ul.list-normal {
    display: flex;
    list-style: none;
    padding: 0;
    padding-bottom: 2rem;
    margin-left: 3rem;
    margin-right: 3rem;
}

.slider-partnervorteile ul li {
    text-align: center;
    background: #fff;
    margin: 1rem;
    padding: 8rem 2rem 6rem 2rem;
    flex: 1 1 0px;
    font-size: 1.0625rem;
    line-height: 1.33;
}


.slider-partnervorteile ul li {
    background-image: url(/fileadmin/images/icons/netzwerk/A-1.svg);
    background-repeat: no-repeat;
    background-position: center 18%;
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item:nth-child(3n+3) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/netzwerk/A-1.svg);
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item:nth-child(3n+3) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/netzwerk/A-2.svg);
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item:nth-child(3n+3) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/netzwerk/A-3.svg);
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item:nth-child(3n+1) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/netzwerk/B-1.svg);
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item:nth-child(3n+1) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/netzwerk/B-2.svg);
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item:nth-child(3n+1) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/netzwerk/B-3.svg);
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item:nth-child(3n+2) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/netzwerk/C-1.svg);
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item:nth-child(3n+2) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/netzwerk/C-2.svg);
}

.slider-partnervorteile .owl-theme .owl-stage .owl-item:nth-child(3n+2) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/netzwerk/C-3.svg);
}

@media (min-width: 1300px) {
    .slider-partnervorteile ul.list-normal {
        margin: -1rem;
    }
}

@media (max-width: 767px) {
    .slider-partnervorteile ul.list-normal {
        display: block;
    }
    .slider-partnervorteile .owl-theme .owl-stage .owl-item > div {
        margin: 1rem 10px 30px 10px;
    }
}


.serviceansprechpartner {
    padding-top: 0
}

.serviceansprechpartner ul.list-normal {
    list-style: none;
    padding: 0;
    max-height: 500px;
}

.serviceansprechpartner ul li {
    padding: 0.5rem 2rem;
}

.serviceansprechpartner ul li:nth-child(odd) {
    background: white
}


.serviceansprechpartner ul.list-normal {
    overflow-y: auto;
    overflow: overlay;

}


.slider-services h4 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.slider-partnervorteile.slider-services ul li {
    padding: 6rem 2rem 3rem 2rem;
}

.slider-partnervorteile.slider-services ul li {
    background-position: center 10%;
}

.slider-services h3, .slider-services p {
    color: #007256;
    text-align: center;
}

.slider-services header h3 {
    color: white;
    text-transform: none;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.slider-services .owl-theme .caption-wrapper ul li p {
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 1rem;
}


.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+3) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/services/A1.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+3) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/services/A2.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+3) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/services/A3.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+3) li:nth-child(4) {
    background-image: url(/fileadmin/images/icons/services/A4.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+4) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/services/B1.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+4) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/services/B2.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+4) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/services/B3.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+5) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/services/C1.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+5) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/services/C2.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+5) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/services/C3.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+6) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/services/D1.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+6) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/services/D2.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+6) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/services/D3.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+7) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/services/E1.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+7) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/services/E2.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+7) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/services/E3.svg?1);
}


.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+1) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/services/D1.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+1) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/services/D2.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+1) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/services/D3.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+2) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/services/E1.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+2) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/services/E2.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+2) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/services/E3.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+8) li:nth-child(1) {
    background-image: url(/fileadmin/images/icons/services/F1.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+8) li:nth-child(2) {
    background-image: url(/fileadmin/images/icons/services/F2.svg?1);
}

.slider-partnervorteile.slider-services .owl-theme .owl-stage .owl-item:nth-child(5n+8) li:nth-child(3) {
    background-image: url(/fileadmin/images/icons/services/F3.svg?1);
}


/* slider Karriere */

.slider-karriere {
    background: #00AA83;
    background: linear-gradient(
            180deg, #FFF 30px, #00AA83 30px);
}

.owlmobile .owl-theme .owl-dots {
    display: none;
}

.slider-karriere .tab-content {
    margin-left: -15px;
    margin-right: -15px;
}


.slider-karriere .owl-item {
    padding: 2rem 1rem;
}

.slider-karriere .owl-item > div {
    background: #fff;
    padding: 1rem;
    height: 100%;
}

.slider-karriere .owl-theme .caption-wrapper {
    background: transparent;
    color: #00AA83;

}

.slider-karriere .owl-theme .caption-wrapper p {
    font-size: 1.0625rem;
}

.slider-karriere .owl-theme .caption-wrapper p.caption-title {
    font-weight: bold;
    font-size: 1.25rem;
    text-align: center;
    text-transform: uppercase;
}

.slider-karriere .owl-carousel .owl-item .theimgwrapper {
    height: 100px;
    display: flex;
    align-items: center;
}

.slider-karriere .owl-carousel .owl-item img {
    height: auto;
    display: inline-block;
    max-width: 82px;
    margin: 0 auto;
}


.slider-karriere.tab-slider .owl-carousel .owl-stage-outer {
    overflow: hidden !important;

}

/* slider facts */


.sliderfacts .carousel .item {
    height: auto;
    background: transparent;
}

.sliderfacts .carousel .carousel-content-inner {
    padding-top: 0;
}

.sliderfacts .carousel .carousel-control-prev-icon {
    margin-left: -7.5% !important;
}

.sliderfacts .carousel .carousel-control-next-icon {
    margin-right: -7.5% !important;
}

.sliderfacts .carousel .carousel-control-icon:before {
    font-size: inherit;
}

.sliderfacts .carousel-indicators {
    display: none
}


.business-services-home.pp-tile-11:before {
    margin-top: calc(100% + 100px);
}

/* HOmepage */

.top-icon-nachhaltig .frame-container:before, .top-icon-lupe .frame-container:before, .top-icon-handshake .frame-container:before {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(/fileadmin/images/aktuelles/icons/icon_nachhaltigkeit.png);
    background-repeat: no-repeat;
    z-index: 2;
}

.top-icon-handshake .frame-container:before {
    background-image: url(/fileadmin/images/aktuelles/icons/icon_handshake.png);
}

.top-icon-lupe .frame-container:before {
    background-image: url(/fileadmin/images/aktuelles/icons/icon_lupe.png);

}


.tabs-home .tab-navigation .nav-tabs .nav-link {
    background: #FFF;
    color: black !important;
    width: 33.3%;
    height: 90px;
    padding-top: 50px;
    font-size: 0.9rem;
    position: relative;
}

.tabs-home .tab-navigation .nav-tabs .nav-link:before {
    content: "";
    position: absolute;
    height: 80%;
    width: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/tab-event.svg);
    background-repeat: no-repeat;


}

.tabs-home .tab-navigation .nav-tabs .nav-link:nth-child(2) {
    background: #EAEAEA
}

.tabs-home .tab-navigation .nav-tabs .nav-link:nth-child(2)::before {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/tab-blog.svg);
}

.tabs-home .tab-navigation .nav-tabs .nav-link:nth-child(3)::before {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/tab-mail.svg);
}

.tabs-home .tab-navigation .nav-tabs .nav-link.active:before {
    filter: invert(1);
}

.tabs-home .tab-navigation .nav-tabs .nav-link.active {
    background: #007256;
    color: white !important;
}

/* Veranstaltungen Listing Homepage */

.veranst-home:before {
    content: "Events";
    padding-top: 55px;
    height: 90px;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    display: block;
    background-color: #94C356;
    color: #fff;
    background-position: center 15px;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/tab-event-wt.svg);
    background-repeat: no-repeat;

}

.veranst-home ul, .podcastslinkshomepage ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.veranst-home .article.teasing {
    position: relative;
    display: block;
}

.veranst-home .article.teasing:nth-child(odd) {
    background-color: #FFF
}

.veranst-home .article.teasing:nth-child(even) {
    background-color: #EAEAEA
}

.veranst-home h3 {
    padding: 1rem 3.5rem 0.5rem 1rem;
    font-weight: bold;
    margin-bottom: 0;
}

.veranst-home .frame-header {
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.veranst-home .article.teasing a.link-arrow {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-green-up.svg)
}

.veranst-home:after, .kartekontakt:after, .kartekontakt:before {
    content: "";
    height: 2rem;
    width: 100%;
    display: block;
    background-image: linear-gradient(45deg, #1d1d1b 15%, #ffffff 15%, #ffffff 50%, #1d1d1b 50%, #1d1d1b 65%, #ffffff 65%, #ffffff 100%);
    background-size: 14.14px 14.14px;
}

.event-home-date {
    margin-left: 1rem;
    padding-bottom: 1rem;
}

.event-home-date time {
    font-size: 1.125rem;
}

.kartekontakt iframe {
    margin-bottom: -6px !important;
}


.veranst-home .frame-container {
    padding: 0;
    padding-bottom: 0;
    max-height: calc(465px + 1.5rem);
    overflow: scroll;
}

.veranst-home .frame-container::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none;
}

.veranst-home {
    padding-top: 0;
    z-index: 10;
    position: relative;
    margin-top: calc(-90px - 1.5rem);
}


/* Veranstaltungen Listing Aktuelles */

.article-list-events-news {
    background: #e9e9e9;
    min-height: 300px;
}

.event-list-date-location {
    background: #00AA84;
    color: #fff;
    position: relative;
    height: 100%;
}

.event-list-date-location h3 {
    color: #fff
}

.event-list-image {
    background: #007256
}


.podcastslinkshomepage h4 {
    font-size: 1.0625rem;
    font-weight: bold;
    margin-bottom: 4px;
    text-decoration: none;
    color: #000;
}

.podcastslinkshomepage h5 {
    font-size: 1rem;
    margin-bottom: 0;
    text-decoration: none;
    color: #000;
    text-transform: none
}


.podcast-subline {
}

.podcastslinkshomepage li {
    min-height: 90px;
    display: flex;
    align-items: center;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/tab-blog.svg);
    background-repeat: no-repeat;
    padding-left: 60px;
    background-size: 22px 22px;
    background-position: 20px center;
}

.podcastslinkshomepage a:hover {
    text-decoration: none
}

.podcastslinkshomepage a:hover h4 {
    color: #007256;
}

.podcastslinkshomepage a:hover li {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/tab-blog-hover.svg);
}


.form-check-label input[type="checkbox"] {
    outline: none;
}

.form-check-label input[type="checkbox"]:checked {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Check.svg);
    background-position: -4px -4px;
}

.formular-homepage form .form-group:not(:nth-last-child(2)) label {
    display: none
}

.formular-homepage form input[type=checkbox] {
    margin-top: 0;
}

.formular-homepage form input[type=checkbox] + span {
    display: inline-block;
    transform: translateY(5px);
}

.formular-homepage .form-group {
    margin-bottom: 0.66rem;
}

.formular-homepage .form-actions .submit button {
    background: transparent url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-up.svg);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 3rem;
    box-shadow: none;
    height: 45px;
    display: inline-block;
    border: 0;
    color: black;
    overflow: hidden;
    font-weight: 900;
}

.formular-homepage .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}


.formular-homepage.kontaktseite .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    border: 0;
}

.formular-homepage.kontaktseite {
    margin-bottom: 5rem;
}

.formular-homepage.kontaktseite {
    padding: 0 !important;
}

.formular-homepage.kontaktseite input, .formular-homepage.kontaktseite textarea {
    background: #EAEAEA;
    border: 0;
    padding: 1.1rem;
    border-radius: 0;
    outline: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: inset 0px 0px 0px 0px red;

}

/* fast-forward-plugin */


#fast-forward {
    position: fixed;
    max-width: 1400px;
    bottom: 0;
    transform: translateY(100%);
    transition: transform 0.5s ease;
    z-index: 1500;
}

#fast-forward.active {
    transform: translateY(0%);
}

#fast-forward.active .row {
    box-shadow: 0px -5px 15px 1px rgba(0, 0, 0, 0.4);
}

#fast-forward .row {
    transition: box-shadow 0.5s
}

#fast-forward .row .ff-col {
    padding: 1.75rem 2rem 1rem 1.75rem;
    position: relative;
    background-color: #FFF;
}

#fast-forward .row .ff-col:nth-child(1) {
    background-color: #00AA83;
    color: #fff
}

#fast-forward .row .ff-col:nth-child(2) {
    background-color: #DAD9D9;
    color: #000
}

#fast-forward .row .ff-col:nth-child(3) {
    background-color: #EAEAEA;
    color: #000
}

h3.ff-headline {
    color: #007256;
    font-size: 1.25rem
}

#fast-forward .row .ff-col:nth-child(1) h3.ff-headline {
    color: #FFF
}

#fast-forward .row .ff-col:nth-child(1) a {
    color: #000
}

.ff-description {
}

a.ff-link button {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow.svg) right center no-repeat rgb(255, 255, 255);
    width: 45px;
    height: 45px;
    display: inline-block;
    border: 0;
    color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

a.ff-link button:hover {
    color: transparent;
    opacity: 0.7
}

#fast-forward > div.ff-open-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

#fast-forward button#ff-open {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/ffopen.svg);
    background-repeat: no-repeat;
    border-radius: 0;
    width: 48px;
    height: 48px;
    display: inline-block;
    float: right;
    position: absolute;
    right: 0;
    top: -48px;
    border: 0;
    /* box-shadow: 0px -2px 5px 1px rgb(0 0 0 / 40%);*/
}

#fast-forward.active button#ff-open {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/ffclose.svg);
}

#fast-forward button#ff-open:hover {
    opacity: 0.8
}


/* cookie consent */

#cookieconsent .cc-window {
    color: #727272;
    background-color: #EAEAE9;
    padding: 2rem 0;
}

.cc-window, .cc-revoke {
    z-index: 1100;
}

#cookieconsent .cc-revoke {
}

#cookieconsent a.cc-link {
    display: block;
    color: #252525;
    font-weight: normal;
    line-height: 2;
}

#cookieconsent .cc-btn.cc-deny {
    background-color: #ccc;;
    border: 0
}

#cookieconsent .cc-btn.cc-allow {
    background-color: #007256;
    border: 0;
    font-weight: bold
}

#cookieconsent .cc-message a {
    color: black;
    font-weight: 500;
}

.cc-window.cc-banner .cc-container {
    flex-direction: row;
    align-items: flex-start;
}


.ansprechpartner_slider {
    max-width: 400px;
}

.ansprechpartner_slider .qrcode {
    max-width: 180px;
    margin-top: -3rem;
    margin-bottom: 1rem;
    display: none;
}


.ansprechpartner_slider a.downloadvcf, .ansprechpartner_liste a.downloadvcf {
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownloadwhite.svg);
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    color: transparent !important;
    overflow: hidden;
}

.ansprechpartner_liste a.downloadvcf {
    right: calc(var(--bs-gutter-x) * .5);
}

.ansprechpartner_liste.ansprechpartner_single a.downloadvcf {
    right: 0
}



#kontaktliste-134.ansprechpartner_liste {
  
    background-image: url(/fileadmin/images/icons/Stripes_Black.svg);
    background-repeat: no-repeat;
    background-size: 120px;
    background-position: top 50px right 0px;
}


/* akkordeon */

.accordion-item {
    background-color: #fff;
    border: 0;
    margin-bottom: 1rem;
    position: relative;
}

.frame-type-ce_accordion.frame {
    background: transparent
}

.frame-type-ce_accordion.frame .frame {
    color: #000 !important;
}

.frame-type-ce_accordion.frame .element-header, .frame-type-ce_accordion.frame .element-subheader {
    color: #000;
}

.frame-type-ce_accordion.frame header {
    display: none;
}

.accordion-header {
    margin-bottom: 0;
    height: 120px;
    background: #EAEAEA;
}

.accordion-collapse {
    background: #EAEAEA;
    padding: 0 30px 30px 25%;
}

.accordion-body {
    padding: 1.25rem 1.25rem;
    background: #fff;
}


.accordion .accordion-button {
    background: #EAEAEA;
    padding: 0;
    color: #212121;
    height: 100%;
    color: #fff;
    box-shadow: none;
}

.accordion .accordion-button .hl {
    background: var(--frame-background);
    width: 25%;
    height: 100%;
    padding-left: 2rem;
    display: flex;
    align-items: center;
}

.accordion .accordion-button .thl {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
}

.accordion .accordion-button .thl span {
    font-size: 1.125rem
}

.accordion .accordion-button .sl {
    padding-left: 2rem;
    color: #000
}

.accordion-body:before {
    content: "";
    width: 25%;
    background: #EAEAEA;
}

.accordion-button::after, .accordion-button:not(.collapsed)::after {
    transition: none;

    content: "";
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow.svg) right center no-repeat rgb(255, 255, 255);
    width: 45px;
    height: 45px;
    display: inline-block;
    border: 0;
    color: transparent;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    transform: rotate(
            90deg
    );
}

.event-list-view .accordion-button::after, .event-list-view .accordion-button:not(.collapsed)::after {

    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-red.svg) right center no-repeat rgb(255, 255, 255);
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(
            -90deg
    );
}

/* Partner */

.partnerfilter .news-menu-view ul {
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: space-between;
}

.partnerfilter .load-more {
    margin: 0
}

.partnerfilter .news-menu-view ul a {
    margin-right: 0;
}


.partnerbox {
    padding: 1rem;
    height: calc(150px + 2rem);
}

.partnerbox .inner {
    background-color: #EAEAEA;
    padding: 2rem 5rem;
    height: 150px;
    position: relative;
}

.partnerbox div.logo {
    background-color: #EAEAEA;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-blend-mode: multiply;
    height: 100%;
}

.partnerbox .inner button {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: transparent;
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-red.svg) right bottom no-repeat;
}

.partnerbox .inner button:hover {
    opacity: 0.8
}

.partnerbox div.logo .pname {
    display: none;
}

.partnerbox div.logoempty {
    display: flex;
    height: 100%;
    align-items: center;
}

.partnerbox div.logoempty .pname {
    font-weight: bold;
    text-align: center;
    width: 100%;
    line-height: 1.2;
}

#partnerModal .modal-content {
    background: transparent;
    box-shadow: none;
      
}

#partnerModal .pinfos {
    background: #EAEAEA;
   padding: 2em 3rem;
    margin-bottom: 150px;
}
#partnerModal .pinfos:after{content:"";
position:absolute;
    right:0;
    top:0;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/button-close-white.svg);
    background-size: 50px;
    width:50px;
    height:50px;
    cursor:pointer;
    pointer-events:auto;
}

#partnerModal .padress {
    background: #F39200;
    height: 300px;
    align-self: flex-end;
    padding: 0;
    position: relative;
    pointer-events:all;
}

#partnerModal .partnerlogo {
    background: #fff;
    padding: 1rem 3rem;
    height: 150px;
}

#partnerModal .partnerlogo > div {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-blend-mode: multiply;
    height: 100%;
    width: 100%;
}

#partnerModal .partneradresse {
    color: #fff;
    padding: 0rem 3rem 0 2rem;
    font-size: 1.125rem;
    height: 150px;
    display: flex;
    align-items: center;
}

#partnerModal .partneradresse a{ color: #fff;text-decoration:underline;font-weight:bold;word-break: break-all;}

#partnerModal h2 {
    color: #000;
    margin-bottom: 1rem;
}

/*#partnerModal h2{margin-bottom:0.2rem;}*/
#partnerModal h3 {
    font-size: 1.125rem
}

#partnerModal .modal-content {
    border: 0;
    pointer-events: none;
}

#partnerModal .modal-content .pinfos a{ pointer-events: all;}

#partnerModal .partnerbeschreibung {
    margin-top: 1rem;
    line-height: 1.5;
}

#partnerModal .padress:before {
    content: "";
    display: block;
    width: 120px;
    height: 120px;
    background-image: url(/fileadmin/images/icons/Stripes_White.png);
    position: absolute;
    top: -120px;
}

#partnerModal .interviews {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    flex-direction: column;
}

#partnerModal .zuminterview, #partnerModal .zuminterviewen {
    pointer-events: all;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    background: #fff;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 20px;

    font-size: 1.25rem;
}

#partnerModal .zuminterview:hover, #partnerModal .zuminterviewen:hover {
    color: #007256
}

.smlinks a{  width: 45px;
    height: 32px;
    font-size:0;

    display: inline-block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;}

.smlinks a.link-Instagram, .smlink a.link-instagram{
    background-image:url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Icons/smicons/instagram.svg);
}
.smlinks a.link-Youtube, .smlink a.link-youtube{
    background-image:url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Icons/smicons/youtube.svg);
}
.smlinks a.link-Facebook, .smlink a.link-facebook{
    background-image:url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Icons/smicons/facebook.svg);
}
.smlinks a.link-Linkedin, .smlink a.link-linkedin{
    background-image:url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Icons/smicons/linkedin.svg);
}
.smlinks a.link-X, .smlink a.link-x{
    background-image:url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Icons/smicons/x.svg);
}
.smlinks a.link-Tiktok, .smlink a.link-tiktok{
    background-image:url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Icons/smicons/tiktok.svg);
}


.smlinks {    float: right;}

a.link-Jobs, a.link-Website{font-weight:bold; color:black; text-decoration: underline;;}
a.link-Jobs:after, a.link-Website_:after{content: "→";
 display: inline-block;
    text-decoration: none;
    height:1.05em;
    overflow: hidden;
    padding-left: 0.33rem;}


/* Slider Partner */

.sliderheader{display:flex;justify-content: space-between;}
.sliderheader>div:last-child{display: flex;
    flex-direction: column;
    align-items: flex-end;}

.swiper{background:#E9E9E9}


.partneruntertitel>*{font-size:1.25rem; margin-bottom:0}
.partneruntertitel{margin-bottom:1rem}

.memberships .frame-inner p:last-child strong {
    font-size: 24px;
    text-transform: uppercase;
}

.tab-ausbildungsangebote {
}

.tab-ausbildungsangebote .tab-navigation {
    margin-bottom: 2rem;
    margin-top: 1.5rem;
}

.tab-ausbildungsangebote .nav-tabs .nav-link {
    position: relative;
    display: block;
    color: #212121;
    background-color: #ffffff;
    border: 2px solid #000;
    padding: 0.5rem 1rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-right: 1rem;
    height: inherit;
}

.tab-ausbildungsangebote .nav-tabs .nav-link:hover {
    background: #EAEAEA;
    border-color: #EAEAEA;
}

.tab-ausbildungsangebote .textpic-item {
    padding: 0
}

.tab-ausbildungsangebote .textpic-item.textpic-text {
    padding: 2rem;
}


/* Share Icons */
.social-media-links-page .sociallinks-link-icon {
    font-size: 1.5rem;
    width: 30px;
    height: 30px;
    margin-top: 5px;
}

.bootstrappackageicon::before {
    content: ""
}

.bootstrappackageicon::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bootstrappackageicon-linkedin::before {
    content: "";
    background-image: url(/fileadmin/images/icons/linkedin.svg);
}

.bootstrappackageicon-youtube::before {
    content: "";
    background-image: url(/fileadmin/images/icons/youtube.svg);
}

.bootstrappackageicon-twitter::before {
    content: "";
    background-image: url(/fileadmin/images/icons/twitter.svg);
}

.bootstrappackageicon-facebook::before {
    content: "";
    background-image: url(/fileadmin/images/icons/facebook.svg);
}

#page-footer .sociallinks-link-icon {
    font-size: 1.5rem;
    width: 30px;
    height: 30px;
}

footer .bootstrappackageicon-linkedin::before {
    content: "";
    background-image: url(/fileadmin/images/icons/linkedinwt.svg);
}

footer .bootstrappackageicon-youtube::before {
    content: "";
    background-image: url(/fileadmin/images/icons/youtubewt.svg);
}

footer .bootstrappackageicon-twitter::before {
    content: "";
    background-image: url(/fileadmin/images/icons/twitterwt.svg);
}

footer .bootstrappackageicon-facebook::before {
    content: "";
    background-image: url(/fileadmin/images/icons/facebookwt.svg);
}

/* Expandable Text */

.pp-tile-expand {
    pointer-events: none;
    max-height: 520px;
    transition: all 0.5s;
    overflow: hidden;
    padding-bottom: 30px;
}

.pp-tile-expand.expandit {
    max-height: 100%;
    transition: all 0.5s;
}

.pp-tile-expand p > a {
    pointer-events: all;
}


.pp-tile-expand.expandit:after {
    content: "";
    background-color: var(--frame-background);
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/stripe-.png);
}

.pp-tile-expand:after {
    content: "";
    background-color: var(--frame-background);
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/stripe+.png);
}

.pp-tile-expand:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: 1.7em;
    cursor: pointer;
    pointer-events: all;
    background-repeat: no-repeat;
    background-position: bottom;

}

.tab-ausbildungsangebote .pp-tile-expand {
    max-height: 408px;
    transition: all 0.5s;
}

.tab-ausbildungsangebote .pp-tile-expand.expandit {
    max-height: 100%;
    transition: all 0.5s;
}

.tab-ausbildungsangebote .pp-tile-expand:after {
    background-color: #fff;
    height: 30px;
}


@media (min-width: 768px) {
    .tab-ausbildungsangebote .pp-tile-expand:after {
        width: 100%;;
        background-size: calc(50% + 20px) 30px;
        background-position: left center;
    }
}

/* Animation */

.container-fluid {
    opacity: 0;
}

.pp-type-carousel {
    opacity: 0
}

.pp-type-carousel.in-view {
    opacity: 1;
    transition: opacity 1s
}

.container-fluid.in-view {
    opacity: 1;
    transition: opacity 0.8s
}

.section .row > div, .container-fluid .row > div, .accordion > .accordion-item {
    transform: translateY(50px);
    opacity: 0;
}

.section .row > div.in-view, .container-fluid .row > div.in-view, .accordion > .accordion-item.in-view {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 0.8s, transform 0.8s ease;
}

#headimage .container .row > div {
    transform: translateY(0px);
}


:root {
    --index: 0;
}

*:nth-child(1) {
    --index: 1;
}

*:nth-child(2) {
    --index: 2;
}

*:nth-child(3) {
    --index: 3;
}

*:nth-child(4) {
    --index: 4;
}

*:nth-child(5) {
    --index: 5;
}

*:nth-child(6) {
    --index: 6;
}

*:nth-child(7) {
    --index: 7;
}

*:nth-child(8) {
    --index: 8;
}

*:nth-child(9) {
    --index: 9;
}

*:nth-child(10) {
    --index: 10;
}

*:nth-child(11) {
    --index: 11;
}

*:nth-child(12) {
    --index: 12;
}

*:nth-child(13) {
    --index: 13;
}

*:nth-child(14) {
    --index: 14;
}

*:nth-child(15) {
    --index: 15;
}

*:nth-child(16) {
    --index: 16;
}

*:nth-child(17) {
    --index: 17;
}

*:nth-child(18) {
    --index: 18;
}

*:nth-child(19) {
    --index: 19;
}

*:nth-child(20) {
    --index: 20;
}

*:nth-child(21) {
    --index: 21;
}

*:nth-child(22) {
    --index: 22;
}

*:nth-child(23) {
    --index: 23;
}

*:nth-child(24) {
    --index: 24;
}

*:nth-child(25) {
    --index: 25;
}

*:nth-child(3) {
    --index: 2;
}

*:nth-child(26) {
    --index: 26;
}

*:nth-child(27) {
    --index: 27;
}

*:nth-child(28) {
    --index: 28;
}

*:nth-child(29) {
    --index: 29;
}

*:nth-child(30) {
    --index: 30;
}

.section .row > div.in-view:nth-child(n) {
    transition-delay: calc(var(--index) * 0.1s);
}

.section .partner-list-view.row > div.in-view:nth-child(n) {
    transition-delay: calc(var(--index) * 0.02s);
}

.section .interviewlist .row > div.in-view:nth-child(n) {
    transition-delay: calc(var(--index) * 0.02s);
}

@media (max-width: 767px) {
    .pp-type-carousel {
        margin-bottom: 30px;
    }
    .section .row > div {
        margin-bottom: 30px;
    }
    .section .row > div > div:last-child {
        margin-bottom: 0;
    }
    .section .row > div > div.frame-type-image:last-child {
        padding-top: 0;
    }
    .section .news .news-list-view > .row > .row div {
        padding-bottom: 0px;
        overflow: hidden;
        margin-bottom: 0;
    }
    .section .news .news-list-view > .row > .row, .section .news .news-list-view > .row > .article {
        margin-bottom: 30px !important;
        padding-bottom: 0;
    }
    .section .news .news-list-view > .row > .row:last-child, .section .news .news-list-view > .row > .article:last-child {
        margin-bottom: 0px !important;
    }
}


.decobox130 img {
    width: 130px
}
.decobox {padding-top: 0;}
.decobox-top{    margin-top: -22px;}
.decobox .gallery-item{width:auto}

.pp-gallery-item-right .gallery-row{justify-content: flex-end;}

.decobox .gallery-item figure{margin:1rem}
/* 404 Seite */

.notfoundtext h3 {
    color: #007256
}

.notfoundtext a.link-arrow {
    position: relative;
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-red.svg);
    transform: rotate(180deg);
    margin-right: 1rem;
}

.notfoundtext p {
    display: inline-flex;
    height: 45px;
    line-height: 45px;
    margin-bottom: 0;
}

.notfoundtext a:not(.link-arrow) {
    color: #007256;
    margin-left: 0.3rem;
}

/* responsive */


@media (min-width: 1400px) {

    .body-bg {
        box-shadow: 0px 0px 0px 2px #EAEAEA inset;
    }

    .group-home-bottom, .group-bg-bottom, .group-presse-bottom, .slider-karriere, .slider-partnervorteile {
        box-sizing: border-box;
        border-left: 2px solid #EAEAEA;
        border-right: 2px solid #EAEAEA;
    }
}


@media (max-width: 767px) {
    h1 {
        font-size: 2em
    }

    h1.h1, h2.h1, h3.h1 {
        font-size: 2em
    }

    .carousel-item-bodytext {
        font-size: 1em;
    }

    .mobiletotop {
        margin-top: 70px !important;
    }

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


@media (min-width: 768px) and (max-width: 1199px) {
    html {
        font-size: 1.33vw
    }



}


@media (max-width: 767px) {

    :root {
        --frame-outer-spacing-variant-large: 2rem;
    }

    .pp-tile-expand {
        max-height: unset;
    }

    .pp-tile-expand:after {
        display: none
    }

    .gallery-item-size-2 {
        --gallery-columns: 1;
    }


    .navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
        background: transparent;
    }

    .navbar-transition .navbar-brand-image img {
        max-height: 90px;
        top: 0;
        transform: none;
    }

    #mainnavigation .navbar-nav li {
        line-height: 1.5rem;
    }
    
    .blockpaddingbefore {
    padding-top: 0 !important;
}
    

    h1 {
        font-size: 1.5em
    }

    h1.h1, h2.h1{
        font-size: 1.5em
    }

    .carousel-item-bodytext a {
        font-size: 0.9em
    }

    .carousel-item-bodytext p {
        line-height: 1.2
    }

    .carousel-backgroundimage-container:after {
        width: 66.6%;
        height: 33%;
    }

    .carousel-backgroundimage-container:before {
        width: 33.3%;
        height: 33%;
    }

    .carousel .item {
        /* height:calc(100vh - 55px);
                 height:100vh;*/
        height: 72vw;

    }

    .row .carousel .item {
        padding: 0;
    }

    .carousel .carousel-item .h1, .carousel .carousel-item .h2, .carousel .carousel-item .h3,
    .carousel .carousel-item h1, .carousel .carousel-item h2, .carousel .carousel-item h3 {
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.1;
    }

    .frame-pp4.frame-type-image {
        padding-top: calc(3.5rem + 22px);
        margin-top: -2px;
    }

    .notfoundtext h3 {
        padding: 0 1rem;
    }


    /* Copyright Info */
    h4.carousel-subheader.awesome.h5 {
        position: absolute;
        left: 1rem;
        bottom: 0;
        color: #fff;
        font-size: 0.5rem;
    }


    /* allgemeine Abstände */
    .ce-col.col-md-4, .ce-col.col-lg-4, .ce-col.col-md {
        margin-bottom: 30px;
    }
    .ce-col.col-md-4 > div:not(.flaghead), .ce-col.col-lg-4 > div:not(.flaghead), .ce-col.col-md > div:not(.flaghead) {
        margin-bottom: 30px;
    }
    .ce-col.col-md-4 > div:last-child, .ce-col.col-lg-4 > div:last-child, .ce-col.col-md > div:last-child {
        margin-bottom: 0px;
    }

    .ce-col.col-md-4 > .ms-4, .ce-col.col-lg-4 > .ms-4, .ce-col.col-md > .ms-4 {
        margin-left: 0 !important;
    }

    .ce-col.col-md.p-0.ms-4 {
        margin-left: 0 !important;
    }

    .ce-col.col-md-4.ps-4 {
        padding-left: 0 !important;
    }

    .ce-col.col-md.pe-4, .ce-col.col-md-8.pe-4 {
        padding-right: 0 !important;
    }

    .frame-type-ce_columns3 {
        background-color: transparent
    }

    .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }

    .gutter .row {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px;
    }

    .flag-top .ce-col {
        margin-top: 0;
    }

    .frame-default + .flag-hl {
        margin-top: 80px;
    }

    .flag-hl {
        margin-top: 2rem;
    }

    .section > .flag-hl:first-child {
        margin-top: 30px;
    }

    .flag-top .ce-col:first-child {
        margin-top: -30px;
    }

    .frame-space-before-extra-large {
        --frame-outer-spacing-variant-extra-large: 20px;
    }

    .frame-space-before-medium {
        --frame-outer-spacing-before: 0;
    }
    .frame-space-before-large {
        --frame-outer-spacing-before: 0;
    }
    .frame-space-after-large {
        --frame-outer-spacing-after: 0;
    }

    .frame-space-after-extra-large {
        --frame-outer-spacing-after: 30px;
    }

    .frame-space-after-none:not(.flaghead) {
        --frame-outer-spacing-after: 30px;
    }

    .frame.mt-4, .frame.mt-5 {
        margin-top: 0 !important;
    }

    .frame:not(.frame-type-text).mt-4, .frame:not(.frame-type-text).mt-5 {
        padding-top: 0;
    }

	.frame-inner .ce-col-collapse>.frame.frame-background-none.frame-space-before-none:not(.frame-has-backgroundimage).ms-4:first-child {
		margin-left: 0 !important;
	}

    .blockspacebefore {
        margin-top: 0;
    }

    .partner-links-page, .social-media-links-page {
        margin-bottom: -120px;
        padding-left: 25px;
        padding-top: 0;
    }
   .newsletter-links-page{
        margin-top: -120px;
        padding-left: 25px;
        padding-top: 0;
    }
    
    #fast-forward .row .ff-col {
        padding: 1rem 3rem 0rem 1rem;
        position: relative;
    }

    #fast-forward button#ff-open {
        right: unset;
        left: 0;
    }

    .ansprechpartner-btn {
        background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/cntcopen-mobile.svg);
        width: 105px;
        height: 60px;
        margin-top: -60px;
    }


    /* Reihenfolge ändern */
    .switchdirectionmobile {
        display: inline-flex;
        flex-direction: column-reverse;
    }

    /* Hintergründe */
    .group-home-bottom {
        background: none;
    }

    /* Footer */
    footer .nav-item {
        border-bottom: 1px solid #fff;
        position: relative;
        margin-top: 15px;
    }


    footer .nav-item::after {
        position: absolute;
        right: 0;
        bottom: 10px;
        content: "";
        border: 0;
        background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/arrowred.svg);
        background-size: contain;
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
    }

    .footer-section-content {
        padding-top: 0.5rem;
        padding-bottom: 6rem;
    }

    footer ul {
        padding-left: 0;
    }

    footer .ppc-right .frame {
        margin-top: 0;
        padding-top: 0
    }

    footer .ppc-right .frame {
        margin-left: 0px !important;
        padding-top: 6rem;
        padding-left: 0 !important;
        display: flex;
        padding-top: 1rem;
    }

    footer > section > .container {
        padding: 0 1.5rem
    }


    #page-footer:after {
        width: 90px;
        height: 90px;
        background-size: cover;
    }

    .scroll-top {
        right: 22.5px;
        bottom: 22.5px;
        margin-left: 0;
    }

    #page-footer .sociallinks-list {
        justify-content: left;
        gap: 0.5rem;
        margin-top: 0;
    }

    .cc-window.cc-floating .cc-container {
        padding: 0 1rem;
    }

    /* decoboxen */
    .decobox {
        margin: 1.5rem;
    }

    div:not(.switchdirectionmobile) > .decobox:first-child {
        margin-top: 0
    }

    /* news */
    .news-menu-view ul {
        display: flow-root;
        padding: 0 1rem;
    }


    .partnerfilter .news-menu-view ul {
        display: flow-root;
        margin-bottom: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .partnerbox {
        padding: 1rem;
        height: calc(150px + 1rem);
    }

    .partner-list-view.row {
        padding-bottom: 1rem;
    }


    .load-more {
        padding: 0.5rem 0.25rem;
        margin: 0 auto;
        font-weight: bold;
        float: left;
    }

    .news-list-view > .row {
        margin-left: 0;
        margin-right: 0;
        max-width: 100vw;
        background-repeat: no-repeat;
        background-position: 30px calc(100% - 20px);
    }

    .f3-widget-paginator {
        padding-top: 0;
        height: 80px;
    }

    body:not(.pagelevel-0) .row .article.kat-20:before {
        right: 0;
    }

    .news img {
        display: inline-block;
        width: 100%;
        height: auto;
    }

    .keinheaderbild {
        margin-top: 3.5rem
    }

    .detail-content {
        background: #EAEAEA;
        padding: 3rem 1.5rem 2rem 1.5rem;
    }

    .news-single .news-text-wrap {
        margin-bottom: 1em;
        margin-top: 1.5rem;
    }

    .detail-add {
        margin-top: 2rem;
    }

    .news-single .bdots {
        display: none !important;
    }

    .news-single h1, .h2 {
        text-transform: uppercase;
        font-size: 1.625em;
        font-weight: bold;
        line-height: 1.2;
        padding: 0;
    }

    /* Events */
    .dieevents {
        margin-top: 0;
        padding-top: 0.5rem;
    }

    .eventfilter h3 {
        margin-left: 1.2rem
    }

    .article-list-event .teaser-text {
        display: none
    }

    .article-list-event h3 {
        font-size: 1.425rem;
        font-weight: bold;
        margin-bottom: 2rem;
    }

    .event-list-view .accordion-collapse .beschreibung {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .event-list-view .accordion-collapse .beschreibung .infotext {
        padding: 1.5rem 0;
    }

    .event-list-view .accordion-collapse .beschreibung img {
        max-width: calc(100vw - 3rem);
        height: auto;
    }

    .article-list-presse .news-list-text, .article-list-event .event-list-text {
        background: #EAEAEA;
        padding: 1.5rem;
    }

    .article-list-event .event-list-date {
        padding: 1rem 1.5rem;
    }

    .news-list-date time, .event-list-date {
        font-size: 1.475rem;
        font-weight: bold;
        line-height: 1.2;
    }

    .event-list-date .eventtype {
        position: inherit;
        bottom: unset;
        word-wrap: break-word;
        max-width: 150px;
        hyphens: auto;
        line-height: 1.1;
    }

    .event-list-view .accordion-collapse .beschreibung .infos {
        background-color: #fff;
        padding: 1rem;
        padding-top: 0.25rem;
        padding-bottom: 0.75rem;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .event-list-view .accordion-collapse .beschreibung .infos > div p {
        margin-bottom: 0.25rem;
        margin-top: 0.5rem;
    }

    .event-list-view .accordion-item {
        margin-bottom: 1.5rem;
    }

    .eventpagination {
        margin-bottom: 3rem
    }

    /* spezielle slider */
    .slider-partnervorteile {
        margin-bottom: 4rem
    }

    .slider-partnervorteile ul.list-normal {
        padding: 0;
        padding-bottom: 0;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .slider-partnervorteile .owl-theme .caption-wrapper .caption-title {
        font-weight: bold;
        font-size: 1.425rem;
        padding: 1rem 1rem 0 1rem;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 0;
        color: #fff;
    }

    .slider-partnervorteile ul li {
        text-align: center;
        background: #fff;
        margin: 1rem;
        padding: 6rem 1.5rem 1.5rem 1.5rem;
        flex: 1 1 0px;
        font-size: 1.0625rem;
        line-height: 1.33;
        background-position: center 15%;
        background-repeat: no-repeat;
    }

    .owl-theme .owl-nav [class*='owl-'] {
        width: 50px;
        height: 50px;
        margin: 0;
    }

    .owl-nav div:before {
        width: 50px;
        height: 50px;
    }


    .owl-nav div.owl-next {
        right: 5px;
    }

    .owl-nav div.owl-prev {
        left: 2px;
    }

    .group-bg-bottom {
        background: transparent
    }

    .meisterkochvideos {
        margin-top: 3.25rem;
        margin-bottom: 80px
    }

    .modal-body .ansprechpartner_slider {
        max-width: 96vw;
    }

    .ansprechpartner_slider {
        max-width: 100vw;
    }

    .carousel-header.h1 br {
        display: none
    }

    .slider-antisem .theimgtitle {
        padding: 1rem 2rem;
    }

    .slider-antisem .owl-theme .caption-wrapper p {
        margin-bottom: 0.5rem;
    }

    .accordion {
        margin-bottom: 60px !important;
    }

    .accordion-header {
        margin-bottom: 0;
        height: 240px;
        background: #EAEAEA;
    }

    .accordion-button {
        flex-direction: column;
    }

    .accordion .accordion-button .hl {
        height: 120px;
        width: 100%;
    }

    .accordion .accordion-button .sl {
        padding: 1rem 2rem;
        display: flex;
        align-items: center;
        height: 120px;
    }

    .accordion-collapse {
        background: #EAEAEA;
        padding: 0 1.5rem;
        padding-bottom: 1.5rem;
    }

    #partnerModal .interviews {
        top: unset;
        bottom: 0;
    }


    #partnerModal .pinfos {
        background: #EAEAEA;
        padding: 1.5rem;
        padding-bottom: 95px;
        margin-bottom: 0;
    }

    #partnerModal .padress:before {
        display: none
    }


    #partnerModal .padress {
        height: 150px;
    }

    #partnerModal .zuminterview {
        bottom: 0;
    }

    .interviewlist {
        margin-top: 4rem
    }

    .slider-partnervorteile.slider-services ul li {
        padding: 5rem 1.5rem 1rem 1.5rem;
    }

    .slider-partnervorteile.slider-services ul li {
        background-position: center 5%;
    }

    .group-service-bottom {
        margin-top: 50px !important;
        margin-bottom: 60px !important;
        padding-top: 0;
    }

    .group-service-bottom .row > .ce-col:nth-child(2) {
        margin-top: 0;
    }

    .group-presse-bottom {
        margin-top: 0px !important;
    }

    .group-presse-bottom .row > .ce-col:last-child {
        margin-top: 0;
    }

    /* header */
    .frame-pp4.frame-type-image header {
        position: absolute;
        color: #fff;
        bottom: 0;
        height: 60%;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        padding: 1.5rem;

    }

    .frame-pp4.frame-type-image header h3 {
        font-size: 1.625rem;
        margin-top: 0;
    }

    .detail-top {
        position: relative;
        height: 60px;
    }

    .article .detail-add img.bstripes {
        display: none;
    }

    .article-list-presse .teaser-text {
        display: none
    }

    .news .article.article-list-presse {
        margin-bottom: 1.5rem;
    }

    .news .article.article-list-presse h3 {
        margin-bottom: 0;
    }

    .article.article-list-presse .news-list-date time {
        font-size: 1.875rem;
        font-weight: bold;
        line-height: 1.2;
        width: 130px;
        display: block;
    }

    .news .article.article-list-presse h3, .article-list-event h3 {
        font-size: 1.5rem;
    }

    .pressedetailsingle .ansprechpartner_slider {
        width: 100%;
        max-width: unset
    }

    .slider-schwerpunkte .owl-theme .owl-stage .owl-item > div {
        display: block;
    }

    .slider-schwerpunkte .caption-body {
        padding: 0;
    }

    .slider-schwerpunkte .owl-theme .owl-nav {
        top: 18%;
    }

    .slider-schwerpunkte .owl-theme .caption-text {
        min-height: 465px;
    }

    .accordion-item {
        margin-bottom: 1.5rem;
    }

    .filterjobs h3 {
        margin-left: 1.2rem;
    }

    .slider-karriere .owl-item > div {
        background: #fff;
        /* padding: 1rem; */
        padding: 0;
        height: 100%;
        margin: 1rem;
    }

    .slider-karriere .owl-item {
        padding: 0 1rem 2rem 1rem;
    }

    .owl-theme .owl-dots {
        position: absolute;
        width: 100%;
        margin-top: 17px;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
    }

    /* Slidernav mobile */
    .slider-schwerpunkte .owl-theme .owl-nav {
        top: unset;
    }

    .owlmobile .owl-nav div.owl-prev:before {
        background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/ArrowLeft.svg);
    }

    .owlmobile .owl-nav div.owl-next:before {
        background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/ArrowRight.svg);
    }

    .owlmobile .owl-nav div.owl-next {
        right: 15px;
    }

    .owlmobile .owl-nav div.owl-prev {
        left: 15px;
    }

    .owlmobile .owl-theme .owl-nav {

        background: white;
        height: 50px;

        position: relative;
        padding-top: 0;

    }

    .section > .frame.owlmobile .owl-theme .owl-dots {
        display: block;
        position: absolute;
        width: 100%;
        margin-top: 17px;
        text-align: center;
        pointer-events: none;
    }

    .owlmobile .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #f00;
    }

    .owlmobile .owl-theme .owl-dots .owl-dot span {
        margin: 5px 5px;
    }

    .owlmobile .owl-theme .owl-dots .owl-dot {
        display: none;
    }

    .section > .frame:not(.owlmobile) .owl-theme .owl-dots {
        display: none;
    }

    .thecounter {
        display: none
    }

    .owlmobile .thecounter {
        display: block;
        position: absolute;
        z-index: 10;
        width: 100%;
        text-align: center;
        pointer-events: none;
        bottom: 15px;
        color: black;
    }

    .ansprechpartner_slider {
        margin: 0 auto
    }


    .detail-content.interviews .interviewimage {
        float: none;
        margin-top: -4rem;
        margin-left: -3rem;
        margin-right: -4rem;
        padding-bottom: 2rem;
    }

    .detail-content.interviews h1:after {
        content: " ";
        clear: both;
        margin-bottom: 0;
        width: 100%;
        display: none;
    }

    .interviewimagecaption {
        margin-left: 1.5rem;
    }

}

@media (max-width: 576px) {
    .carousel .carousel-item {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*.carousel .carousel-item .carousel-content-inner {
        padding-left: 20px;
        padding-right: 20px;
    }*/

}


/* Mediathek */

.berlintogo {
    max-width: 1200px;
}

.berlintogo .accordion .accordion-button:not(.collapsed) .hl {
    background: #F49303
}

.berlintogo .accordion-body {
    padding: 0 1.25rem 1.25rem 0;
    background: none;
}

.berlintogo .filelink-item {
    background: #fff;
    height: 120px;
    display: flex;
    gap: 0;
    width: 100%;
    flex-direction: row;
}

.berlintogo h4.filelink-heading {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.3;
}

.berlintogo .filelink-filesize {
    margin-left: 0;
    font-size: 100%;
    display: block;
    font-weight: normal;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
}

.berlintogo .filelink-filesize:before {
    content: "PDF "
}

.berlintogo .frame a:not(.btn) {
    text-decoration: none;
}

.berlintogo .filelink-body {
    width: 100%;
    position: relative
}

.berlintogo .filelink-body h4 > a {
    width: 100%;
    height: 120px;
    padding: 0rem 2rem 2rem 2rem;
    padding-right: 4rem;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    position: relative;
    font-weight: bold;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownloadgreen.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 45px 45px;
}

.berlintogo .accordion .accordion-button .sl {
    padding-left: 2rem;
    color: #000;
    font-size: 1.125rem;
}


.row .article:nth-child(4n+1) .article-list-mediathek .frame-inner .frame-header, .row .article:nth-child(4n+1) .article-list-mediathek .frame-inner:before {
    background-color: #4F91CD;
}

.row .article:nth-child(4n+2) .article-list-mediathek .frame-inner .frame-header, .row .article:nth-child(4n+2) .article-list-mediathek .frame-inner:before {
    background-color: #00AA83;
}

.row .article:nth-child(4n+3) .article-list-mediathek .frame-inner .frame-header, .row .article:nth-child(4n+3) .article-list-mediathek .frame-inner:before {
    background-color: #B0B0B0;
}

.row .article:nth-child(4n+4) .article-list-mediathek .frame-inner .frame-header, .row .article:nth-child(4n+4) .article-list-mediathek .frame-inner:before {
    background-color: #999;
}

.row .mediathek-home .article:nth-child(4n+1) .article-list-mediathek .frame-inner .frame-header {
    background-color: #00AA83;
}


.row .article p.mediathekfiledownloads {
    position: absolute;
    right: 0;
    bottom: 0
}

.row .article p.mediathekfiledownloads a {
    width: 45px;
    height: 45px;
    background-color: #fff;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownloadwhite.svg);
    background-repeat: no-repeat;
    color: transparent;
    overflow: hidden;
    display: block;
}

.row .article p.mediathekfiledownloads a.link-arrow.external {
    background-color: #fff;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow.svg);
}


.row .article .article-list-mediathek .frame-inner:before {
    content: "";
    width: 45px;
    height: 45px;
    background-image: url(/fileadmin/images/icons/mt_PAPER.svg);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}

.row .article.kat-34 .article-list-mediathek .frame-inner:before {
    background-image: url(/fileadmin/images/icons/mt_PAPER.svg);
}

.row .article.kat-35 .article-list-mediathek .frame-inner:before {
    background-image: url(/fileadmin/images/icons/mt_FILM.svg);
}

.row .article.kat-42 .article-list-mediathek .frame-inner:before {
    background-image: url(/fileadmin/images/icons/mt_PODCAST.svg);
}

@media (max-width: 767px) {
    .berlintogo .filelink-filesize {
        bottom: 1rem;
    }
}

/* copyright */
figure {
    position: relative;
}

figure .figure-copyright {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    color: white;
    padding: 2px 10px;
}

/* datawrapper */
.datawrapper iframe {
    height: 440px;
    padding-bottom: 25px;
}

.datawrapper h3 {
    margin: 1rem 0 2rem 0;
    text-transform: none
}

@media (max-width: 767px) {
    .mobile-ignorepadding iframe {
        margin-left: -20px;
        margin-right: -20px;
    }
    .datawrapper {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.glossary-letters {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

.frame .glossary-letters a {
    color: #B0B0B0;
    font-size: 1.5rem;
    font-weight: 900;
}

.frame .glossary-letters a.active {
    color: #00AA84;
}

.frame .glossary-letters a:hover {
    color: #00AA84;
}

.glossary-items {
    margin-left: 0;
    margin-right: 0;
}

.glossary-item {
    flex: 0 0 auto;
    width: 43%;
    margin: 0 15px 30px;
    padding: 30px;
    background-color: #94C356;
    color: white;
}

@media (min-width: 767px) {
    .glossary-items {
        margin-left: -15px;
        margin-right: -50px;
    }

    .glossary-item {
        width: 28%;
    }
}

@media (min-width: 992px) {
    .glossary-letters {
        margin-left: 120px;
        margin-right: 120px;
    }

    .glossary-item {
        width: 30%;
    }
}

.glossary-item strong {
    margin-bottom: 30px;
    display: block;
    text-transform: uppercase;
    font-size: 1.5rem;
}

.glossary-item.green-light {
    background-color: #94C356;
}

.glossary-item.green-dark {
    background-color: #007256;
}

.glossary-item.grey {
    background-color: #B0B0B0;
}

@media (max-width: 480px) {
    .frame .glossary-letters {
        flex-wrap: wrap;
        text-align: center;
        justify-content: flex-start;
    }

    .frame .glossary-letters a {
        width: 43px;
        text-align: center;
    }

    .glossary-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* Powermail */

.tx-powermail .container-fluid {

    margin-left: -15px;
    margin-right: -15px;
}

.tx-powermail .powermail_form label {
    display: none;
}

.tx-powermail .powermail_form .row {
    margin-left: -15px;
    margin-right: -15px;
}

.tx-powermail .powermail_form .form-control, .tx-powermail .powermail_form .form-control:focus {
    background: #e9e9e9;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 1.1rem;
    outline: 0;
    appearance: none;
}

.tx-powermail input[type=submit] {
    background: transparent url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-up.svg);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 3rem;
    box-shadow: none;
    height: 45px;
    display: inline-block;
    border: 0;
    color: black;
    overflow: hidden;
    font-weight: 900;
}

.tx-powermail .powermail_legend {
    margin-bottom: 1.5rem;
}

.tx-powermail .powermail_fieldwrap_type_submit {
    display: flex;
    align-items: flex-end;
    align-self: flex-end;
    width: 100%;
}

.tx-powermail .powermail_fieldwrap_type_submit > div {
    width: 100%;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
}


/* Übersetzung EN */
.language-0 .lang-de-en span:last-child {
    display: none
}

.language-1 .lang-de-en span:first-child {
    display: none
}

.language-0 .zuminterviewen {
    display: none !important
}

.language-1 .zuminterview {
    display: none !important
}

.language-0 .load-more a span:last-child {
    display: none
}

.language-1 .load-more a span:first-child {
    display: none
}


.berlintogo:before {
    content: "Berlin to go";
}



.flag-mehrvonemo:before {
    content: "MEHR VON eMO";
        position: absolute;
    top: -30px;
    left: 0;
}

.language-1 .flag-mehrvonemo:before {
    content: "MORE FROM eMO";
        position: absolute;
    top: -30px;
    left: 0;
}

.language-1 .flag-aktuell:before {
    content: "Latest News";
}

.language-1 .flag-fuerunternehmen:before {
    content: "FOR BUSINESS";
}

.language-1 .flag-ausdemnetzwerk:before {
    content: "FROM OUR PARTNER";
}

.language-1 .flag-neuveroeffentlicht:before {
    content: "NEWLY RELEASED";
}

.language-1 .weitere-meldungen:before {
    content: "Further Press Releases";
}

.language-1 .article.kat-17 .article-list-aktuelles:after {
    content: "Play";
}

.language-1 .weitere-meldungen.weitere-news:before {
    content: "More News";
}

.language-1 .weitere-meldungen.weitere-jobs:before {
    content: "More job postings";
}

.language-1 .flag-mehr-news:before {
    content: "More News";
}

.language-1 . .flag-businessportal:before {
    content: "OUR BUSINESS PORTALS";
}


.link-stellenangebote .row{background:var(--light-gray)}
.link-stellenangebote  strong{font-size:1.375rem}
.link-stellenangebote a.link-external {    bottom: unset;
    transform: translateY(5px);}

#newsletter-iframe{width:100%; min-height:400px;}
.newsletter-form h2{text-transform:uppercase}

.newsletter-form .submit button{cursor:pointer}

.newsletter-container {
    display: flex;
}

.newsletter-container .input-group {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    margin-right: 20px;
}

.newsletter-container .input-group:last-child {
    margin-right: 0px;
}

.newsletter-container .input-group .newsletter-input {
    background: #EAEAEA;
    border: 0;
    padding: 1.1rem;
    border-radius: 0;
    outline: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: inset 0px 0px 0px 0px red;
    flex-grow: 1;
    flex-shrink: 1;
    margin-bottom: 20px;
}

.newsletter-container .input-group .newsletter-input.email {
    padding-right: 110px;
}

.newsletter-container .input-group .input-with-submit {
    flex-shrink: 1;
    display: flex;
    position: relative;
}

.newsletter-container .input-group .input-with-submit .submit-button {
    background: transparent url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow-up.svg);
    background-repeat: no-repeat;
    background-position: center right;
    padding-left: 0.75rem;
    padding-right: 3.5rem;
    box-shadow: none;
    height: 40px;
    display: inline-block;
    border: 0;
    color: black;
    overflow: hidden;
    font-weight: 900;
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 20px;
    font-size: 14px;
}

.newsletter-container .input-group .input-with-submit .submit-button:before {
    content: "";
    background: white;
    position: absolute;
    top: 0;
    right: 44px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.newsletter-container .input-group .input-with-submit .submit-button:hover {
    cursor: pointer;
}

.newsletter-container .input-group .input-with-submit .submit-button-background {
    z-index: 1;
    position: absolute;
    right: 47px;
    bottom: 20px;
    background-color: #fff;
    width: 55px;
    height: 45px;
}

.newsletter-container .input-group .newsletter-privacy-statement {
    height: 50px;
}

.newsletter-container .input-group .newsletter-privacy-statement p {
    font-size: 12px;
}

.newsletter-container .input-group .newsletter-privacy-statement p a {
    text-decoration: underline;
    color: #222;
}

.newsletter-container .input-group .newsletter-privacy-statement p a:hover {
    text-decoration: underline;
    color: #000;
}

@media only screen and (max-width: 1260px) {
    .newsletter-title {
        padding: 0px 20px;
    }

    .newsletter-container {
        padding: 0px 20px;
    }
}

@media only screen and (max-width: 991px) {
    .newsletter-container {
        flex-direction: column;
    }

    .newsletter-container .input-group {
        margin-right: 0px;
    }

    .newsletter-container .input-group:last-child {
        margin-right: 0px;
    }
    
    .newsletter-links-page > div {
    max-width: unset;
    width: calc(50% - 20px);
    background: #fff;
    margin-left: auto;
}
    
}

#project-search-form {
    display: inline-flex;
}

#project-search-form .search-input {
    border: none;
    font-weight: bold;
    padding: 0.5rem 1rem;
    height: 2.813rem;
    border: 2px solid #ffffff;
}

#project-search-form .search-button {
    height: 2.813rem;
    width: 2.813rem;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
}

@media (max-width: 767px) {
    #project-search-form {
        margin-left: 1.25rem;
    }
}

@media (max-width: 767px) {
    #project-search-form .search-input {
        height: 45px;
    }

    #project-search-form .search-button {
        height: 45px;
        width: 45px;
    }
    

    
      .newsletter-links-page, .newsletterteaser  {
display:none;
}
    
}



.contactvideo video{width:100%;height:auto;}

.videoactive{z-index:10}
@media (min-width: 768px) {
.videocontactmodal.show{width:150%; height:150%;    margin-left: -25%;}
}


.btn.opencontactvideo{
    background-color: #eb1b29;
    background-image: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Icons/BP_camera.svg);
    width: 70px;
    height: 45px;
    background-repeat: no-repeat;

    display: block;
    position: absolute;
    right: 45px;
    bottom: 0;
    z-index: 2;
    color: transparent !important;
    overflow: hidden;}


.btn.opencontactvideo:not(.opencontactvideoimage){display:none}


@media (min-width: 768px) {
.ansprechpartner_liste .btn.opencontactvideo{
    right: calc(var(--bs-gutter-x)* .5 + 45px);
}
}
.ansprechpartner_liste.ansprechpartner_single .btn.opencontactvideo{
      right: 45px;
}



.contactimagecontainer{position:relative}
.contactimagecontainer .btn,opencontactvideo,opencontactvideoimage{right:unset;left:0}


.ansprechpartner_liste.ansprechpartner_single .contactimagecontainer .btn,opencontactvideo,opencontactvideoimage{
     top:0;
}

.embed-responsive-16by9{aspect-ratio:16/9}
.embed-responsive-16by9:before {
    padding-top: 0;
}

/* Slide out */
.teilnahmeformular {
    width: 25rem;
    position: fixed;
    right: -25rem;
    background: white;
    z-index: 300;
    padding: 0;
    border: 2px solid #000;
    top: 200px;
    transition: right 0.5s ease;
        transition: right 0.5s ease;
    max-height: calc(100vh - 250px);
    overflow: scroll;
}


.teilnahmeformular>.frame-header{position:absolute; z-index:initial}

.teilnahmeformular .frame-header h3.element-header {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 2rem;
    padding-bottom: 0;
}
.teilnahmeformular .frame-header h5.element-header{
    
      font-size: 1.1rem;
    padding: 2rem;
    padding-bottom: 0;
}

.teilnahmeformular h4.element-subheader.h5 {
    background: white;
    border: 2px solid black;
    display: inline-block;
    padding: 0 1rem;
    line-height: 44px;
    height: 45px;
    width: 185px;
    font-size: 15px !important;
    font-weight: bold;
    left: auto;
    top: 360px;
    position: fixed;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    background-image: scrollup.svg;
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/scrollup.svg) right center no-repeat, linear-gradient(90deg, #fff 0%, #fff calc(100% - 47px), #000 calc(100% - 47px), #000 100%);
    cursor: pointer;
}

.teilnahmeformular.slideout h4.element-subheader.h5 {
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/scroll_down.svg) right center no-repeat, linear-gradient(90deg, #fff 0%, #fff calc(100% - 47px), #000 calc(100% - 47px), #000 100%);
}

.teilnahmeformular .frame-type-form_formframework 
{margin-top: 2.5rem;
    padding-top: 0;}

.teilnahmeformular .form-container {
    margin: 2rem;
    margin-top: 0;
}

.teilnahmeformular .filelink-body a{
    border: 2px solid #000;
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/buttondownloadred.svg) right center no-repeat,
        linear-gradient(90deg, #fff 0%, #fff calc(100% - 43px), #000 calc(100% - 43px), #000 100%);
    font-weight: bold;
    width: 100%;
    line-height: 44px;
    height: 45px;
    padding-left: 0.5rem;
    display:inline-flex;
}

.teilnahmeformular .btn.btn-primary {
    border: 2px solid black;
    border-radius: 0;
    background: url(/typo3conf/ext/wirsindindustrie_sitepackage/Resources/Public/Images/Arrow.svg) right center no-repeat,
        linear-gradient(90deg, #E40422 0%, #E40422 calc(100% - 47px), #000 calc(100% - 47px), #000 100%);
    font-weight: bold;
    width: 100%;

    height: 45px;

}

.teilnahmeformular .filelink-item {
    display: list-item;
}

.teilnahmeformular a.formdatenschutz{text-decoration: underline; color:#000}


.teilnahmeformular.slideout{ right: 0;}

.teilnahmeformular h4{font-weight:bold}

#teilnahmefomularsimple-249{margin: 0 2rem;}
#teilnahmefomularsimple-249>div{margin: 0 -2rem;}
/* Slider etc Responsive */


@media (min-width: 768px) and (max-width:1200px) {
   #slider-kampagneninfos_ .frame-container>.frame-inner>.frame-header, #slider-kampagneninfos header,.allepartner .element-subheader {padding-left:1rem !important;}
    #slider-kampagneninfos .flexslider .caption-text {
    padding: 1rem 0;
    }
     .navbar-mainnavigation .navbar-toggler{display:none}
    
}


@media (max-width: 767px) {
    

    
    
    #page-header {
    font-size: 16px;
    margin-top: -50px;
}
    .navbar-mainnavigation .navbar-toggler{display:none}
    
    #slider-kampagneninfos header h2, h2, .h2 {
    font-size: 1.5rem;
}
    
    h3, .h3 {
    font-size: 1.2em;
    line-height: 1.2;
}
    
    #slider-kampagneninfos .caption-titlel {
    font-size: 1.2rem;
}
    .partneruntertitel>* {
    font-size: 1.1rem;
    margin-bottom: 0;
}
    
    #slider-kampagneninfos header {
    position: relative;
    z-index: 10;
    padding: 1rem;
}
    
    #slider-kampagneninfos .slidercontent {
    flex-direction: column;

}
    
    .logoslider {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    background-blend-mode: multiply;
    width: 125px;
    height: 75px;
    filter: grayscale(1);
}
    
    .smlinks a {
    width: 30px;
    height: 30px;
    }
    
    #slider-kampagneninfos .slidercontent>img {
    width: auto;
    height: fit-content;
}
    #slider-kampagneninfos .slidercontent>.caption-wrapper {
    width: auto;
    padding: 1rem 1rem 1.5rem 1rem;

}
    .allepartner {
    padding-top: 1rem;
    margin-top: 2rem;
    margin-bottom: 4rem;
}
    .swipnav {
    margin-left: inherit;
    padding-left: 100%;
    position: absolute;
    bottom: 1rem;
}
    .allepartner .frame-header
       { padding: 1rem 0 !important;}
    
    .section .news .news-list-view > .row > .article {
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }
    #partnerModal .partnerlogo {
    background: #fff;
    padding: 1rem 5rem;
    height: 150px;
    margin-bottom: 0;
}
    #partnerModal .pinfos {
        background: #EAEAEA;
        padding: 1.5rem;
        padding-bottom: 2rem;
        margin-bottom: 0;
    }

    #partnerModal .pinfos:after {
        top: -150px;
    }

    .teilnahmeformular {
        width: 300px;
        right: -300px;
        position:absolute;
         top: 50px;
        max-height:unset;
      overflow: initial;
    }

    .teilnahmeformular-container{width:100%;overflow:hidden;}
    .teilnahmeformular .frame-header h3.element-header {
        font-size: 1.2rem;
        padding: 1rem;

    }
    .teilnahmeformular .form-container {
    margin: 1rem;
    margin-top: 0;
}.teilnahmeformular .filelink-body {
    font-size: 0.8rem;
    
}
    
    #slider-kampagneninfos .caption-title {
        font-size: 1.2rem;}
    
    .allepartner h4.element-subheader  {padding:2rem 0; display:none}

    
    
    .teilnahmeformular h4.element-subheader.h5 {
            top: 180px;
        position:absolute;
}
}