/*!
Theme Name: Neues Arbeiten und Denken
Theme URI: https://neuesarbeitenunddenken.de
Author: wald.pixel.werk
Author URI: https://waldpixelwerk.de/
Description: Theme für Neues Arbeiten und Denken
Version: 1.0.0
Tested up to: 8.2
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nad
Tags: custom-menu, translation-ready
*/

@charset "UTF-8";
@font-face {
  font-family: 'Shelby';
  src: url('./fonts/Shelby.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Shelby';
  src: url('./fonts/Shelby-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}


@font-face {
  font-family: 'Ernestine Pro';
  src: url('./fonts/ErnestineScOffcPro.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Ernestine Pro';
  src: url('./fonts/ErnestineScOffcPro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

/* kantumruy-pro-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kantumruy Pro';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/kantumruy-pro-v9-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kantumruy-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kantumruy Pro';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/kantumruy-pro-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kantumruy-pro-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kantumruy Pro';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/kantumruy-pro-v9-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kantumruy-pro-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kantumruy Pro';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/kantumruy-pro-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body{
--grey:#F0F0F0;
--dark:#000000;
--green:#00675D;
--hgreen:#DEF0ED;
--tuerk:#5FBAA7;
--red:#DE2424;
--white:#FFFFFF;
}


 :root{
    --fonts:0.83vw;
    --fontsmall:0.833rem;
    --head1:7.5rem;
    --head2:2.187rem;
    --head3:1.5625rem;
    --head4:1rem;
    --head5:1rem;
    --containerm: 71vw;
    --containerw: 88vw;
    --containerf: 100vw;
    --margin:3em;
    --marginbig:12em;

  }



@media(max-width:1280px){
	 :root{
--fonts:1.04vw;
}
	}

@media(orientation: portrait){
  :root{
    --fonts:3.5vw;
    --containerm:84vw;
    --containerw: 90vw;
    --fontsmall:0.9rem;
    --head1:4em;
    --head2:1.33em;
    --head3:1.25em;
  }
}

body, html{
font-family:"Kantumruy Pro";
padding:0;margin:0;left:0;top:0;position:relative;font-size:var(--fonts);line-height:1.88em;text-rendering: geometricPrecision;background-color:var(--whte);color: var(--dark);white-space-collapsing:discard;min-height:100vh}

a, a:link, a:hover, a:active, a:visited{text-decoration:none;transition:color .2s ease-in-out;color:var(--dark)}
.container-inner a{display:inline;position:relative;text-decoration:underline;color:var(--gold)}


h1, h2, h3, h4, h5, h6{
  font-family:"Shelby";line-height:1.2em;font-weight:400;
    margin-inline-start: 0px;
  margin-block-end: 0rem;
  margin-block-start: 0rem;
}


h1{font-size:var(--head1);line-height:0.67em;color:var(--green);font-family:"Shelby";margin-bottom:0.1em}
h2{font-size:var(--head2);line-height:1.2em;color:var(--green);font-family:"Kantumruy Pro";text-transform:uppercase;}
h3{font-size:var(--head3);line-height:1.35em;font-family:"Kantumruy Pro";margin-bottom:0.1em;font-weight:700;color:var(--green);text-transform:uppercase}
h4{font-size:var(--head4);line-height:1.2em;font-family:"Kantumruy Pro";font-weight:700}
h5{font-size:var(--head5);line-height:1.2em;font-family:"Kantumruy Pro";margin-bottom:0.1em}


img{max-width:100%}

/*animation*/


.animate{opacity:0;transition:transform .9s ease-in-out, opacity .7s ease-in-out}
.animate-left{transform:translateX(-3em)}
.animate-right{transform:translateX(3em)}
.animate-top{transform:translateY(-3em)}
.animate-bottom{transform:translateY(3em)}
.animate-done{opacity:1;transform:translateX(0) translateY(0);}



::selection{
  color:var(--white);
  background-color:var(--green);
}

.container-padding-top{padding-top:3em;}
.container-padding-bottom{padding-bottom:3em;}


.container{width:100vw;text-align:center;display:block;position:relative;overflow:hidden}
.container-inner{width:var(--containerm);display:inline-block;position:relative;text-align:left}

.container-inner-wide{width:var(--containerw);display:inline-block;position:relative;text-align:left}
.mobile-only{display:none;}


.menu{display: inline-block;float:right;text-align:right;padding:1em 0}

.menu ul {
    display: inline-block;
    list-style-type: unset;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}

.menu ul a{color:var(--dark);font-weight:500;text-transform:uppercase;padding:0 1em;font-size:0.8em;letter-spacing:0.01em;transition:color .2s ease-in-out}
.menu ul a:hover, .menu ul .current_page_item a{color:var(--tuerk)}
.menu li {
    display: inline-block;
}

.menu-menu-container{margin-top:1em}


.hero{margin-bottom:15em;overflow:visible;display:inline-block}
.hero-inner-left{width:37.5%;float:left;display: inline-block;height:35em;}
.hero-inner-left img{width:100%;height:100%;object-fit: cover}
.hero-inner-right{width:62%;float:right;display: inline-block;height:35em;position:relative;background-color:#000}
.hero-inner-right video{width:100%;height:100%;object-fit: cover;animation:fadein 2s forwards;}
.hero-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--green);opacity:0.5}
@keyframes fadein{
  from{opacity:0;}
  to{opacity:1}
}
.hero-text{position:absolute;color:var(--white);width:70%;bottom:3em;left:15%;text-transform: uppercase;font-size:1.66em;line-height:2em;animation:fadein 2s forwards;animation-delay: 2s;opacity:0}
.hero-inner-logo{width:15.75%;left:30%;position:absolute;bottom:-7em;}
.hero-inner-logo img{filter: drop-shadow(0.2em 0.2em 0.5em rgba(0,0,0,0.23));}


.wege-head{width:100%;text-align:center;overflow:visible;}
.wege-head h1{margin-bottom:2rem;display:inline-block;}

.wege-content{height:60em;}
.container-wege {
    width: 58%;
    overflow: visible;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    padding-left: 21%;
    padding-top: 12em;   
    position:relative;
}

.wege-row{background-color:var(--white);filter: drop-shadow(0.2em 0.2em 0.5em rgba(0,0,0,0.23));z-index:1;box-sizing:border-box;padding:0.5em}
.wege-row-logo{position:absolute;width:34%;left:33%;top:-6em;z-index:3;}
.wege-row-logo img{width:100%;}

.wege-row-text{box-sizing:border-box;padding:7em 2.4em 1em 2.4em;background-color:var(--green);color:var(--white)}
.wege-row-text h3, .wege-row-text a{color:var(--white)}

.wege-blocks{position:absolute;left:0;width:100%;top:0;z-index:1}




.wege-block{position:absolute;}
.active .wege-block-inner{opacity:1}
.wege-block-inner{background-color:var(--white);box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.23);z-index:1;box-sizing:border-box;padding:0.5em;width:20em;transition: transform .3s ease-in-out, opacity .2s ease-in-out 1.2s;opacity:0;}
.wege-block-text{box-sizing:border-box;padding:2em 1.5em 1em 1.5em;background-color:var(--hgreen);color:var(--green);line-height:1.25em}
.wege-block-arrow{position:absolute;width:10em;transform-origin:0 100%;}
.wege-block-1{top:18em;transform:rotate(5deg);left:2em}
.wege-block-1 .wege-block-arrow{left:75%;top:-3em;transform:rotate(-10deg)}
.wege-block:hover .wege-block-inner{transform:rotate(5deg)}

.wege-block-2 .wege-block-inner, .wege-block-4 .wege-block-inner, .wege-block-6 .wege-block-inner{transition: transform .3s ease-in-out, opacity .5s ease-in-out 1.8s;}

.wege-block-2{top:38em;transform:rotate(-5deg);left:8em}
.wege-block-2 .wege-block-arrow {
    left: 75%;
    top: -3em;
    transform: rotate(-56deg);
    width: 13em;
}

.wege-block-3{top:40em;transform:rotate(-2deg);left:31em}
.wege-block-3 .wege-block-arrow {
    left: 15%;
    top: -4em;
    transform: rotate(-50deg);
}


.wege-block-4{top:42em;transform:rotate(2deg);left:58em}
.wege-block-4 .wege-block-arrow {
    left: 75%;
    top: -6em;
    transform: rotate(-90deg);
    width: 13em;
}


.wege-block-5{top:40em;transform:rotate(5deg);left:83em}
.wege-block-5 .wege-block-arrow {
    left: 58%;
    top: -4em;
    transform: rotate(36deg) scaleX(-1);
}

.wege-block-6{top:20em;transform:rotate(4deg);left:98em}
.wege-block-6 .wege-block-arrow {
    left: 2%;
    top: -2em;
    transform: rotate(50deg) scaleX(-1);
    width: 13em;
}

.st0, .st1, .st2{transition: stroke-dashoffset 2s ease;stroke-dashoffset: 400;stroke-dasharray: 400;}
.active .st1{stroke-dashoffset: 0}
.active .st2{stroke-dashoffset: 0}
.active .st0{stroke-dashoffset: 0}

.st1:nth-child(2), .st1:nth-child(3){
  transition-delay:0.6s;
}

.st0:nth-child(2), .st0:nth-child(3){
  transition-delay:1.4s;
}



@media(max-width:1280px){
.wege-blocks{font-size:0.8em;}
	.wege-block{margin-top:12em;}
	.wege-block-text{font-size:1.2em;}
	}

.coaching-inner{margin-left:15%;width:60%;margin-top:10em}
.coaching-single{text-align:left;margin-bottom:5em;}
.button{text-transform:uppercase;color:var(--white);background-color:var(--green);padding:0.4em 1.2em;transition:background-color .3s ease-in-out}
.button:hover{background-color:var(--dark)}
.coaching-single-logo{width:4.5vw;margin-right:1.5vw;display:inline-block;float:left;}
.coaching-single-logo img{transform:translateY(-1.5em);width:100%;display:inline-block;}
.coaching-single-text{width:90%;display:inline-block;}
.coaching-single-text p{width:94%}

.about-inner{  display: inline-block}
.about-head{padding-top:3em;width:75%;margin-bottom:2em}
.about-text-inner{width:100%;height:100%;position: relative;z-index:2}
.about-text{width:66%;float:left;background-color:var(--hgreen);float:left;display:inline-block;box-sizing: border-box;padding:4em 7% 4em 27%;text-align:center;    position: relative;}
.about-text:before{content:"’’";position:absolute;display:inline-block;z-index:0;color:#BADAD5;left: 24%;top: 10rem;font-size:19em;font-weight:700}
.about-text:after{content:"’’";position:absolute;z-index:0;color:#BADAD5;right: 3%;bottom: 8rem;font-size:19em;font-weight:700;transform:rotate(180deg)}
.about-image{width:34%;float:right;display:inline-block;height: 53.1em;}
.about-image img{width:100%;height:100%;object-fit: cover}
.about-quote{font-weight:700;color:var(--green);line-height:3em;text-transform: uppercase}



/*emplyer branding*/

.tuerk{color:var(--tuerk)}

.employer-content{margin-top:5em;overflow:visible}
.employer-row{background-color:var(--white);filter: drop-shadow(0.2em 0.2em 0.5em rgba(0,0,0,0.23));z-index:1;box-sizing:border-box;padding:0.5em}
.employer-row-text{box-sizing:border-box;padding:2em 2.5em 1em 2.5em;background-color:var(--green);color:var(--white);text-align:center;font-weight:500}
.employer-row-text h3{color:var(--white)}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 1em;
    unicode-bidi: isolate;
}

.container-images{width:100%;display:inline-block;margin-bottom:2em;}
.images{
   display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5em;
    height:30em;
}


.images img{width:100%;height:100%;object-fit: cover}


.employer-inner {
    margin-left: 15%;
    width: 70%;
    margin-top: 5em;
}

.text-block{margin-top:2em;padding-bottom:1em;margin-bottom;border-bottom:solid 0.2em var(--tuerk);text-align:left;margin-left:21%;width:64.5%}
.text-block h3{color:var(--tuerk);font-size:1.2rem;}
.text-block-single{margin:1em 0}
.text-block-single a{color:var(--tuerk);font-weight:700;display:inline;position:relative;}
.text-block-single a:after{content:" ";width:100%;bottom:-0.4em;height:0.2em;background-color:var(--tuerk);position:absolute;left:0}

.kundenstimmen-head{padding-top:7em;margin-bottom:4em}
.kundenstimmen-single{margin-bottom:5em}

.kundenstimmen-single-top{background-color:var(--hgreen);width:100%;    display: inline-flex;margin-bottom:0.5em}
.kundenstimmen-single-image{width:15%;margin-left:7%;margin-right:8%;float:left;display: inline-block;margin-top:2em;margin-bottom:2em}
.kundenstimmen-single-image img{width:100%;height:auto;aspect-ratio:1;object-fit: cover;border-radius:50%;}


.kundenstimmen-single-right{width:60%;float:left;display:inline-block;text-align:center;position:relative;}
.kundenstimmen-single-logo{margin:2em 0 0 0;}
.kundenstimmen-single-logo img{height:5em;display:inline-block;}
.kundenstimmen-single-text{display:inline-block;width:100%;position:relative;}
.kundenstimmen-single-text:before{content:"’’";position:absolute;display:inline-block;z-index:0;color:#BADAD5;left: -6%;top: 7rem;font-size:19em;font-weight:700}
.kundenstimmen-single-text:after{content:"’’";position:absolute;z-index:0;color:#BADAD5;right: -2%;bottom: 7rem;font-size:19em;font-weight:700;transform:rotate(180deg)}

.kundenstimmen-single-text-inner{position:relative;z-index:3;margin-bottom:3em;margin-top:3em;}


/*team coaching*/

.team-content{overflow:visible}
.team-inner {
    margin-left: 15%;
    width: 72%;
    margin-top: 6em;
}



.container-team {
    width: 56%;
    overflow: visible;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    padding-left: 23%;
    padding-top: 12em;
    position: relative;
}

.workshop-themen{text-align:left;background-color:var(--hgreen);width:100%;display: block;padding:1em 0 2em 0;margin-bottom:0.5em}

.workshop-themen h2{font-weight:200;text-transform: uppercase;font-size:1.88em;line-height: 1.3em;letter-spacing:0.02em;}
.workshop-themen h3{color:var(--tuerk);font-size:1.2rem;}

.workshop-themen-head{margin-top:2em;padding-bottom:1em;margin-bottom;text-align:left;margin-left:21%;width:64.5%}



.workshop-themen-single{margin:2em 0;text-align:left;margin-left:21%;width:64.5%}
.workshop-themen-single h3{color:var(--tuerk)}
.termine{background-color:var(--hgreen);padding-top:2em;padding-bottom:5em}
.termine-head h2 {
    font-weight: 200;
    text-transform: uppercase;
    font-size: 1.88em;
    line-height: 1.3em;
    letter-spacing: 0.02em;
}
.workshops-themen-single p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.workshops-themen{margin-bottom:3em;border-bottom:solid 0.2em var(--tuerk);display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3em;padding-bottom:3em;padding-top:3em;
	border-top:solid 0.2em var(--tuerk);}


/*einzel*/

.quote-copy{font-size:1.25rem;text-transform: none}

.text-block-einzel{border-bottom:unset;}
.drei-worte .text-block-einzel{margin-top:0;margin-bottom:2em}

.einzel-anmeldung{background-color:var(--hgreen);padding:1.5em 0}
.einzel-anmeldung-inner{
    text-align: left;
    margin-left: 21%;
    width: 64.5%;
}

/*footer*/


.footer{background-color:var(--green);color:var(--white);overflow:visible;z-index:3;margin-top:0.5em}
.footer .container{overflow:visible;}
.footer a{color:var(--white)}
.footer-logo{position:absolute;top:-5em;left:0;width:8%;}
.footer-logo img{filter: drop-shadow(0.2em 0.2em 0.5em rgba(0,0,0,0.23));}
.footer-content{margin-top:4em;margin-bottom:2em;display: inline-block;width:100%}
.footer-links{display:inline-block;width:8%;text-align:center;float:left;margin-right:6%;text-transform:uppercase;margin-top:3.7em}
.footer-adresse{display:inline-block;width:50%;margin-top:5.6em;float:left}
.footer-contact{width:15%;display:inline-block;float:left;}

.footer-contact{display: grid;
    grid-template-columns: 30% 70%;}

    .footer-social{margin-top:3.7em;display:inline-block;float:right;width:14%}
    .footer-social img{height:1em;margin-right:1em}


.footer .menu{padding:0}
.footer ul{margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0em;
    text-align: center;}
.footer li{text-align:center;}

    .mobile-only{display:none;}

@keyframes auge{
	0%{opacity:0}
	0.001%{opacity:1}
	1.5%{opacity:1}
	1.5001%{opacity:0}
	3.0%{opacity:0}
	3.0001%{opacity:1}
	4.5%{opacity:1}
	4.5001%{opacity:0}
	6.0%{opacity:0}
	6.0001%{opacity:1}
	7.5%{opacity:1}
	7.5001%{opacity:0}
	
}
.auge{display:inline-block;position:relative}
.auge-glimps{opacity:0;animation:auge 15s infinite;position:absolute;left:0;top:0;width:100%}


    @media(orientation: portrait){

      .mobile-only{display:inherit}

    .mobile-menu {
        width: 2em;
        height: 2em;
        position: absolute;
        z-index: 3;
        right: 2em;
        top: 2em;
        margin-bottom: 1em;
        display: inline-block;
        float: right;
    }
  .mobile-line{width:100%;height:4px;border-radius:2px;background-color:var(--dark);position:absolute;top:0;left:0;transition:transform .3s ease-in-out}
  .mobile-line:nth-child(1){transform:translateY(0)}
  .mobile-line:nth-child(2){transform:translateY(0.5em)}
  .mobile-line:nth-child(3){transform:translateY(1em)}

    .menu-open   .mobile-line:nth-child(1), .menu-open .mobile-line:nth-child(2){transform:translateY(0.5em) rotate(45deg)}
    .menu-open   .mobile-line:nth-child(3){transform:translateY(0.5em) rotate(-45deg)}



    .container{max-width:100%}

.hero-inner-left{display:none}

.hero-inner-right{width:100%;height: 25em;}

.hero-text {
    width: 80%;
    left: 10%;bottom:7em;font-size:1rem;line-height:1.8em}

.hero-inner-logo {
    width: 30%;
    left: -1%;
    position: absolute;
    bottom: -6em;
}


.header{position:fixed;top:0;left:0;width:100%;z-index:9}

.main-content{margin-top:5em}
.header .container-inner-wide{width:100%;}

.menu{padding:0;min-height: 4em;}
.menu-left{text-align:left;height:0;overflow:hidden;background-color:var(--white);transition:height .3s ease-in-out}
.menu-left ul{padding:3em 0;}
.menu-left li{width:90%;margin:0.2em 0;margin-left:5%;font-size:1.25rem}


    .wege-head {
        width: 80%;
        margin-left: 10%;
    }

.hero {
    margin-bottom: 11em;}

    .coaching-single-logo {
    width: 100%;
    margin-right: 0;
    display: inline-block;
    float: left;
    margin-bottom:2em;
    text-align: center;
}

.team-inner {
    margin-left: 10%;
    width: 80%;
    margin-top: 6em;
}

.text-block {
  margin-left: 10%;
    width: 80%;
}


.container-images {
overflow:scroll;
}
.images {
    width: 250%;
    height:20em;
}


.coaching-single-text {
    width: 100%;
    display: inline-block;
}


.footer-links {
    display: inline-block;
    width: 100%;
    margin:0 0 2em 0;}


    .footer-adresse {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    float: left;
    margin-bottom:2em;
}


    .footer-contact {
        width: 100%;
        margin-bottom: 2em;
        float: left;
        grid-template-columns: 20% 80%;
    }

.footer-social{ width: 100%;
    float: left;}


    .footer-logo {
    position: absolute;
    top: -4em;
    left: 0;
    width: 28%;
}


.einzel-anmeldung-inner {
    text-align: left;
    margin-left: 10%;
    width: 80%;
    margin-bottom: 4em;
}

.coaching-inner {
    margin-left: 10%;
    width: 80%;
    margin-top: 6em;
}


.coaching-single-text p {
    width: 100%;
}



.wege-head h1 {
    margin-bottom: 1rem;
    line-height: 4rem;
}



.container-wege {
    width: 80%;
    overflow: visible;
    display: inline-block;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    padding-left: 0;
    padding-top: 12em;
    position: relative;
}

.wege-content{height:auto}

.wege-row-logo {

    width: 40%;
    left: 30%;
    top: -5em;

}


.wege-row{margin-bottom:58em}


.wege-block{
    left: calc(50% - 10em);
}


    .wege-block-2 .wege-block-arrow {
        left: 109%;
        top: 1em;
        transform: rotate(-36deg);
        width: 13em;
    }

    .wege-block-1 {
        top: 36em;
    }
    .wege-block-2 {
        top: 57em;
    }


.wege-block-3 {
    top: 72em;}



     .wege-block-4 {
        top: 145em;
    }


    .wege-block-5 {
        top: 164em;
    }


    .wege-block-6 {
        top: 187em;
    }

    .wege-block-1 .wege-block-arrow {
    left: 20%;
    top: -4em;
    transform: rotate(-40deg) scaleX(-1);
}


.wege-block-3 .wege-block-arrow {
    left: 15%;
    top: -3em;
    transform: rotate(-120deg);
}


    .wege-block-4 .wege-block-arrow {
        left: 110%;
        top: 0em;
        transform: rotate(-40deg);
        width: 13em;
    }




    .wege-block-5 .wege-block-arrow {
    left: 18%;
    top: -4em;
    transform: rotate(-44deg) scaleX(-1);
}

.wege-block-6 .wege-block-arrow {
    left: 81%;
    top: -10em;
    transform: rotate(159deg) scaleX(-1);
    width: 13em;
}


.about-head {
    width: 100%;
}

.about-inner {
    display: inline-block;
   width:100%;
}
		.about-image{width:100%;height:25em;}

.about-text {
    width: 100%;
    background-color: var(--hgreen);
    float: left;
    display: inline-block;
    box-sizing: border-box;
    padding: 4em 2em;
    text-align: center;
    position: relative;
}

.about-text:before{left:4%}


.container-team {
    width: 100%;
    display: inline-block;
    padding-left:0;
    padding-top:8em;
}

.container-team .wege-row{width:80%;display: inline-block;}
.container-team .wege-row{margin-bottom:5em;margin-top:4em}


.workshop-themen-head{
    margin-left: 10%;
    width: 80%;
}

.workshops-themen{display:inline-block;margin-left:0}
.workshop-themen-single{width: 80%;margin:0;padding-bottom:0}

.workshops-themen-single{margin:2em 0}
		


.workshops-anmeldung{display: inline-block;margin-top:2em}

.workshop-themen .workshop-themen-single{margin-top:2em;margin-left:10%;}

.kundenstimmen-single-image {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .kundenstimmen-single-image img{height:15em;width:15em}
  .kundenstimmen-single-right {
    width: 80%;
    float: left;
    display: inline-block;
    text-align: center;
    position: relative;
    margin-left: 10%;
    margin-bottom: 4em;
}

.employer-inner {
    margin-left: 10%;
    width: 80%;
    margin-top: 5em;
}
		
		.kundenstimmen-single-top{display:inline-grid;}
		
		.images-pagination{width:100%;margin:0 0 2em 0;text-align:center}
		
		.pagination-dot{display:inline-block;margin:0 1em;width:1.4em;height:1.4em;border-radius:50%;transition:all .2s ease-in-out;background-color:#ccc}
		.pagination-dot-active{background-color:var(--green)}
		
	.container-images {
    overflow-x: auto; /* Ermöglicht horizontales Scrollen */
    scroll-snap-type: x mandatory; /* Snap in horizontaler Richtung */
    display: flex;
    gap: 10px; /* Abstand zwischen den Bildern */
    -webkit-overflow-scrolling: touch; /* Sanftes Scrollen auf iOS */
}
		
		.container-images::-webkit-scrollbar {
    display: none;
}

.images {
    display: flex;
}

.images img {
    width: 100vw; /* Bilder so breit wie der Bildschirm */
    height: auto;
    scroll-snap-align: center; /* Bilder rasten in der Mitte ein */
    flex-shrink: 0;
}
		
		
		.auge {
    display: inline-block;
    position: relative;
    width: 33%;
    margin-bottom: -2em;
    transform: translateY(2em);
}
		
		
		.button {
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--green);
    padding: 0.4em 1.2em;
    display: block;
    transition: background-color .3sease-in-out;
    text-align: center;
    /* max-width: 19em; */
}


  }