.elementor-5149 .elementor-element.elementor-element-73af427{--display:flex;--min-height:275px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:25px;--z-index:2;}.elementor-5149 .elementor-element.elementor-element-e947702{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5149 .elementor-element.elementor-element-4e020ba{width:var( --container-widget-width, 446px );max-width:446px;--container-widget-width:446px;--container-widget-flex-grow:0;text-align:left;}.elementor-5149 .elementor-element.elementor-element-4e020ba > .elementor-widget-container{margin:0px 0px 35px 0px;}.elementor-5149 .elementor-element.elementor-element-4e020ba .elementor-heading-title{font-family:"Codec", Sans-serif;font-size:32px;font-weight:600;line-height:33px;color:#FFFFFF;}
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--ujarak:hover,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--wayra:hover,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--tamaya::before,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--tamaya::after,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--rayen:hover,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--pipaluk::after,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--wave:hover,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--nuka::before,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--nuka::after,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--antiman::after,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--quidel::after
                {background-color:#C9FF00;}
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button:hover,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--ujarak::before,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--wayra:hover::before,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--tamaya:hover,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--rayen::before,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--wave::before,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--wave:hover::before,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--aylen::after,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--saqui:hover,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--nuka:hover::after,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--quidel:hover::after
                {background-color:#C9FF00;}.elementor-5149 .elementor-element.elementor-element-6b4fc59.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button-icon-left svg, 
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button-icon-right svg{rotate:0deg;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button-icon-left i,
                    .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button-icon-right i{rotate:0deg;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button-icon-right{margin-left:13px;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button-icon-left{margin-right:13px;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button--shikoba i{left:13%;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button .cretive-button-text{font-family:"Gelato", Sans-serif;font-size:14px;text-transform:lowercase;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button i{font-size:15px;color:#000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button svg{height:15px;width:15px;fill:#000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button--rayen::before, 
                            .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button--winona::after, 
                            .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span,
                            .elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--saqui::after{font-family:"Gelato", Sans-serif;font-size:14px;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button-wrapper{justify-content:center;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button{width:0px;padding:12px 15px 12px 15px;color:#000000;border-style:none;border-radius:10px;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--winona::after{padding:12px 15px 12px 15px;color:#000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--winona > .creative-button-inner{padding:12px 15px 12px 15px;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--tamaya::before{padding:12px 15px 12px 15px;color:#000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--rayen::before{padding:12px 15px 12px 15px;background-color:#00000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--rayen > .creative-button-inner{padding:12px 15px 12px 15px;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--saqui::after{padding:12px 15px 12px 15px;color:#000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button .creative-button-inner svg{fill:#000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--tamaya::after{color:#000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button::before{border-radius:10px;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button::after{border-radius:10px;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button:hover i{color:#FFFFFF00;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button:hover .creative-button-inner svg{fill:#FFFFFF00;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button:hover{color:#000000;background-color:#00000000;border-color:#E1FF71;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button:hover svg{fill:#000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--ujarak::before{background-color:#00000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--wayra:hover::before{background-color:#00000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--tamaya:hover{background-color:#00000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--wave::before{background-color:#00000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--wave:hover::before{background-color:#00000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--aylen::after{background-color:#00000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--saqui:hover{color:#00000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--nuka:hover::after{background-color:#00000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--quidel:hover::after{background-color:#00000000;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--wapasha::before{border-color:#E1FF71;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--antiman::before{border-color:#E1FF71;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--pipaluk::before{border-color:#E1FF71;}.elementor-5149 .elementor-element.elementor-element-6b4fc59 .eael-creative-button.eael-creative-button--quidel::before{background-color:#E1FF71;}.elementor-5149 .elementor-element.elementor-element-08755e5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5149 .elementor-element.elementor-element-b3a779a > .elementor-widget-container{padding:0px 20px 0px 0px;}.elementor-5149 .elementor-element.elementor-element-b3a779a .elementor-menu-toggle{margin:0 auto;}.elementor-5149 .elementor-element.elementor-element-b3a779a .elementor-nav-menu .elementor-item{font-family:"Gelato", Sans-serif;font-size:16px;}.elementor-5149 .elementor-element.elementor-element-b3a779a .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-5149 .elementor-element.elementor-element-b3a779a .elementor-nav-menu--main .elementor-item:hover,
					.elementor-5149 .elementor-element.elementor-element-b3a779a .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-5149 .elementor-element.elementor-element-b3a779a .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-5149 .elementor-element.elementor-element-b3a779a .elementor-nav-menu--main .elementor-item:focus{color:#C9FF00;fill:#C9FF00;}.elementor-5149 .elementor-element.elementor-element-788fcb8 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-5149 .elementor-element.elementor-element-788fcb8 .elementor-icon-wrapper{text-align:right;}.elementor-5149 .elementor-element.elementor-element-788fcb8.elementor-view-stacked .elementor-icon{background-color:#C9FF00;}.elementor-5149 .elementor-element.elementor-element-788fcb8.elementor-view-framed .elementor-icon, .elementor-5149 .elementor-element.elementor-element-788fcb8.elementor-view-default .elementor-icon{color:#C9FF00;border-color:#C9FF00;}.elementor-5149 .elementor-element.elementor-element-788fcb8.elementor-view-framed .elementor-icon, .elementor-5149 .elementor-element.elementor-element-788fcb8.elementor-view-default .elementor-icon svg{fill:#C9FF00;}.elementor-5149 .elementor-element.elementor-element-788fcb8 .elementor-icon{font-size:30px;}.elementor-5149 .elementor-element.elementor-element-788fcb8 .elementor-icon svg{height:30px;}.elementor-5149 .elementor-element.elementor-element-1cc27bc{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-275px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5149 .elementor-element.elementor-element-360be5a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5149 .elementor-element.elementor-element-360be5a.elementor-element{--align-self:center;}.elementor-5149 .elementor-element.elementor-element-360be5a{text-align:center;}.elementor-5149 .elementor-element.elementor-element-360be5a .elementor-heading-title{font-size:8vw;font-weight:800;color:#DDFF00;}.elementor-5149 .elementor-element.elementor-element-893e621{--divider-border-style:solid;--divider-color:#C9FF00;--divider-border-width:2vh;width:auto;max-width:auto;}.elementor-5149 .elementor-element.elementor-element-893e621 > .elementor-widget-container{margin:30px 125px 0px 0px;}.elementor-5149 .elementor-element.elementor-element-893e621.elementor-element{--align-self:flex-end;}.elementor-5149 .elementor-element.elementor-element-893e621 .elementor-divider-separator{width:36vw;margin:0 auto;margin-right:0;}.elementor-5149 .elementor-element.elementor-element-893e621 .elementor-divider{text-align:right;padding-block-start:15px;padding-block-end:15px;}.elementor-5149 .elementor-element.elementor-element-1a388ab{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-275px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-5149 .elementor-element.elementor-element-e947702{--width:24%;}.elementor-5149 .elementor-element.elementor-element-08755e5{--width:18%;}}@media(max-width:1024px){.elementor-5149 .elementor-element.elementor-element-73af427{--min-height:80px;--margin-top:0px;--margin-bottom:-150px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:30px;--padding-right:39px;}.elementor-5149 .elementor-element.elementor-element-e947702{--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5149 .elementor-element.elementor-element-08755e5{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-5149 .elementor-element.elementor-element-73af427{--min-height:70px;--margin-top:0px;--margin-bottom:-110px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5149 .elementor-element.elementor-element-e947702{--width:20%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5149 .elementor-element.elementor-element-08755e5{--width:58%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5149 .elementor-element.elementor-element-788fcb8 .elementor-icon-wrapper{text-align:right;}.elementor-5149 .elementor-element.elementor-element-788fcb8 .elementor-icon{font-size:42px;}.elementor-5149 .elementor-element.elementor-element-788fcb8 .elementor-icon svg{height:42px;}}/* Start custom CSS for container, class: .elementor-element-1cc27bc *//* === nur innerhalb der Hero-Section mit Klasse .hero-scope === */
.hero-scope{
  position:relative;
  background:#212121;                 /* eigener, opaker BG ist wichtig fürs Blending */
  overflow:hidden;
  z-index:0;                          /* eigener Stacking-Kontext */
}

/* Wenn du Elementor-Hintergrundvideo nutzt */
.hero-scope .elementor-background-video-container,
.hero-scope .elementor-background-video-embed{
  transform:rotate(180deg);           /* optional – wie im Original */
}

/* Overlay (im Editor als Verlauf gesetzt) folgt der Rundung */
.hero-scope .elementor-background-overlay{
  border-bottom-right-radius:15vw;
}

/* Inhaltsebene über dem Overlay */
.hero-scope .elementor-container{ position:relative; z-index:2; }

/* Überschrift mit „durchflossen“-Effekt */
.hero-scope .blend{
  mix-blend-mode:difference;
  color:#fff;
  font-weight:900; line-height:1; margin:0;
  font-size:8vw; text-align:center;
}

/* „Auslauf“-Ecke unten wie im Original */
.hero-scope::before{
  content:""; background:#212121;
  position:absolute; top:100%; left:0; width:15vw; height:15vw;
}
.hero-scope::after{
  content:""; background:#efefef;
  position:absolute; top:100%; left:0; width:15vw; height:15vw;
  border-top-left-radius:15vw;
}

/* Feinschliff (optional) */
@media (max-width:575px){
  .hero-scope{ min-height:600px; height:600px; }
  .hero-scope .blend{ font-size:12vw; }
}

/* Hero-scope an die Section hängen (Elementor → Erweitert → CSS-Klassen: hero-scope) */

.typewriter {
  width: 14ch;
  animation: typing 2s steps(14), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 10px solid;
  font-family: monospace;
  font-size: 2em;
}

@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes blink {
  50% {
    border-color: transparent
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a388ab *//* === nur innerhalb der Hero-Section mit Klasse .hero-scope === */
.hero-scope{
  position:relative;
  background:#212121;                 /* eigener, opaker BG ist wichtig fürs Blending */
  overflow:hidden;
  z-index:0;                          /* eigener Stacking-Kontext */
}

/* Wenn du Elementor-Hintergrundvideo nutzt */
.hero-scope .elementor-background-video-container,
.hero-scope .elementor-background-video-embed{
  transform:rotate(180deg);           /* optional – wie im Original */
}

/* Overlay (im Editor als Verlauf gesetzt) folgt der Rundung */
.hero-scope .elementor-background-overlay{
  border-bottom-right-radius:15vw;
}

/* Inhaltsebene über dem Overlay */
.hero-scope .elementor-container{ position:relative; z-index:2; }

/* Überschrift mit „durchflossen“-Effekt */
.hero-scope .blend{
  mix-blend-mode:difference;
  color:#fff;
  font-weight:900; line-height:1; margin:0;
  font-size:8vw; text-align:center;
}

/* „Auslauf“-Ecke unten wie im Original */
.hero-scope::before{
  content:""; background:#212121;
  position:absolute; top:100%; left:0; width:15vw; height:15vw;
}
.hero-scope::after{
  content:""; background:#efefef;
  position:absolute; top:100%; left:0; width:15vw; height:15vw;
  border-top-left-radius:15vw;
}

/* Feinschliff (optional) */
@media (max-width:575px){
  .hero-scope{ min-height:600px; height:600px; }
  .hero-scope .blend{ font-size:12vw; }
}

/* Hero-scope an die Section hängen (Elementor → Erweitert → CSS-Klassen: hero-scope) */

.typewriter {
  width: 14ch;
  animation: typing 2s steps(14), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 10px solid;
  font-family: monospace;
  font-size: 2em;
}

@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes blink {
  50% {
    border-color: transparent
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Codec';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.designplatoon.de/wp-content/uploads/2024/03/CodecPro-ExtraBold-1.woff2') format('woff2');
}
@font-face {
	font-family: 'Codec';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.designplatoon.de/wp-content/uploads/2024/03/Zetafonts-Codec-Pro-Heavy.woff2') format('woff2');
}
@font-face {
	font-family: 'Codec';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.designplatoon.de/wp-content/uploads/2024/03/CodecPro-Regular-1-1.woff2') format('woff2');
}
@font-face {
	font-family: 'Codec';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.designplatoon.de/wp-content/uploads/2024/03/CodecPro-Light-1-1.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gelato';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.designplatoon.de/wp-content/uploads/2024/03/GelatoTypewriter-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Gelato';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.designplatoon.de/wp-content/uploads/2024/03/GelatoTypewriter-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */