body, html {
	width: 100%!important;
	position: absolute!important;
	left:0;
	right: 0;
	top:0;
	bottom: 0;
}

.narrow {
	max-width: 1200px;
	margin: auto;
}

h1.has-background, 
h2.has-background, 
h3.has-background, 
h4.has-background, 
h5.has-background, 
h6.has-background,
p.has-background {
    padding: 0;
	padding-bottom: 20px;
}

h1 mark,
h1.has-large-font-size,
h1 {
	line-height: 1.7!important;
	font-size: clamp(30px,3vw,45px)!important;
	margin-bottom: 0px!important;
	font-weight: 700!important;
}

#content h2 {
	font-size: clamp(25px,2.8vw,35px)!important;
	line-height: 1.22em!important;
}

#start_2 h2 {
	font-size: clamp(28px,7vw,60px)!important;
	line-height: clamp(28px,7vw,60px)!important;
}

h3 {
	font-size: clamp(23px,2vw,28px)!important;
	line-height: clamp(23px,2vw,28px)!important;
}

h4 {
	font-size: clamp(21px,2vw,26px)!important;
	line-height: clamp(21px,2vw,26px)!important;
}

#body {
	color: #636362;
	font-weight: 400; 
}

#body * {
	color: inherit;
	font-weight: 400; 
}

#body p * {
	color: inherit;
}

#body strong {
	font-weight: 700;
}

/**/
/**/
/*Startbox*/
/**/
/**/

/* #start_img .wp-block-cover:before { */
    /* content: ""; */
    /* display: block; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0px; */
    /* right: 0; */
    /* bottom: 0; */
    /* background-image: url(/wp-content/uploads/Hoernchen-svg.svg); */
    /* background-repeat: no-repeat; */
    /* background-position: bottom left; */
    /* background-size: auto 75%; */
    /* z-index: 2; */
/* } */

#start_img {
	position: relative;
	z-index: 10;
	overflow: visible!important; 
}

#start_img .wp-block-cover {
	padding: 0;
	height: 500px;
	overflow: visible!important; 
}

#start_img .wp-block-cover img {
	padding: 0;
	height: 500px!important;
}

#start_img .wp-block-cover__inner-container {
	position: absolute;
	height: 100%;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	display: flex;
	justify-content: center; 
	align-items: center;
	z-index: 3;
}

#start_img .wp-block-columns { 
	width: 100%; 
	max-width: 1200px;
	flex-wrap: wrap;
	justify-content: space-evenly;
	position: absolute;
	z-index: 10;
	padding: 1em;
}

#start_img .wp-block-columns .wp-block-column {
	position: relative;
	width: 100%;
	flex-grow: 1;
	flex-basis: 0;
	margin: 0px;
}

#start_img .startblock {
	top: 200px;
	border: 2px solid #fff;
	border-radius: 20px;
	padding-bottom: 00px;
}

#start_img .startblock p {
    min-height: 0;
	color: #fff!important;
}

#start_img mark {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 20px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/**/
/**/
/* Header 1*/

/*
** Intro 
*/

#intro > .wp-block-columns {
	align-items: center!important;
	gap: 3em;
	justify-content: space-between;
	padding-left: 39px;
}

#intro > .wp-block-columns p {
	/* font-size: 22px; */
	padding: 0!important;
}

/*
** Bluegreen
*/

#bluegreen {
	background: rgb(0,65,89)!important;
	background: linear-gradient(90deg, rgba(0,65,89,1) 20%, rgba(132,189,0,1) 80%)!important;
	position: relative;
	padding: 0!important;
	min-height: 150px;
	border-radius: 20px;
}

#bluegreen a { 
	padding: 30px 45px!important;
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	align-items: center;
	color: #fff!important;
	min-height: 150px;
}

#bluegreen p strong,
#bluegreen p {
	font-size: 22px;
	padding: 0!important;
}

#bluegreen figure svg * {
	fill: #fff!important;
}

#bluegreen .wp-block-columns {
	width: 100%;
}

/*
** Bluegreen
*/

/*
** Intro 
*/

/*
** Remote
*/

#remote * {
	/* border: 1px solid red; */
}

#remote .wp-block-columns {
	background-color: var(--color-lightgray);
	position: relative;
	overflow: visible!important;
	gap: 20px;
	
}

#remote .wp-block-column:nth-child(1) {
	max-width: 190px;
	max-height: 190px;
	flex-basis: 190px;
}

#remote .wp-block-column:nth-child(2) {
	flex-basis: calc(100% - 210px)!important;
	padding-right: 30px;
	padding-left: 70px;
}

#remote p {
	padding: 0!important;
}

#remote .wp-block-column {
	overflow: visible!important;
}

#remote figure {
	height: 210px!important;
	width: 210px!important;
	min-width: 210px!important;
	position: relative!important;
	top: -10px;
	left: 39px;
	border: 2px solid  var(--color-lightgray);
	border-radius: 50%;
}

#remote img {
	height: 210px!important;
	width: auto!important;
	position: relative;
	/* top: -10px; */
	/* left: -10px; */
	/* border: 2px solid  var(--color-lightgray); */
}

#remote figure:before {
	content: "";
	background-color: #fff;
	width: 95px;
	height: 200px;
	display: block;
	position: absolute;
	margin-left: -42px;
}

/*
** Remote
*/


/* Additional */
/**/
/**/

#additional figure {
	width: 80px;
	height: 80px;
	background-color: var(--color-green);
	/* border: 10px solid  var(--color-green); */
	padding: 20px;
	border-radius: 40px;
	margin: 0!important;
	position: relative;
	left: calc(50% - 40px);
	bottom: -40px;
	z-index: 3;
	display: flex!important;
	justify-content: center!important;
	align-items: center!important;
}

#additional figure svg {
	width: 40px;
	height: 40px;
	margin: 0!important;
}

#additional figure svg * {
	fill: #fff!important;
}

#additional .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 1em;
}

#additional * {
	/* transition: all 5000ms; */
}

#additional .wp-block-group .wp-block-lazyblock-divclassinner {
	flex-basis: clamp(290px,30%,360px);
	min-width: clamp(290px,30%,360px);
	flex-shrink: 1;
	margin: 0!important;
	position: relative;
}

 :root #additional :where(.is-layout-constrained) > * {
	margin-block-start: 0;
}

#additional .benefit {
	flex-basis: 33%;
	flex-grow: 0;
	flex-shrink: 0;
}

#additional .wp-block-pb-accordion-item {
	flex-basis: 33%;
	border: 2px solid var(--color-green);
	text-align: center;
	padding: 0!important;
	border-radius: 30px;
	position: relative;
	/* z-index: 0; */
	flex-grow: 0;
	flex-shrink: 0;
}

#additional .wp-block-pb-accordion-item h3 {
	padding: 40px 20px!important;
	color: var(--color-green);
	font-size: clamp(23px, 2vw, 25px) !important;
    line-height: clamp(23px, 2vw, 25px) !important;
	position: relative;
	top: 10px;
}

#additional .wp-block-pb-accordion-item p {
	padding: 0 20px 40px 20px!important;
	color: var(--color-green);
	
}

#additional .wp-block-pb-accordion-item.is-open {
	flex-basis: 33%;
	border: 2px solid var(--color-lightgray);
	background-color: var(--color-lightgray);
	
}

#additional .wp-block-pb-accordion-item.is-open p,
#additional .wp-block-pb-accordion-item.is-open h3 {
	color: var(--color-gray);
}

#additional .c-accordion__title:after {
    /* position: static; */
	display: none;
}

.c-accordion__title:after {
	color: var(--color-green);
}

#additional .wp-block-pb-accordion-item:after {
    background-color: red;
    display: block;
	border: 1px solid red;
	width: 30px;
	height: 30px;
	background-image: url(/wp-content/uploads/chevron-down-iconGREEN.svg);
	background-size: contain;
	background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
	z-index: 99;
}

#additional .wp-block-pb-accordion-item.is-open:after {
    transform: rotate(180deg);
}

/**/
/**/
/* Additional */

/*
** Downloads
*/

/* #downloads .wp-block-columns { */
	/* justify-content: center; */
/* } */

/* #downloads .wp-block-column { */
	/* flex-basis: 250px!important; */
	/* flex-grow: 0!important; */
/* } */

#downloads .wp-block-button,
#downloads a {
	display: block;
	width: 100%;
	background-image: url(/wp-content/uploads/circle-arrow-down-solid-1.svg);
	background-size: 30px;
	background-position: 90% center;
	background-repeat: no-repeat;
}

.wp-block-button__link {
    text-align: left;
 }
 
#downloadslist .wp-block-buttons {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	max-width: 950px;
	margin: auto;
}

#downloadslist .wp-block-button {
	flex-basis: 250px!important;
	flex-grow: 0!important;
}

/*
** Downloads
*/


/* Discover */

#discover a,
#discover .wp-block-cover {
	position: relative;
	height: 100%!important;
	min-height: 100%!important;
	padding-top: 0.5em!important;
	min-height: 270px!important;
}

#discover.narrow {
	max-width: 100%;
}

#discover a {
	display: flex;
	align-items: stretch!important;
}

#discover > .wp-block-columns  {
	/* max-width: 385px!important; */
	justify-content: center;
	flex-wrap: wrap!important;
	position: relative;
}

#discover > .wp-block-columns > .wp-block-column {
	max-width: 385px!important;
	min-width: 300px!important;
	position: relative;
	display: flex;
	align-items: stretch!important;
}

#discover > .wp-block-columns > .wp-block-column   .wp-block-columns:nth-child(1) {
	min-height: 95px;
}

#discover > .wp-block-columns > .wp-block-column   .wp-block-columns > .wp-block-column:nth-child(1) {
	flex-basis:calc(100% - 65px)!important;
	max-width:calc(100% - 65px)!important;
}

#discover > .wp-block-columns > .wp-block-column   .wp-block-columns > .wp-block-column:nth-child(2) {
	flex-basis:65px!important;
	width:65px!important;
}

#discover h4 {
	color: #fff!important;
	padding: 0!important;
}

#discover p {
	color: #fff!important;
	padding: 0!important;
}

#discover svg {
	width: 65px;
	height: 65px;
}



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

	#discover > .wp-block-columns .wp-block-columns:nth-child(2) {
		flex-wrap: wrap!important;
	}
	
	#discover > .wp-block-columns .wp-block-columns:nth-child(1) {
		flex-wrap: nowrap!important;
	}
	
	
	#discover > .wp-block-columns .wp-block-columns:nth-child(2) .wp-block-column {
		flex-basis: 100%!important;
		min-width: 100%!important;
	}
	
	#discover > .wp-block-columns .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2) {
		display: none!important;
	}
	
	@media only screen and (max-width: 1000px) {
		
		#intro > .wp-block-columns {
			padding-left: 0px;
		}
		
		#intro {
			overflow: hidden;
			padding-bottom: 3px;
		}
		
		#remote figure:before {
			display: none;
		}

		@media only screen and (max-width: 781px) {
			#start_img .wp-block-cover__inner-container {
				justify-content: center; 
				/* align-items:flex-end; */
			}
			
			#discover {
				background-color: #fff!important;
			}
			

			
			#discover > .wp-block-columns  {
				max-width: 385px!important;
				justify-content: center;
				flex-wrap: wrap;
				gap: 1em!important;
				height: auto!important;
				overflow-y: hidden;
			}

			#discover > .wp-block-columns > .wp-block-column {
				max-width: 385px!important;
			}

			#discover > .wp-block-columns > .wp-block-column   .wp-block-columns:nth-child(1) {
				min-height: 95px;
			}

			#discover > .wp-block-columns > .wp-block-column   .wp-block-columns > .wp-block-column:nth-child(1) {
				flex-basis:calc(100% - 65px)!important;
				max-width:calc(100% - 65px)!important;
			}

			#discover > .wp-block-columns > .wp-block-column   .wp-block-columns > .wp-block-column:nth-child(2) {
				flex-basis:65px!important;
				width:65px!important;
			}
			
			#bluegreen {
				max-width: 350px;
				margin: auto;
			}
			
			#bluegreen a { 
				position: relative;
				width: 100%;
				flex-basis: 100%;
				max-width: 350px;
				display: flex;
				flex-wrap: wrap;
				gap: 1em;
				align-items: center;
				color: #fff!important;
				min-height: 150px;
			}

			#bluegreen a .wp-block-columns {
				flex-wrap: nowrap!important;
			}
			
			#bluegreen a .wp-block-columns .wp-block-column:nth-child(2) {
				flex-basis: 55px!important;
			}

			#bluegreen figure svg * {
				fill: #fff!important;
			}

			#bluegreen .wp-block-columns {
				width: 100%;
			}
			
			#remote .wp-block-column {
				padding-top: 20px!important;
				padding-bottom: 20px!important;
			}

			@media only screen and (max-width: 600px) {
				
				#content * {
					hyphens: auto;
					-moz-hyphens: auto;
					-ms-hyphens:auto;
					-o-hyphens:auto;
					-webkit-hyphens: auto!important;
				}
				
				body>#pagewrap>#body>#content>article>div.entry-content>.sticky>* {
					padding-left: 30px;
					padding-right: 30px;
					height: auto;
					z-index: 2;
				}
				
				#remote .wp-block-columns {
					flex-wrap: wrap!important;
					padding: 30px!important;
					gap: 0!important;
				}
				
				#remote .wp-block-column {
					flex-basis: 100%!important;
					max-width: none!important;
					max-height: none!important;
					display: flex;
					justify-content: center;
					padding-top: 10px!important;
					padding-bottom: 10px!important;
					flex-wrap: wrap!important;
				}
				
				#remote .wp-block-column:nth-child(2) {
					flex-basis: 100%!important;
					padding-right: 0px;
					padding-left: 0px;
				}
				
				#remote h3,
				#remote p {
					flex-basis: 100%;
					flex-shrink: 0;
				}
				
				#remote figure {
					top: 0px;
					left: 0px;
				}
				
				#downloadslist .wp-block-button {
					flex-basis: 150px!important;
					flex-grow: 0!important;
					font-size: 16px;
				}
				
				#downloadslist .wp-block-button a {
					padding: 10px!important;
				}
				
				#additional .wp-block-group__inner-container {
					gap: 0em;
				}
				
				#additional .benefit {
					flex-basis: 80%;
					
				}
				
				#additional figure {
					margin-top: -30px!important;
				}

			}		
		}

	}
}


#start_img h1 {
	line-height: 1.2!important; 
	font-size: clamp(40px,4vw,70px)!important;
	padding-bottom: 0!important;
	width: 100%;
	color: #fff;
}

#start_img h2 {
		font-size: clamp(25px,3vw,50px)!important;
	line-height: 1.22em!important;
	margin: 0!important;
}

#start_img .wp-block-cover__inner-container {
	padding-top: 100px;
	margin: auto!important;
	width: 100%!important;
	/* top: 50%!important; */
}