/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
	url('/wp-content/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	url('/wp-content/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
	url('/wp-content/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* globals */

.wp-block-columns {
  flex-wrap: wrap!important;
}

body {
  font-family: "Roboto";
  font-weight: 300;
}

h1, h2, h3, b, strong {
  font-family: "Roboto";
  font-weight: 700;
}

#site-content {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  flex: 1;
  min-width: 0;
}

.ausblenden {
  display: none;
}

.one figure {
  min-width: 25px;
}

@media screen and (max-width: 767px) {
  .btn-primary {
	width: auto;
  }
}


/* selected page */

.selected-page-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 1px;
}

.selected-page  {
  position: absolute;
  top: 180px;
  right: 32px;
}

@media screen and (max-width: 1280px) {
  .selected-page {
	top: 150px;
  }
}


@media screen and (max-width: 767px) {
  .selected-page {
	top: 106px;
  }
}

@media screen and (max-width: 500px) {
  .selected-page {
	top: 97px;
  }
}


/* teaser images */

.start {
  background: url(/wp-content/uploads/ardeo_header_home.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% bottom;
}

.zoom-container {
  min-height: 1000px;
  width: 100%;
  overflow: hidden;
  position: absolute;
}

.zoom-container-inner {
  min-height: 1000px;
  width: 100%;
  animation: zoom-img 50s forwards ease-out;
  animation-iteration-count: infinite;
}

.z-index-3 {
  position: relative;
  z-index: 3;
}


@keyframes zoom-img {
  0% {
	transform: scale(1) translateX(0%);
  }
  25% {
	transform: scale(1.15) translateX(-3%);
  }
  50% {
	transform: scale(1.25) translateX(-6%);
  }
  75% {
	transform: scale(1.15) translateX(-3%);
  }
  100% {
	transform: scale(1) translateX(0%);
  }
}


.hue-container {
  animation: hue-rotate 10s forwards ease-out;
  animation-iteration-count: infinite;
}


@keyframes hue-rotate {
  0% {
	filter: hue-rotate(0);
  }
  25% {
	filter: hue-rotate(90deg);
  }
  50% {
	filter: hue-rotate(-0.25turn);
  }
  75% {
	filter: hue-rotate(3.142rad);
  }
  100% {
	filter: hue-rotate(0);
  }
}

/*
.glowing-box {
animation: glowing 4s ease-in-out infinite alternate;
}

@keyframes glowing {
from {
box-shadow: 0 0 10px #FF8300;
}
to {
box-shadow: 0 0 40px #FF8300, 0 0 100px #fee469;
}
}

*/


.glowing-img {
  animation: glowing-img 8s ease-in-out infinite alternate;
}

@keyframes glowing-img {
  50% {
	filter: hue-rotate(3.142rad);
  }
}


.netzwerk {
  background: url(/wp-content/uploads/ardeo_home_netzwerk.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  position: relative;
}

.erfolg {
  background: url(/wp-content/uploads/ardeo_home_erfolg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  height: 500px;
}

.erlebnisse {
  background: url(/wp-content/uploads/ardeo_home_erlebnisse.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 500px;
}

.kompetenzen {
  background: url(/wp-content/uploads/ardeo_header_kompetenzen.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}

.digitale-events {
  background: url(/wp-content/uploads/ardeo_header_digitale-events.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom left;
}

.tv-magazin {
  background: url(/wp-content/uploads/ardeo_header_tv-magazin.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.kontakt {
  background: url(/wp-content/uploads/ardeo_home_vision.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% top;
}

.kontakt-ort {
  background: url(/wp-content/uploads/ardeo_home_vision-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% bottom;
  padding-top: 230px;
}


@media screen and (max-width: 1280px) {
  .start {
	background-position: 65%;
  }   
  .erfolg {
	margin-bottom: -80px;
  }   
  .erlebnisse {
	margin-top: -80px;
  }  
  .kompetenzen {
	background-position: 40%;
  } 
  .kontakt {
	background-position: 40%;
  }  
  .kontakt-ort {
	background-position: 80% bottom;
  }  
}


@media screen and (max-width: 767px) {
  .bg-img {
	background-repeat: no-repeat;
  }
  .start {
	background-position: 88%;
  } 
  .netzwerk {
	background-position: 10% bottom;
	background-size: 200%;
  } 
  .kompetenzen {
	background-position: 10%;
  }   
  .digitale-events {
	background-position: 8% bottom;
  }  
  .tv-magazin {
	background-position: 58% top;
	background-size: 100%;
  }
  .kontakt {
	background-position: 42% top;
  }  
  .kontakt-ort {
	background-position: 72% bottom;
  }    
}

@media screen and (max-width: 600px) {
  .tv-magazin {
	background-size: 160%;
  }
}

@media screen and (max-width: 500px) {
  .netzwerk {
	background-size: 180%;
  }    
}


/* teaser */


.start-slider {
  --gutenslider-arrow-x-offset: -100px!important;
  --gutenslider-arrow-x-offset-md: 0px;
  --gutenslider-arrow-x-offset-sm: 0px;
}

.wp-block-eedee-block-gutenslider .slick-arrow.slick-prev, .wp-block-eedee-block-gutenslider .slick-arrow.slick-next {
  z-index: 0;
}

.wp-block-eedee-block-gutenslider .slick-dots {
  z-index: 0!important;
}

.teaser {
  display: flex;
  align-items: flex-end;
}

.teaser-start {
  display: flex;
  min-height: 1000px;
  align-items: center;
}

.teaser-content, .teaser-contact, .live-stream-block {
  display: flex;
  align-items: center;
}

.teaser-headline {
  display: flex;
  align-items: flex-start;
  position: relative;
  /*z-index: 100;*/
}

.contact-location-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.teaser-inner, .headline-inner, .live-stream-inner {
  display: flex;
  justify-content: flex-start;
}

.contact-inner, .content-inner, .teaser-contact-location, .live-stream-block {
  display: flex;
  justify-content: flex-end;
}

.teaser-col-1 {
  width: 55%;
}

.headline-col-1 {
  width: 60%;
}

.contact-col-2 {
  width: 63%;
}

.content-col-2 {
  width: 63%;
}

.contact-location-col-1 {
  width: 63%;
}

.contact-location-col-2 {
  width: 37%;
  max-width: 250px;
}

.teaserbox {
  background: #fff;
  padding: 80px;
  box-shadow: 4px 4px 15px rgba(0,0,0,0.4);
}

.teaser.tv-magazin .teaserbox {
  transform: translateY(310px);
}

.textbox {
  padding: 0 70px 0 80px;
}

.textbox h2 {
  margin-top: 0!important;
  margin-block-start: 0!important;
}

.icon-contact img {
  width: 38px;
  height: 38px;
}

.icon-link img:hover {
  filter: grayscale(100%);
}

@media screen and (max-width: 1580px) {
  .start-slider {
	--gutenslider-arrow-x-offset: 0!important;
	--gutenslider-arrow-x-offset-md: 0px;
	--gutenslider-arrow-x-offset-sm: 0px;
  }
  .wp-block-eedee-block-gutenslider .slick-prev::before, .wp-block-eedee-block-gutenslider .slick-next::before {
	background: url("");
	opacity: 0.5;
  }  
  .slider-inner {
	padding-left: 80px;
	padding-right: 80px;
  }
}


@media screen and (max-width: 1023px) {
  .teaser-start, .zoom-container, .zoom-container-inner {
	min-height: 700px;
  }
  .teaserbox {
	padding: 50px;
  } 
  .textbox {
	padding: 0 50px;
  }   
}

@media screen and (max-width: 767px) {
  .teaser-col-1, .contact-col-2, .content-col-2, .headline-col-1 {
	width: 100%;
  }
  .teaser-content {
	min-height: auto;
	align-items: flex-start;
	padding-bottom: 280px;
  }
  .teaser-start, .zoom-container, .zoom-container-inner {
	min-height: 500px;
  }  
  .teaser-contact{
	min-height: auto;
	align-items: flex-end;
	padding-top: 210px;
  }  
  .live-stream-block {
	min-height: auto;
	align-items: flex-end;
  }    
  .teaserbox {
	padding: 50px;
  } 
  .textbox {
	max-width: 500px;
	padding: 0;
  }   
  .contact-location-inner {
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
  }  
  .contact-location-col-1 {
	width: 100%;
  }
  .contact-location-col-2 {
	width: 100%;
	padding: 40px 0 0 0;
	text-align: center;
  }  
  .teaser.tv-magazin .teaserbox {
	margin-bottom: 310px;
  }
}


@media screen and (max-width: 500px) {

  .teaser-content  {
	padding-bottom: 150px;
  }  
  .teaserbox {
	padding: 30px;
  }  
  .textbox {
	padding: 0px;
  }    
  .slider-inner {
	padding-left: 50px;
	padding-right: 50px;
  } 
}


/* grid startpage */

.vorteile-1-grid > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: 260px 200px 1fr 330px 210px;
  grid-template-rows: 320px;
}

.vorteile-2-grid > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: 1fr 320px 210px 1fr;
  grid-template-rows: 320px;
}

.eins {
  grid-column: 1 / 2;
}

.eins-bild {
  grid-column: 2 / 3;
  align-self: center;
}

.zwei {
  grid-column: 4 / 5;
  align-self: end;
}

.zwei-bild {
  grid-column: 5 / 6;
  align-self: end;
}

.drei {
  grid-column: 2 / 3;
  align-self: end;
}

.drei-bild {
  grid-column: 3 / 4;
  justify-self: end;
  align-self: end;
}


@media screen and (max-width: 1280px) {
  .vorteile-1-grid > .wp-block-group__inner-container {
	grid-template-columns: 260px 200px 1fr 250px 210px;
  }
}

@media screen and (max-width: 1023px) {
  .vorteile-1-grid > .wp-block-group__inner-container {
	grid-template-columns: 1fr 300px 300px 1fr;
	grid-template-rows: min-content;
	grid-gap: 40px;
  }
  .vorteile-2-grid {
	margin-top: 40px;
  }   
  .vorteile-2-grid > .wp-block-group__inner-container {
	grid-template-columns: 1fr 300px 300px 1fr;
	grid-template-rows: min-content;
	grid-gap: 40px;
  }  
  .eins {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	align-self: start;
  }
  .eins-bild {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
	justify-self: start;
	align-self: start;
  }
  .zwei {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
	align-self: start;
  }
  .zwei-bild {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	justify-self: end;
	align-self: start;
  }  
  .drei {
	grid-column: 2 / 3;
	align-self: start;
  }
  .drei-bild {
	grid-column: 3 / 4;
	justify-self: start;
	align-self: start;
  }  
}

@media screen and (max-width: 767px) {
  .vorteile-1-grid > .wp-block-group__inner-container {
	grid-template-columns: repeat(2, 1fr);
  }  
  .vorteile-2-grid > .wp-block-group__inner-container {
	grid-template-columns: 1fr 1fr;
  }  
  .eins {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
  } 
  .eins-bild {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
  }
  .zwei {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
  }
  .zwei-bild {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	justify-self: start;
  }  
  .drei {
	grid-column: 1 / 2;
  }
  .drei-bild {
	grid-column: 2 / 3;
  }   
}


@media screen and (max-width: 600px) {
  .vorteile-1-grid, .vorteile-2-grid {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
  }  
  .vorteile-1-grid > .wp-block-group__inner-container, .vorteile-2-grid > .wp-block-group__inner-container {
	grid-template-columns: 1fr;
  }  
  .eins {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
  } 
  .eins-bild {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
  }
  .zwei {
	grid-column: 1 / 2;
	grid-row: 4 / 5;
  }
  .zwei-bild {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
  }  
  .drei {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
  }
  .drei-bild {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
  }  
  .eins img, .zwei img, .drei img {
	width: 80%;
  }   
}


/* grid competence */

.kompetenzen-grid > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(32, 1fr);
  grid-template-rows: repeat(37, 75px);
  margin-top: -375px;
}

.kompetenz-01-img {
  grid-column: 21 / 28;
  grid-row: 1 / 4;
}

.kompetenz-01 {
  grid-column: 24 / 32;
  grid-row: 4 / 8;
}

.kompetenz-02-img {
  grid-column: 3 / 28;
  grid-row: 6 / 10;
}

.kompetenz-02 {
  grid-column: 10 / 18;
  grid-row: 8 / 12;
  align-self: center;
}

.kompetenz-03-img {
  grid-column: 26 / 33;
  grid-row: 10 /13;
  align-self: start;
}

.kompetenz-03 {
  grid-column: 22 / 30;
  grid-row: 12 / 17;
}

.kompetenz-04-img {
  grid-column: 4 / 11;
  grid-row: 12 /16;
  align-self: end;
}

@media screen and (min-width: 1024px) {
  .kompetenz-05-img {
	transform: translateY(30px);
  }
}


.kompetenz-04 {
  grid-column: 1 / 9;
  grid-row: 14 / 18;
  align-self: end;
}

.kompetenz-05-img {
  grid-column: 20 / 27;
  grid-row: 17 / 20;
  align-self: end;
  justify-self: start;
}

.kompetenz-05 {
  grid-column: 14 / 24;
  grid-row: 17 / 20;
  justify-self: start;
}

.kompetenz-06-img {
  grid-column: 1 / 7;
  grid-row: 20 / 24;
}

.kompetenz-06 {
  grid-column: 4 / 12;
  grid-row: 23 / 27;
}

.kompetenz-07-img {
  grid-column: 27 / 33;
  grid-row: 23 / 26;
  align-self: end;
}

.kompetenz-07 {
  grid-column: 18 / 26;
  grid-row: 23 / 27;
}

.kompetenz-08-img {
  grid-column: 2 / 8;
  grid-row: 28 / 31;
}

.kompetenz-08 {
  grid-column: 9 / 16;
  grid-row: 28 / 32;
}

.kompetenz-09-img {
  grid-column: 15 / 21;
  grid-row: 31 / 34;
  align-self: end;
  justify-self: end;
}

.kompetenz-09 {
  grid-column: 22 / 31;
  grid-row: 31 / 34;
}

.kompetenz-10-img {
  grid-column: 5 / 12;
  grid-row: 35 / 38;
}

.kompetenz-10 {
  grid-column: 12 / 19;
  grid-row: 36 / 38;
}


@media screen and (max-width: 1280px) {
  .kompetenz-01-img {
	grid-column: 21 / 28;
	grid-row: 1 / 4;
  }

  .kompetenz-01 {
	grid-column: 23 / 32;
	grid-row: 4 / 8;
  }

  .kompetenz-02-img {
	grid-column: 3 / 12;
	grid-row: 5 / 9;
	justify-self: end;
  }

  .kompetenz-02 {
	grid-column: 12 / 21;
	grid-row: 7 / 11;
	align-self: center;
	justify-self: start;
  }

  .kompetenz-03-img {
	grid-column: 24 / 33;
	grid-row: 10 /13;
	align-self: start;
  }

  .kompetenz-03 {
	grid-column: 20 / 29;
	grid-row: 12 / 17;
  }

  .kompetenz-04-img {
	grid-column: 5 / 13;
	grid-row: 11 /17;
	align-self: center;
  }

  .kompetenz-04 {
	grid-column: 1 / 10;
	grid-row: 15 / 18;
	align-self: start;
  }

  .kompetenz-05-img {
	grid-column: 20 / 27;
	grid-row: 17 / 20;
	align-self: start;
	justify-self: end;
  }

  .kompetenz-05 {
	grid-column: 12 / 22;
	grid-row: 17 / 20;
	justify-self: end;
  }

  .kompetenz-06-img {
	grid-column: 1 / 10;
	grid-row: 20 / 24;
  }

  .kompetenz-06 {
	grid-column: 4 / 12;
	grid-row: 23 / 27;
  }

  .kompetenz-07-img {
	grid-column: 26 / 33;
	grid-row: 23 / 26;
	align-self: end;

  }

  .kompetenz-07 {
	grid-column: 17 / 26;
	grid-row: 23 / 27;
  }

  .kompetenz-08-img {
	grid-column: 2 / 9;
	grid-row: 28 / 31;
	justify-self: end;
  }

  .kompetenz-08 {
	grid-column: 10 / 18;
	grid-row: 28 / 32;
  }

  .kompetenz-09-img {
	grid-column: 11 / 18;
	grid-row: 31 / 34;
	align-self: end;
	justify-self: end;
  }

  .kompetenz-09 {
	grid-column: 19 / 31;
	grid-row: 31 / 34;
  }

  .kompetenz-10-img {
	grid-column: 4 / 12;
	grid-row: 35 / 38;
  }

  .kompetenz-10 {
	grid-column: 12 / 21;
	grid-row: 36 / 38;
  }
}


@media screen and (max-width: 1023px) {
  .kompetenzen-grid > .wp-block-group__inner-container {
	grid-template-columns: 1fr 300px 300px 1fr;
	grid-template-rows: min-content;
	grid-column-gap: 40px;
	grid-row-gap: 60px;
	align-items: center;
	margin-top: 0;
  }

  .kompetenz-01-img {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	justify-self: end;
  }

  .kompetenz-01 {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
  }

  .kompetenz-02-img {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
	justify-self: start;
  }

  .kompetenz-02 {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	align-self: center;
  }

  .kompetenz-03-img {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
	justify-self: end;
  }

  .kompetenz-03 {
	grid-column: 3 / 4;
	grid-row: 3 / 4;
  }

  .kompetenz-04-img {
	grid-column: 3 / 4;
	grid-row: 4 / 5;
	justify-self: start;
  }

  .kompetenz-04 {
	grid-column: 2 / 3;
	grid-row: 4 / 5;
  }

  .kompetenz-05-img {
	grid-column: 2 / 3;
	grid-row: 5 / 6;
	justify-self: end;
  }

  .kompetenz-05 {
	grid-column: 3 / 4;
	grid-row: 5 / 6;
  }

  .kompetenz-06-img {
	grid-column: 3 / 4;
	grid-row: 6 / 7;
	justify-self: start;
  }

  .kompetenz-06 {
	grid-column: 2 / 3;
	grid-row: 6 / 7;
  }

  .kompetenz-07-img {
	grid-column: 2 / 3;
	grid-row: 7 / 8;
	justify-self: end;
  }

  .kompetenz-07 {
	grid-column: 3 / 4;
	grid-row: 7 / 8;
  }

  .kompetenz-08-img {
	grid-column: 3 / 4;
	grid-row: 8 / 9;
	justify-self: start;
  }

  .kompetenz-08 {
	grid-column: 2 / 3;
	grid-row: 8 / 9;
  }

  .kompetenz-09-img {
	grid-column: 2 / 3;
	grid-row: 9 / 10;
	justify-self: end;
  }

  .kompetenz-09 {
	grid-column: 3 / 4;
	grid-row: 9 / 10;
  }

  .kompetenz-10-img {
	grid-column: 3 / 4;
	grid-row: 10 / 11;
	justify-self: start;
  }

  .kompetenz-10 {
	grid-column: 2 / 3;
	grid-row: 10 / 11;
  }
}


@media screen and (max-width: 768px) {
  .kompetenzen-grid > .wp-block-group__inner-container {
	grid-template-columns: repeat(2, 1fr);
	margin-top: 70px;
  }

  .kompetenz-01-img {
	grid-column: 1 / 2;
  }

  .kompetenz-01 {
	grid-column: 2 / 3;
  }

  .kompetenz-02-img {
	grid-column: 2 / 3;
  }

  .kompetenz-02 {
	grid-column: 1 / 2;
  }

  .kompetenz-03-img {
	grid-column: 1 / 2;
  }

  .kompetenz-03 {
	grid-column: 2 / 3;
  }

  .kompetenz-04-img {
	grid-column: 2 / 3;
  }

  .kompetenz-04 {
	grid-column: 1 / 2;
  }

  .kompetenz-05-img {
	grid-column: 1 / 2;
  }

  .kompetenz-05 {
	grid-column: 2 / 3;
  }

  .kompetenz-06-img {
	grid-column: 2 / 3;
  }

  .kompetenz-06 {
	grid-column: 1 / 2;
  }

  .kompetenz-07-img {
	grid-column: 1 / 2;
  }

  .kompetenz-07 {
	grid-column: 2 / 3;
  }

  .kompetenz-08-img {
	grid-column: 2 / 3;
  }

  .kompetenz-08 {
	grid-column: 1 / 2;
  }

  .kompetenz-09-img {
	grid-column: 1 / 2;
  }

  .kompetenz-09 {
	grid-column: 2 / 3;
  }

  .kompetenz-10-img {
	grid-column: 2 / 3;
  }

  .kompetenz-10 {
	grid-column: 1 / 2;
  }

}


@media screen and (max-width: 600px) {

  .kompetenzen-grid {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
  }

  .kompetenzen-grid > .wp-block-group__inner-container {
	grid-template-columns: 1fr;
	margin-top: 50px;
  }

  .kompetenz-01-img {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	justify-self: start;
  }

  .kompetenz-01 {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
  }

  .kompetenz-02-img {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
  }

  .kompetenz-02 {
	grid-column: 1 / 2;
	grid-row: 4 / 5;
	align-self: center;
  }

  .kompetenz-03-img {
	grid-column: 1 / 2;
	grid-row: 5 / 6;
	justify-self: start;
  }

  .kompetenz-03 {
	grid-column: 1 / 2;
	grid-row: 6 / 7;
  }

  .kompetenz-04-img {
	grid-column: 1 / 2;
	grid-row: 7 / 8;
  }

  .kompetenz-04 {
	grid-column: 1 / 2;
	grid-row: 8 / 9;
  }

  .kompetenz-05-img {
	grid-column: 1 / 2;
	grid-row: 9 / 10;
	justify-self: start;
  }

  .kompetenz-05 {
	grid-column: 1 / 2;
	grid-row: 10 / 11;
  }

  .kompetenz-06-img {
	grid-column: 1 / 2;
	grid-row: 11 / 12;
  }

  .kompetenz-06 {
	grid-column: 1 / 2;
	grid-row: 12 / 13;
  }

  .kompetenz-07-img {
	grid-column: 1 / 2;
	grid-row: 13 / 14;
	justify-self: start;
  }

  .kompetenz-07 {
	grid-column: 1 / 2;
	grid-row: 14 / 15;
  }

  .kompetenz-08-img {
	grid-column: 1 / 2;
	grid-row: 15 / 16;
  }

  .kompetenz-08 {
	grid-column: 1 / 2;
	grid-row: 16 / 17;
  }

  .kompetenz-09-img {
	grid-column: 1 / 2;
	grid-row: 17 / 18;
	justify-self: start;
  }

  .kompetenz-09 {
	grid-column: 1 / 2;
	grid-row: 18 / 19;
  }

  .kompetenz-10-img {
	grid-column: 1 / 2;
	grid-row: 19 / 20;
  }

  .kompetenz-10 {
	grid-column: 1 / 2;
	grid-row: 20 / 21;
  }

}


/* grid competence */

.module-grid > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(32, 1fr);
  grid-template-rows: repeat(22, 75px);
  margin-top: -530px;
}

.modul-01-img {
  grid-column: 22 / 31;
  grid-row: 1 / 5;
}

.modul-01 {
  grid-column: 22 / 30;
  grid-row: 5 / 8;
}

.modul-02-img {
  grid-column: 3 / 10;
  grid-row: 8 / 11;
}

.modul-02 {
  grid-column: 10 / 20;
  grid-row: 9 / 15;
}

.modul-03-img {
  grid-column: 26 / 33;
  grid-row: 9 / 13;
  align-self: end;
  justify-self: end;
}

.modul-03 {
  grid-column: 22 / 33;
  grid-row: 13 / 20;
}

.modul-04-img {
  grid-column: 7 / 15;
  grid-row: 14 / 18;
  align-self: center;
}

.modul-04 {
  grid-column: 1 / 11;
  grid-row: 17 / 23;
}

.modul-05-img {
  grid-column: 25 / 33;
  grid-row: 19 / 23;
  justify-self: end;
}

.modul-05 {
  grid-column: 14 / 25;
  grid-row: 19 / 24;
  justify-self: start;
}


@media screen and (max-width: 1280px) {
  .modul-02-img {
	grid-column: 1 / 9;
  }
  .modul-03-img {
	grid-column: 25 / 33;
	align-self: center;
  }
  .modul-04-img {
	grid-column: 8 / 17;
	align-self: center;
  }
  .modul-05 {
	grid-column: 13 / 24;
  }
}


@media screen and (max-width: 1023px) {
  .module-grid > .wp-block-group__inner-container {
	grid-template-columns: 1fr 300px 300px 1fr;
	grid-template-rows: min-content;
	grid-column-gap: 40px;
	grid-row-gap: 60px;
	align-items: center;
	margin-top: 0;
  }

  .modul-01-img {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	justify-self: end;
  }

  .modul-01 {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
  }

  .modul-02-img {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
	justify-self: start;
  }

  .modul-02 {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	align-self: center;
  }

  .modul-03-img {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
	justify-self: end;
  }

  .modul-03 {
	grid-column: 3 / 4;
	grid-row: 3 / 4;
  }

  .modul-04-img {
	grid-column: 3 / 4;
	grid-row: 4 / 5;
	justify-self: start;
  }

  .modul-04 {
	grid-column: 2 / 3;
	grid-row: 4 / 5;
  }

  .modul-05-img {
	grid-column: 2 / 3;
	grid-row: 5 / 6;
	justify-self: end;
  }

  .modul-05 {
	grid-column: 3 / 4;
	grid-row: 5 / 6;
  }
}


@media screen and (max-width: 768px) {
  .module-grid > .wp-block-group__inner-container {
	grid-template-columns: repeat(2, 1fr);
	margin-top: 70px;
  }

  .modul-01-img {
	grid-column: 1 / 2;
  }

  .modul-01 {
	grid-column: 2 / 3;
  }

  .modul-02-img {
	grid-column: 2 / 3;
  }

  .modul-02 {
	grid-column: 1 / 2;
  }

  .modul-03-img {
	grid-column: 1 / 2;
  }

  .modul-03 {
	grid-column: 2 / 3;
  }

  .modul-04-img {
	grid-column: 2 / 3;
  }

  .modul-04 {
	grid-column: 1 / 2;
  }

  .modul-05-img {
	grid-column: 1 / 2;
  }

  .modul-05 {
	grid-column: 2 / 3;
  }

}


@media screen and (max-width: 600px) {

  .module-grid {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
  }

  .module-grid > .wp-block-group__inner-container {
	grid-template-columns: 1fr;
	margin-top: 50px;
  }

  .modul-01-img {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	justify-self: start;
  }

  .modul-01 {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
  }

  .modul-02-img {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
  }

  .modul-02 {
	grid-column: 1 / 2;
	grid-row: 4 / 5;
	align-self: center;
  }

  .modul-03-img {
	grid-column: 1 / 2;
	grid-row: 5 / 6;
	justify-self: start;
  }

  .modul-03 {
	grid-column: 1 / 2;
	grid-row: 6 / 7;
  }

  .modul-04-img {
	grid-column: 1 / 2;
	grid-row: 7 / 8;
  }

  .modul-04 {
	grid-column: 1 / 2;
	grid-row: 8 / 9;
  }

  .modul-05-img {
	grid-column: 1 / 2;
	grid-row: 9 / 10;
	justify-self: start;
  }

  .modul-05 {
	grid-column: 1 / 2;
	grid-row: 10 / 11;
  }
}



/* video backgrounds */

.video-container {
  border: 30px solid #fafafa;
  position: relative;
}

.bg-video {
  background-size: cover!important;
  background-repeat: no-repeat!important;
  height: 750px;
}

@media screen and (max-width: 1023px) {
  .bg-video {
	height: 575px;
  }
}

@media screen and (max-width: 767px) {
  .video-container {
	border: 20px solid #fafafa;
  }  
  .bg-video {
	height: 430px;
  }
}


@media screen and (max-width: 600px) {
  .bg-video {
	height: 340px;
  }
}

@media screen and (max-width: 480px) {
  .video-container {
	border: 10px solid #fafafa;
  }  
  .bg-video {
	height: 260px;
  }
}

@media screen and (max-width: 380px) {
  .bg-video {
	height: 230px;
  }
}


@media screen and (max-width: 340px) {
  .bg-video {
	height: 210px;
  }
}

.intro-video {
  background: url(/wp-content/uploads/ardeo-intro.png);
  background-position: 50%;
}

.erklaerfilm {
  background: url(/wp-content/uploads/ardeo-erklaerfilm.png);
  background-position: 50%;
}
.video-legal {
  position: absolute;
  bottom: 70px;
  max-width: 500px;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
}
.video-legal a {
  text-decoration: underline;
}
@media screen and (max-width: 1023px) {
  .video-legal {
	bottom: 30px;
	font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  .video-legal {
	bottom: -110px;
  }
}
@media screen and (max-width: 340px) {
  .video-legal {
	bottom: -130px;
  }
}


/* video popup based on magnific popup css */

@media screen and (min-width: 400px) {
  .videobutton {
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
  }
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-weight: 100;
  font-size: 66px;
  font-family: "Roboto";
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 15px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1280px;
}

.mfp-iframe-holder .mfp-close {
  top: -58px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
	padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px;
  }

  .mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
  }

  .mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0;
  }

  .mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%;
  }

  .mfp-container {
	padding-left: 6px;
	padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}


/* video play button */

.video-play-button {
  display: block;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 2550, 0.6);
  border-radius: 50%;
  transform: translateY(-50%);
  margin: 0 auto 0;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  box-shadow: 0px 0px 0px 20px rgba(255, 255, 2550, 0.6);
}
.video-play-button--orange {
  border: 10px solid #FF8300;
}
.video-play-button--white {
  border: 10px solid #fff;
}
.video-play-button:hover {
  background: #FF8300;
}

.video-play-button:after {
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-animation: pulse-border 2000ms ease-out infinite;
  animation: pulse-border 2000ms ease-out infinite;
}

.video-play-button:before {
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-animation: pulse-border2 1500ms ease-out infinite;
  animation: pulse-border2 1500ms ease-out infinite;
}

.video-play-button:after,
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  z-index: -9;

}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 35px solid #FF8300;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  margin: 17px 30px 19px 28px;
}

.video-play-button--orange span {
  border-left: 35px solid #FF8300;
}

.video-play-button--white span {
  border-left: 35px solid #fff;
}

.video-play-button:hover span {
  border-left: 35px solid #ffffff;
}

@-webkit-keyframes pulse-border {
  0% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
  }
  100% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
	opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
  }
  100% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
	opacity: 0;
  }
}
@-webkit-keyframes pulse-border2 {
  0% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: .5;
  }
  100% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(3);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(3);
	opacity: 0;
  }
}

@keyframes pulse-border2 {
  0% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: .5;
  }
  100% {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(3);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(3);
	opacity: 0;
  }
}


.glow {
  background: 50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-animation: reveal 5000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;
  animation: reveal 5000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;
}
@-webkit-keyframes reveal {
  80% {

  }
  80% {
	background-size: 300% 300%;
  }
}
@keyframes reveal {
  80% {

  }
  100% {
	background-size: 300% 300%;
  }
}



/* customer slider */


.customer {
  width: 100%;
}

.customer > .wp-block-group__inner-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 -10px;
}

.cutstomer-brand-container {
  width: calc(100% / 6);
  padding: 5px;
}

.cutstomer-brand-container > .wp-block-group__inner-container {
  background: #1A1D1C;
  height: 100%;
  min-height: 160px;
  width: 100%;
  display: flex;
  justify-content: center; 
  align-items: center;
  padding: 20px;
}

.logo-max-40 img {
  width: 100%;
  max-width: 40px;
}

.logo-max-50 img {
  width: 100%;
  max-width: 50px;
}

.logo-max-60 img {
  width: 100%;
  max-width: 60px;
}

.logo-max-70 img {
  width: 100%;
  max-width: 70px;
}

.logo-max-80 img {
  width: 100%;
  max-width: 80px;
}

.logo-max-90 img {
  width: 100%;
  max-width: 90px;
}

.logo-max-100 img {
  width: 100%;
  max-width: 100px;
}

.logo-max-110 img {
  width: 100%;
  max-width: 110px;
}

.logo-max-120 img {
  width: 100%;
  max-width: 120px;
}

.logo-max-140 img {
  width: 100%;
  max-width: 140px;
}

.logo-max-160 img {
  width: 100%;
  max-width: 160px;
}

.logo-max-180 img {
  width: 100%;
  max-width: 180px;
}

.logo-max-200 img {
  width: 100%;
  max-width: 200px;
}

.logo-max-220 img {
  width: 100%;
  max-width: 220px;
}

.logo-max-240 img {
  width: 100%;
  max-width: 240px;
}

@media screen and (max-width: 1580px) {

  .customer {
	padding: 0 80px;
  }
}

@media screen and (max-width: 1023px) {
  .customer-slider {
	--gutenslider-min-height: auto!important;
  }
  .cutstomer-brand-container {
	width: calc(100% / 3);
  }
}

@media screen and (max-width: 767px) {
  .cutstomer-brand-container {
	width: calc(100% / 2);
  }
}

@media screen and (max-width: 600px) {
  .customer-slider {
	--gutenslider-padding-y-sm: 40px!important;
  }
}


@media screen and (max-width: 500px) {
  .cutstomer-brand-container {
	width: 100%;
	max-width: 340px;
	margin: auto;
  }
  .customer {
	padding: 0 40px;
  }  
}


/* unsere leistungen */

@media screen and (max-width: 767px) {
  .services-container  > .wp-block-group__inner-container {
	margin: 0 -20px;
  }
}

.services-list li {
  font-size: 28px;
  font-weight: 700;
  padding: 10px 0;
  line-height: 1.3;
  color: #A2A2A2;
  border-top: 1px solid #A2A2A2;
}

.bullet-list li {
  font-size: 20px;
  line-height: 1.6;
  padding-left: 35px;
  margin: 20px 0 0 0;
  position: relative;
}

.bullet-list li::before {
  content: url(/wp-content/uploads/arrow-bullet.svg);
  position: absolute;
  top: 3px;
  left: 0;
  width: 21px;
  height: 21px;
}

.services-container > div > div > div:nth-child(2) .bullet-list li:first-child {
  margin: 0;
}

@media screen and (min-width: 601px) and (max-width: 767px) {
  .list-1 li:last-child {
	border-bottom: 1px solid #A2A2A2;
  }
}

.list-2 li:last-child {
  border-bottom: 1px solid #A2A2A2;
}

@media screen and (max-width: 1280px) {
  .services-list li {
	font-size: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .customer {
	padding: 0 40px;
  }  
}

@media screen and (max-width: 767px) {
  .services-list li {
	font-size: 20px;
	padding: 20px 0;
  }
  .services-container > div > div > div:nth-child(3) .bullet-list li:first-child {
	margin: 0;
  }
}


/* vorteile */

.advantages-container  > .wp-block-group__inner-container {
  margin: 0 -20px;
}

.advantages-container figure {
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: auto!important;
  margin-inline-end: auto!important;
}

.advantages-container p {
  margin: 0;
}


@media screen and (max-width: 1280px) {
  .advantages-container figure {
	width: 150px;
	height: 150px;
  }
}

@media screen and (max-width: 1023px) {
  .advantages-container figure {
	width: 200px;
	height: 200px;
  }
}


/* präsentationscoaching */

.coaching-list-container {
  margin-right: -10px;
}

.coaching-list li {
  font-size: 30px;
  font-weight: 700;
  padding: 20px 0;
  line-height: 1.3;
  color: #A2A2A2;
  border-top: 1px solid #A2A2A2;
  border-bottom: 1px solid #A2A2A2;
}

@media screen and (max-width: 1280px) {
  .coaching-list li {
	font-size: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .coaching-list-container {
	margin-right: -20px;	
	margin-left: -20px;
  }
}

@media screen and (max-width: 767px) {
  .coaching-list li {
	font-size: 20px;
  }	
  .list-6 li {
	border-top: 0px!important;
  }
}

@media screen and (max-width: 600px) {
  .list-5 li {
	border-top: 0px!important;
  }
}


/* live-stream-studios */

.container-live-stream {
  position: relative;
  overflow: hidden;
}

.overlay-live-stream {
  position: absolute;
  width: 100%;
}

.live-stream-col-1 {
  width: 50%;
}

.live-stream-studios {
  background: url(/wp-content/uploads/ardeo_live-stream-studios.jpg);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .overlay-live-stream {
	position: relative;
  }
  .live-stream-col-1 {
	min-width: 100%;
	width: 100%;
	height: 400px;
  }  
}


/* legal information */

#ardeo-datenschutzerklaerung,
#ardeo-impressum {
  margin-top: 400px!important;
}

#ardeo-impressum p, #ardeo-datenschutzerklaerung p {
  font-weight: 400;
}

#ardeo-datenschutzerklaerung  ul li,
#ardeo-impressum  ul li {
  margin-left: 17px;
  font-weight: 400;
}

#ardeo-datenschutzerklaerung  ul,
#ardeo-impressum  ul {
  margin-bottom: 1.2em!important;
  line-height: 1.75;
}

#ardeo-datenschutzerklaerung, #ardeo-impressum, #ardeo-bildquelle {
  max-width: 900px;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  text-align: left;
  margin-top: 2em;
}

#ardeo-datenschutzerklaerung h2, #ardeo-impressum h2 {
  margin-bottom: 1rem;
}

#ardeo-datenschutzerklaerung h3, #ardeo-impressum h3, #ardeo-datenschutzerklaerung strong {
  color: #fff;
}

#ardeo-datenschutzerklaerung strong {
  color: #d2d2d2;
}

#ardeo-datenschutzerklaerung p, #ardeo-impressum p, #ardeo-datenschutzerklaerung ul, #ardeo-impressum ul {
  color: #A2A2A2;
}

#ardeo-impressum strong,
#ardeo-impressum b,
#ardeo-datenschutzerklaerung b {
  color: #fff;
}

.trcht-datenschutz__list[data-layout="accordion"] > dt > h2 {
  font-size: 100%;
}

@media screen and (max-width: 1280px) {
  #ardeo-datenschutzerklaerung,
  #ardeo-impressum {
	margin-top: 270px!important;
  }

}

@media screen and (max-width: 1280px) {
  #ardeo-datenschutzerklaerung,
  #ardeo-impressum {
	margin-top: 360px!important;
	padding-left: 20px;
	padding-right: 20px;
  }
}

@media screen and (max-width: 1023px) {
  #ardeo-datenschutzerklaerung,
  #ardeo-impressum {
	margin-top: 340px!important;
	padding-left: 20px;
	padding-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  #ardeo-datenschutzerklaerung,
  #ardeo-impressum {
	margin-top: 300px!important;
  }
}


/* landing page */

body.lp-template {
  background-color: var(--c4);
  color: #606868;
  font-family: "Rubik", sans-serif;
  position: relative;
}
body.lp-template strong {
  font-family: "Rubik", sans-serif;
}
body.lp-template::after {
  content: "";
  width: 214px;
  height: 214px;
  background-image: url(/wp-content/uploads/cg_corner.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}
.landing_page_elm {
  max-width:100%;
  width: 100% !important;
  padding-top: 0;
}
.landing_page_elm h1,
.landing_page_elm h2 {
  color: var(--c3);
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 54px;
  line-height: 1.2;
}
.landing_page_elm .block-teaser-vert-overlap h3 {
  font-family: "Rubik", sans-serif;
}
.landing_page_elm p,
.landing_page_elm ul {
  font-size: 18px;
  line-height: 1.45!important;
}
.landing_page_elm ul {
  margin-left: 16px !important;
}
.landing_page_elm ul li::marker {
  color: var(--c3);
}
.landing_page_elm ul li:not(:last-child) {
  margin-bottom: 0.6em;
}
.landing_page_elm .block-header {
  margin-bottom: 70px;
}
@media screen and (max-width: 1280px) {
  .landing_page_elm h1,
  .landing_page_elm h2 {
	font-size: 44px;
  }
}
@media screen and (max-width: 1023px) {
  .landing_page_elm h1,
  .landing_page_elm h2 {
	font-size: 38px;
  }
  .landing_page_elm p,
  .landing_page_elm ul {
	font-size: 16px;
  }
  .landing_page_elm .block-header {
	margin-bottom: 50px;
  }
  .block-teaser-vert-overlap {
	display: flex !important;
	flex-direction: column;
	padding-bottom: 120px;
	position: relative;
  }
  .block-teaser-vert-overlap .cta-text-box {
	width: auto;
	max-width: unset;
	margin: -100px var(--belt-gap);
	padding: 30px 25px;
  }
  .block-teaser-vert-overlap .cta-text-box .gridaction__box {
	max-width: 725px;
  }
  .block-teaser-vert-overlap .cta-img-box {
	height: 540px !important;
	min-height: auto;
	overflow: hidden;
  }
  .block-teaser-vert-overlap .cta-img-box figure, 
  .block-teaser-vert-overlap .cta-img-box img {
	width: 150%;
	height: 150%;
	object-position: 50% 84%;
  }
}
@media screen and (max-width: 767px) {
  .landing_page_elm h1,
  .landing_page_elm h2 {
	font-size: 30px;
  }
  .landing_page_elm .block-header {
	margin-bottom: 30px;
  }
  .block-teaser-vert-overlap .cta-img-box {
	height: 400px !important;
  }
  .block-teaser-vert-overlap .cta-text-box {
	margin: -50px var(--belt-gap);
  }
}
/* lp header */
.landing_page_elm .header {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}
.landing_page_elm .header figure {
  height: 140px;
}
@media screen and (max-width: 1280px) {
  body.lp-template::after {
	content: "";
	width: 180px;
	height: 180px;
  }
  .landing_page_elm .header {
	padding-top: 40px;
	padding-bottom: 40px;
  }
  .landing_page_elm .header figure {
	height: 100px;
  }
}
@media screen and (max-width: 1023px) {
  body.lp-template::after {
	width: 150px;
	height: 150px;
  }
}
@media screen and (max-width: 767px) {
  body.lp-template::after {
	width: 100px;
	height: 100px;
  }
  .landing_page_elm .header {
	padding-top: 20px;
	padding-bottom: 20px;
  }
  .landing_page_elm .header figure {
	height: 80px;
  }
}

/* block 3 columns */

.sa-group.lightgreen {
  background-color: var(--c5);
}
.sa-group h3 {
  font-family: inherit;
  font-size: 40px;
  color: var(--c3);
  font-weight: 500;
}
.sa-group h4 {
  font-size: 18px;
  font-family: inherit;
  font-weight: 300;
  color: var(--text);
  text-transform: uppercase;
  letter-spacing: 2px;
}
.sa-group .sa-columns  {
  column-gap: var(--belt-gap);
}
.sa-group .sa-columns .content  {
  height: 100%;
}
/*
.sa-group .sa-columns .content p:first-child  {
margin-top: 0;
}
*/
.sa-group .sa-columns  > div  {
  display: flex;
  flex-flow: column
}
.sa-group .sa-columns .content > div  {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.sa-group .sa-columns p {
  margin-top: 0;
}
.sa-group .sa-columns .heading  {
  display: flex;
  margin-bottom: 1em;
}
.sa-group .sa-columns .heading .wp-block-media-text__media {
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 20px!important;
}
.sa-group .sa-columns .description p:last-child {
  margin-bottom: 0;
}
.sa-group .sa-columns .list {
  display: block;
  box-sizing: border-box;
  margin-top: var(--belt-gap);
}
.sa-group .sa-columns .highlighted {
  background-color: var(--c4);
  padding: 25px 20px;
  display: block;
  box-sizing: border-box;
  margin-top: var(--belt-gap);
}
.sa-group .sa-columns .highlighted strong {
  color: var(--c3);
}
.sa-group .sa-columns .numbers {
  display: flex;
  flex-wrap: nowrap!important;
}
.sa-group .sa-columns .numbers:not(:last-child),
.sa-group .sa-columns .icons:not(:last-child) {
  margin-bottom: 1.5em;
}
.sa-group .sa-columns .numbers .number p {
  font-size: 24px;
  margin-top: -3px;
  margin-right: 20px;
  font-family: inherit;
}
.sa-group .sa-columns .numbers.smaller .number p {
  font-size: 18px;
  margin-top: 0;
}
.sa-group .sa-columns .icons {
  display: flex;
  flex-wrap: nowrap!important;
  align-items: center;
}
.sa-group .sa-columns .icons figure {
  min-width: 50px;
  margin-right: 32px!important;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.sa-group .sa-columns .icons:nth-child(1) figure img {
  width: 33px;
}
.sa-group .sa-columns .icons:nth-child(2) figure img {
  width: 22px;
}
.sa-group .sa-columns .icons:nth-child(3) figure img {
  width: 31px;
}
@media screen and (max-width: 1280px) {
  .sa-group h3 {
	font-size: 30px;
  }
  .sa-group h4 {
	font-size: 18px;
  }
}
@media screen and (max-width: 1023px) {
  .sa-group .sa-columns {
	grid-row-gap: 50px;
  }
  .sa-group .sa-columns .numbers.smaller .number p {
	font-size: 16px;
  }
  .sa-group .sa-columns .icons figure {
	margin-right: 26px !important;
  }
}
@media screen and (max-width: 767px) {
  .sa-group .sa-columns .heading .wp-block-media-text__media {
	width: 50px;
	min-width: 50px;
	height: 50px;
  }
  .sa-group h3 {
	font-size: 24px;
  }
  .sa-group h4 {
	font-size: 16px;
  }
  .sa-group .sa-columns .numbers .number p {
	font-size: 20px;
  }
}

/* lp termin */

.lp-termin {
  grid-template-rows: 100px max-content max-content 100px;
}
.lp-termin .headline,
.lp-termin .contact {
  grid-row: 2 / 4;
  max-width: max-content;
}
.lp-termin .headline h2 {
  color: var(--c4);
}
.lp-termin .background.green {
  background-color: var(--c3);
  grid-row: 1 / 5;
}
.lp-termin .background.dark {
  background-color: var(--c1);
  grid-row: 3 / 5;
}
.lp-termin .icon {
  display: flex;
  align-items: center;
}
.lp-termin .icon figure {
  min-width: 30px;
  margin-right: 20px!important;
}
@media (hover: hover) and (pointer: fine) {
  .lp-termin .icon:hover img {
	filter: brightness(3);
  }
}
.lp-termin .icon:hover a {
  color: var(--c4);
}
@media screen and (max-width: 1023px) {
  .lp-termin {
	grid-template-rows: 70px max-content max-content 70px;
  }
}
@media screen and (max-width: 767px) {
  .lp-termin {
	grid-template-rows: 50px max-content max-content 50px;
  }
}
@media screen and (max-width: 600px) {
  .lp-termin .headline {
	grid-row: 2 / 3;
	grid-column: 3 / 14 !important;
  }
  .lp-termin .contact {
	grid-row: 3 / 4;
	grid-column: 3 / 14 !important;
	margin-top: 1em;
  }
}

/* landing page footer */

.lp-template #footer {
  background-color: var(--c1);
}
.lp-template #site-footer__additional {
  padding-top: 50px;
  padding-bottom: 100px;
}
.lp-template #additional__freetext p {
  color: var(--c4);
  margin: 0;
}
.lp-template #additional__freetext p span.pipe  {
  padding-left: 10px;
  padding-right: 10px;
}
@media (hover: hover) and (pointer: fine) {
  .lp-template .tlp-trigger:hover  {
	color: var(--c3);
  }
}
.lp-template #s2t,
.lp-template #footer-links {
  display: none;
}
.lp-template button#trcht-c11t__opener {
  background: url(/wp-content/uploads/cookie-lp.svg);
}
.lp-template #s2t-icon {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-image: url(/wp-content/uploads/to-top-lp.svg);
}
.lp-template .trcht-c11t__requiredonly-button,
.lp-template .trcht-c11t__settings-button,
.lp-template .trcht-c11t__accept-button,
.lp-template .trcht-c11t-cta__button, 
.lp-template :checked+span+.trcht-c11t__state-icon {
  background-color: var(--c3) !important;
}
.lp-template #s2t-icon::after {
  content: "";
}
#tlp-impressum-overlay *,
#tlp-datenschutz-overlay * {
  color: var(--text);
  text-align: left;
}
.tlp-overlay-header {
  justify-content: flex-start;
  padding: 30px 20px;
  background-color: #95c11f;
  color: #fff!important;
  border-radius: 0;
}
.tlp-overlay-body{
  border-radius: 0;
}
@media screen and (max-width: 650px) {
  .lp-template #additional__freetext p  {
	display: flex;
	flex-flow: column;
  }
  .lp-template #additional__freetext p span.pipe.hide  {
	display: none;
  }
  .lp-template #additional__freetext p span.footer-menu  {
	margin-top: 1em;
  }
}

/* landing page toggle-buttons */

#sticky-buttons {
  position: fixed;
  top: 360px;
  right: -220px;
  z-index: 50;
}
#sticky-buttons .fly-out {
  background: var(--c3);
  width: 290px;
  display: flex;
  align-items: center;
  height: 70px;
  transition: transform 0.5s ease;
}
#sticky-buttons .fly-out:last-child {
  margin-top: 10px;
}
#sticky-buttons .fly-out .toggle-trigger {
  width: 70px;
  height: 70px;
  cursor: pointer;
  animation: pulse-green 2s infinite;
}
#sticky-buttons .fly-out:nth-child(2) .toggle-trigger {
  animation-delay: 1s;
}
#sticky-buttons .fly-out.active .toggle-trigger {
  animation-play-state: paused;
}
@keyframes pulse-green {
  0% {
	box-shadow: 0 0 0 0 rgba(149,193,31,1)
  }

  50% {
	box-shadow: 0 0 0 14px rgba(149,193,31,0)
  }

  75% {
	box-shadow: 0 0 0 0 rgba(149,193,31,0)
  }

  100% {
	box-shadow: 0 0 0 0 rgba(149,193,31,0)
  }
}
#sticky-buttons .content {
  display: block;
  height: 70px;
  width: 220px;
  font-size: 22px;
  font-weight: 500;
  color: var(--c4);
  display: flex;
  align-items: center;
  padding-left: 10px;
}
@media (hover: hover) and (pointer: fine) {
  #sticky-buttons .content:hover {
	color: var(--c1);
  }
}
#sticky-buttons .fly-out.active {
  transform: translateX(-220px);
}
@media screen and (max-width: 1280px) {
  #sticky-buttons {
	position: fixed;
	top: 280px;
  }
}
@media screen and (max-width: 767px) {
  #sticky-buttons {
	top: 150px;
  }
  #sticky-buttons .fly-out {
	width: 270px;
	height: 50px;
  }
  #sticky-buttons .fly-out .toggle-trigger {
	width: 50px;
	height: 50px;
  }
  #sticky-buttons .content {
	height: 50px;
	width: 220px;
  }
}