/*
 Theme Name:   tma pure (Neuer Claim: MARKETING MIT BÄM!)
 Description:  Individuelles Wordpress Template für tma pure, made by tma pure!
 Author:       Katja Hauck
 Author URI:   https://www.tma-pure.de
 Version:      3.0.0
 Text Domain:  tma-pure26
*/

/*Allgemein*/
header.wp-block-template-part {position: absolute;width: 100%;z-index: 5;}
header.wp-block-template-part .wp-block-group {position: relative;z-index: 5;}
body.show-men header.wp-block-template-part {position: fixed;}

/*Headlines responsive*/
h1, h2, h3, h4, h5, h6{-webkit-hyphens: auto;-ms-hyphens: auto; hyphens: auto;} /*autom. Silbentrennung*/
@media (max-width: 768px) {
	:root {
		--wp--preset--font-size--medium: 1.5em;
		--wp--preset--font-size--large: 2em;
		--wp--preset--font-size--x-large: 2.5em;
	}
}

/*Default-Template ohne Kopfbereich*/
body.page-template-default .entry-content, body.tmajobs-template-default .entry-content, body.page-template-blog-uebersicht .entry-content, body.single-post .blog-spalten, body.search .suche-content, body.archive .author-content {padding-top: 10em; margin-top: 0;}
.no-margin-t{margin-top: 0;} /*Bei Blog-Kategorie relevant für den Kopfbereich*/

/*Template mit Headerbild*/
.page-template-headerbild .entry-content {position: relative;}

/*Cursor*/
.cursor {width: 20px;height: 20px;border-radius: 50%;background: var(--wp--preset--color--dunkelgrau); opacity: 0.8; position: fixed;pointer-events: none;transform: translate(-50%, -50%);transition: transform 0.1s ease;z-index: 10000000;}

/*Button*/
.wp-block-button__link {border-radius: 10px; border: 4px solid var(--wp--preset--color--gruen); -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s;transition: all linear 0.3s;}
.wp-block-button__link:hover {background: transparent;color: #FFF;}

.wp-block-button__link.has-dunkelgrau-background-color {border-color: var(--wp--preset--color--dunkelgrau) !important;}

.wp-block-button.is-style-pfeil a {position: relative;padding-right: 2.5em !important;}
.wp-block-button.is-style-pfeil a:after {content: "";width: 0;height: 0;position: absolute;border-width: 0.833em 0px 0.833em 1.11em;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent var(--wp--preset--color--dunkelgruen);right: 0.75em;top: 0;bottom: 0;margin: auto;-webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s;transition: all linear 0.3s;}
.wp-block-button.is-style-pfeil a:hover:after {border-color: transparent transparent transparent #FFF;}

.wp-block-button.is-style-pfeil a.has-gruen-color:after {border-color: transparent transparent transparent var(--wp--preset--color--gruen);}
.wp-block-button.is-style-pfeil a.has-gruen-color:hover:after {border-color: transparent transparent transparent #FFF;}
.wp-block-button a.has-weiss-background-color:hover {background: transparent !important;color: #FFF !important;}
.wp-block-button a.has-weiss-background-color {border-color: #FFF; }

.wp-block-button.is-style-outline a {background-color: transparent;color: var(--wp--preset--color--weiss);}
.wp-block-button.is-style-outline a:hover {background-color: var(--wp--preset--color--gruen);color: var(--wp--preset--color--dunkelgruen)}

/*Social Media Icon: Xing*/
.wp-social-link.xing { background: #fff url(assets/img/xing.png) center center; background-repeat: no-repeat; background-size: contain; }
.wp-social-link.xing a svg { opacity: 0; }

/*Logo*/
@media screen and (max-width: 500px){
	.wp-block-site-logo {max-width: 150px;}
}

/*Menü*/
.tma-menue {display: none;position: fixed;width: 100%;min-height: 1px;z-index: 4;top: -100%;height: 100%;-webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;-o-transition: all linear 0.5s;-ms-transition: all linear 0.5s;transition: all linear 0.5s;-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.5);-ms-box-shadow: 0px 0px 30px rgba(0,0,0,0.5);-o-box-shadow: 0px 0px 30px rgba(0,0,0,0.5);box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);}
.tma-menue ul{display: flex;justify-content: center;align-items: center; }
.tma-menue.active { min-height: 100%; top: 0; padding-top: 100px; }
.tma-menue a {font-weight: bold; text-align: center; line-height: 1em; padding: 0.3em 1em;}
.tma-menue a:hover {-webkit-transform: rotate(-8deg);-moz-transform: rotate(-8deg);-o-transform: rotate(-8deg);-ms-transform: rotate(-8deg);transform: rotate(-8deg);}

.tma-menue-toggle .wp-block-button__link{position: relative; padding-left: calc(2.666em + 2px);}
.tma-menue-toggle .wp-block-button__link:before, .tma-menue-toggle .wp-block-button__link:after, .tma-menue-toggle .wp-block-button__link em{background: #FFFFFF;content: '';display: block;width: 1em;height: 3px;position: absolute;left: 1.333em; -o-transition: none 0.5s ease 0.5s;-moz-transition: none 0.5s ease 0.5s;-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;-o-transition-property: transform, top, bottom, left, opacity;-moz-transition-property: transform, top, bottom, left, opacity;-webkit-transition-property: transform, top, bottom, left, opacity;transition-property: transform, top, bottom, left, opacity;}
.tma-menue-toggle .wp-block-button__link:before{top: 0.9em;}
.tma-menue-toggle .wp-block-button__link em{top: 1.28em; text-indent: -40px; overflow: hidden;}
.tma-menue-toggle .wp-block-button__link:after{top: 1.68em;}
body.show-men .tma-menue-toggle .wp-block-button__link {background: transparent !important;border-color: #FFF !important;}
body.show-men .tma-menue-toggle .wp-block-button__link:before, body.show-men .tma-menue-toggle .wp-block-button__link:after{ top: 1.28em; }
body.show-men .tma-menue-toggle .wp-block-button__link em { left: -50px; opacity: 0; }
body.show-men .tma-menue-toggle .wp-block-button__link:before{ -o-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
body.show-men .tma-menue-toggle .wp-block-button__link:after{ -o-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); -moz-transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); transform: rotate( -45deg ); }

@media screen and (max-width: 781px){
	.tma-menue.active { padding-top: 50px; }
}
@media screen and (max-height: 780px), screen and (max-width: 880px){
	.tma-menue ul{font-size: 1em !important;}
}

/*Footer*/
@media screen and (max-width: 781px){
	footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column ul {text-align: center;justify-content: center;}
}

/*Benachrichtigung*/
#msgok, #error {background: var(--wp--preset--color--dunkelgruen);padding: 1em;}
#error {background: #b20f0f;}

/*WordPress Klassen - Button Zum Seitenanfang srollen*/
.totop{opacity: 0;z-index: 4;position: fixed;bottom: 2em;right: 2em;font-size: 0.8em; -moz-transition: all linear 0.3s;-webkit-transition: all linear 0.3s;transition: all linear 0.3s;}
.totop.visible{opacity: 1;}
.totop .wp-block-button__link {text-indent: -500px;word-break: normal;overflow: hidden;padding: 0.5em 1.5em 1em 1.5em;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);width: 3em !important;}
.totop .wp-block-button__link:after {content: "";border-width: 0px 10px 15px 10px;border-style: none dashed solid dashed;border-color: transparent transparent var(--wp--preset--color--weiss) transparent;width: 0;height: 0;position: absolute;right: 0;left: 0;top: 0;bottom: 6px;margin: auto;}

/*WordPress Klassen - Abstand für Mobil anpassen*/
@media screen and (max-width: 781px){
	.wp-block-spacer.mobil-0px {height: 0px !important;}
	/*.wp-block-spacer.mobil-40 {height: 40px !important;}*/
}

/*WordPress Klasse - Liste der Logos auf der Projektübersichtsseite*/
@media screen and (max-width: 860px){
	.projekte-list-logos{ gap: 0; }
}

@media screen and (max-width: 781px){
	.projekte-list-logos img{ height: 60px !important;}
}

/*WordPress Block: Effekt BÄM!*/
.page-template-startseite .tma-menue-toggle {opacity: 0; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; transition: all linear 0.5s; }
.full-height {height: 80vh; }
#start-baem {margin-top: 0; /*Browser scrollen ab 07.07.2026 ->*/ padding-bottom: 3vh; /*<-*/}
#start-baem #start-emo{position: absolute; top: 0; left: 0; right: 0; overflow: hidden; background: #AAC319;-webkit-transition: all linear 1s;-ms-transition: all linear 1s;-o-transition: all linear 1s;transition: all linear 1s;display: flex;justify-content: center;}
.start-emo-txt {/*background: orange;*/display: flex;justify-content: center;-webkit-transform: rotate(-8deg);-moz-transform: rotate(-8deg);-ms-transform: rotate(-8deg);transform: rotate(-8deg);position: relative;width: 100%;align-items: flex-end;bottom: 7vw;}
.start-emo-mask{mask-image: url(assets/img/tmapure-gruppenbild-maske.png);position: absolute;left: 0;width: 100%;height: 100%;z-index: 1;mask-repeat: no-repeat;mask-size: contain;mask-position: bottom;}
.start-emo-txt-baem {/*background: orange;*/max-width: 1150px;margin: auto;position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
.start-emo-txt .h1{ /*background: lime;*/ text-transform: uppercase;font-weight: 300;font-family: var(--wp--preset--font-family--effra);/*margin-top: 0;*//*margin-bottom: 1rem;*/word-spacing: 0.15rem;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;/*font-size: 7rem;*//*line-height: 25rem;*//*font-size: 32rem;*//*line-height: 66rem;*/text-align: center;font-weight: bold; position: relative; color: #508721; animation: jump 5s 1s infinite;position: absolute;width: 100%;bottom: 0;/* top: 11px; */margin: auto;line-height: 1em;}
.start-emo-txt .wp-block-image { margin: 0;padding: 0;display: block;width: 100%;position: relative;}
.start-emo-txt .wp-block-image img {display: block;width: 100%;height: auto;}
.schraege-after svg{position: absolute; bottom: -1px; left: 0; right: 0; width: 100%; }
.schraege-grau{fill: #414141;}
#start-baem.scroll-down #start-emo {top: 0; z-index: 1;-webkit-animation: bounce 2s 0s; -moz-animation: bounce 2s 0s; animation: bounce 2s 0s;}
#start-baem.scroll-top #start-emo {/*top: -50%;*/ top: -40%; }
#start-emo-content { position: relative; padding-top: 49vh; /*Browser scrollen ab 07.07.2026 ->*/ padding-top: 89vh; /*<-*/ padding-left: 2em;padding-right: 2em; height: 50vh;display: flex;/*justify-content: center;*/align-items: center;flex-direction: column; transition: opacity linear 0.3s 1s; }
#start-emo-content > * {position: relative;z-index: 1;}
#start-emo-content.start-hide{opacity: 0;}
#start-emo-content.start-show{opacity: 1;}
#start-emo-content .light-text{ font-size: 2.5em; }
#start-emo-content .has-shadows-into-light-font-family { font-size: 2em; }

a.start_baem_href {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;z-index: 1;}
.light-text {position: relative;}
.light-text::before {content: attr(data-text);position: absolute;inset: 0;color: transparent;background: radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,0.9),rgba(255,255,255,0.4) 20%,transparent 40%);-webkit-background-clip: text;background-clip: text;opacity: 1;transition: opacity 0.3s ease;pointer-events: none;filter: drop-shadow(0 0 10px rgba(255,255,255,0.4));}
#start-baem:hover .light-text::before {opacity: 1;}

.img-awards {position: absolute !important;right: 1em;bottom: 1em; opacity: 0; transition: opacity linear 0.3s 1s;}
.img-awards.show-img-awards {opacity: 0.5;  transition: opacity linear 0.3s;}
.img-awards.show-img-awards:hover {opacity: 1;}

@media screen and (max-height: 750px){
	#start-emo-content {height: auto;padding-bottom: 5em;}
}
@media screen and (min-width: 1000px){
	.full-height {/*height: 100vh;*/ height: 90vh; }
	#start-emo-content .light-text, #start-emo-content .has-shadows-into-light-font-family { font-size: 3em; }
}

@media screen and (min-width: 1380px){
	.start-emo-txt {/*bottom: 11%;*/ /*bottom: 8em;*/}
}

@media screen and (max-width: 500px){
	.start-emo-txt-baem {width: 40%;max-width: inherit;}
}
/*Breite < 500 px && Höhe 500px - 600px & */
@media screen and (max-width: 500px) and (min-height: 500px) and (max-height: 600px){
	.start-emo-txt { /*background: cyan;*/width: 200vw;margin-left: -50vw;margin-right: -50vw;}
}

/*Breite < 500 px && Höhe 600px - 800px*/
@media screen and (max-width: 500px) and (min-height: 601px) and (max-height: 800px){
	.start-emo-txt { /*background: yellow;*/width: 300vw;margin-left: -100vw;margin-right: -100vw;}
}

/*Breite < 500 px && Höhe > 801px*/
@media screen and (max-width: 500px) and (min-height: 801px){
	.start-emo-txt { /*background: magenta;*/width: 330vw;margin-left: -150vw;margin-right: -150vw;}
}

/*Breite 500px - 700px && Höhe 600px - 800px*/
@media screen and (min-width: 501px) and (max-width: 700px) and (min-height: 600px) and (max-height: 800px){
	.start-emo-txt { /*background: lime;*/width: 200vw;margin-left: -50vw;margin-right: -50vw;}
	.start-emo-txt-baem {width: 50%;max-width: inherit;}
}

/*Breite 500px - 700px && Höhe > 801px*/
@media screen and (min-width: 501px) and (max-width: 700px) and (min-height: 801px){
	.start-emo-txt { /*background: tomato;*/width: 150vh;margin-left: -70vh;margin-right: -70vh;}
	.start-emo-txt-baem {width: 50%;max-width: inherit;}
}

/*Breite 701px - 900px && Höhe > 600px */
@media screen and (min-width: 701px) and (max-width: 900px) and (min-height: 600px) {
	.start-emo-txt { /*background: cyan;*/width: 150vh;margin-left: -50vh;margin-right: -50vh;}
	.start-emo-txt-baem {width: 50%;max-width: inherit;}
}

/*Breite 901px - 1500px && Höhe > 800px */
@media screen and (min-width: 901px) and (max-width: 1500px) and (min-height: 800px) {
	.start-emo-txt { /*background: yellow;*/width: 170vh;margin-left: -50vh;margin-right: -50vh;}
	.start-emo-txt-baem {width: 50%;max-width: inherit;}
}

/*Breite 1440px & kleiner 840px (Laptop in der Lounge)*/
@media screen and (min-width: 1440px) and (max-height: 840px){
	.full-height {height: 95vh;}
}

@-webkit-keyframes bounce { 
	from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
	0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);-moz-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
	60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);-moz-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
	75% {-webkit-transform: translate3d(0, -10px, 0);-moz-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
	90% {-webkit-transform: translate3d(0, 5px, 0);-moz-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
	to {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

@-moz-keyframes bounce {
	from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
	0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);-moz-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
	60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);-moz-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
	75% {-webkit-transform: translate3d(0, -10px, 0);-moz-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
	90% {-webkit-transform: translate3d(0, 5px, 0);-moz-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
	to {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

@keyframes bounce {
	from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
	0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);-moz-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
	60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);-moz-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
	75% {-webkit-transform: translate3d(0, -10px, 0);-moz-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
	90% {-webkit-transform: translate3d(0, 5px, 0);-moz-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
	to {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}		

@keyframes jump {
	0%, 20%, 40% {bottom: 0;} 10%, 30% {bottom: 10px;}
}

/*Beitragsbild im Kopfbereich mit Schräge*/
.header-beitragsbild {position: relative; overflow: hidden; background: var(--wp--preset--color--dunkelgrau); margin-top: 0; margin-bottom: -3em;}
.header-beitragsbild svg {position: absolute;bottom: -1px;left: 0;right: 0;width: 100%;max-width: inherit;}
.header-beitragsbild figure {height: 100%;position: relative;}
.header-beitragsbild figure img {position: absolute;top: 0;bottom: 0;margin: auto;left: 0;right: 0; }
.header-beitragsbild, .header-beitragsbild figure img {height: 250px;}

@supports (clip-path: inset(0)) {
	.header-beitragsbild figure {
		clip-path: inset(0);
		-webkit-clip-path: inset(0);
	}
	.header-beitragsbild figure img{position: fixed;bottom: inherit;}
}

@media screen and (min-width: 770px){
	.header-beitragsbild, .header-beitragsbild figure img {height: 390px;}	
}
@media screen and (min-width: 1690px){
	.header-beitragsbild {height: 650px;}	
	.header-beitragsbild figure img{ height: 800px;  }
	@supports (clip-path: inset(0)) {
		.header-beitragsbild figure img{ top: -3em; }
	}
}

@media screen and (min-width: 1780px){
	@supports (clip-path: inset(0)) {
		.header-beitragsbild figure img{ top: -5em; }
	}
}

/*Schräge - Grüner Bereich*/
.schraege-top, .schraege-down {position: relative;margin-top: 5em;}
.schraege-top > .svg, .schraege-down > .svg {position: absolute;top: -79px;left: 0;right: 0;width: 100%;max-width: inherit; height: 80px;margin: 0;overflow: hidden;}
.schraege-down > .svg {top: inherit; bottom: -79px; -webkit-transform: scale(-1); -moz-transform: scale(-1); -ms-transform: scale(-1); -o-transform: scale(-1); transform: scale(-1);}
.schraege-top > .svg svg, .schraege-down > .svg svg{width: 1920px;}
.schraege-gruen {fill: var(--wp--preset--color--gruen);}

/*Blog - Übersicht*/
.beitraege {display: flex; flex-wrap: wrap;flex-direction: row; margin-top: 0 !important;}
.beitrag { flex: 0 0 33.3333%; position: relative;overflow: hidden;}
.beitrag a.beitrag-link {position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;text-indent: -1000px;z-index: 1;}
.beitrag-meida figure {margin: 0;}
.beitrag-meida img {width: 100%;height: auto;display: block;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;transition: all linear 0.3s;}
.beitrag-text {position: absolute;bottom: 2em;padding:0 4.5em 0 3em;z-index: 1;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.beitrag-text h2 {margin: 0; color: var(--wp--preset--color--weiss);}
.beitrag-text:after {content: "";width: 0;height: 0;position: absolute;right: 3em;top: 0;bottom: 0;margin: auto;border-width: 0.833em 0px 0.833em 1.11em;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #FFF;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;transition: all linear 0.3s;}
.beitrag:after {content: "";position: absolute;height: 100%;width: 100%;top: 0;left: 0;background: var(--wp--preset--color--dunkelgrau); opacity: 0.4;}

.beitrag:hover .beitrag-meida img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.beitrag:hover .beitrag-text:after { right: 2em; }

.beitrag-txtweiter h3 {height: 100%;margin: auto;}
.beitrag-txtweiter a {text-decoration: none;font-weight: 700;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;}
.beitrag.beitrag-txtweiter:after {content: none !important;}

.btn-pagination, .wp-block-query-pagination {display: flex;justify-content: center;gap: 1em;}
.wp-block-query-pagination-numbers{display: flex;gap: 1em;}
.btn-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-numbers > *, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous{background-color: var(--wp--preset--color--dunkelgrau);border-width: 0;color: var(--wp--preset--color--weiss);font-family: inherit;font-size: inherit;font-style: normal;font-weight: 700;letter-spacing: inherit;line-height: inherit;padding: calc(0.667em + 2px);text-decoration: none;text-transform: uppercase;border-radius: 10px;border: 4px solid var(--wp--preset--color--dunkelgrau);-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;transition: all linear 0.3s;}
.btn-pagination .page-numbers.next, .btn-pagination .page-numbers.prev, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous{background-color: var(--wp--preset--color--gruen);color: var(--wp--preset--color--dunkelgruen);padding-right: calc(1.333em + 2px);padding-left: calc(1.333em + 2px);border: 4px solid var(--wp--preset--color--gruen);}
.btn-pagination .page-numbers.current, .wp-block-query-pagination .wp-block-query-pagination-numbers > *.current {opacity: 0.5;cursor: no-drop;}
.btn-pagination .page-numbers:not(.current):hover, .wp-block-query-pagination .wp-block-query-pagination-numbers > *:not(.current):hover, .wp-block-query-pagination .wp-block-query-pagination-next:hover, .wp-block-query-pagination .wp-block-query-pagination-previous:hover{background: transparent;color: #FFF;}
.wp-block-query-pagination-numbers .page-numbers.dots {background: transparent;border-color: transparent;}

@media screen and (max-width: 1500px) {
	.beitrag-text {padding:0 3.5em 0 2em;}
	.beitrag-text:after {right: 2em;}
	.beitrag:hover .beitrag-text:after { right: 1.5em; }
	.beitrag-text .has-large-font-size {font-size: 1.8em !important;}

}
@media screen and (max-width: 1100px) {
	.beitrag { flex: 0 0 50%; }
}
@media screen and (max-width: 550px) {
	.beitrag { flex: auto; }
	.beitrag-txtweiter{padding: 2em; order: 0 !important;}
	.beitrag{order: 1;}
}
@media screen and (min-width: 2200px){
	.beitrag { flex: 0 0 25%; }
}

/*Blog - Einzeln*/
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {padding: 0;}
.is-blog-sticky { position: sticky; top: 2em; }

.comment-content {position: relative;}
.comment-content:before {content: "";position: absolute;width: 0;height: 0;border-width: 0px 10px 10px 10px;border-style: none dashed solid dashed;border-color: transparent transparent #fff transparent;left: 1rem;top: -10px;}
.wp-block-comment-author-name { color: var(--wp--preset--color--grau);}

.pingback .wp-block-columns > .wp-block-column:nth-child(1) {display: none;}
.pingback .wp-block-columns > .wp-block-column.comment-content {background: transparent !important; padding: 0 !important;}
.pingback .wp-block-columns > .wp-block-column.comment-content:before { content: none; }
.pingback .wp-block-columns > .wp-block-column.comment-content p, .pingback .wp-block-comment-reply-link {display: none;}
.pingback .wp-block-comment-author-name:before{ content: "Pingback: "; color: #fff; }
.pingback .wp-block-comment-author-name a{ font-weight: 300; }

@media screen and (min-width: 782px) {
	.comment-content:before {border-width: 0px 10px 15px 0px;border-style: none solid dashed none;border-color: transparent #fff transparent transparent;left: -10px;top: inherit;}
}

@media screen and (min-width: 980px) {
	.blog-spalten > .wp-block-columns {gap: 8em;}
}

/*WordPress Block: Swiper Slider*/
.swiper-wrapper {display: flex;align-items: stretch;}
.swiper-slide {height: auto;}
.swiper-button-next, .swiper-button-prev {bottom: 0;display: block !important;top: inherit !important;right: 2.5em !important;width: 2em;height: 2em;left: inherit !important;background: var(--wp--preset--color--gruen);color: #fff;-webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;transition: all linear 0.5s;}
.swiper-button-next {right: 0 !important;}
.swiper-button-next svg, .swiper-button-prev svg {height: 70%;position: absolute;top: 0;bottom: 0;margin: auto;}
.swiper-button-next:hover, .swiper-button-prev:hover {background: var(--wp--preset--color--dunkelgruen);}
.swiper-button-disabled {opacity: 0 !important;}
.swiper.swiper-pfeile-down {padding-bottom: 3em;}

/*WordPress Block: Akkordion*/
.wp-block-accordion-panel {margin-top: 0;}
.wp-block-accordion-heading{padding: 0;}
.wp-block-accordion-heading button {padding: 1em 1.25em;gap: 0.5em; -webkit-hyphens: auto;-ms-hyphens: auto; hyphens: auto;}
.wp-block-accordion-heading__toggle-icon {text-indent: -100px;overflow: hidden;position: relative;width: 1em;height: 0.6em;}
.wp-block-accordion-heading__toggle-icon:before {content: "";width: 0;height: 0;position: absolute;top: 0;bottom: 0;left: 0;border-width: 0.6em 0.5em;border-color: var(--wp--preset--color--dunkelgruen) transparent transparent transparent;border-style: solid dashed none dashed;}
.wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {transform: rotate(180deg);}

/*WordPress Block: Leistungen Steps (Timeline)*/
.timeline-section { position: relative; margin: auto; }
.path-track {position: absolute;left: 0;top: 0;transform: translateX(-50%);width: 100px;height: 100%;pointer-events: none;z-index: 1;}
.path-track svg {width: 100%;height: 100%;overflow: visible;}
#central-path {fill: none;stroke: var(--wp--preset--color--weiss);stroke-width: 4px;stroke-linecap: round;opacity: 1;stroke-dasharray: 10 8;stroke-dashoffset: 0;clip-path: url(#reveal-clip);transition: none;}
#central-path-bg {fill: none;stroke: var(--wp--preset--color--dunkelgrau);stroke-width: 4px;}

.timeline-row {position: relative;display: flex;align-items: center;margin-bottom: 2rem;z-index: 0;}
.timeline-row:last-child { margin-bottom: 0; }
.timeline-row  { flex-direction: row; }

.box-wrap {width: 80%;padding: 0 0 0 2em;display: flex;justify-content: flex-end;}

.timeline-box {width: 100%;background: var(--wp--preset--color--gruen);border: 1px solid var(--border);padding: 2.4rem 2.6rem;position: relative;opacity: 0;transform: translateY(40px);transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s;}
.timeline-box.visible {opacity: 1;transform: translateY(0);}
.timeline-box:hover {box-shadow: 0 8px 48px rgba(0,0,0,0.4), 0 0 0 1px rgba(200,169,110,0.2);}
.timeline-box > *:first-child {margin-top: 0;}
.timeline-box > *:last-child {margin-bottom: 0;}
.timeline-row  .timeline-box { transform-origin: right center; }

.timeline-box::before {content: '';position: absolute;top: 50%;left: -2.1rem;width: 2rem;height: 4px;background: var(--wp--preset--color--dunkelgrau);}

.anim-wrap {width: 20%;padding: 0 0 0 1rem;display: flex;align-items: center;justify-content: flex-start;}

.anim-placeholder {width: 200px;height: 200px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.7rem;opacity: 0;transform: scale(0.85);transition: opacity 0.7s 0.2s cubic-bezier(0.22,1,0.36,1), transform 0.7s 0.2s cubic-bezier(0.22,1,0.36,1);position: relative;}
.anim-placeholder.visible {opacity: 1;transform: scale(1);}
.anim-placeholder svg {opacity: 0.4;}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes scrollLine {
  0%   { transform: scaleY(0); transform-origin: top; }
  50%  { transform: scaleY(1); transform-origin: top; }
  50.01%{ transform: scaleY(1); transform-origin: bottom; }
  100% { transform: scaleY(0); transform-origin: bottom; }
}
@keyframes rotateSlow { to { transform: rotate(360deg); } }

@media screen and (min-width: 850px){
	.path-track{left: 50%;}
	.timeline-row {margin-bottom: 9rem;}
	.box-wrap {width: 50%; padding: 0 4rem 0 0;}
	.anim-wrap {width: 50%;padding: 0 0 0 4rem;}
	.timeline-box::before {left: inherit; right: -4rem;width: 3.8rem;}

	.timeline-row.right { flex-direction: row-reverse; }
	.timeline-row.right .box-wrap {justify-content: flex-start;padding: 0 0 0 4rem;}
	.timeline-row.right .timeline-box { transform-origin: left center; }
	.timeline-row.right .timeline-box::before {right: auto;left: -4rem;}
	.timeline-row.right .anim-wrap {justify-content: flex-end;padding: 0 4rem 0 0;}
}

@media screen and (max-width: 500px){
	.timeline-row{flex-direction: column;}
	.box-wrap {order: 1; width: calc(99% - 2rem);  }
	.anim-wrap {order: 0; width: 100%;padding: 0 !important;text-align: center;}
	.anim-placeholder {margin: auto;}
	.anim-wrap img{max-height: 200px; width: auto;}
}

/*WordPress-Block: Quote - Sprechblase*/
blockquote.wp-block-quote.is-style-sprechblase {border: none;padding: 0;background: var(--wp--preset--color--weiss);color: var(--wp--preset--color--grau);padding: 1em;border-radius: 1em;position: relative;}
blockquote.wp-block-quote.is-style-sprechblase:after {content: "";width: 0;height: 0;bottom: -1em;left: 2em;border-width: 0px 0px 1em 1em;border-color: transparent transparent transparent var(--wp--preset--color--weiss);border-style: none none dashed solid;position: absolute;}
.pos-relative{position: relative;}
.zitat-formular {position: absolute !important;top: -2em;right: 0;left: 8em;margin: auto;max-width: 300px;}

/*WordPress-Klasse: Projekte (some-projekte)*/
.some-projekte {gap: 0;-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px rgba(0,0,0,0.5);-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-ms-transition: all linear 0.3s;transition: all linear 0.3s; border: 1px solid #000;}
.some-projekte:hover {-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 1);-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 1);box-shadow: 0px 2px 10px rgba(0, 0, 0, 1);}
.some-projekte > div:nth-child(1) > .swiper {margin-top: 0; background: var(--wp--preset--color--dunkelgrau);}
.some-projekte > div:nth-child(2) {padding: 0 1.8em;}
.some-kunde-caption-kommentare {margin: -1.8rem;}
.some-projekt-kunde > figure, .some-projekt-kunde > p {display: inline-block;vertical-align: middle;}
.some-projekt-kunde > figure {margin-left: 1.8rem; border-radius: 50%;overflow: hidden;width: 2rem;height: 2rem;outline: 1px solid rgb(219, 219, 219);border: 2px solid #fff;margin-bottom: 0;}
.some-projekt-kunde > p {padding-left: 1rem;font-size: 0.9em;font-weight: bold; padding-right: 1.8rem;}
.some-projekt-caption > p, .some-projekt-kommentar > p {padding-left: 3.4rem;padding-left: 5.4rem;padding-right: 1.8rem;margin-top: 0;font-size: 0.9em;}
.some-projekt-kommentare {border-top: 1px solid rgb(219, 219, 219);margin-top: 0.5em;padding-top: 0.5em;}
.some-projekte .swiper .swiper-button-next, .some-projekte .swiper .swiper-button-prev {top: var(--swiper-navigation-top-offset,50%) !important;height: 2.5em;width: 2.5em;}
.some-projekte .swiper .swiper-button-prev {left: 0 !important;}
.some-projekte figure.wp-block-embed.is-type-video {margin: 0 !important;}
.some-projekte > div:nth-child(1) figure.wp-block-video video {object-fit: contain !important;}

@media screen and (min-width: 950px){
	.some-projekte {-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-ms-transition: all linear 0.3s;transition: all linear 0.3s;}
}

@media screen and (min-width: 950px) and (min-height: 970px){
	.some-projekte:hover {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);-ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);}  
}

@media screen and (min-width: 782px){
	.some-projekte .swiper .swiper-button-next, .some-projekte .swiper .swiper-button-prev {height: 3.5em;width: 3.5em;}
	.some-projekte > div:nth-child(2) {max-height: 900px;overflow-y: auto;border-left: 1px solid rgb(219, 219, 219);}
	.some-projekte > div:nth-child(1) figure.wp-block-embed-youtube > div, .some-projekte > div:nth-child(1) figure.wp-block-video {height: 900px;}
	.some-projekte > div:nth-child(1) figure.wp-block-video video {height: 100%;}
}

@media screen and (min-width: 782px) and (max-width: 884px){
	.some-projekte{max-height:505px; overflow: hidden;}
	.some-projekte > div:nth-child(2) {max-height: 505px;}
	.some-projekte > div:nth-child(1) figure.wp-block-embed-youtube > div, .some-projekte > div:nth-child(1) figure.wp-block-video {height: 505px;}
	.some-projekte > div:nth-child(1) figure.wp-block-video video {height: 100%;}
}

@media screen and (min-width: 885px) and (max-width: 944px){
	.some-projekte {max-height:615px; overflow: hidden;}
	.some-projekte > div:nth-child(2) {max-height: 590px;}
	.some-projekte > div:nth-child(1) figure.wp-block-embed-youtube > div, .some-projekte > div:nth-child(1) figure.wp-block-video {height: 615px;}
	.some-projekte > div:nth-child(1) figure.wp-block-video video {height: 100%;}
}

/*WordPress-Block: Flipbox*/
.flipbox {perspective: 1000px;width: 100%;/*max-width: 300px;*/height: 500px;outline: none; padding: 2.4em 0;opacity: 0; transform: translateY(40px); transition: opacity 3s, transform 0.7s;}
.flipbox.visible {opacity: 1;transform: translateY(0);}
.flipbox-inner {position: relative;width: 100%;height: 100%;transition: transform 0.6s;transform-style: preserve-3d;}
.flipbox-inner:before{content: ""; position: absolute; width: 58px; height: 26px; right: 1em; bottom: 1em; background: url(assets/img/pfeil-flipbox.png) no-repeat;z-index: 1; opacity: 0.2;}
.flipbox:hover .flipbox-inner {transform: rotateY(180deg);}
.flipbox-front,.flipbox-back {/*overflow-y: auto;*/overflow: hidden;position: absolute;width: 100%;height: 100%;backface-visibility: hidden;-webkit-backface-visibility: hidden;padding: 2rem;box-sizing: border-box;
display: flex;flex-direction: column;justify-content: center;}
.flipbox-back {transform: rotateY(180deg);}

/*WordPress-Klasse: Hinterlegen beim Bild (.img-schein) - Einsatz bei den AWARD-Bildern auf der Startseite*/
.img-schein.img-schein-show img, .img-schein:hover { animation: glow 7s 0.5s infinite alternate; }
@keyframes glow {
    0% {filter: drop-shadow(0 0 15px #ccc);}   
    57% {filter: drop-shadow(0 0 0px #ccc);} /* Nach 4 Sekunden (4/7 ≈ 57 %) */
    100% {filter: drop-shadow(0 0 0px #ccc);} /* 3 Sekunden Pause */
}

/*WordPress-Klasse: Ausrichten von Zitat (.jobs-zitat-tomdaneil) auf der Job-Seite von Tom und Daniel*/
.jobs-zitat-tomdaneil {padding-top: 7em;margin-top: 3em;}

@media screen and (min-width: 360px){
	.jobs-zitat-tomdaneil {padding-top: 3em;}
}

@media screen and (min-width: 400px){
	.jobs-zitat-tomdaneil {padding-top: 1em;}
}

@media screen and (min-width: 500px){
	.jobs-zitat-tomdaneil {padding-top: 0.1em;}
}
	
/*SVG Projekte*/
.is-relative{position: relative;}
.is-relative > * {z-index: 2;position: relative;}
#svg-projekte {width: 99%;max-width: inherit;position: absolute;margin: 0;left: 0;top: -4em;z-index: -1;}
.svg-projekte-pfad {fill: none;stroke: var(--wp--preset--color--dunkelgrau);stroke-dasharray: 70 20;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 10px;stroke-dasharray: 70 20;stroke-dashoffset: 100; -webkit-animation: animation_svg_projekte_pfad 2s linear forwards; animation: animation_svg_projekte_pfad 2s linear forwards;}	
.svg-projekte-punkt{opacity: 0;fill: var(--wp--preset--color--dunkelgrau); -webkit-animation: animation_svg_projekte_show 1s 1s linear forwards; animation: animation_svg_projekte_show 1s 1s linear forwards;}
.svg-projekte-place{opacity: 0;fill: var(--wp--preset--color--dunkelgrau); -webkit-animation: animation_svg_projekte_show 1s 1.5s linear forwards; animation: animation_svg_projekte_show 1s 1.5s linear forwards;}
@-webkit-keyframes animation_svg_projekte_pfad {
	0%{opacity: 0; } 30%{opacity: 1; } 100% {stroke-dashoffset: 0;}
}	
@keyframes animation_svg_projekte_pfad {
	0%{opacity: 0; } 30%{opacity: 1; } 100% {stroke-dashoffset: 0;}
}
@-webkit-keyframes animation_svg_projekte_show {
	from{opacity: 0;} to {opacity: 1;}
}
@keyframes animation_svg_projekte_show {
	from{opacity: 0;} to {opacity: 1;}
}	

/*SVG Jobs - Rakete*/
#svg-rakete {position: absolute;right: 5%;top: -3em;z-index: 0;}
#svg-rakete {width: 195px;height: auto;}
#svg-rakete path {fill: var(--wp--preset--color--dunkelgrau);fill-opacity: 0;stroke: var(--wp--preset--color--dunkelgrau);stroke-width: 1;stroke-linecap: round;stroke-dasharray: 300;stroke-dashoffset: 300;/*animation-name: animation_svgraketedraw, animation_svgraketefillIn;animation-duration: 1.2s, 0.6s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;*/ -webkit-animation: animation_svgraketedraw 1.2s ease-in-out forwards, animation_svgraketefillIn 0.6s ease-in-out forwards; animation: animation_svgraketedraw 1.2s ease-in-out forwards, animation_svgraketefillIn 0.6s ease-in-out forwards;}
@-webkit-keyframes animation_svgraketedraw {
	to { stroke-dashoffset: 0; }
}
@keyframes animation_svgraketedraw {
	to { stroke-dashoffset: 0; }
}
@-webkit-keyframes animation_svgraketefillIn {
	to { fill-opacity: 1; }
}
@keyframes animation_svgraketefillIn {
	to { fill-opacity: 1; }
}

#svg-rakete path:nth-child(1)  { animation-delay: 0.00s, 1.20s; }
#svg-rakete path:nth-child(2)  { animation-delay: 0.08s, 1.28s; }
#svg-rakete path:nth-child(3)  { animation-delay: 0.16s, 1.36s; }
#svg-rakete path:nth-child(4)  { animation-delay: 0.24s, 1.44s; }
#svg-rakete path:nth-child(5)  { animation-delay: 0.32s, 1.52s; }
#svg-rakete path:nth-child(6)  { animation-delay: 0.40s, 1.60s; }
#svg-rakete path:nth-child(7)  { animation-delay: 0.48s, 1.68s; }
#svg-rakete path:nth-child(8)  { animation-delay: 0.56s, 1.76s; }
#svg-rakete path:nth-child(9)  { animation-delay: 0.64s, 1.84s; }
#svg-rakete path:nth-child(10) { animation-delay: 0.72s, 1.92s; }
#svg-rakete path:nth-child(11) { animation-delay: 0.80s, 2.00s; }
#svg-rakete path:nth-child(12) { animation-delay: 0.88s, 2.08s; }
#svg-rakete path:nth-child(13) { animation-delay: 0.96s, 2.16s; }
#svg-rakete path:nth-child(14) { animation-delay: 1.04s, 2.24s; }
#svg-rakete path:nth-child(15) { animation-delay: 1.12s, 2.32s; }
#svg-rakete path:nth-child(16) { animation-delay: 1.20s, 2.40s; }
#svg-rakete path:nth-child(17) { animation-delay: 1.28s, 2.48s; }
#svg-rakete path:nth-child(18) { animation-delay: 1.36s, 2.56s; }
#svg-rakete path:nth-child(19) { animation-delay: 1.44s, 2.64s; }
#svg-rakete path:nth-child(20) { animation-delay: 1.52s, 2.72s; }
#svg-rakete path:nth-child(21) { animation-delay: 1.60s, 2.80s; }
#svg-rakete path:nth-child(22) { animation-delay: 1.68s, 2.88s; }
#svg-rakete path:nth-child(23) { animation-delay: 1.76s, 2.96s; }
#svg-rakete path:nth-child(24) { animation-delay: 1.84s, 3.04s; }
#svg-rakete path:nth-child(25) { animation-delay: 1.92s, 3.12s; }
#svg-rakete path:nth-child(26) { animation-delay: 2.00s, 3.20s; }
#svg-rakete path:nth-child(27) { animation-delay: 2.08s, 3.28s; }

/*Consentmanager*/
.cmplazypreviewiframe {position: absolute !important;top: 0;}