/*
 Theme Name:   akomo theme
 Theme URI:    https://generatepress.com
 Description:  Custom GeneratePress child theme
 Author:       gerritschuster.de
 Author URI:   https://gerritschuster.de
 Template:     generatepress
 Version:      0.1
*/

/* --------------------------------------------- */
/*  1.  R O O T   &   G E N E R A L              */
/*  2.  T Y P O G R A P H Y                      */
/*  3.  B U T T O N S   &   U N D E R L I N E S  */
/*  4.  B L O G   &  A R C H I V E S             */
/*  5.  N A V I G A T I O N                      */
/*  6.  F L U E N T   F O R M S                  */
/*  7.  V I D E O                                */
/*  8.  I M A G E S                              */
/*  9.  L O C A L   F O N T S                    */
/* --------------------------------------------- */



/* --------------------------------- */
/*  1.  R O O T   &   G E N E R A L  */
/* --------------------------------- */

:root {
	/* fonts */
	--font-size-h1: clamp(2.25rem, 1.8rem + 2vw, 3.75rem);
	--font-size-h2: clamp(1.625rem, 1.28rem + 1.4vw, 3rem);
	--font-size-h3: clamp(1.5rem, 1.2rem + 1.4vw, 2.5rem);
	--font-size-h4: clamp(1.25rem, 1.165em + 0.32vw, 1.5rem);
	--font-size-lead: clamp(1.25rem, 1rem + 1vw, 2rem);
	--font-size-body-l: clamp(1rem, 0.96rem + 0.165vw, 1.125rem);
	--font-size-body-m: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
	--font-size-body-s: .875rem;
	/* line height */
	--line-height-l: 150%;
	--line-height-m: 120%;
	/* color except generatepress */
	--color-success-green: #22c55e;
}

html, body {
	max-width: 100vw;
	overflow-x: hidden;
}

body, button, input, select, textarea {
	font-size: var(--font-size-body-l);
}

/* Remove bottom margin on last paragraph */
.gb-container p:last-child:last-of-type {
    margin-bottom: 0px;
}
.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
    margin-bottom: 0px;
}

html {
	scroll-behavior: smooth;
}


/* GLOBAL CONTAINER PADDING */

body.archive main,
.gb-container-section,
nav#site-navigation,
nav#sticky-navigation,
nav#mobile-header {
	padding-inline: 1rem;
}

@media (min-width: 25rem) {
	body.archive main,
	.gb-container-section,
	nav#site-navigation,
	nav#sticky-navigation,
	nav#mobile-header {
		padding-inline: 2rem;
	}
}

@media (min-width: 50rem) {
	body.archive main,
	.gb-container-section,
	nav#site-navigation,
	nav#sticky-navigation,
 	nav#mobile-header {
		padding-inline: 4rem;
	}
}

@media (min-width: 80rem) {
	body.archive main,
	.gb-container-section,
	nav#site-navigation,
	nav#sticky-navigation,
	nav#mobile-header {
		padding-inline: 8rem;
	}
}


/* SITE WRAPPER */

.site-wrapper {
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
}

/* TABLES */

.wp-block-table table {
	width: fit-content;
	margin-right: auto;
	border: 0;
	line-height: var(--line-height-l);
}

.wp-block-table table,
.wp-block-table table tr,
.wp-block-table table td {
	border: 0;
}

.wp-block-table table td {
	padding: 0 1rem 0 0;
	line-height: var(--line-height-l);
	vertical-align: top;
}

/* ACCORDIONS */

.gb-accordion svg line {
	stroke-width:32;
}

/* HELPER CLASSES */

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.margin-top-lg {
	margin-top: 3rem;
}

/* no underline */
.no-underline, .no-underline a {
	text-decoration: none;
}

/* mirror stuff */
.mirror {
	transform: scaleX(-1);
}

/* prevent selection for graphical background elements */
.no-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}


/* CONSENT BANNER AND ICON  -! is not accessible because of shadow DOM*/

/* consent icon */
button.kjyHVM .cNkVwm {
  color: var(--color-beige);
  padding: .5rem;
}

.kjyHVM {
  background: var(--color-deep-brown) !important;
  bottom: 16px;
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px rgba(0,0,0,0.14),0px 1px 18px rgba(0,0,0,0.12);
  color: var(--color-beige);
  height: 48px;
  left: 16px;
  width: 48px;
}


/*  ------------------------ */
/*  2.  T Y P O G R A P H Y  */
/*  -----------------------  */

h1 {font-size: var(--font-size-h1);}
h2 {font-size: var(--font-size-h2);}
h3 {font-size: var(--font-size-h3);}
h4 {font-size: var(--font-size-h4);}

h1:not(.gb-headline),
h2:not(.gb-headline),
h3:not(.gb-headline) {
	margin: 2rem 0 1rem;
}

h4 {
	margin-bottom: .5rem;
}

.font-size-body-s {
	font-size: var(--font-size-body-s);
}

sub, sup {
	font-size: 64%;
}

/* BLOCKQUOTE */

blockquote {
  border-left: 5px solid var(--color-brownish-off-white);
  padding: 1rem 0 1rem 1rem;
  font-size: 1.2em;
  font-style: italic;
  margin: 0 0 1.5rem;
  position: relative;
}

blockquote p {
	margin-bottom: .5rem;
}

blockquote p::before {
	content: "„";
}
blockquote p::after {
	content: "“";
}

blockquote cite {
	font-style: normal;
	font-size: var(--font-size-body-m);
	font-weight: bold;
}

figure caption,
figcaption {
	line-height: var(--line-height-m);
	padding-top: .5rem;
	padding-left: 1rem;
	font-size: var(--font-size-body-m);
}

.italic,
.gb-headline-quote-l {
	font-style: italic;
}


/* HOMEPAGE HERO PARAGRAPH SPECIFIC */
@media (max-width: 1360px) {
	.gb-container-section div.home-hero-paragraph {
		max-width: 60ch;
	}
}
@media (max-width: 880px) {
	.gb-container-section div.home-hero-paragraph {
		max-width: 40ch;
	}
}
@media (max-width: 768px) {
	.gb-container-section div.home-hero-paragraph {
		max-width: 100%;
	}
}

/* hide one part of the text on mobile */
@media (max-width: 480px) {
	.gb-container-section div.home-hero-paragraph span.hide-for-mobile:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
  	clip-path: inset(50%);
  	height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
	}
}


/* ----------------------------------------- */
/* 3.  B U T T O N S  &  U N D E R L I N E S */
/* ----------------------------------------- */

/* button hoverstyles */
.gb-button-primary:hover,
.gb-button-primary:focus,
.gb-button-secondary:hover,
.gb-button-secondary:focus,
.gb-button-tertiary:hover,
.gb-button-tertiary:focus {
	border-radius: .125rem .5rem;
}

a.gb-button.gb-button-primary .gb-icon svg {
	fill: none !important;
}

/* GENERAL UNDERLINES */
body a {
	text-decoration: underline;
	text-decoration-style: wavy;
	text-decoration-color: var(--color-deep-brown-trans1);
	text-underline-offset: 2px;
	transition: all .2s ease;
}

body a:hover,
body a:focus {
	text-decoration-color: var(--color-deep-brown-trans2);
	text-underline-offset: 5px;
}

/* SPECIFIC UNDERLINES */
.wpml-language-switcher-block .wp-block-navigation-item ul li a, /*wpml language button*/
nav.main-navigation .main-nav ul li a, /*navigation links*/
a.gb-button-textlink-small, /*generateblocks button textlink-small*/
a.gb-button-textlink, /*generateblocks button textlink*/
.gb-query-loop-item h2 a, /* headlines in query loops*/
.gb-query-loop-item h3 a,
body.archive main .gb-headline a {
	text-decoration: underline;
	text-decoration-style: wavy;
	text-decoration-color: transparent;
	text-underline-offset: 0px;
	transition: all .2s ease;
}

.wpml-language-switcher-block .wp-block-navigation-item ul li a:hover,
.wpml-language-switcher-block .wp-block-navigation-item ul li a:focus,
nav.main-navigation .main-nav ul li a:hover,
nav.main-navigation .main-nav ul li a:focus,
a.gb-button-textlink-small:hover,
a.gb-button-textlink-small:focus,
a.gb-button-textlink:hover,
a.gb-button-textlink:focus,
.gb-query-loop-item h2 a:hover,
.gb-query-loop-item h2 a:focus,
.gb-query-loop-item h3 a:hover,
.gb-query-loop-item h3 a:focus,
body.archive main .gb-headline a:hover,
body.archive main .gb-headline a:focus {
	text-decoration-color: var(--color-deep-brown-trans1);
	text-underline-offset: 5px;
}


/* --------------------------------- */
/*  4. B L O G   &  A R C H I V E S  */
/* --------------------------------- */

/* style list of terms */
.dynamic-term-class {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

/* style terms item */
.post-term-item a {
	text-decoration: none;
	padding: .25rem .5rem;
	border-radius: .25rem 1px;
	letter-spacing: .01em;
	font-weight: 700;
	font-size: var(--font-size-body-s);
	background-color: var(--color-brownish-off-white);
}

/* exception for home-page query loop */
.more-articles-wrapper-homepage .post-term-item a {
	background-color: var(--color-beige);
}


/* ARCHIVES */

/* substract side margin of post cards from container */
body.archive .generate-columns-container {
	margin-inline: -2rem;
}

/* SINGLE BLOGPOST */

body.single-post .dynamic-entry-content figure {
	margin-bottom: 2.5rem;
	margin-top: 2.5rem;
}

/* ------------------------- */
/*  5.  N A V I G A T I O N  */
/* ------------------------- */

nav {
	position: relative;
	z-index: 9999;
}

/* hide brown logo in homepage nav bar -- white one via generatepress element */
body.home nav#site-navigation .navigation-branding .site-logo {
	display:none;
}

/* hide white logo in homepage STICKY nav bar -- white one via generatepress element */
body.home nav#sticky-navigation .navigation-branding figure.gb-block-image {
	display:none;
}

	
/* position nav bar */
nav#site-navigation {
	padding-top: 3rem;
	padding-bottom: .5rem;
	background-color: transparent;
	transition: padding-top .4s ease, background-color .1s ease-out;
}

/* position sticky nav bar */
nav#sticky-navigation {
	padding-top: .5rem;
	padding-bottom: .5rem;
}


.navigation-branding {
	width: 315px;
}

@media (max-width: 1120px) {
	.navigation-branding {
		width: fit-content;
	}
}

/* LANGUAGE SWITCHER */

/* hide the current language */
.wpml-language-switcher-block ul > li[data-wpml="current-language-item"] {
	display: none !important;
}

/* get rid of margin-top */
.wpml-language-switcher-block [data-wpml="language-item"]:first-of-type {
	margin-top: 0 !important;
}

/* language switcher and social buttons in header */
.wpml-language-switcher-block .wp-block-navigation-item ul li a {
	background-color: var(--color-beige);
	font-weight: 700;
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: .5rem .125rem;
}
.wpml-language-switcher-block .wp-block-navigation-item ul li a:hover,
.wpml-language-switcher-block .wp-block-navigation-item ul li a:focus {
	background-color: var(--color-brownish-off-white);
}

/* UNTERSTUETZEN NAVIGATION */

nav.wp-block-navigation.unterstuetzen > ul > li {
	font-weight: bold;
	margin-left: 1rem;
	padding: 12px 24px;
	border-radius: .5rem .125rem;
	background-color: var(--color-watercolour-yellow);
	color: var(--color-deep-brown);
	transition: all 0.2s ease;
}

nav.wp-block-navigation.unterstuetzen > ul > li:hover,
nav.wp-block-navigation.unterstuetzen > ul > li:focus {
	background-color: var(--color-deep-brown);
	color: var(--color-beige);
	border-radius: .125rem .5rem;
}

/* menu link */
nav.wp-block-navigation.unterstuetzen > ul > li > a {
	font-weight: bold;
	padding-right: .25rem;
}

/* submenu */
.wp-block-navigation .has-child:not(.open-on-click):hover > ul.wp-block-navigation__submenu-container {
	min-width: 220px;
}

.wp-block-navigation .has-child ul.wp-block-navigation__submenu-container {
	background-color: transparent;
	color: inherit;
	border: none;
	/*padding-top: 1rem;*/
	box-shadow: none;
}
/* submenu li elements */
.wp-block-navigation .has-child ul.wp-block-navigation__submenu-container li {
	background-color: var(--color-brownish-off-white);
	color: var(--color-deep-brown);
	overflow: hidden;
}
.wp-block-navigation .has-child ul.wp-block-navigation__submenu-container li:first-child {
	margin-top: 1.5rem;
	border-radius: .5rem .125rem 0 0;
}
.wp-block-navigation .has-child ul.wp-block-navigation__submenu-container li:last-child {
	border-radius: 0 0 .5rem .125rem;
}

/* submenu li elements */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	display: flex;
	flex-grow: 1;
	justify-content: center;
	font-weight: 700;
	line-height: 32px;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus {
	background-color: var(--color-watercolour-yellow);
	color: var(--color-deep-brown);
}
/* make background transparent to prevent weird color change on hover */
.wp-block-navigation .wp-block-navigation__submenu-icon {
	background-color: transparent;
}

/* MOBILE HEADER */

nav#mobile-header {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

nav#mobile-header:not(.navigation-stick) {
	background-color: transparent;
}

nav#mobile-header.sticky-nav-scrolling-up {
	padding-top:0;
}

nav#mobile-header .menu-toggle .gp-icon svg {
	width: 3rem;
	height: 3rem;
}

nav#mobile-header .menu-toggle {
	display: flex;
	height: 60px;
	align-items: center;
	padding: 0 0 0 0;
}

nav#mobile-header.mobile-header-navigation .site-logo {
	margin-left: 0;
}

/* OFF CANVAS MENU */

nav.slideout-navigation.do-overlay .slideout-exit {
	position:relative;
}

nav.slideout-navigation.do-overlay .inside-navigation {
	min-height: 100%;
}

nav.slideout-navigation.do-overlay .inside-navigation .main-nav {
	max-width: 320px;
	position: relative;
	z-index: 2;
}

/* position elements in the middle of screen */
nav.slideout-navigation.do-overlay .inside-navigation > figure {
	margin-top: auto;
}

nav.slideout-navigation.do-overlay .inside-navigation > div.gb-container {
	margin-bottom: auto;
	padding-bottom: 4rem;
}

/* position the nav and its elements */
nav.slideout-navigation .main-nav {
	margin-bottom: 0;
}

nav.slideout-navigation.do-overlay .slideout-menu li {
	margin-bottom:0;
}

/* specific style for unterstuetzen - class set in wp menu */
nav.slideout-navigation .slideout-menu li.unterstuetzen {
	border-top: 2px solid var(--color-brownish-off-white);
	margin-top: 1rem;
}

nav.slideout-navigation .main-nav ul.slideout-menu > li.unterstuetzen > a {
	font-weight: 400;
}

/* bring bg image into the bg */
nav.slideout-navigation figure img.gb-image.absolute {
	z-index: -1;
	bottom: 0;
	right: 0;
	transform: rotate(98deg) translatey(-30%);
}


/* ----------------- */
/*  6.  F O O T E R  */
/* ----------------- */

/* switch off wpml dev site prompt*/
.otgs-development-site-front-end {
	display:none;
}


/* ---------------------------- */
/*  7.  F L U E N T   F O  R M  */
/* ---------------------------- */


/* hidden additional fields like honeypot or calculations */
.do-not-show {
	position:absolute !important;
	left: -9000px !important;
	height:1px;
	width:1px;
	overflow:hidden;
}

/* FORMULARE mit versteckten Feldern für Zerifikate */
.hidden-form-fields.fluentform.ff-default .ff-el-group:not(:last-child),
form.hidden-form-fields .ff-el-group:not(:last-child),
form#fluentform_8 .ff-el-group:not(:last-child),
form#fluentform_15 .ff-el-group:not(:last-child){
	display:none !important;
}

.hidden-form-fields.fluentform.ff-default .ff-message-success,
form.hidden-form-fields .ff-message-success,
#fluentform_8_success,
#fluentform_15_success {
	background-color: transparent !important;
	padding: 0;
	margin: 0;
	border-radius: 0;
}


/* OVERRIDE HEIGHT OF SELECT FIELDS */

.ff-default form select.ff-el-form-control:not([size]):not([multiple]) {
	height:100%;
}

/* small text in forms */

.fluentform.ff-default form .small-text {
	font-size: var(--font-size-body-s);
}

/* INPUT FIELDS */

.ff-default form .ff-el-form-control {
	border: 2px solid var(--color-deep-brown-trans1);
	/*font-family: inherit;*/
	font-weight: inherit;
	font-size: var(--font-size-body-l);
	border-radius: .5rem .125rem;
	background-color: transparent;
	color: var(--color-deep-brown);
	height: 53px;
	padding: 12px;
	transition: all .4s ease-in-out
}

.ff-default form .ff-el-form-control:focus,
.ff-default form .ff-el-form-control:active {
	border-color: var(--color-watercolour-yellow);
	background-color: transparent;
	border-radius: .125rem .5rem;
}

/* select Options */

.fluentform.ff-default form select option {
	color: var(--color-deep-brown);
}

/* CHECK POSITIONING */

.fluentform.ff-default form .ff-el-group .ff-el-form-check label {
	display: flex;
	gap: .5rem;
}
.fluentform.ff-default form .ff-el-group .ff-el-form-check label input {
	flex-shrink: 0;
}


/* CHECKBOXES & RADIOBUTTONS */

.fluentform.ff-default form .ff-el-group input[type="checkbox"],
.fluentform.ff-default form .ff-el-group input[type="radio"] {
	width: 1em;
	height: 1em;
	margin-top: .35em;
	vertical-align: top;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 2px solid var(--color-deep-brown-trans1);
	border-top-color: var(--color-deep-brown-trans1);
	border-right-color: var(--color-deep-brown-trans1);
	border-bottom-color: var(--color-deep-brown-trans1);
	border-left-color: var(--color-deep-brown-trans1);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}

.fluentform.ff-default form .ff-el-group input[type="checkbox"] {
	border-radius: .25rem .125rem;
}

.fluentform.ff-default form .ff-el-group input[type="radio"] {
	border-radius: 50%;
}

.fluentform.ff-default form .ff-el-group input[type="checkbox"]:checked,
.fluentform.ff-default form .ff-el-group input[type="radio"]:checked[type="radio"] {
  background-color: var(--color-watercolour-yellow);
  border-color: var(--color-watercolour-yellow);
}

.fluentform.ff-default form .ff-el-group input[type="checkbox"]:checked[type="checkbox"], 
.fluentform.ff-default form .ff-el-group input[type="radio"]:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}


/* asterisk */
.fluentform.ff-default form .ff-el-input--label.ff-el-is-required.asterisk-right label::after {
  color: var(--color-deep-brown-trans2);
  content: "*";
  margin-left: 2px;
}


/* labels */
.fluentform.ff-default form .ff-el-input--label label {
  display: inline-block;
  font-weight: 700;
  line-height: inherit;
	margin-top: 1rem;
  margin-bottom: .25rem;
}

/* SELECT DROPDOWN */
.fluentform form .ff-el-group select {
  -webkit-appearance: none; /* für Safari und Chrome */
  -moz-appearance: none;    /* für Firefox */
  appearance: none;
  padding-right: 2rem; /* Platz für eigenes Icon */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 330"><g transform="rotate(90, 256, 165)"><path fill="currentColor" d="M197.085 24.087c2.266 0 4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515s-1.132 4.815-2.832 6.515L203.599 303.936c-1.7 1.7-4.248 2.832-6.514 2.832s-4.816-1.132-6.515-2.832l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316-111.317-111.316c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.163c1.7-1.7 4.249-2.833 6.515-2.833z"/></g></svg>'); /* Optional: eigenes Pfeil-Icon */
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
}

/* help message */
.fluentform form .ff-el-help-message {
	font-size: 14px;
	font-style: normal;
}


/* FLUENT FORM BUTTONS */

form.fluent_form_4 button.ff-btn-submit:not(.ff_btn_no_style),
.fluentform.ff-default form .ff-el-group button.ff-btn-submit {
	font-family: inherit;
	font-weight: bold;
	font-size: var(--font-size-body-l);
	border-radius: .5rem .125rem;
	background-color: var(--color-watercolour-yellow);
	color: var(--color-deep-brown);
	padding: 12px 24px;
	transition: all .2s ease-in-out;
	width: 100%;
}

.hidden-form-fields.fluentform.ff-default form .ff-el-group button.ff-btn-submit {
	max-width: 480px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

form.fluent_form_4 button.ff-btn-submit:hover,
form.fluent_form_4 button.ff-btn-submit:focus,
.fluentform.ff-default form .ff-el-group button.ff-btn-submit:hover,
.fluentform.ff-default form .ff-el-group button.ff-btn-submit:focus {
	background-color: var(--color-deep-brown);
	color: var(--color-beige);
	border-radius: .125rem .5rem;
	opacity: 1;
}

@media (max-width: 768px) {
	form#fluentform_1 button.ff-btn-submit {
		width: 100%;
	}
}



/* RADIO AND CHECKBOX SELECT AS BUTTONS */

.fluentform form .radio-buttons .ff-el-form-check {
	width: 100%;
	border-radius: .5rem;
	background-color: var(--color-brownish-off-white);
	overflow: hidden;
	margin-bottom: 1rem;
}


.ff-default .radio-buttons .ff-el-form-check label.ff-el-form-check-label {
	margin-bottom:0;
}

.fluentform form .radio-buttons .ff-el-form-check.ff_item_selected {
	background-color: var(--color-watercolour-yellow);
	overflow: hidden;
}

.fluentform.ff-default form .radio-buttons .ff-el-form-check span {
	display: block;
	padding: 1rem 2rem;
	width: 100%;
	text-align: center;
}
@media (max-width: 768px) {
	.fluentform form .radio-buttons .ff-el-form-check span {
		padding: 1.5rem 1rem;
	}
}

.fluentform form .radio-buttons .ff-el-group.radio-buttons .ff-el-input--content {
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
	row-gap: 1rem;
	column-gap: 2rem;
}

.fluentform.ff-default form .radio-buttons .ff-el-form-check input[type="checkbox"],
.fluentform.ff-default form .radio-buttons .ff-el-form-check input[type="radio"] {
	display: none !important;
}

/* ZERTIFIKATE SUCCESS MESSAGES */

.zertifikat.fluentform.ff-default .ff-message-success {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-radius: 0 0 0 0;
	background-color: transparent !important;
}

/* MOORPATENSCHAFT RADIO SELECT AS BUTTONS */

.form-moorpatenschaft.fluentform form .radio-buttons .ff-el-form-check {
	width: 100%;
	border-radius: .5rem 0rem;
	background-color: var(--color-beige);
}

.form-moorpatenschaft.fluentform form .radio-buttons .ff-el-form-check.ff_item_selected {
	background-color: var(--color-watercolour-yellow);
	overflow: hidden;
}

.form-moorpatenschaft.fluentform form .radio-buttons .ff-el-form-check span p {
	font-size: var(--font-size-body-s);
}

/* PLACEHOLDER TEXT */

form input.ff-el-form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--color-deep-brown-trans2);
}
form input.ff-el-form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: var(--color-deep-brown-trans2);
   opacity:  1;
}
form input.ff-el-form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: var(--color-deep-brown-trans2);
   opacity:  1;
}
form input.ff-el-form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: var(--color-deep-brown-trans2);
}
form input.ff-el-form-control::-ms-input-placeholder { /* Microsoft Edge */
   color: var(--color-deep-brown-trans2);
}
form input.ff-el-form-control::placeholder { /* Most modern browsers support this now. */
   color: var(--color-deep-brown-trans2);
}

/* error message */
.fluentform form#fluentform_1 .ff-el-is-error .text-danger {
	margin-top: 0;
}

/* success message */
.fluentform.ff-default .ff-message-success {
	border: 0;
	box-shadow: none;
	margin-top: 0;
	margin-bottom: 1rem;
	border-radius: .5rem .125rem;
	padding: 1rem;
	position: relative;
	background-color: var(--color-watercolour-yellow);
	color: var(--color-deep-brown);
	font-size: var(--font-size-body-m);
}


/* --------------- */
/*  7.  V I D E O  */
/* --------------- */

div.lyte-wrapper {
	margin:0 !important;
}
.lL {
	display: none;
}

@media (max-width:400px) {
	div.wrapper-video {
		width: calc(100% + 4rem);
	}
}


.ytvideo-portrait-layout__container .lyte iframe,
.ytvideo-portrait-layout__container .lyte .pL {
	min-height: fit-content !important;
	height: auto !important;
	aspect-ratio: 9/16;
}

/* Nur Safari */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .ytvideo-portrait-layout__container .lyte .pL {
      height: 100%;
    }
  }
}

.ytvideo-portrait-layout__container .lyte {
	height: 100% !important;
	padding-bottom: 0px !important;
}

.ytvideo-portrait-layout__container .lyte-wrapper div.lyte {
	overflow: visible !important;
}

.ytvideo-portrait-layout__container .lyte-wrapper {
	aspect-ratio: 9/16;
	width:100% !important;
	max-width:480px !important;
	overflow: clip;
	border-radius: 1.5rem;
	box-shadow: 0px 0px 48px #00000030;
}


/* -------------- */
/* 8. I M A G E S */
/* -------------- */


/* GENERAL */

/* flip mirror image horizontally */
.mirror-horizontal {
  transform: scaleX(-1);
}

/* aspect ratio helper classes */
.aspect-ratio-16-9 {aspect-ratio: 16/9;}
.aspect-ratio-3-2 {aspect-ratio: 3/2;}
.aspect-ratio-4-3 {aspect-ratio: 4/3;}
.aspect-ratio-1-1 {aspect-ratio: 1/1;}



/* normalize line-height for icons in Figure elements */
figure {
	line-height: 0;
}

/* change max-width for images fixed in generatepress */
img.no-max-width {
	max-width: none;
}

/* SVG MASKS */

.mask-video {
  -webkit-mask-image: url(/wp-content/uploads/mask-video.svg);
  mask-image: url(/wp-content/uploads/mask-video.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mask-rect {
  -webkit-mask-image: url(/wp-content/uploads/mask-moor-textur-aspect-ratio-free.svg);
  mask-image: url(/wp-content/uploads/mask-moor-textur-aspect-ratio-free.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mask-circ {
  -webkit-mask-image: url(/wp-content/uploads/kreis-image-mask.svg);
  mask-image: url(/wp-content/uploads/kreis-image-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


/* ABSOLUTE POSITIONING HELPER CLASSES */

.absolute {
	position: absolute;
}

.center-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.top-center {
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.top-left {
	top: 0;
	left: 0;
}

.top-right {
	top: 0;
	right: 0;
}

.bottom-left {
	left: 0;
	bottom: 0;
}

.bottom-right {
	right: 0;
	bottom: 0;
}

.translate-bottomright {
	transform: translate(50%, 50%);
}

/* KADENCE IMAGE GALLERY */

.kb-splide .splide__arrow,
.kb-splide .splide__arrow:focus,
.kb-splide .splide__arrow:hover {
	width: 3em;
	height:3em;
	background-color: var(--color-deep-brown);
	color: var(--color-beige);
}

.kb-splide .splide__pagination__page.is-active {
		background: var(--color-deep-brown);
}
.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination {
	bottom: -40px !important;	
}

.kb-gallery-ul .kadence-blocks-gallery-item {
  -webkit-mask-image: url(/wp-content/uploads/mask-moor-textur-aspect-ratio-free.svg);
  mask-image: url(/wp-content/uploads/mask-moor-textur-aspect-ratio-free.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
	margin-bottom:1rem;
}

.wp-block-kadence-advancedgallery .kt-blocks-carousel {
	overflow: visible !important;
}

.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--prev {
	left:-1rem;
}
.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--next {
	right:-1rem;
}


@media (min-width:1024px) {
	.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--prev {
	left:-4rem;
	}
	.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--next {
	right:-4rem;
	}
}


/* GLOBAL MOORATHON CTA */

.global-moorathon-bg {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -38%);
}

.global-moorathon-1 {top:3%; right:-20px;}
.global-moorathon-2 {bottom:8%; left:-2%;}
.global-moorathon-3 {top:62%; right:8%;}

@media (max-width:1024px) {
	img.global-moorathon-1 {top:3%; right:-60px; width:240px;}
	img.global-moorathon-2 {bottom:0%; left:-5%; width:220px}
	img.global-moorathon-3 {top:66%; right: 3%; width:140px}
}

@media (max-width:768px) {
	img.global-moorathon-1 {top:3%; right:-60px; width:160px;}
	img.global-moorathon-2 {bottom:44%; left:-82px; width:180px}
	img.global-moorathon-3 {top:65%; right: -22px; width:90px}
}


/* IMAGE BLOG POST TEMPLATE */

/* blog post template hero section bg long cloud */
img.img-blogpost-hero {
	top: 0;
	left: 50%;
	transform: translatex(-50%) rotate(18deg);
}

@media (max-width: 1000px) {
	img.img-blogpost-hero {
		max-width: 1200px;
		transform: translatex(-50%) rotate(0deg);
	}
}

/* images in a blog posts get a mask */
body.single-post .dynamic-entry-content img {
  -webkit-mask-image: url(/wp-content/uploads/mask-moor-textur-aspect-ratio-free.svg);
  mask-image: url(/wp-content/uploads/mask-moor-textur-aspect-ratio-free.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}



/* IMAGES HOMEPAGE */

/* homepage hero left */
.homehero-left {
	top: -120px;
	left: -400px;
  -webkit-mask-image: url(/wp-content/uploads/mask-home-hero-moor-textur.svg);
  mask-image: url(/wp-content/uploads/mask-home-hero-moor-textur.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;	
}

/* homepage hero right */
.homehero-right {
	top: -120px;
	right: -400px;
  -webkit-mask-image: url(/wp-content/uploads/mask-home-hero-moor-textur-right.svg);
  mask-image: url(/wp-content/uploads/mask-home-hero-moor-textur-right.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;	
}

/* homepage hero responsive */
@media (max-width: 2600px) {
	.homehero-left {left: -20vw;}
	.homehero-right {right: -20vw;}
}
@media (max-width: 1500px) { 
	.homehero-left {left: -360px;}
	.homehero-right {right: -360px;}
}
@media (max-width: 1280px) {
	.homehero-left {left: -440px;}
	.homehero-right {right: -440px;}
}
@media (max-width: 1020px) {
	.homehero-left {left: -500px;}
	.homehero-right {right: -500px;}
}

/* homepage hero footprints*/
.homehero-footprints {
	top: -40%;
	left: -10%;
}

.homemarsh-droneshot {
	transform: translate(50%, -50%);
}

.homecta-footprints {
	transform: translate(10%, 50%);
}

/* IMAGES UEBER UNS */

/* hero images */

.ueber-hero1  {top: 10%; left: 5%;}
.ueber-hero2  {top: 5%; right: -4%;}
.ueber-hero3  {top: 42%; left: -3%;}
.ueber-hero4  {top: 52%; right: 3%;}
.ueber-hero5  {bottom: 5%; left: 5%; z-index: 10;}
.ueber-hero6  {bottom: -8%; right: 20%;}

@media (max-width:1280px) {
	img.ueber-hero1  {top: 10%; left: -2%; width: 200px}
	img.ueber-hero2  {top: 9%; right: -7%; width: 240px;}
	img.ueber-hero3  {display:none}
	img.ueber-hero4  {top: 56%; right: -3%;z-index:10;}
	img.ueber-hero5  {bottom: 5%; left: 2%; z-index: 10;}
	img.ueber-hero6  {bottom: -8%; right: 10%;}
}

@media (max-width:1023px) {
	img.ueber-hero1  {top: 2%; left: -4%; width: 240px}
	img.ueber-hero2  {top: -10%; right: 20%; width: 320px; z-index:110}
	img.ueber-hero3  {display:none}
	img.ueber-hero4  {top: 46%; right: -4%; width:140px; z-index:10;}
	img.ueber-hero5  {bottom: 1%; left: -5%; z-index: 10;}
	img.ueber-hero6  {bottom: -4%; right: -1%;}
}


/* images of Anni and Alex */

@media (max-width: 1024px) {
	.team-image {
		aspect-ratio: 4 / 3;
	} 

}

.ueberhero-footprints {
	top: -40%;
	left: -10%;
}
.ueberteam-footprints {
	bottom: -36%;
	right: 10%;
}

.uebernumbers-river {
	top:0;
	left:-10%;
	transform: rotate(-34deg);
}

.uebervideo-footprints {
	bottom: -50%;
	left:-10;
}

/* IMAGES GESCHICHTEN / STORIES */

.storieshero-wave {
	top: 50%;
	right: 24%;
	transform: translate(50%, -50%) rotate(-46deg);
}

.storiesmore-river {
	top: 50%;
	left: 54%;
	transform: translate(-50%, -50%) rotate(-74deg);
}

.storiestogether-footprints {
	top: 0;
	left: 0;
	transform: rotate(100deg) translate(-32%,28%);
}

/* IMAGES SUPPORT-PAGE */

.supporthero-footprints {
	top: -40%;
	left: -6%;
}


/* IMAGES MOOR-PATENSCHAFT */

.moorpathero-left {
	top: 0;
	left: -14%;
	transform: rotate(3deg);
}

.moorpathero-right {
	bottom: -34%;
	right: -3%;
	transform: rotate(-3deg);
}

@media (max-width:1400px) {
	img.moorpathero-left {
		width: 360px;
		top: 240px;
		left: -50px;
	}

	img.moorpathero-right {
		width:240px;
		bottom: -100px;
		right: -20px;
	}
}

@media (max-width:1020px) {
	img.moorpathero-left {
		width: 360px;
		top: 240px;
		left: -140px;
	}

	img.moorpathero-right {
		width:240px;
		bottom: -100px;
		right: -80px;
	}
}

/* objections river */
.moorpatobjections-river {
	top:-30%;
	right:-12%;
}

.moorpatintro-footprints {
	top:0;
	right:15%;
	transform: rotate(170deg);
}

/* IMAGES CORPORATE PARTNERSHIPS */


/* hero images */
.corporatehero-1 {top:-3%; left:17%; z-index:100;}
.corporatehero-2 {top:2%; right:-60px;}
.corporatehero-3 {top:36%; left:0;}
.corporatehero-4 {top:48%; right:12%;}
.corporatehero-5 {bottom:-8rem; left:20%;}
.corporatehero-6 {bottom:-7rem; right:24%;}

@media (max-width:1024px) {
	img.corporatehero-1 {top:-90px; left:28%; z-index:100;}
	img.corporatehero-2 {top:2%; right:-60px; width:210px;}
	img.corporatehero-3 {top:42%; left:-60px; width:240px}
	img.corporatehero-4 {top:48%; right:0;}
	img.corporatehero-5 {bottom:-8rem; left:12%; width:220px}
	img.corporatehero-6 {bottom:-5rem; right:14%; width:160px}
}

/* sponsors section*/
.corporatesponsors-river {
	top:50%;
	right: -8%;
	transform: translateY(-50%);
}

/*offers section*/
.corporateoffers-footprints {
	top: -14%;
	right: -10%;
}

/* Alex speaker image */
@media (max-width:1024px) {
	img.corporateoffers-img {
		aspect-ratio: 4/3;
	}
}

@media (max-width:1480px) {
	img.corporateoffers-img {
		margin-left: -10rem;
	}
}

@media (max-width:1024px) {
	img.corporateoffers-img {
		margin-left: 0;
	}
}

/* case study section */

.corporatecase-right {top:0; right:0; transform: translate(80%, -80%) rotate(3deg);}
.corporatecase-left {top:0; left:0; transform: translate(-80%, 60%) rotate(-3deg);}

@media (max-width:1060px) {
	.corporatecase-right {top:0; right:0; transform: translate(60%, -80%) rotate(3deg);}
	.corporatecase-left {top:0; left:0; transform: translate(-60%, 60%) rotate(-3deg);}
}


/* IMAGES MOORATHON LANDING PAGE */


/* hero images */
.moorathonhero-1 {top:2%; right:-20px;}
.moorathonhero-2 {top:12%; left:10px;}
.moorathonhero-3 {top:38%; right:12%;}
.moorathonhero-4 {bottom:20%; left:5%;}
.moorathonhero-5 {bottom:10%; right:4%;}

@media (max-width:1024px) {
	img.moorathonhero-1 {top:2%; right:-60px; width:210px;}
	img.moorathonhero-2 {top:16%; left:-60px; width:240px}
	img.moorathonhero-3 {top:38%; right:20px;}
	img.moorathonhero-4 {bottom:20%; left:-2%; width:220px}
	img.moorathonhero-5 {bottom:10%; right:3%; width:160px}
}

/* sponsor pco section */
.moorathon-sponsor-pco-right {top:0; right:0; transform: translate(80%, -80%) rotate(3deg);}
.moorathon-sponsor-pco-left {top:0; left:0; transform: translate(-80%, 80%) rotate(-3deg);}

@media (max-width:1060px) {
	.moorathon-sponsor-pco-right {top:0; right:0; transform: translate(60%, -80%) rotate(3deg);}
	.moorathon-sponsor-pco-left {top:0; left:0; transform: translate(-60%, 80%) rotate(-3deg);}
}


/* background mask phone */
.container-moorathon-mask-bg .gb-block-image-40ebadc1 {
	height:100%;
}


/* IMAGES MOORATHON MITMACHEN SEITEN */

.mitmachen-river {
	top: 20%;
	left: 54%;
	transform: translate(-50%, -50%) rotate(-74deg);
}



/* ------------------------- */
/* 9.  L O C A L   F O N T S */
/* ------------------------- */

/* N O T O   S A N S */

/* Noto Sans Regular */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: local(''),
		url('/wp-content/uploads/NotoSans-Regular-subset.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/wp-content/uploads/NotoSans-Regular-subset.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Noto Sans Italic */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: local(''),
		url('/wp-content/uploads/NotoSans-Italic-subset.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/wp-content/uploads/NotoSans-Italic-subset.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Noto Sans Bold */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: local(''),
		url('/wp-content/uploads/NotoSans-Bold-subset.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/wp-content/uploads/NotoSans-Bold-subset.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Noto Sans Bold Italic */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: local(''),
		url('/wp-content/uploads/NotoSans-BoldItalic-subset.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/wp-content/uploads/NotoSans-BoldItalic-subset.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Hepta Slab Bold */
@font-face {
	font-family: 'Hepta Slab';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: local(''),
		url('/wp-content/uploads/HeptaSlab-Bold-subset.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/wp-content/uploads/HeptaSlab-Bold-subset.woff') format('woff');  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}