/* ----------------------- */
/* ----- BODY / MAIN ----- */
/* ----------------------- */
 
        :root {
            --hintergrundfarbe: #151515;
            --hintergrundakzentfarbe1: #353535;
            --hintergrundakzentfarbe2: #f1f1f1;
            --hintergrundakzentfarbe3: rgba(208, 179, 85, 0.7);
            
            --schriftfarbehell: #fff;

            --navschriftfarbemobile: #f1f1f1;
            --navhighlihtfarbemobile: #ffffff;
            --navsepertorfarbe: gray;

            --akzentfarbegrad1: #D4AF37;
            --akzentfarbegrad2: #A47F07;

            --schriftfarbzuhintergrund: #ffffff;

            --blinkfarbe: #F4F2EA;
            --hintergrundfarbekreis: rgba(53, 53, 53, 0.5);

            --fallbackfarbe: #000; /* Fallback color */
            --seethroughfarbe: rgba(0,0,0, 0.5); /* Black w/opacity/see-through */
        
            --filterbuttonbackgroundcolor: #ffffff;
            --filterbuttonschriftfarbe: #151515;

            --joblistingheadlineschriftfarbe: #ffffff;
            --joblistingheadlinebackgroundcolor: #D4AF37;

            --joblistingrowschriftfarbe: #ffffff;
            --joblistingrowbackgroundcolor1: #353535;
            --joblistingrowbackgroundcolor2: #555555;

            --joblistingrowlinkcolor: #D4AF37;
            --joblistingrowlinkbuttonbackgroundhovercolor: #A47F07;

            --joblistingrowlborderseparatecolor: #D4AF37;

            --jobdetailboxbackgroundcolor: #353535;
            --jobdeatilboxheadlinecolor: #D4AF37;
            --jobdeatiltextandlablecolor: #ffffff;
        }

        .coming-soon{
            z-index: 100000000;
            position: absolute;
            width: 100vh;
            height: 100vh;
            background-color: var(--hintergrundfarbe);
        }

        .coming-soon span{
            font-size: 20pt;
            font-weight: 400;
            color: var(--akzentfarbegrad1);
        }

        html, body, * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
            overflow-anchor: none;
            overflow-anchor: unset;
        }

        body {
            padding-top: 80px;
            background-color: var(--hintergrundfarbe);
            color: var(--schriftfarbzuhintergrund);
        }

        #main_content{
            /*width: 80%;*/
            padding-left: 15%;
            padding-right: 15%;

            word-break: normal;
            hyphens: auto;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            -webkit-hyphenate-limit-chars: auto 3;
            -moz-hyphenate-limit-chars: auto 3;
            -ms-hyphenate-limit-chars: auto 3;
            hyphenate-limit-chars: auto 3;
            -webkit-hyphenate-limit-lines: 4;
            -moz-hyphenate-limit-lines: 4;
            -ms-hyphenate-limit-lines: 4;
            hyphenate-limit-lines: 4;

            margin: 0 auto 0 auto;
            
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            font-size: 1rem;
            line-height: 1.2rem;

            text-align: left;
            
        }

        #main_content h1, 
        #main_content h2, 
        #main_content h3, 
        #main_content h4, 
        #main_content h5, 
        #main_content h6{
            hyphens: manual;
        }

        h1{
            font-size: 2.2rem;
            line-height: 2.5rem;
            color: var(--akzentfarbegrad1);
        }

        h2{
            font-size: 1.2rem;
            line-height: 1.6rem;
        }

        h3{
            margin: 0 0 0 0;
        }

        /*
        h4{

        }

        h5{

        }

        h6{

        }
        */

        .site-headline h1{
            padding-top: 8rem;
            margin-bottom: 0;
            text-align: center;
        }

        .site-headline h2{
            margin: 0 0 6rem 0;
            text-align: center;
        }

        a {
            text-decoration: none;
            color: var(--schriftfarbzuhintergrund);
            box-shadow: inset 0 -1px 0 var(--akzentfarbegrad1);
        }

        p{
            margin: 0;
        }

        button {
            -webkit-appearance: none;
            appearance: none;
            outline: none;
            border: none;
            background: initial;
        }

        .wrapper{
            width: 100%;
            padding: 0 30px;
            max-width: 872px;
            margin: 0 auto;
        }

        .customWordBreak{
            hyphens: none;
            -webkit-hyphens: none;
            -moz-hyphens: none;
            -ms-hyphens: none;
        }

/* ----------------------- */
/* -------- HEADER ------- */
/* ----------------------- */

        /* ------------------- */
        /* The navigation menu */
        /* ------------------- */

        .header {
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            height: 50px;
            z-index: 9998;
            background: var(--hintergrundakzentfarbe1); 
        }
        
        .header a{
            text-decoration: none;
            cursor: pointer;
        }

        .header .wrapper {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -ms-align-items: center;
            align-items: center;
            justify-content: space-between;
            height: 100%; 
        }

        .nav {
            display: block;
            margin: auto;
        }

        .logo{
            color: var(--akzentfarbegrad1);
            margin-right: 30px;
        }

        .logo a {
            /*box-shadow: none;*/
            /*display: flex;*/
            align-items: center;
            justify-content: left;
        }

        .logo a img {
            width: 150px;
        }
        
        .menu {
            margin: 10px;
        }
        
        .menu a {
            display: block;
            padding: 5px 10px;
            box-shadow: none;
        }
        
        .menu-item {
            list-style: none;
            transition-duration: 0.4s;
            cursor: pointer;
        }

        .menu-item a{
            color: var(--navschriftfarbemobile);
        }

        .submenu {
            cursor: pointer;
        }

        .menu .menu-item a:hover {
            color: var(--navhighlihtfarbemobile);
            font-weight: 400;
        }

        .submenu .menu-item a:hover {
            color: var(--navhighlihtfarbemobile);
            font-weight: 400;
        }
        
        .hamburger__container {
            display: block;
            float: right;
            padding: 1rem;
            margin: -1rem;
            cursor: pointer;
            margin-left: auto;
        }
        
        .hamburger {
            width: 1.20rem;
            height: 0.9375rem;
            position: relative;
            transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: rotate(0deg); 
        }

        .hamburger i {
            display: block;
            position: absolute;
            width: 100%;
            height: 0.1875rem;
            background: var(--akzentfarbegrad1);
            opacity: 1;
            left: 0;
            transform: rotate(0deg);
            transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); 
        }

        .hamburger i:nth-of-type(1) {
            top: 0;
            transform-origin: left center; 
        }

        .hamburger i:nth-of-type(2) {
            top: 0.375rem;
            transform-origin: left center; 
        }

        .hamburger i:nth-of-type(3) {
            top: 0.75rem;
            transform-origin: left center; 
        }

        .hamburger.open i:nth-of-type(1) {
            transform: rotate(45deg) translate(0, -0.0625rem); 
        }

        .hamburger.open i:nth-of-type(2) {
            opacity: 0;
            width: 0%; 
        }

        .hamburger.open i:nth-of-type(3) {
            transform: rotate(-45deg) translate(0, 0.0625rem); 
        }
        
        @media (max-width: 767px) {
            .nav .menu .menu-item {
                text-align: left;
            }

            .nav .submenu .menu-item {
                text-align: left;
                margin-left: 60px;
            }

            .nav-sebrator{
                padding: 49px 0 0;
                border-bottom: .1px solid var(--navsepertorfarbe);
                border-top: unset;
                border-left: unset;
                border-right: unset;
                background-color: var(--hintergrundakzentfarbe1);
                z-index: 9997;
                position: sticky;
            }

            .menu {
                margin: 0 0 80px;
            }

            .menu > .menu-item {
                font-size: 18px;
                font-weight: 200;
                border-bottom: .1px solid var(--navsepertorfarbe);
            }

            .submenu > .menu-item {
                font-size: 18px;
                font-weight: 200;
                border-bottom: .1px solid var(--navsepertorfarbe);
            }
            
            .menu > .menu-item:last-child {
                border-bottom: unset;
            }

            .menu-item-active-highlight-level0 > a {
                color: var(--navhighlihtfarbemobile);
                font-weight: bold;
            }

            .submenu > .menu-item:last-child {
                border-bottom: unset;
            }

            .menu-item-active-highlight-level1 > a {
                color: var(--navhighlihtfarbemobile);
                font-weight: bold;
            }

            .menu-item a {
                padding: 10px 0;
            }

            html.noscroll {
                overflow: hidden;
            }
        
            body.noscroll {
                overflow: visible;
                height: 100%;
            }
        
            .logo, .hamburger__container {
                position: relative;
                z-index: 9999;
                background: var(--hintergrundakzentfarbe1);
            }
        
            .nav {
                position: fixed;
                top: 0;
                right: -100%;
                width: 100%;
                height: 100%;
                background: var(--hintergrundakzentfarbe1);
                opacity: 0;
                transition: opacity .3s ease;
            }
        
            .open {
                opacity: 1;
                right: 0;
            }
        
            .nav__container {
                position: absolute;
                padding: 50px 40px 30px;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
                z-index: 9996;
            }
        }
        
        @media (min-width: 768px) {
            header {
                height: auto!important;
            }
            
            .nav-sebrator{
                display: none;
            }

            .nav__container{
                padding: 0!important;
            }

            nav ul {
                background: var(--hintergrundakzentfarbe1);
                list-style: none;
                margin: 0;
                padding: 0;
                text-align: center;
            }

            .menu {
                margin: 0;
                padding: 0;
            }

            .submenu{
                color: var(--navhighlihtfarbemobile);
                background: var(--hintergrundakzentfarbe1);
                visibility: hidden;
                opacity: 0;
                min-width: 5rem;
                position: absolute;
                transition: all 0.5s ease;
                left: 0;
                display: none;
                border-top: solid .3rem var(--hintergrundakzentfarbe1);
            }

            .menu-item {
                color: var(--navhighlihtfarbemobile);
                background-color: var(--hintergrundakzentfarbe1);
                display: inline-block;
                position: relative;
                text-decoration: none;
                cursor: pointer;
            }

            .menu-item a {
                color: var(--navhighlihtfarbemobile);
            }

            .menu-item:hover,
            .menu-item:focus-within {
                background-color: var(--akzentfarbegrad1) !important;
            }

            .menu-item:focus-within a {
                outline: none;
            }

            .menu > .menu-item{
                border-bottom: solid .3rem var(--hintergrundakzentfarbe1);
                font-weight: 400;
                float: left;
            }

            .menu > .menu-item:last-child{
                float: right;
            }

            .menu > .menu-item > a{
                padding: 2rem 1rem;
            }

            .menu > .menu-item:hover{
                background-color: var(--akzentfarbegrad1);
            }

            .submenu > .menu-item{
                text-align: left;
                font-size: .8rem;
                clear: both;
                width: 100%;
            }

            .submenu > .menu-item > a{
                padding: 1rem;
                min-width: 100%;
            }

            .submenu > .menu-item:hover{
                background-color: var(--akzentfarbegrad1);
            }

            .menu .menu-item:hover > .submenu,
            .menu .menu-item:focus-within > .submenu,
            .submenu:hover,
            .submenu:focus {
               visibility: visible;
               opacity: 1;
               display: block;
            }
            
            .menu-item-active-highlight-level0{
                border-bottom: solid .3rem var(--akzentfarbegrad1)!important;
            }

            .menu-item-active-highlight-level0 > a {
                color: var(--navhighlihtfarbemobile);
            }
    
            .menu-item-active-highlight-level1{
                background-color: var(--hintergrundakzentfarbe3)!important;
            }

            .menu-item-active-highlight-level1 > a {
                color: var(--navhighlihtfarbemobile);
            }

            .mobile {
                display: none;
            }
        }

        /* ---------------------- */
        /* ---- Header Banner ----*/
        /* ---------------------- */
        
        .header-banner{
            margin-bottom: 1.34em;
        }

        /* Backgroud img with blur */
        .header-img-new {
            /* The image used */
            background-image: url("/img/homepage/banner.jpg");
            
            /* Add the blur effect */
            filter: blur(2px);
            -webkit-filter: blur(2px);
            
            /* Full height */
            height: 100vh; 
            
            /* Center and scale the image nicely */
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;

            border-bottom: 3px solid var(--hintergrundakzentfarbe2);
        }
          
        /* Position text in the middle of the page/image */
        .header-img-new-text {
            background-color: var(--seethroughfarbe);
            color: white;
            font-weight: 400;
            border: 3px solid #f1f1f1;
            position: absolute;
            margin: auto;
            top: 20vh;
            left:0;
            right:0;
            z-index: 2;
            width: 80%;
            padding: 20px;
            text-align: center;
        }

        .header-img-new-text h1,
        .header-img-new-text p{
            text-transform: uppercase;
        }

        .header-img-new-text .header-headline1{
            font-size: 25px;
            margin: .67rem 0 -.67rem 0;
            font-weight: 400;
            /*letter-spacing: .67rem;*/
        }

        .header-img-new-text .header-headline2{
            font-size: 15px;
            margin: 0 0 .67rem 0;
            font-weight: 400;
            /*letter-spacing: .67rem;*/
        }

         .header-img-new-text p{
            font-size: 16px;
            margin: 0 0 .67rem 0;
        }

        .header-img-new-link #scrolltocontent-new{
            position: absolute;
            margin: auto;
            top: 60vh;
            left:0;
            right:0;
            height: 4rem;
            width: 4rem;
            background: var(--hintergrundfarbekreis);
            border-radius: 50%;
            text-decoration: none;
            color: var(--akzentfarbegrad1);
            font-size: 2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            box-shadow: none;
        }

        .blink {
		    -webkit-transition: all 0.2s ease-in-out;
		    -moz-transition: all 0.2s ease-in-out;
		    -o-transition: all 0.2s ease-in-out;
		    -ms-transition: all 0.2s ease-in-out;
		    transition: all 0.2s ease-in-out;



   		    animation: clignotementsmall 1.4s infinite ease-in-out ;
		    -webkit-animation: clignotementsmall 1.4s  infinite ease-in-out;
		    -moz-animation: clignotementsmall 1.4s  infinite ease-in-out ;
		    -o-animation: clignotementsmall 1.4s  infinite ease-in-out;
		    -ms-animation: clignotementsmall 1.4s infinite ease-in-out;

		}

					@keyframes clignotementsmall{ 
					    0%   {  opacity: 0.1;  }
					    50%   {  opacity: 1;  }
					    100% {  opacity: 0.1;  }
					}
						
					@-moz-keyframes clignotementsmall{ 
					    0%   {  opacity: 0.1;  }
					    50%   {  opacity: 1;  }
					    100% {  opacity: 0.1;  }
                    }
                    
					@-webkit-keyframes clignotementsmall{ 
					    0%   {  opacity: 0.1;  }
					    50%   {  opacity: 1;  }
                        100% {  opacity: 0.1;  }
                    }
                    
					@-o-keyframes clignotementsmall{ 
					    0%   { opacity: 0.1; }
					    50%   { opacity: 1; }
					    100% { opacity: 0.1; }
                    }
                    
					@-ms-keyframes clignotementsmall{ 
					    0%   { opacity: 0.1; }
					    50%   { opacity: 1; }
					    100% { opacity: 0.1; }
					}

        .fill-beige {
            fill: var(--blinkfarbe);
        }

/* ----------------------- */
/* -------- FOOTER ------- */
/* ----------------------- */

        footer{
            background-color: var(--hintergrundfarbe);
            padding: 2% 0 2% 0;
            color: var(--schriftfarbzuhintergrund);
        }

        footer a {
            color: var(--schriftfarbzuhintergrund);
            text-decoration: none;
        }

        footer a:hover {
            color: var(--akzentfarbegrad1);
        }

        footer .logo-footer {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            padding: 3rem 0 3rem 0;
        }

        footer .logo-footer .full {
            height: 4px;
            color: var(--akzentfarbegrad2);
            width: 100%;
            background-color: var(--akzentfarbegrad2);
            border: none;
        }

        footer .logo-footer .left {
            height: 4px;
            color: var(--hintergrundakzentfarbe1);
            width: 9%;
            margin: 0 1% 0 0;
            background-color: var(--hintergrundakzentfarbe1);
            border: none;
        }

        #footer_logo {
            width: 16%;
        }

        footer .logo-footer .right {
            height: 4px;
            color: var(--hintergrundakzentfarbe1);
            width: 73%;
            margin: 0 0 0 1%;
            background-color: var(--hintergrundakzentfarbe1);
            border: none;
        }

        #footer_leiste {
            display: flex;
            flex-direction: column;
            padding: 5px;
            flex-wrap: wrap;
            margin: 0 30px 0 30px;
        }

        .footer_abschnitt{
            flex: 1 1 auto;
            margin: 2rem 2% 2rem 2%;
            display: flex;
            justify-content: center;
            text-align: center;
        }

        .footer_abschnitt h6 {
            text-transform: uppercase;
            margin: 0 0 2rem 0;
            font-size: 1.2em;
        }

        .footer_abschnitt ul {
            list-style: none;
            padding: 0;
            margin-bottom: 14%;
        }

        .footer_abschnitt li {
            margin-bottom: .8rem;
        }

        .icons_footer_container {
            display: flex;
            justify-content: center;
        }

        .icons_footer_container a {
            margin: 0 5% 0 5%;
            box-shadow: none;
        }

        .icons_footer_container a img{
            width:2.6rem;
        }

        .footer_abschnitt form {
            display: flex;
            flex-direction: column;
        }

        .footer_abschnitt form a {
            color: var(--akzentfarbegrad1);
        }

        .footer_abschnitt form .footer_eingabe {
            height: 3em;
            border-radius: 5px;
            padding-left: 5%;
            margin-bottom: 1em;
        }

        #footer-captcha-code-content{
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            padding: 1.67rem 0 1.67rem 0;
        }

        #footer-captcha-code-content label{
            margin: .67rem auto .67rem auto;
        }

        #footer-captchaimg{
            width: 120px;
            height: 40px;
            margin: .67rem auto .67rem auto;
        }

        #footer-code{
            margin-bottom: 0;
        }
        
        .footer_abschnitt form #footer_formular_senden {
            align-self: flex-end;
        }

        .footer_abschnitt form #footer_formular_senden {
            background-color: var(--akzentfarbegrad1);
            padding: .8em 2em;
            margin-top: 2em;
            cursor: pointer;
            color: var(--schriftfarbzuhintergrund);
            border-radius: 3px;
            border: 0;
            box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 3px;
            -webkit-appearance: none;
        }

        .footer_abschnitt form #footer_formular_senden:hover{
            background-color: var(--akzentfarbegrad2);
        }

        #footer-send-mail-to-us-response-content{
            display: none;
        }

        .footer-send-mail-to-us-msg-success{
            color: green;
        }

        .footer-send-mail-to-us-msg-error{
            color: red;
        }

/* --------------------------------- */
/* -------- COOKIE NACHFRAGE ------- */
/* --------------------------------- */

        #CookieConsent {
            z-index: 999999999;
            min-height: 20px;
            font-family: OpenSans, arial, "sans-serif";
            padding: 10px 20px;
            background: rgba(0,0,0,0.6);
            overflow: hidden;
            position: fixed;
            color: var(--navhighlihtfarbemobile);
            bottom: 0;
            right: 0;
            left: 0;
            display: none;
            text-align: center;
            font-size: 15px;
            font-weight: bold;
        }

        #CookieConsent div {
            padding: 5px 0 0;
        }

        #CookieConsent a {
            color: var(--akzentfarbegrad1);
            display: inline-block;
            padding: 0 10px;
            box-shadow: none;
        }

        #CookieConsent a:hover {
        	color: var(--akzentfarbegrad2);
        }

        #CookieConsent a#cookieButton {
            display: inline-block;
            color: var(--hintergrundfarbe);
            font-size: 1.1em;
        	background: var(--akzentfarbegrad1);
            text-decoration: none;
            cursor: pointer;
            padding: 2px 20px;
            float: right;
            border-radius: 20px;
            margin-left: 20px;
            margin-bottom: 20px;
            margin-top: 10px;
            
        }

        #CookieConsent a#cookieButton:hover {
            background: var(--akzentfarbegrad2);
        }


/* ----------------------- */
/* ------ HOMEPAGE ------- */
/* ----------------------- */

        .colomns-2{
            column-count: unset;
            max-height: none;
        }

        .bodytext{
            padding-bottom: 1.2rem;
        }

        .introduction1,
        .introduction2{
            margin: .5rem 0 .5rem 0;
        }

        .introduction2 h3,
        .introduction3 h3{
            margin-top: 3rem;
            margin-bottom: 2rem;
            text-transform: uppercase;
            font-size: 15px;
        }

        .introduction2 img{
            padding: 2.67rem 0 6.67rem 0;
            margin-left: auto;
            margin-right: auto;
            display: block;
            width: 100%;
            height: auto;
            max-width: 800px;
        }

        .introduction2 .leistungen-flexbox{
            display: flex;
            justify-content: space-around;
            flex-direction: column;
        }

        .introduction2 .leistungen-list,
        .introduction3 .cooperation-list{
            list-style-type: none;
            padding:0;
            margin: 0;
            margin-bottom: 2rem;
        }

        .introduction2 .leistungen-list li,
        .introduction3 .cooperation-list li{
            display: flex;
        }

        .introduction2 .leistungen-list li::before,
        .introduction3 .cooperation-list li::before{
            content: "€";
            padding-right: 8px;
            color: var(--akzentfarbegrad1);
        }

        .introduction2 .underneath1, 
        .introduction2 .underneath2{
            display: flex;
            justify-content: center;
        }

        .introduction3 .top1{
            width: 90%;
            margin: auto;
        }

        .introduction3 .underneath3{
            margin: 2rem 0 2rem 0;
        }

        .introduction4{
            text-align: center;
            margin: 4rem 0 0 0;
        }

        .introduction4 h3{
            margin-bottom: 2.67rem;
        }

        .introduction4 button{
            background-color: var(--akzentfarbegrad1);
            padding: .8em 2em;
            cursor: pointer;
            color: var(--schriftfarbzuhintergrund);
            border-radius: 3px;
            border: 0;
            box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 3px;
            -webkit-appearance: none;
        }

        .introduction4 button:hover{
            background-color: var(--akzentfarbegrad2);
        }

        .introduction4 p{
            margin-top: 4.67rem;
        }

/* ------------------------- */
/* ------ SPONSORING ------- */
/* ------------------------- */

        .sponsoring-abschnitt1{
            margin: 4rem 0 6rem 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
        }

        .sponsoring-abschnitt1 img{
            width: 50%;
        }

        .sponsoring-abschnitt1 p{
            padding: 2.67rem 0 0 0;
        }

        .sponsoring-abschnitt2{
            text-align: center;
        }

        .mailbutton_sponsoring button{
            background-color: var(--akzentfarbegrad1);
            padding: .8em 2em;
            cursor: pointer;
            color: var(--schriftfarbzuhintergrund);
            border-radius: 3px;
            border: 0;
            box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 3px;
            -webkit-appearance: none;
        }

        .mailbutton_sponsoring button:hover{
            background-color: var(--akzentfarbegrad2);
        }

/* ----------------------- */
/* ------ JOB-LISTING ---- */
/* ----------------------- */

        .tables_and_filter{
            display:flex;
            flex-direction: column;
            justify-content:center;
            align-items:center;
            margin-top: 2rem;
        }

        /* ----------------------------- */
        /* Filtermöglickeit über Tabelle */
        /* ----------------------------- */
        .tables_and_filter .filter{
            flex:1 1 0;
            margin-bottom: 4rem;
            width:100%;
        }

        .tables_and_filter .filter span{
            display: block;
        }

        .tables_and_filter .filter #angebot_filter{
            font-size:1.2rem;
        }

        .tables_and_filter .filter #select_filter{
            margin-top: 1rem;
            padding:0.6em 2.5rem 0.6em 1.3rem;
            background-color: var(--filterbuttonbackgroundcolor);
            color: var(--filterbuttonschriftfarbe);
            cursor: pointer;
            border-radius:5px;
            display: inline-block;
            vertical-align: middle;
            background: url(/img/icons/pfeile/pfeil-nachunten_black.svg) no-repeat right .75rem center;
                background-color: var(--filterbuttonbackgroundcolor);
                background-size: 1.3rem;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            font-size: 1.2em;
            font-weight: lighter;
            text-transform: uppercase;
            text-align:center;
            border: 0px solid var(--filterbuttonbackgroundcolor);
        }

        .tables_and_filter .filter #select_filter option{
            font-weight: lighter;
            text-transform: uppercase;
        }


        /* ---------------------------------------- */
        /* Gesamte Job Tabelle (Kopfzeile und Body) */
        /* ---------------------------------------- */
        .tables_and_filter .tables{
            flex:1 1 0;
            width:100%;
        }

        .tables_and_filter .tables table{
            margin: auto;
        }

        .tables_and_filter .tables td{
            padding:0 1em;
            overflow:hidden;
            text-align: left;
        }

        .tables_and_filter .tables tr > th:first-child,
        .tables_and_filter .tables tr > td:first-child{ 
            border-radius: 5px  0 0 5px;
            -moz-border-radius: 5px  0 0 5px;
            -webkit-border-radius: 5px  0 0 5px;
        
        } 

        .tables_and_filter .tables tr > th:last-child,
        .tables_and_filter .tables tr > td:last-child{ 
            border-radius: 0 5px 5px 0;
            -moz-border-radius: 0 5px 5px 0;
            -webkit-border-radius: 0 5px 5px 0;
        }


        /* ------------------------- */
        /* Kopfzeile der Job Tabelle */
        /* ------------------------- */
        .tables_and_filter .tables .job_bez{
            width:25%;
        }

        .tables_and_filter .tables .job_beschreibung{
            display:none;
        }

        .tables_and_filter .tables .region_bez{
            display:none;
        }

        .tables_and_filter .tables .job_ort{
            display:none
        }

        .tables_and_filter .tables .headline_table {
            border-collapse:collapse;
            width: 100%;
        }

        .tables_and_filter .tables .headline_table th{
            background-color: var(--joblistingheadlinebackgroundcolor);
            color: var(--joblistingheadlineschriftfarbe);
            padding:0 1em;
        }

        .tables_and_filter .tables .headline_table tr{
            height: 3rem;
        }


        /* ----------- */
        /* Job Tabelle */
        /* ----------- */
        .tables_and_filter .tables .table_jobs { 
            border-collapse:separate; 
            border-spacing:0 15px; 
        }

        .tables_and_filter .tables .table_jobs .region_bez { 
            border-left: 2px solid var(--joblistingrowlborderseparatecolor);
        }

        .tables_and_filter .tables .table_jobs .job_ort { 
            border-left: 2px solid var(--joblistingrowlborderseparatecolor);
        }

        .tables_and_filter .tables .table_jobs span{
            margin-left:1%;
        }

        .tables_and_filter .tables .table_jobs tr { 
            cursor:pointer; 
            height: 100px;
        }

        .tables_and_filter .tables .table_jobs tr:nth-child(even) {
          background-color: var(--joblistingrowbackgroundcolor1);
        }

        .tables_and_filter .tables .table_jobs tr:nth-child(odd) {
          background-color: var(--joblistingrowbackgroundcolor2);
        }

        .tables_and_filter .tables .table_jobs .tabelle_pfeil_icon{
            background-color: var(--joblistingheadlinebackgroundcolor);
            background-image:url(/img/icons/pfeile/pfeil_black.svg);
            background-repeat:no-repeat;
            background-position:50%;
            width: 2%;
        }

        .tables_and_filter .tables .table_jobs tr:hover .tabelle_pfeil_icon{
            background-color:var(--joblistingrowlinkbuttonbackgroundhovercolor);
        }

        .tables_and_filter .tables .table_jobs .linklabelcolor{
            color: var(--akzentfarbegrad1);
        }


        /* ----------------------------------------------------------- */
        /* Seiten Navigations Button unter der Tabelle und Seiten Label*/
        /* ----------------------------------------------------------- */
        .tables_and_filter .sitecount{
            font-size: 1.2rem;
        }
        
        .tables_and_filter .buttons{
            flex:1 1 0;
            display:flex;
            justify-content:center;
            align-items:center;
            width:100%;
            margin-top:15%;
            margin-bottom:15%;
            z-index: 1;
        }

        .tables_and_filter .buttons .sitecount_pfeile{
            background-image: url(/img/icons/pfeile/pfeil_black.svg);
            height: 40px;
            width: 40px;
            background-color: var(--filterbuttonbackgroundcolor);
            background-repeat: no-repeat;
            background-size: 27%;
            background-position: 50%;
            border-radius: 5px;
            margin: 0px 10% 0 10%;
        }

        .tables_and_filter .buttons #link_zurueck_pfeil{
            transform: rotate(180deg);
        }

        .tables_and_filter .buttons .tabelle_pfeil_icon{
            width:2%;
        }

/* ----------------------- */
/* ------ JOB-DETAIL ----- */
/* ----------------------- */

        #main_job_detail{
            padding-top: 4rem;
        }

        .back-to-listing a{
            box-shadow: none;
            text-decoration: underline;
            text-decoration-color: var(--jobdeatilboxheadlinecolor);
        }

        .job-details-container h1{
            padding-top: 3.67rem;
            padding-bottom: 1.67rem;
        }

        .job-details{
            display: flex;
            flex-direction: column;
        }

        .jobbeschreibung{
            padding-bottom: 1rem;
        }

        .jobbeschreibung p{
            padding-bottom: 0.5rem;
        }

        .region-ort{
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-direction: column;
            padding-bottom: 2rem;
        }

        .region, .ort{
            display: flex;
            flex-direction: column;
            background-color: var(--jobdetailboxbackgroundcolor);
            border-radius: 5px 5px 5px 5px;
            padding-left: 2rem;
            padding-right: 2rem;
            padding-top: 0.67rem;
            padding-bottom: 0.67rem;
            align-items: center;
            width: 34%;
            min-width: 160px;
            margin: 1.67rem 0;
        }

        .region span:first-child, .ort span:first-child{
            color: var(--jobdeatilboxheadlinecolor);
            margin-bottom: .67rem;
        }

        .region span:last-child, .ort span:last-child{
            color: var(--jobdeatiltextandlablecolor);
        }

        .aufgabengebiet, .leistungen{
            display: flex;
            background-color: var(--jobdetailboxbackgroundcolor);
            border-radius: 5px;
            margin-bottom: 4rem;
        }

        .aufgabengebiet .pfeil_icon_hintergrund, .leistungen .pfeil_icon_hintergrund{
            display: none;
        }

        .aufgabengebiet .text, .leistungen .text{
            margin: 1.34rem;
            width: 82%;
        }

        .aufgabengebiet .text h3, .leistungen .text h3{
            margin-bottom: 1.34rem;
            color: var(--jobdeatilboxheadlinecolor);
        }

        .aufgabengebiet .text ul, .leistungen .text ul{
            list-style-type: none;
        }

        .aufgabengebiet .text li, .leistungen .text li{
            margin-top: .67rem;
            display: flex;
        }

        .aufgabengebiet .text li::before, .leistungen .text li::before{
            content: "\2714";
            margin-right: .67rem;
            color: var(--jobdeatiltextandlablecolor);
            font-family: 'Zapf Dingbats';
        }

        .job-anfrage{
            border-radius: 5px;
            background-color: var(--jobdetailboxbackgroundcolor);
            margin-bottom: 3.67rem;
        }

        .job-anfrage-wrapper{
            padding: 1.34rem;
        }

        .job-anfrage-wrapper h2{
            color: var(--jobdeatilboxheadlinecolor);
            margin-bottom: 1.34rem;
        }

        .job-anfrage-eingabe form a{
            color: var(--jobdeatilboxheadlinecolor);
        }

        .job-anfrage-eingabe form .job-anfrage-inputs{
            display: flex;
            flex-direction: column;
        }

        .job-anfrage-eingabe form .job-anfrage-inputs .job-anfrage-eingabe-textbox,
        #job-intern-detail-captcha-code-content .job-anfrage-eingabe-textbox,
        #job-extern-detail-captcha-code-content .job-anfrage-eingabe-textbox{
            height: 3em;
            border-radius: 5px;
            padding-left: 5%;
            margin-bottom: 1em;
        }

        .job-anfrage-checkbox{
            text-align: left;
        }

        #job-intern-detail-captcha-code-content,
        #job-extern-detail-captcha-code-content{
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            padding: 1.67rem 0 1.67rem 0;
        }

        #job-intern-detail-captcha-code-content label,
        #job-extern-detail-captcha-code-content label{
            margin: .67rem auto .67rem auto;
        }

        #job-intern-details-captchaimg,
        #job-extern-details-captchaimg{
            width: 120px;
            height: 40px;
            margin: .67rem auto .67rem auto;
        }

        #job-intern-details-code,
        #job-extern-details-code{
            margin-bottom: 0;
            width: 250px;
            margin: auto;
        }

        .job-anfrage-eingabe form .submit-button{
            text-align: end;
        }

        .job-anfrage-eingabe form .submit-button #job-anfrage-eingabe-button{
            background-color: var(--akzentfarbegrad1);
            padding: .8em 2em;
            margin-top: 2em;
            color: var(--schriftfarbzuhintergrund);
            border-radius: 3px;
            border: 0;
            cursor: pointer;
            box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 3px;
            -webkit-appearance: none;
        }
       
        .job-anfrage-eingabe form .submit-button #job-anfrage-eingabe-button:hover{
            background-color: var(--akzentfarbegrad2);
        }

        #job-intern-detail-send-mail-to-us-response-content, #job-extern-detail-send-mail-to-us-response-content{
            display: none;
            text-align: center;
        }

        .job-extern-detail-send-mail-to-us-msg-success,
        .job-intern-detail-send-mail-to-us-msg-success{
            color: green;
        }

        .job-extern-detail-send-mail-to-us-msg-error,
        .job-intern-detail-send-mail-to-us-msg-error{
            color: red;
        }

        .job-anfrage-bewerbung-headline,
        .job-anfrage-bewerbung-text{
            text-align: center;
        }

        .job-anfrage-bewerbung-headline h2{
            margin-top: 2.68rem;
        }

/* ------------------------ */
/* ------ Kundenlogin ----- */
/* ------------------------ */


        .kundenlogin-background{
            /* The image used */
            /*background-image: url("/img/homepage/banner.jpg");*/
            
            /* Center and scale the image nicely */
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        #kundenlogin-container{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 80vh;
        }

        .kundenlogin {
            background-color: var(--hintergrundakzentfarbe1);
            padding: 2.67rem;
            width: 600px;
            border-radius: 5px;
            text-align: center;
        }

        .kundenlogin h6 {
            text-transform: uppercase;
            margin: 0 0 2rem 0;
            font-size: 1.2em;
        }

        .kundenlogin-form form{
            display: flex;
            flex-direction: column;
            margin-left: auto;
            margin-right: auto;
            max-width: 400px;
        }

        .kundenlogin-form form a {
            color: var(--akzentfarbegrad1);
        }

        .kundenlogin-form form .textfeld_kundenlogin {
            height: 3em;
            border-radius: 5px;
            padding-left: 5%;
            margin-bottom: 1em;
        }
        
        .kundenlogin-form form #kundenlogin_anmelden {
            align-self: flex-end;
        }

        .kundenlogin-form form #kundenlogin_anmelden {
            background-color: var(--akzentfarbegrad1);
            padding: .8em 2em;
            margin-top: 2em;
            cursor: pointer;
            color: var(--schriftfarbzuhintergrund);
            border-radius: 3px;
            border: 0;
            box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 3px;
            -webkit-appearance: none;
        }

        .kundenlogin-form form #kundenlogin_anmelden:hover{
            background-color: var(--akzentfarbegrad2);
        }

/* -------------------------- */
/* ------ Kundenbereich ----- */
/* -------------------------- */

        .kundenbereich h1{
            text-align: center;
            padding-top: 8rem;
            padding-bottom: 6rem;
        }

        .kundenbereich h2 {
            text-transform: uppercase;
            margin: 0 0 4rem 0;
            font-size: 1.2em;
            /*text-decoration: underline;*/
        }

        .newsfeed-bereich{
            padding-bottom: 6.67rem;
        }

        .newsfeed-data{
            background-color: var(--hintergrundakzentfarbe1);
            border: 2px solid var(--akzentfarbegrad1);
            border-radius: 5px;
            height: 200px;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .newsfeed-row{
            display: flex;
            color: var(--schriftfarbehell);
            border-bottom: 2px solid var(--akzentfarbegrad1);
            
        }

        .newsfeed-row:first-child .newsfeed-date{
            color: var(--akzentfarbegrad1);
        }

        .newsfeed-row:last-child{
            border-bottom: none;
        }

        .newsfeed-date{
            border-right: 2px solid var(--akzentfarbegrad1);
            padding: 1.67rem;
            flex-grow: 0;
            flex-shrink: 0;
        }

        .newsfeed-text{
            padding: 1.67rem;
            flex-grow: 0;
        }

        .kundendetails-container{
            display: flex;
            background-color: var(--jobdetailboxbackgroundcolor);
            border-radius: 5px;
            margin-bottom: 4rem;
        }

        .kundendetails-container .pfeil_icon_hintergrund{
            display: none;
        }

        .kundendetails-container .kundendetails-data{
            margin: 1.34rem;
            width: 82%;
        }

        .kundendetails-container .kundendetails-data h3{
            margin-bottom: 1.34rem;
            color: var(--jobdeatilboxheadlinecolor);
        }

        .kundendetails-container .kundendetails-data ul{
            list-style-type: none;
        }

        .kundendetails-container .kundendetails-data li{
            margin-top: .67rem;
        }

        .kundendetails-container .kundendetails-data .kundendetails-data-kategorie .kundendetails-data-kategorie-data{
            margin: 1.67rem 0 3.67rem 3rem;
        }

        .kundendetails-container .kundendetails-data .kundendetails-data-kategorie li{
            font-weight: bold;
        }

        .kundendetails-container .kundendetails-data .kundendetails-data-kategorie-data li{
            font-weight: normal;
        }

        .kundendetails-container .kundendetails-data .kundendetails-data-kategorie li::before{
            content: "";
            margin-right: .67rem;
            color: var(--jobdeatiltextandlablecolor);
            font-family: 'Zapf Dingbats';
            font-weight: bold;
        }

        .kundendetails-container .kundendetails-data .kundendetails-data-kategorie .kundendetails-data-kategorie-data li::before{
            content: "-";
            margin-right: .67rem;
            color: var(--jobdeatiltextandlablecolor);
            font-family: 'Zapf Dingbats';
            font-weight: bold;
        }

/* ----------------------------------- */
/* ------ Datenschutzerklärung ------- */
/* ----------------------------------- */

        .datenschutz-main-container h2{
            margin-top: 2.2rem;
        }

        .datenschutz-main-container p{
            margin-top: 2.2rem;
        }

        .datenschutz-intro{
            margin-top: 5.8rem;
        }

        .datenschutz-main-container ul{
            list-style-type: none;
        }

        .datenschutz-main-container li{
            display: flex;
            margin-top: 2.2rem;
        }

        .datenschutz-main-container li::before{
            content: "−";
            padding-right: 8px;
        }

        .datenschutz-main-container li p{
            margin: 0;
        }

        .datenschutz-ul-list{
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }

        .datenschutz-p-list{
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }

        .datenschutz-paragraph-inhalt{
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }


/* ----------------------------------- */
/* ------ Datenschutzerklärung ------- */
/* ----------------------------------- */

        .impressum-abschnitt2,
        .impressum-abschnitt3,
        .impressum-abschnitt4{
            margin: 4rem 0 6rem 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
        }

        .impressum-abschnitt1 p,
        .impressum-abschnitt2 p,
        .impressum-abschnitt3 p,
        .impressum-abschnitt4 p{
            padding: 1.67rem 0 0 0;
        }

/* --------------------------- */
/* ------ MOBILE QUERIES ----- */
/* ONLY FOR CONTENT NOT NAVBAR */
/* --------------------------- */
        
        /* Extra small devices (phones, 600px and down) */
        @media (max-width: 600px) {
        
        }
    
        /* Small devices (portrait tablets and large phones, 600px and up) */
        @media (min-width: 600px) { 
            .header{
                height:80px;    
            }
            
            .nav-sebrator{
                padding: 79px 0 0;
            }

            .nav__container{
                padding:80px 40px 30px;
            }

            #CookieConsent a#cookieButton {
                margin-bottom: 0;
                margin-top: 0;
                
            }

            .logo a img {
                width: 200px;
            }

            .sponsoring-abschnitt1{
                flex-direction: row;
            }

            .sponsoring-abschnitt1 img{
                width: 30%;
            }
    
            .sponsoring-abschnitt1 p{
                padding: 0 0 0 4rem;
                letter-spacing: 0.1rem;
            }
        }
    
        /* Medium devices (landscape tablets, 768px and up) */
        @media (min-width: 768px) {
            /*header banner h1 text*/
            .header-img-new-text .header-headline1{
                font-size: 50px;
                margin: 2.67rem 0 0.67rem 0;
                letter-spacing: .67rem;
            }

            .header-img-new-text .header-headline2{
                font-size: 25px;
                margin: 0 0 2.67rem 0;
                letter-spacing: .67rem;
            }

             /*header banner p text*/
             .header-img-new-text p{
                font-size: 16px;
                margin: 0 0 2.67rem 0;
            }
            
            /*header banner link arrow*/
            .header-img-new-link #scrolltocontent-new{
                height: 6rem;
                width: 6rem;
                top: 72vh;
            }
            
            /* Joblisting */
            .tables_and_filter .tables .region_bez{
                width:10%;
                display: table-cell;
            }
        
            .tables_and_filter .tables .job_ort{
                width:10%;
                display: table-cell;
            }

            .tables_and_filter .tables .job_beschreibung{
                display:table-cell;
                width:50%;
            }

            .tables_and_filter .tables .job_beschreibung p:first-child{
                margin: 1rem 2rem .5rem 0;
            }

            .tables_and_filter .tables .job_beschreibung p:last-child{
                margin: .5rem 2rem 1rem 0;
            }

            /* job deatil */
            .region-ort{
                flex-direction: row;
            }
            
            .aufgabengebiet .pfeil_icon_hintergrund, .leistungen .pfeil_icon_hintergrund{
                width: 8%;
                background: var(--jobdeatilboxheadlinecolor);
                border-radius: 5px 0 0 5px;
                display: block;
            }
    
            .aufgabengebiet .pfeil_icon, .leistungen .pfeil_icon{
                background-image: url(/img/icons/pfeile/pfeil_black.svg);
                background-repeat: no-repeat;
                background-position: 50%;
                height: 100%;
            }

            .job-anfrage-eingabe form .job-anfrage-inputs{
                flex-direction: row;
                justify-content: space-around;
            }

            .job-anfrage-eingabe form .job-anfrage-inputs .job-anfrage-eingabe-textbox{
                flex-basis: 40%;
            }
            
            .job-anfrage-checkbox{
                text-align: center;
            }

            /* Kundenbereich Kundendetails box */
            .kundendetails-container .pfeil_icon_hintergrund{
                width: 8%;
                background: var(--jobdeatilboxheadlinecolor);
                border-radius: 5px 0 0 5px;
                display: block;
            }
    
            .kundendetails-container .pfeil_icon{
                background-image: url(/img/icons/pfeile/pfeil_black.svg);
                background-repeat: no-repeat;
                background-position: 50%;
                height: 100%;
            }
            
        } 
    
        /* Large devices (laptops/desktops, 992px and up) */
        @media (min-width: 992px) {
            /*  homepage */
            .homepage-headline h1{
                text-align: unset;
            }
        
            .homepage-headline h2{
                margin: 0 0 2rem 1.5rem;
                text-align: unset;
            }
        
            .colomns-2{
                column-count: 2;
                column-gap: 2rem;
                margin: auto;
                -webkit-column-gap: 2rem;
                -moz-column-gap: 2rem;
                column-gap: 2rem;
            }
        
            .introduction2 .leistungen-flexbox{
                display: flex;
                justify-content: space-around;
                flex-direction: row;
            }
            
            /*  footer  */
             #footer_leiste {
                flex-direction: row;
                margin: 0;
            }
        
            .footer_abschnitt{
                flex: 1 1 250px;
                text-align: unset;
            }
        
            .footer_abschnitt.left{
                text-align: left;   
            }
            
            .footer_abschnitt.center{
                text-align: center;
            }
        
            .footer_abschnitt.right{
                text-align: right;
            }
        
            .icons_footer_container{
                justify-content: flex-start;
            }
        
            /* Joblisting */
            .tables_and_filter .tables .job_ort{
                width:13%;
            }
        
            .tables_and_filter .buttons{            
                margin-top: 5%;
                margin-bottom: 5%;
            }
            
            /* Kundenbreich Kundendetails */
            .kundendetails-container-wrapper{
                width: 70%;
                margin: 0 auto 0 auto;
            }
        } 
    
        /* Extra large devices (large laptops and desktops, 1200px and up) */
        @media (min-width: 1200px) {
            /*Homepage*/
            .introduction2 img{
                padding: 2.67rem 0 6.67rem 0;
                margin-left: auto;
                margin-right: auto;
                display: block;
                width: 80%;
                height: auto;
            }
            
            
            /* Joblisting */
            /*
            .tables_and_filter .tables .job_beschreibung{
                display:table-cell;
                width:50%;
            }
            */

            /* job deatil */
            .job-details{
                flex-direction: row;
                justify-content: space-between;
            }

            .job-details-links, .job-details-rechts{
                flex-basis: 45%;
            }

            .job-anfrage-container{
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .job-anfrage-headline, .job-anfrage-eingabe{
                flex-basis: 48%;
            }

            .job-anfrage-headline h2{
                font-size: 2.5rem;
                text-align: center;
                line-height: 3.6rem;
                margin: 0;
            }

            .job-anfrage-bewerbung-headline h2{
                font-size: 2rem;
                line-height: 3.6rem;
            }

            .job-anfrage-bewerbung-text p{
                font-size: 1.2rem;
            }
        }