/* This is the main CSS file */

:root {
  /*fm farben*/
  --fm-green: #3cffd0;
  /* --fm-green: #00cfd6; */
  --fm-purple: #5200ff;
  --fm-purple-light: #eee6ff;
  --fm-black: #222222;
  --fm-white: #ffffff;
  --fm-red: #ef233c;
  --fm-yellow: #F0D873;
  /* fm grey */
  --fm-grey-100: #f7f7f7;
  /*generic gradient*/
  --fm-cyan: #00d9ca;
  --fm-teal: #00b3ba;
  --fm-aqua: #008da1;
  --fm-steel: #29697f;
  --fm-midnight: #2f4858;

  /* colors / fmap 22 */
  --celeste: #00cfd6;
  --viridian: #009aa1;
  --yankees: #21213b;
  --cultured: #f5f5f5;
  --bee: #ffff00;
  /* colors / verschiedene (siehe figma) */
  --purple: #6741d9;
  /* colors / platzhalter */
  --blue: #007bff;
  --green: #28a745;
  --black: #222222;
  --red: #ef233c;
  --grey: grey;
  --white: white;

  /*font sizes*/
	--font-size-small: 14px;
  --font-size-xsmall: 0.694rem;

  /*dev colors*/
  --dev1: #6741d9;

  /* SPACING */
  --spacing-base: 16px;
  --spacing-1-4: calc(0.25 * var(--spacing-base));
  --spacing-1-2: calc(0.5 * var(--spacing-base));
  --spacing-3-4: calc(0.75 * var(--spacing-base));
  --spacing-1: calc(1 * var(--spacing-base));
  --spacing-2: calc(2 * var(--spacing-base));
  --spacing-3: calc(3 * var(--spacing-base));
  --spacing-4: calc(4 * var(--spacing-base));
  --spacing-5: calc(5 * var(--spacing-base));
  --spacing-6: calc(6 * var(--spacing-base));
  /* ...and so on... */

  --spacing-section: 5rem;
  --spacing-section-small: calc(var(--spacing-section) / 2);
  --spacing-section-smallest: calc(var(--spacing-section) / 4);
}

div .small,
div small {
	font-size: 14px;
	line-height: 1.5em;
}

ol, ul {
    padding-left: 3rem;
	/* margin-top: 30px;*/
	margin-bottom: 30px;
}

.fm-my-1-4 {
  margin-top: var(--spacing-1-4);
  margin-bottom: var(--spacing-1-4);
}

.fm-my-1-2 {
  margin-top: var(--spacing-1-2);
  margin-bottom: var(--spacing-1-2);
}

.fm-my-3-4 {
  margin-top: var(--spacing-3-4);
  margin-bottom: var(--spacing-3-4);
}

.fm-my-1 {
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}

.fm-my-2 {
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
}

.fm-my-3 {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}

.fm-my-4 {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}

.fm-my-5 {
  margin-top: var(--spacing-5);
  margin-bottom: var(--spacing-5);
}

.fm-my-6 {
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-6);
}

.fm-mx-1-4 {
  margin-left: var(--spacing-1-4);
  margin-right: var(--spacing-1-4);
}

.fm-mx-1-2 {
  margin-left: var(--spacing-1-2);
  margin-right: var(--spacing-1-2);
}

.fm-mx-3-4 {
  margin-left: var(--spacing-3-4);
  margin-right: var(--spacing-3-4);
}

.fm-mx-1 {
  margin-left: var(--spacing-1);
  margin-right: var(--spacing-1);
}

.fm-mx-2 {
  margin-left: var(--spacing-2);
  margin-right: var(--spacing-2);
}

.fm-mx-3 {
  margin-left: var(--spacing-3);
  margin-right: var(--spacing-3);
}

.fm-mx-4 {
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}

.fm-mx-5 {
  margin-left: var(--spacing-5);
  margin-right: var(--spacing-5);
}

.fm-mx-6 {
  margin-left: var(--spacing-6);
  margin-right: var(--spacing-6);
}

.fm-mt-1-4 {
  margin-top: var(--spacing-1-4);
}

.fm-mt-1-2 {
  margin-top: var(--spacing-1-2);
}

.fm-mt-3-4 {
  margin-top: var(--spacing-3-4);
}

.fm-mt-1 {
  margin-top: var(--spacing-1);
}

.fm-mt-2 {
  margin-top: var(--spacing-2);
}

.fm-mt-3 {
  margin-top: var(--spacing-3);
}

.fm-mt-4 {
  margin-top: var(--spacing-4);
}

.fm-mt-5 {
  margin-top: var(--spacing-5);
}

.fm-mt-6 {
  margin-top: var(--spacing-6);
}

.fm-mr-1-4 {
  margin-right: var(--spacing-1-4);
}

.fm-mr-1-2 {
  margin-right: var(--spacing-1-2);
}

.fm-mr-3-4 {
  margin-right: var(--spacing-3-4);
}

.fm-mr-1 {
  margin-right: var(--spacing-1);
}

.fm-mr-2 {
  margin-right: var(--spacing-2);
}

.fm-mr-3 {
  margin-right: var(--spacing-3);
}

.fm-mr-4 {
  margin-right: var(--spacing-4);
}

.fm-mr-5 {
  margin-right: var(--spacing-5);
}

.fm-mr-6 {
  margin-right: var(--spacing-6);
}

.fm-mb-1-4 {
  margin-bottom: var(--spacing-1-4);
}

.fm-mb-1-2 {
  margin-bottom: var(--spacing-1-2);
}

.fm-mb-3-4 {
  margin-bottom: var(--spacing-3-4);
}

.fm-mb-1 {
  margin-bottom: var(--spacing-1);
}

.fm-mb-2 {
  margin-bottom: var(--spacing-2);
}

.fm-mb-3 {
  margin-bottom: var(--spacing-3);
}

.fm-mb-4 {
  margin-bottom: var(--spacing-4);
}

.fm-mb-5 {
  margin-bottom: var(--spacing-5);
}

.fm-mb-6 {
  margin-bottom: var(--spacing-6);
}

.fm-ml-1-4 {
  margin-left: var(--spacing-1-4);
}

.fm-ml-1-2 {
  margin-left: var(--spacing-1-2);
}

.fm-ml-3-4 {
  margin-left: var(--spacing-3-4);
}

.fm-ml-1 {
  margin-left: var(--spacing-1);
}

.fm-ml-2 {
  margin-left: var(--spacing-2);
}

.fm-ml-3 {
  margin-left: var(--spacing-3);
}

.fm-ml-4 {
  margin-left: var(--spacing-4);
}

.fm-ml-5 {
  margin-left: var(--spacing-5);
}

.fm-ml-6 {
  margin-left: var(--spacing-6);
}

@font-face {
  font-family: "Mona Sans";
  src:
    url("../fonts/mona-sans/Mona-Sans.woff2")
      format("woff2 supports variations"),
    url("../fonts/mona-sans/Mona-Sans.woff2") format("woff2-variations");
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-display: swap;
}

html {
  font-family: "Mona Sans";
}

/* 
* {
  border: 0px solid red;
} */

/*
🚨 resets etc.
- https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/

========================================================================== */
/* 
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
fieldset,
form,
label,
legend,
textarea,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  line-height: 24px; 
}
*/

a {
  color: black;
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/*
*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
*/

:root {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  position: relative;
  font-family: system-ui, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  min-height: 100%;
}
body {
  position: relative;
  min-height: 100vh;
  font-size: 100%;
  line-height: 1.5;
}

input,
textarea,
button {
  font-size: inherit;
  font-family: inherit;
}

/*
🚨 allgemeines
========================================================================== */

body {
  color: var(--black);
  font-family: "Mona Sans";
  font-weight: 400;
  font-stretch: 100%;
  font-size: 18px;
  line-height: 1.6;
}

/*
🚨 fonts and writings
========================================================================== */
.font-mono {
  font-family: "JetBrains Mono";
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
}

.text-12 {
  font-size: 12px;
}

.text-14 {
  font-size: 14px;
}

.text-16 {
  font-size: 16px;
}

h3 {
  font-size: 34px;
}

h1 {
  font-size: 48px;
  font-family: "Mona Sans";
  font-weight: 800;
  font-stretch: 125%;
}

h2,
h3 {
  font-family: "Mona Sans";
  font-weight: 800;
  font-stretch: 125%;
}

div .fm-rate-box .fm-rate-rate {
	font-weight: 800;
}

h4,
h5,
h6 {
  font-family: "Mona Sans";
  font-weight: 700;
  font-stretch: 125%;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h4.fw-semibold {
  font-weight: 700 !important;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: 20px;
}

p.subline {
  font-weight: 300;
  font-stretch: 100%;
  /* font-size: 24px; */
  line-height: 1.4;
}

.xxyy {
  display: block;
  font-weight: 800;
  text-decoration: underline !important;
  margin-bottom: var(--spacing-1-2);
}

.xxyy:hover {
  color: var(--fm-purple) !important;
}

/*
sort this
*/
.highlight-item .bold {
  font-weight: 800;
}
/*
🚨 helfer
========================================================================== */
.inline {
  display: inline;
}

.max-w-\[900px\] {
  max-width: 900px;
}

.lg\:basis-\[600px\] {
  flex-basis: 600px;
}
/*
🚨 misc
========================================================================== */

#categories {
  color: var(--fm-purple);
}

.categories,
.categories a {
  color: var(--dev1);
  text-decoration: none;
}

.breadcrumbs {
  color: var(--dev1);
}

#breadcrumbs {
  list-style: none; /* Removes the default list style */
  padding: 0; /* Removes default padding */
  margin: 0; /* Removes default margin */
  display: flex; /* Displays the list items in a row */
  align-items: center; /* Aligns items vertically */
  font-weight: 400;
  text-transform: uppercase;
}

#breadcrumbs li {
  display: flex; /* Ensures the content of li is also in line */
  align-items: center; /* Aligns items vertically */
}

/* #breadcrumbs li:not(:last-child)::after {
  content: " > ";
  margin: 0 8px; 
}*/

#breadcrumbs a {
  text-decoration: none; /* Optional: Removes underline from links */
  color: inherit; /* Optional: Inherits the color from parent elements */
  color: var(--black);
  letter-spacing: 0px !important;
}

#breadcrumbs a:hover {
  color: var(--dev1);

  text-decoration: underline; /* Optional: Removes underline from links */
  color: inherit; /* Optional: Inherits the color from parent elements */
  cursor: pointer !important;
}

.categories a:hover {
  text-decoration: underline;
}

#share-buttons {
  font-size: 20px;
}

#share-buttons i:not(:last-child) {
  margin-right: 16px;
}

#share-buttons i:hover {
  color: var(--dev1);
  cursor: pointer;
}

.md\:max-w-article-body {
  max-width: 600px;
}

.lg\:mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

/*
👉 big standouts
In the provided editor, the classes .gutschein and .stoerer are defined. 
Using fmap.js, the .standout-big class is added to elements with 
these classes.
*/
.wp-block-group.standout-big {
  padding: 30px;
  margin-bottom: 20px;
  width: 360px;
}

.standout-big h2 {
  display: block;
  font-family: "Mona Sans";
  font-size: 24px;
  font-weight: 700 !important;
  font-stretch: 125%;
  line-height: 1.45;
  margin-bottom: 16px;
  /* text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-position: from-font; */
}

.gutschein {
	background-color: var(--fm-purple);
	color: #fff;
	margin: 0px 20px 8px -30px;
	float: left;
	border-radius: var(--bs-border-radius-xl) !important;
}

.gutschein p {
	font-size: 14px;
}

.single-pillar .gutschein {
  background-color: transparent;
}

.single-pillar .gutschein .wp-block-button__link {
  background-color: transparent;
  border: none;
}

.gutschein .wp-block-button__link {
  background-color: var(--fm-green);
  border: 2px solid var(--fm-green);
  color: var(--fm-purple);
	letter-spacing: 0;
}

.gutschein .wp-block-button__link:hover {
  background-color: transparent;
  color: var(--fm-green);
}

.stoerer {
  background-color: yellow;
  margin-left: 30px;
  margin-right: -160px;
  float: right;
}

.wp-block-buttons > .wp-block-button {
  letter-spacing: 0.05em;
}

/*
👉 standouts
In the provided editor, the classes .info and .tipp are defined. 
Using fmap.js, the .standout class is added to elements with 
these classes.
*/
.standout {
  padding: 40px;
}
.standout .heading {
  font-family: "JetBrains Mono";
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  display: table;
  padding: 8px 0;
  background-color: var(--fm-black);
  border-radius: 4px;
  padding: 4px 8px;
  margin-bottom: 8px;
  color: white;
}
.standout .content,
.standout .content strong {
  /* display: inline;
  background: linear-gradient(180deg, transparent 65%, #c8fcea 65%);
  margin-bottom: 0; */
  font-weight: 700;
}

/*
👉 quote
Regular quote blocks that are set in the WP editor.
*/
blockquote {
  	padding: 40px;
	font-size: 14px;
}
blockquote p {
	display: inline;
	background: linear-gradient(180deg, transparent 65%, var(--bee) 65%);
	margin-bottom: 0;
}

blockquote p:before {
  content: "»";
}

blockquote p:after {
  content: "«";
}

blockquote cite {
  font-family: "JetBrains Mono";
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  display: block;
  padding: 8px 0;
}

.block-quote .xsmall {
    font-size: 10px;
	color: #222222;
}

div small,
:root :where(body) small,
:root :where(body) #content small,
:root :where(body) #content blockquote,
:root :where(body) #content figcaption {
	line-height: 23px;
}

.text-fm-whoopi {
	color: #5202FF
}

/*
👉 Adjust copytextss and headings
*/
#content p {
    margin-bottom: 30px;
}

:root :where(body) #content p {
	line-height: 28px;
}

div.block-quote {
    margin: 15px auto 45px;
}

h1.my-4 {
	margin-bottom: 30px !important;
}

.single-post .content h2,
.single-pillar .content h2 {
	margin-top: 65px;
  	margin-bottom: 25px;
}

.single-post .content h3,
.single-pillar .content h3 {
	margin-top: 30px;
	margin-bottom: 20px;
}
.single-post .content h4,
.single-pillar .content h4,
.single-post .content h5,
.single-pillar .content h5,
.single-post .content h6,
.single-pillar .content h6 {
	margin-top: 30px;
	margin-bottom: 15px;
}

p:not(.gutschein):not(.tipp) + h2 {
	margin-top: 65px;
}
p:not(.gutschein):not(.tipp) + h3 {

}
p:not(.gutschein):not(.tipp) + h4 .wp-block-buttons + h2,
.wp-block-buttons + h3,
.wp-block-buttons + h4 ul + h2,
ul + h3,
ul + h4 {
	margin-top: 40px;
}

.single-post .content .block-cta h2,
.single-pillar .content .block-cta h2,
.single-post .content .block-cta h3,
.single-pillar .content .block-cta h3,
.single-post .content .block-cta h4,
.single-pillar .content .block-cta h4,
.single-post .content .block-cta h5,
.single-pillar .content .block-cta h5,
.single-post .content .block-cta h6,
.single-pillar .content .block-cta h6,
.single-post .content .standout h2,
.single-pillar .content .standout h2,
.single-post .content .standout h3,
.single-pillar .content .standout h3,
.single-post .content .standout h4,
.single-pillar .content .standout h4,
.single-post .content .standout h5,
.single-pillar .content .standout h5,
.single-post .content .standout h6,
.single-pillar .content .standout h6{
    margin-top: 0;
}

#content .block-cta p {
    margin-bottom: 20px;
}

.single-post article h2,
.single-pillar article h2 {
  font-stretch: 125%;
  font-weight: 800;
}

.single-post .weitere-artikel,
.single-pillar .weitere-artikel {
  /* background-color: var(--fm-green); */
  padding: 40px;
  border-top: 8px solid black;
  margin-top: 40px;
}

.single-post .weitere-artikel ul,
.single-pillar .weitere-artikel ul {
  margin: 0;
  padding: 0;
  /* list-style-type: none; */
}

#kontaktformular {
  /* padding: 0 40px 40px 40px; */
  margin: 40px auto;
}

label {
  color: #241c15;
  font-weight: 500;
  display: block;
  max-width: 635px;
  padding-bottom: 12px;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="number"] {
  min-height: 46px;
  font-size: 1.7rem;
  line-height: 20px;
  padding: 0 15px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="file"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  display: inline-block;
  padding: 0 8px;
  margin-bottom: 24px;
  vertical-align: middle;
  min-width: 50px;
  max-width: 768px;
  width: 100%;
  min-height: 46px;
  background-color: #ffffff;
  border: 1px solid rgba(36, 28, 21, 0.3);
  /* border: 1px solid red; */
  border-radius: 4px;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;

  font-size: 18px;
  line-height: 20px;
  padding: 4px 16px 0;
}

textarea {
  padding: 16px;
  line-height: 1.4;
}

a {
  text-underline-offset: 2px;
  /* text-decoration-thickness: 2px; */
}

a:hover {
  color: var(--fm-purple);
  text-decoration: underline;
  text-decoration-color: var(--fm-purple);
  /* text-decoration-thickness: 2px; */
}

strong {
  /* display: inline;
  background: linear-gradient(
    180deg,
    transparent 65%,
    var(--fm-purple-light) 65%
  ); */
  font-weight: 700;
}
/*
👉 buttons
*/
button,
.fl-button,
.wp-block-button__link,
.wpcf7-submit {
  text-decoration: none !important;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 18px;
  /* margin-right: 18px; */
  border: 1px solid transparent;
  border-radius: 16px;
  display: inline-block;
  -ms-transition:
    border 0.2s ease-in-out 0s,
    box-shadow 0.2s ease-in-out 0s,
    background-color 0.2s ease-in-out 0s;
  transition:
    border 0.2s ease-in-out 0s,
    box-shadow 0.2s ease-in-out 0s,
    background-color 0.2s ease-in-out 0s;
  font-size: 16px;
  height: 48px;
  line-height: 46px;
  padding: 0 42px;
}

.wp-block-buttons > .wp-block-button {
  margin-bottom: 2em;
}

.standout .wp-block-buttons > .wp-block-button {
  margin-bottom: 0em;
}

.fl-btn.small {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
}

.wpcf7-submit[disabled] {
  background-color: silver;
  color: var(--fm-black);
  opacity: 0.7;
}

.wpcf7-submit[disabled]:hover {
  opacity: 0.3;
}

.wpcf7-submit:not([disabled]) {
  background-color: var(--fm-black);
  color: var(--fm-white);
}

.wpcf7-submit:not([disabled]):hover {
  background-color: var(--fm-purple);
  color: var(--fm-white);
}
.fl-btn.green {
  background-color: var(--fm-green);
  color: var(--fm-black);
}

.fl-btn.green:hover {
  background-color: var(--fm-purple);
  color: var(--fm-white);
}

.fl-btn.purple {
  background-color: var(--fm-purple);
  color: var(--fm-white);
}

.fl-btn.purple:hover {
  background-color: var(--fm-green);
  color: var(--fm-black);
}

.fl-btn.grey {
  background-color: #f7f7f7;
  color: var(--fm-black);
}

.fl-btn.grey:hover {
  background-color: var(--fm-purple-light);
  color: var(--fm-black);
}

.fl-btn.black.outline {
  background-color: transparent;
  color: var(--fm-black);
  border: 1px solid var(--fm-black);
}

.fl-btn.black.outline:hover {
  background-color: var(--fm-black);
  color: var(--fm-white);
  border: 1px solid var(--fm-black);
}

.cta .wp-block-button__link {
  background-color: var(--bee);
  color: var(--black);
}

.cta .wp-block-button__link:hover {
  background-color: var(--fm-purple);
  color: var(--white);
  text-decoration: none;
}

.wp-block-button__link:hover {
  background-color: var(--fm-purple);
  color: var(--white);
  text-decoration: none;
}

label {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  line-height: 24px;
}

.field-wrapper {
  margin: 0;
  clear: both;
  position: relative;
  overflow: visible;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.faux-file:focus {
  outline: none;
  border: 1px solid var(--fm-purple-light);
  box-shadow: inset 0 0 0 1px var(--fm-purple-light);
}

label {
  font-size: 16px;
  color: #241c15;
  font-weight: 500;
  display: block;
  max-width: 635px;
  padding-bottom: 12px;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

form div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

form div label,
form div input,
form div textarea {
  width: 100%;
}

@media (min-width: 768px) {
  form div {
    flex-direction: row;
  }

  form div label,
  form div input,
  form div textarea {
    width: auto;
  }

  .wp-block-columns {
    margin-top: 0;
  }

  article .gutschein:last-child {
    width: 100%;
    float: none;
    margin: 0;
  }
}

.checkbox-wrapper {
  display: flex;
  align-items: start;
  margin-bottom: 24px;
}

.checkbox-wrapper input[type="checkbox"] {
  width: 25px;
  height: 25px;
  margin-right: 20px;
}

.checkbox-wrapper label {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  font-weight: 400;
}

footer {
  margin: 40px auto;
}

@media (max-width: 768px) {
  footer {
    margin: 40px auto;
    display: block;
    float: left;
  }
}
footer .logo img {
  max-width: 225px;
}

.gender-disclaimer {
  margin: 1em auto;
  width: 80%;
  text-align: center;
}

img.dsgvo {
  height: 30px;
}

.text-14 a,
.text-14 a:hover {
  text-decoration-thickness: 1px;
}

/* toastify, custom */

.fm-toast {
  /* transform: translate(-50px, 10px); */
  top: 15px;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  line-height: 1;
  padding: 12px 18px;
  font-size: 16px;
  background: var(--fm-purple);
}

/* footer, letzte artikel */
.recent-blog-articles {
  margin-top: 40px;
  background-color: var(--fm-grey-100);
}

.recent-articles-content {
  max-width: 1100px;
  margin: 40px auto;
  padding: 60px 0;
}

.recent-blog-articles h4 {
  font-weight: 800;
  font-stretch: 125%;
  margin-bottom: 24px;
}

.recent-blog-articles .article {
  padding: var(--spacing-2) 0;
}

.recent-blog-articles .article:first-of-type {
  padding-top: 0;
}

.recent-blog-articles .article:last-of-type {
  padding-bottom: 0;
  border: none;
}

.recent-blog-articles .article .thumbnail {
  margin-right: var(--spacing-2);
}

.recent-blog-articles a:hover img {
  -webkit-filter: none; /* Reset filter for Safari 6.0 - 9.0 */
  filter: none; /* Reset filter */
}

/* .recent-blog-articles ul a:not(:last-of-type) li { */
.recent-blog-articles .article {
  border-bottom: 1px solid #000;
}
.recent-blog-articles a:last-of-type .article {
  border-bottom: none;
}
.recent-blog-articles a {
  text-decoration: none;
}
.recent-blog-articles a span.title {
  font-weight: 600;
}
.recent-blog-articles a:hover,
.recent-blog-articles a span.title {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  color: var(--fm-black);
}

/* generelles, unwichtiges */
::selection {
  background-color: var(--fm-purple);
  color: white;
}

::-moz-selection {
  background-color: var(--fm-purple);
  color: white;
}

::-webkit-selection {
  background-color: var(--fm-purple);
  color: white;
}

::-ms-selection {
  background-color: var(--fm-purple);
  color: white;
}

::-o-selection {
  background-color: var(--fm-purple);
  color: white;
}

/*
👉 navigation
*/

.nav-link {
  color: var(--fm-black);
}
.nav-link:focus,
.nav-link:hover {
  color: var(--fm-black);
}
@media (min-width: 992px) {
  .dropdown-item {
    font-size: 16px;
  }

  .dropdown-item:focus,
  .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: transparent;
    /* background-color: var(--bs-dropdown-link-hover-bg); */
  }
  .nav-link {
    font-size: 16px;
  }

  .nav-item-41021 a.nav-link::after,
  a.link-ext-icon span.bold::after {
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: -2px;
    content: "\F1C5";
    font-family: "bootstrap-icons";
    margin-left: 5px; /* Optional: to give some spacing between the icon and the link text */
    vertical-align: middle; /* Optional: to align the icon with the link text */
    text-decoration: none !important;
    opacity: 0.7;
  }

  .nav-item-41021 a.nav-link:hover::after {
    opacity: 1;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
    margin-right: 18px;
  }

  .navbar-expand-lg .navbar-collapse {
    justify-content: end;
  }
  .navbar {
    /* margin: 16px 0; */
    padding-top: 16px;
  }

  .navbar-brand img.logo {
    position: relative;
    top: -6px;
  }

  .account-menu-container .account-menu {
    position: relative;
    top: -2px;
  }

  .account-menu-container .account-menu .nav-link {
    margin: 0;
    padding: 0;
  }

  .account-menu-container .account-menu .nav-link:hover {
    text-decoration: none;
  }

  .account-menu-container .account-menu li {
    text-decoration: none !important;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 18px;
    margin-right: 18px;
    border: 1px solid transparent;
    border-radius: 38px;
    display: inline-block;
    -ms-transition:
      border 0.2s ease-in-out 0s,
      box-shadow 0.2s ease-in-out 0s,
      background-color 0.2s ease-in-out 0s;
    transition:
      border 0.2s ease-in-out 0s,
      box-shadow 0.2s ease-in-out 0s,
      background-color 0.2s ease-in-out 0s;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0px 28px;
    display: table-row;
  }

  #menu-item-14 {
    background-color: #f7f7f7;
    margin: 0;
  }
  #menu-item-14:hover {
    background-color: var(--fm-purple-light);
  }
  #menu-item-15 {
    background-color: var(--fm-green);
    color: var(--fm-black);
  }

  #menu-item-15:hover {
    background-color: var(--fm-purple);
  }

  #menu-item-15.nav-item:hover a {
    color: var(--fm-white);
  }

  .oooo {
    position: relative;
    top: 5px;
  }
}

.menu-search-icon:hover {
  opacity: 0.4;
  cursor: pointer;
}

.navbar-toggler i {
  font-size: 40px;
}

.navbar-toggler {
  padding: 0;
  line-height: 1;
  color: var(--fm-black);
  border: none;
}

@media (max-width: 991.98px) {
  /* Styles for screens smaller than 992px */
  .navbar-collapse {
    /* background-color: #f7f7f7; */
    padding: 20px;

    border-radius: 0px;
    border-bottom: 1px solid #ced4da;
    padding-bottom: 12px;
    margin-bottom: 12px;
	/*display: block !important;*/
  }
	
	.navbar-collapse.show {
		display: block !important;
	}
	
  div .account-menu-container .account-menu li {
    padding: 0;
  }
	
  i.bi.bi-search::after {
    content: 'Suche';
    margin-left: 10px;
    font-style: normal;
  }
	
  li.nav-item.ms-2 {
    margin: .5rem 0 !important;
  }

  .navbar-collapse .dropdown-menu {
    border: none;
    padding: 0;
    background: transparent;
  }

  a.dropdown-item:hover {
    background: transparent;
  }

  .gender-disclaimer {
    width: 100%;
  }
}

@media only screen and (min-width: 960px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover .dropdown-toggle::after {
    border-bottom: 0.3em solid;
    border-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}

.wp-block-group.standout-big {
  margin-bottom: 20px;
}

/*
👉 pillar / header - white
*/
.header.contrast-white {
  color: var(--fm-white);
}

.campaign-contrast-color-white header .nav-link {
  color: var(--fm-white);
}

.campaign-contrast-color-white header .nav-link:hover {
  color: var(--fm-white);
  text-decoration-color: var(--fm-white);
}

/* registrieren */

.campaign-contrast-color-white header #menu-item-15 {
  background-color: var(--fm-white);
  color: var(--fm-black);
}

.campaign-contrast-color-white header #menu-item-15 .nav-link {
  color: var(--fm-black);
}

.campaign-contrast-color-white header #menu-item-15:hover {
  background-color: var(--fm-black);
  color: var(--fm-white);
}

.campaign-contrast-color-white header #menu-item-15:hover .nav-link {
  color: var(--fm-white);
}

/* einloggen */
.campaign-contrast-color-white header #menu-item-14 {
  background-color: transparent;
  border-color: var(--fm-white);
  color: var(--fm-white);
}

.campaign-contrast-color-white header #menu-item-14 .nav-link {
  color: var(--fm-white);
}

.campaign-contrast-color-white header #menu-item-14:hover {
  background-color: var(--fm-white);
  color: var(--fm-black);
}

.campaign-contrast-color-white header #menu-item-14:hover .nav-link {
  color: var(--fm-black);
}

/* pillar standouts */
.campaign-contrast-color-white .standout {
  color: var(--fm-white);
}

.campaign-contrast-color-white .standout .wp-block-button__link {
  background-color: var(--fm-white);
  border-color: var(--fm-white);
  color: var(--fm-black);
}

.campaign-contrast-color-white .standout .wp-block-button__link:hover {
  background-color: var(--fm-black);
  border-color: var(--fm-black);
  color: var(--fm-white);
}

/*
👉 pillar / header - black
*/
.header.contrast-black {
  color: var(--fm-black);
}

.campaign-contrast-color-black header .nav-link {
  color: var(--fm-black);
}

.campaign-contrast-color-black header .nav-link:hover {
  color: var(--fm-black);
  text-decoration-color: var(--fm-black);
}

/* registrieren */
.campaign-contrast-color-black header #menu-item-15 {
  background-color: var(--fm-black);
  color: var(--fm-white);
}

.campaign-contrast-color-black header #menu-item-15 .nav-link {
  color: var(--fm-white);
}

.campaign-contrast-color-black header #menu-item-15:hover {
  background-color: var(--fm-white);
  color: var(--fm-black);
}

.campaign-contrast-color-black header #menu-item-15:hover .nav-link {
  color: var(--fm-black);
}

/* einloggen */
.campaign-contrast-color-black header #menu-item-14 {
  background-color: transparent;
  border-color: var(--fm-black);
  color: var(--fm-black);
}

.campaign-contrast-color-black header #menu-item-14 .nav-link {
  color: var(--fm-black);
}

.campaign-contrast-color-black header #menu-item-14:hover {
  background-color: var(--fm-black);
  color: var(--fm-white);
}

.campaign-contrast-color-black header #menu-item-14:hover .nav-link {
  color: var(--fm-white);
}

/* pillar standouts */
.campaign-contrast-color-black .standout {
  color: var(--fm-black);
}

.campaign-contrast-color-black .standout .wp-block-button__link {
  background-color: var(--fm-black);
  border-color: var(--fm-black);
  color: var(--fm-white);
}

.campaign-contrast-color-black .standout .wp-block-button__link:hover {
  background-color: var(--fm-white);
  border-color: var(--fm-white);
  color: var(--fm-black);
}

/*
👉 pillar / headline
*/

.single-pillar #headlines h1 {
  font-family: "Mona Sans";
  font-weight: 400;
  font-stretch: 125%;
}
@media (min-width: 992px) {
  .single-pillar #headlines span {
    font-size: 45px;
    font-family: "Mona Sans";
    font-weight: 800;
    font-stretch: 125%;
  }

  .single-pillar #headlines h1 {
    font-size: 45px;
    font-family: "Mona Sans";
    font-weight: 400;
    font-stretch: 125%;
  }
}
.modal-dialog {
  backdrop-filter: blur(5px);
}

#searchModal h2 {
  font-family: "Mona Sans";
  font-weight: 800;
  font-stretch: 125%;
}

#searchModal .hstack {
  justify-content: center;
}

.search h4,
.archive h4 {
  font-family: "Mona Sans";
  font-weight: 700;
  font-stretch: 125%;
}

.search .items,
.archive .items {
  margin-bottom: 60px;
}
.search .items .thumbnail,
.archive .items .thumbnail {
  margin-right: 30px;
  float: left;
}

.search .items .thumbnail img,
.archive .items .thumbnail img,
.archive .items img.thumbnail {
  border-radius: 4px;
  width: 250px;
  height: auto;
}

.thumbnail {
  margin-top: 0;
  border-radius: 4px;
  /* width: 250px; */
  margin-right: var(--spacing-2);
}
.search .items a,
.archive .items a {
  text-decoration: none;
}

.search .items a h4,
.archive .items a h4 {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.search .items a:hover span.excerpt,
.archive .items a:hover span.excerpt {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.text.cl-hero {
  color: var(--fm-green);
}

.archive h1 .sub,
h1 + .sub {
  font-size: 0;
  font-weight: 400;
  font-stretch: 125%;
  display: block;
}

/*
👉 pagination
archive, search pages
*/
.nav-links {
  display: flex;
  font-size: 16px;
}
.pagination {
  font-family: "JetBrains Mono";
  font-weight: 400;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  margin-top: 20px;
  margin: 80px auto;
}

.pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  min-width: 45px;
  min-height: 45px;
  border-radius: 999px;
  text-decoration: none;
  color: var(--fm-black);
  background-color: var(--fm-grey-100);
}

.pagination .page-numbers:hover {
  background-color: var(--fm-purple-light);
  color: var(--fm-purple);
}

.pagination .page-numbers:not(:last-child) {
  margin-right: 20px;
}

.pagination .page-numbers.current,
.pagination .page-numbers.current:hover {
  background-color: var(--fm-black) !important;
  color: var(--fm-white);
  /* cursor: default; */
}

.last-four {
  padding: var(--spacing-3);
  background-color: var(--fm-grey-100);
}

.last-four .item {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--fm-purple-light);
}

.last-four .item:nth-last-child(2),
.last-four .item:last-child {
  border-bottom: none;
}

.last-four a {
  text-decoration: none;
}

.last-four a h4 {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.last-four a:hover p {
  color: var(--fm-black);
}

.last-four .thumbnail {
  padding: 0 16px 0 0;
}

.last-four .flex-row-reverse .thumbnail {
  padding: 0 0 0 16px;
}
.last-four img {
  border-radius: 4px;
}

.home-highlights {
  margin: 0px auto 40px;
}

.home-highlights img {
  border-radius: 4px;
}

.home-highlights h4 {
  margin: 24px auto 8px;
}

.home-highlights a {
  text-decoration: none;
}

.home-highlights a h4 {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.home-highlights a:hover img {
  opacity: 0.9;
}

.highlight-item {
  max-width: 300px;
}

/* 
/* footer, letzte artikel 
*/

/* 👉 absender */

/* footer, social icons*/

footer .social-icons {
  margin: 16px 0 48px;
}
footer .social-icons a i {
  font-size: 24px;
  opacity: 0.2;
}

footer .social-icons a i:hover {
  color: var(--fm-purple);
  opacity: 1;
}

footer .social-icons ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
}

footer .social-icons ul li {
  margin-right: 24px;
}

footer .social-icons ul li:last-child {
  margin-right: 0;
}

footer .social-icons ul li a {
  display: inline-block;
  padding: 0;
}

footer .social-icons ul li a i {
  font-size: 24px;
}

.subnavigation a {
  text-decoration: none;
}

.subnavigation a.btn {
  color: var(--fm-black);
  background-color: var(--fm-white);
  border-color: var(--fm-black);
}

.subnavigation a.btn:hover {
  color: var(--fm-purple);
  background-color: var(--fm-purple-light);
  border-color: var(--fm-purplee);
}

main {
  padding: 0;
  min-height: 600px;
}
/*






















just some space to divide before starting @media stuff

*/
@media (max-width: 767px) {
  .highlight-item {
    max-width: none;
  }

  .subnavigation a {
    text-decoration: none;
  }

  .subnavigation a.btn {
    color: var(--fm-black);
    background-color: var(--fm-white);
    border-color: var(--fm-black);
  }

  .subnavigation a.btn:hover {
    color: var(--fm-purple);
    background-color: var(--fm-purple-light);
    border-color: var(--fm-purplee);
  }

  html {
    font-size: 100%;
  }

  body {
    font-size: 16px;
  }

  p {
    font-size: 1em;
  }

  h1 {
    font-size: 2em;
    margin: 0.5em 0;
    line-height: 1.2;
    word-wrap: break-word;
    hyphens: auto;
  }

  h2 {
    font-size: 1.5em;
  }

  h3 {
    font-size: 1.17em;
  }

  h4 {
    font-size: 1em;
  }

  h5 {
    font-size: 0.83em;
  }

  h6 {
    font-size: 0.67em;
  }

  table,
  td {
    font-size: 1em;
    margin: 0;
    line-height: 1.2em;
  }

  pre {
    font-size: 0.8125em;
    margin: 0.8125em 0;
    line-height: 0.92em;
  }

  input,
  button {
    font-size: 0.6876em;
    margin: 0.125em 0;
    line-height: 0.8125em;
  }

  header {
    margin-bottom: 16px;
  }

  a,
  a:hover {
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
  }

  .navbar-toggler i {
    font-size: 24px;
  }

  ul.categories,
  ul.breadcrumbs {
    line-height: 1.55;
    /* text-wrap: balance; */
  }

  p.subline {
    font-size: 20px;
  }

  #headlines {
    margin-bottom: 16px;
  }

  #meta {
    margin-bottom: 16px;
  }

  #meta i {
    font-size: 1.2em;
  }

  .hero-wrapper img {
    width: 100%;
    height: auto;
  }

  main p {
    line-height: 1.7;
  }

  .wp-block-group.standout-big {
    padding: 30px;
    margin-bottom: 40px;
    width: 100%;
  }

  .standout,
  blockquote {
    padding: 20px;
  }

  .standout-big h2 {
    line-height: 1.2;
    margin-bottom: 8px;
  }

  .gutschein {
    background-color: var(--fm-purple);
    color: rgb(255, 255, 255);
    margin: 0;
  }

  .stoerer {
    background-color: yellow;
    margin: 0;
  }

  .single-post .weitere-artikel,
  .single-pillar .weitere-artikel {
    padding: 20px;
    border-top: 4px solid black;
    margin-top: 20px;
  }

  .single-post .weitere-artikel li,
  .single-pillar .weitere-artikel li {
    margin-bottom: 16px;
  }

  #kontaktformular {
    background-color: var(--fm-grey-100);
    padding: 0;
    margin: 0;
    width: 100vw;
    margin-left: -32px;
    padding: 32px;
  }

  .checkbox-wrapper input[type="checkbox"] {
    width: 35px;
    margin-right: 10px;
    position: relative;
    top: -2px;
  }

  .nav-link {
    box-shadow: none !important;
  }

  .home h1 {
    margin: 0;
    margin-bottom: 4px;
  }

  .home #headlines {
    margin-bottom: 8px;
  }

  .home figure {
    position: relative;

    margin: 0 calc(-1 * var(--spacing-2)); /* Applying negative margin to offset the left margin */
    overflow: hidden;
  }

  .home figure img {
    width: 100%;
    height: auto;
  }

  .home-highlights {
    padding: 32px 0 0;
    margin-top: 16px;
  }

  .subnavigation {
    margin-top: 20px;
  }

  .home-highlights {
    padding: 32px 0 0;
    margin-top: 16px;
  }

  .highlight-item p {
    margin-bottom: 0;
    margin-top: 4px;
    line-height: 1.5;
  }

  .highlight-item {
    margin-bottom: 16px;
  }

  .last-four {
    padding: 32px;
    margin-top: 16px;
  }

  .last-four h2 {
    padding-bottom: 24px;
  }

  .last-four h4 {
    line-height: 1.6;
  }

  .last-four .flex-row-reverse .thumbnail,
  .last-four .thumbnail {
    padding: 0;
    margin-bottom: 16px;
  }

  .last-four .item:first-of-type {
    padding-top: 0;
  }

  .last-four .item {
    padding: 32px 0 24px;
    border-bottom: 1px solid var(--fm-black);
  }

  .single-pillar #headlines span {
    font-size: 1.17em;
    font-family: "Mona Sans";
    font-weight: 800;
    font-stretch: 125%;
  }

  .single-pillar #headlines h1 {
    margin-top: 0.25em;
  }

  .wp-block-group.cta {
    width: 100vw;
    margin-left: -16px;
  }

  .archive h1 {
    font-size: 1.17em;
    display: block;
    margin-bottom: 10px !important;
  }
	
	.home h1 {
		font-size: 3.17em;
	}

  .archive h1 .sub,
  h1 + .sub {
    font-size: 32px;
    font-weight: 400;
    font-stretch: 125%;
    display: block;
    line-height: 1.2;
  }

  .search .items .thumbnail img,
  .archive .items .thumbnail img,
  .archive .items img.thumbnail {
    border-radius: 4px;
    margin-bottom: var(--spacing-1);
    width: 100%;
  }

  .archive .items h4 {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: var(--spacing-1);
  }

  .xxyy {
    display: block;
    font-weight: 800;
    text-decoration: underline !important;
    margin-bottom: var(--spacing-1-2);
  }

  /* Footer and "Letzte Artikel" */
  .recent-blog-articles {
    margin-top: 40px;
    position: relative;
    width: 100vw; /* Adding the left margin of 16px */
    margin-left: calc(-1 * var(--spacing-2));
    overflow: hidden;
    padding: 16px;
  }

  .recent-blog-articles h4 {
    margin: 0;
    margin-bottom: 16px;
  }

  .recent-articles-content {
    width: 100%;
    margin: 0;
    padding: 20px;
    padding-top: 16px;
  }

  .recent-blog-articles .article {
    padding: 16px 0;
    margin: 0;
  }

  .recent-blog-articles .article:first-of-type {
    padding-top: 0;
  }

  .recent-blog-articles .article:last-of-type {
    padding-bottom: 0;
    border: none;
  }

  .recent-blog-articles .article .thumbnail {
    margin: 0 0 20px;
    margin-top: 8px;
  }

  .recent-blog-articles .article:first-of-type .thumbnail {
    margin-top: 0;
  }

  .recent-blog-articles .article img.thumbnail {
    width: 100%;
    height: auto;
  }

  footer .logo {
    margin: 0 0 var(--spacing-1);
  }

  .footer .absender {
    line-height: 1.7;
  }

  .footer .social-icons {
    margin: 16px 0;
  }

  label {
    padding: 0;
  }
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}
/* `lg` applies to medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 1179.98px) {
  .gutschein {
    margin-left: 0;
  }
}
/* `lg` applies to medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  html {
    font-size: 100%;
  }

  body {
    font-size: 16px;
  }

  p {
    font-size: 1em;
  }

  h1 {
    font-size: 2em;
    margin: 0.5em 0;
    line-height: 1.2;
  }

  h2 {
    font-size: 1.5em;
  }

  h3 {
    font-size: 1.17em;
  }

  h4 {
    font-size: 1em;
  }

  h5 {
    font-size: 0.83em;
  }

  h6 {
    font-size: 0.67em;
  }

  table,
  td {
    font-size: 1em;
    margin: 0;
    line-height: 1.2em;
  }

  pre {
    font-size: 0.8125em;
    margin: 0.8125em 0;
    line-height: 0.92em;
  }

  input,
  button {
    font-size: 0.6876em;
    margin: 0.125em 0;
    line-height: 0.8125em;
  }

  /*
👉 navigation
*/

  .home #headlines,
  #headlines,
  #meta {
    margin-bottom: var(--spacing-1);
  }

  .hero-wrapper img {
    width: 100%;
    height: auto;
  }

  .subnavigation {
    margin: var(--spacing-2) auto;
  }

  .home-highlights {
    margin: var(--spacing-3) auto;
  }

  .last-four {
    padding: var(--spacing-2) var(--spacing-2);
    background-color: var(--fm-grey-100);
  }

  .last-four h2 {
    margin-bottom: var(--spacing-1) !important;
  }
  .last-four .thumbnail {
    padding: 0;
  }

  .last-four .item:first-of-type {
    padding-top: 0;
  }

  .last-four .item {
    padding: var(--spacing-2) 0;
    border-bottom: 1px solid var(--fm-purple-light);
  }

  footer .logo {
    margin: 0 0 var(--spacing-1);
  }

  .footer .absender {
    line-height: 1.7;
  }

  h1 {
    font-size: 2em;
    margin: 0.5em 0;
    line-height: 1.2;
  }

  .standout,
  blockquote {
    padding: 20px;
  }

  .standout-big h2 {
    line-height: 1.2;
    margin-bottom: 8px;
  }

  .gutschein {
    background-color: var(--fm-purple);
    color: rgb(255, 255, 255);
    margin: 0;
  }

  .gutschein {
    margin-right: var(--spacing-2);
  }

  .stoerer {
    background-color: yellow;
    margin: 0;
    margin-left: var(--spacing-2);
  }

  .single-post .weitere-artikel,
  .single-pillar .weitere-artikel {
    padding: 20px;
    border-top: 4px solid black;
    margin-top: 20px;
  }

  .single-post .weitere-artikel li,
  .single-pillar .weitere-artikel li {
    margin-bottom: 16px;
  }

  #kontaktformular {
    background-color: var(--fm-grey-100);
    padding: 0;
    margin: 0;
    width: 100vw;
    margin-left: -32px;
    padding: 32px;
  }

  /* footer, letzte artikel */
  .recent-blog-articles {
    margin-top: 0;
    position: relative;
    width: 100vw; /* Adding the left margin of 16px */
    margin-left: calc(-1 * var(--spacing-2));
    overflow: hidden;
    padding: 16px;
  }

  .recent-blog-articles h4 {
    margin: 0;
    margin-bottom: 16px;
  }

  .recent-articles-content {
    width: 100%;
    margin: 0;
    padding: 20px;
    padding-top: 16px;
  }

  .recent-blog-articles .article {
    margin: 0;
  }

  .recent-blog-articles .article:first-of-type {
    padding-top: 0;
  }

  .recent-blog-articles .article:last-of-type {
    padding-bottom: 0;
    border: none;
  }

  .recent-blog-articles .article .thumbnail {
    margin-right: var(--spacing-2);
  }

  .recent-blog-articles .article:first-of-type .thumbnail {
    margin-top: 0;
  }
  .wp-block-group.cta {
    width: 100vw;
    margin-left: calc(-1 * var(--spacing-2));
  }
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/* fixes */
.wp-block-image.size-full {
  margin: 30px auto;
}

.wp-block-columns .wp-block-image.size-full {
  margin: 0 auto;
}

@media (min-width: 1180px) {
  /* article .header {
    margin-left: 80px;
  }

  article #headlines {
    max-width: 90%;
  }

  article #meta {
    max-width: 95%;
  }

  article #content {
    margin-left: 80px;
    margin-right: 80px;
    max-width: 768px;
  } */
}

/* cf 7 adjustments */
.wpcf7 label input[type="text"],
.wpcf7 label input[type="email"],
.wpcf7 label textarea {
  margin-bottom: 12px;
  margin-top: 8px;
}

.wpcf7 label {
  padding-bottom: 0 !important;
}

.wpcf7-acceptance label span {
  font-weight: 400;
  font-size: 14px;
}

.wpcf7-acceptance label span a {
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
  font-family: "JetBrains Mono";
  font-weight: 400;
  font-weight: 300;
  font-size: 1rem;
}

.wpcf7 form .wpcf7-response-output {
  /* margin: 2em 0.5em 1em; */
  /* padding: 0.2em 1em; */
  /* border: 2px solid #00a0d2; */
  margin: 0;
  padding: 0;
  border: none;
  margin-top: 1.5rem;
}

.subnavigation {
  margin: var(--spacing-3) auto;
}

.for-fl ul {
  list-style-type: none;
}

.archive input {
  width: 100%;
  max-width: 400px;
}

.modal .close span {
  background-color: white;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  border-radius: 999px;
  height: 30px;
  align-items: center;
  width: 30px;
  justify-content: center;
  position: relative;
  left: 10px;
  top: 10px;
}

.modal .close span:hover {
  background-color: var(--fm-grey-100);
}

footer .social-icons img {
  height: 20px;
}

.svg-link img {
  transition: fill 0.3s; /* Smooth transition for the color change */
}

.svg-link:hover img {
  fill: red; /* Change the fill color to red on hover */
}

#shareModal .icons:hover {
  opacity: 1;
  cursor: pointer;
}

#shareModal .icons a i {
  font-size: 24px;
  opacity: 1;
}

#shareModal .icons a > div {
  font-weight: 700;
  font-size: 10px;
  opacity: 0.7;
  display: none;
}

#shareModal .icons:hover a > div,
#shareModal .icons:hover a > i {
  opacity: 1;
  color: var(--fm-purple) !important;
}

#newsletterModal .form-check-label {
  text-align: left;
  font-size: 0.8em;
  line-height: 1.5;
  font-weight: 400;
}

/* Styling for disabled buttons */
button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Override hover styles for disabled buttons */
button:disabled:hover {
  color: inherit !important; /* Keeps the text color unchanged */
  background-color: inherit !important; /* Keeps the background color unchanged */
}

.recent-blog-articles img.thumbnail {
  max-width: 350px;
  height: auto;
}

/* faq */
.faq {
  margin: 30px auto;
}

.faq .qa {
  transition: opacity 500ms;
}

.faq .qa h5 {
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid var(--fm-purple-light);
	padding: 13.75px 0;
    font-stretch: 100%;
    margin: 0;
}

.faq .qa.active h5 {
  color: var(--fm-purple);
  /* margin-bottom: var(--spacing-1); */
  border-bottom: none;
}

.faq .qa.active {
  border-bottom: 1px solid var(--fm-purple-light);
  padding-bottom: 22px;
}

.faq h5 {
  display: flex;
  align-items: center;
}

.faq h5:hover {
  cursor: pointer;
  color: var(--fm-purple);
}

.faq .toggle-icon {
  margin-right: 10px; /* adjust as needed */
  width: 20px;
  text-align: center;
}

.faq .toggle-icon:hover {
  text-decoration: none !important;
}

.faq .qa:last-child h5,
.faq .qa:last-child.active {
  border-bottom: none;
}

/* cookie consent */

#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
  background-color: var(--fm-black) !important;
  border: var(--fm-black) !important;
  color: var(--fm-white) !important;
  box-shadow: none !important;
}

#onetrust-consent-sdk
  #onetrust-pc-sdk
  button:not(#clear-filters-handler):not(.ot-close-icon):not(
    #filter-btn-handler
  ):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not(
    [aria-expanded]
  ):not(.ot-link-btn),
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-leg-btn-container
  .ot-active-leg-btn {
  background-color: var(--fm-black) !important;
  border: var(--fm-black) !important;
  color: var(--fm-white) !important;
  box-shadow: none !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler + a,
#onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-link,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-name a,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-acc-hdr .ot-host-expand,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info a {
  color: var(--fm-black) !important;
  text-decoration: underline;
}
/* home */

.home .header {
  padding: 0 60px;
}
@media (min-width: 992px) {
  .home h1 {
    font-size: 95px;
    text-align: left;
  }

  .home p.subline {
    font-size: 24px !important;
    text-align: right;
    margin-right: 4px;
  }

  .home p.subline strong {
    font-family: "Mona Sans";
    font-weight: 800;
    font-stretch: 125%;
    background: none;
  }

  .home figure.hero {
    display: block;
  }

  figure.figure.lg\:mb-40.hero {
    display: block;
  }

  figure.figure.lg\:mb-40.hero img {
    max-height: calc(100vh - 300px);
    min-height: 500px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

.hoverPointer:hover {
  cursor: pointer;
}

/*
👉 ausnahmeregel für den b- und strong-style für optinmonster kmapagnen
*/

div[id^="om-"] strong,
div[id^="om-"] b {
  display: inline;
  background: none !important;
}

/*
👉 toc
table of contents for single posts
*/

#fmap-toc ul {
  margin-bottom: 2em !important;
  padding-left: 0;
  list-style-type: none !important;
  max-width: 300px; /* @diana */
  margin-top: 1em;
  display: block;
}

#fmap-toc ul li {
  text-wrap: balance;
  max-inline-size: 30ch; /* not to collide with ctas standing out of content */
}

#fmap-toc ul li a {
  text-decoration: none !important;
  color: #adb5bd;
}

#fmap-toc ul li a:hover {
  text-decoration: underline !important;
  text-underline-offset: 2px;
  text-decoration-color: var(--fm-green) !important;
}

#fmap-toc ul li.active a:hover {
  text-decoration: none !important;
}

#fmap-toc ul li.active a {
  display: flex;
  color: #222;
  font-weight: 600;
}

#fmap-toc ul li.active a::before {
  content: "\F138";
  font-family: "bootstrap-icons";
  margin-right: 0.5rem;
  color: var(--fm-green);
  display: none;
}

@media (max-width: 1199.98px) {
  #fmap-toc {
    margin-bottom: 2rem;
  }

  #fmap-toc ul li a {
    text-decoration: underline !important;
    color: #222222;
    text-underline-offset: 2px;
  }
}

/*
👉 homepage
*/

.home .last-four h3 a {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}
.responsive-img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

/*
👉 landing v1
*/

main.landing.v1 {
  max-width: 1100px;
  margin: 0 auto;
}

main.landing.v1 > .container {
  padding: 0;
  width: 100%;
}

main.landing.v1 .trust h3 {
  color: #222222 !important;
}

.single-pillar header.nv {
  position: static; /* Default value, making it not sticky */
}

header.nv {
  z-index: 999;
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0; /* The distance from the top of the viewport */
}

body:not(.single-pillar) header.nv {
  background-color: rgba(
    255,
    255,
    255,
    0.9
  ); /* Use a fallback in case the variable isn't defined */
  backdrop-filter: saturate(180%) blur(20px); /* Apply the blur effect */
}

/* jump element / old su_buttons */
.wp-block-group.jump {
  background-color: #f7f7f7;
  padding: 2em;
  margin: 2.5em auto;
}

.wp-block-group.jump h4 {
  display: block;
  margin-bottom: 0.5em;
}

.wp-block-group.jump .wp-block-button {
  margin-bottom: 0;
}

/* img to 100% content width */
.single-post .wp-block-image img {
  width: 100%;
}

@media (max-width: 575.98px) {
  .gutschein .wp-block-button__link {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
  #wpadminbar {
    display: none !important;
  }
}

@media (max-width: 412.98px) {
  .gutschein .wp-block-button__link {
    padding-left: 0.6em !important;
    padding-right: 0.6em !important;
  }
}

.gutschein.w100 {
  float: none !important;
  width: 100% !important;
  margin: 0;
  margin-bottom: 2em;
}

.gutschein.w100 footer {
  margin: 0;
  padding: 0;
}

.single-post figure {
  margin-bottom: 2rem;
}

.single article {
  /* background-color: yellow; */
  max-width: 1100px;
}

.single article .content {
  /* background-color: green; */
  /* max-width: 768px; 🚨 */
}

.fullwidth {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

.single .hero-wrapper figure {
  width: 100%;
}

@media (max-width: 991.98px) {
  .single .hero-wrapper figure {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
}

.single .hero-wrapper figure img {
  width: 100%;
  height: auto;
}

.balanced {
  text-wrap: balance;
}

@media (min-width: 1200px) {
  /* Bootstrap's 'xl' breakpoint */
  #sidebar.toc {
    position: sticky;
    /* top: 0; Adjust this value to match the height of your header */
  }
}

li.active a {
  color: red;
}

@media (max-width: 1199.98px) {
  .content {
    overflow: hidden;
  }
}
#page {
  max-width: 1100px;
  margin: 0 auto;
}

/*
  👉 Navigation
  - Buttons
*/

@media (min-width: 1200px) {
  .nav-item-52703 a,
  .nav-item-52594 a {
    border-radius: 999px;
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    display: inline;
    padding: 12px 24px !important;
    position: relative;
    top: 6px;
  }

  .nav-item-52703 a {
    background-color: var(--fm-green);
    margin: 0 20px;
  }

  .nav-item-52594 a {
    background-color: #f7f7f7;
  }

  .nav-item-52703 a:hover {
    background-color: var(--fm-purple);
    color: white;
    text-decoration: none !important;
    margin-bottom: 30px;
  }

  .nav-item-52594 a:hover {
    background-color: var(--fm-purple-light);
    color: inherit;
    text-decoration: none !important;
  }

  .nav-link:hover {
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
  }

  .nav-link {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

.content p a,
.content li a {
  display: inline;
  background: linear-gradient(180deg, transparent 35%, var(--fm-green) 11%);
  margin-bottom: 0;
  text-decoration: none;
}

.content img {
  border-radius: 0.75em;
}

/* post sharing buttons */
.share-article a {
  font-size: 1.5rem !important;
  padding: 0.2rem 0.34rem;
}

.share-article a:first-of-type {
  padding-left: 0 !important;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--fm-purple);
  --bs-tooltip-color: var(--bs-white);
}

/* captions */

figcaption {
  font-family: var(--bs-font-sans-serif);
  font-size: 14px;
  font-weight: 400;
  color: var(--bs-fm-grey-800);
  margin: 10px 0 0 !important;
}

/* tables */
small,
figure.wp-block-table {
    font-size: 14px;
}

.wp-block-table table td {
  line-height: initial;
  border: 1px solid var(--bs-fm-grey-300);
}

.wp-block-table table td {
  border-bottom: 1px solid var(--bs-fm-grey-300);
  padding-top: 0.9em;
  padding-bottom: 0.65em;
  border-top: none;
}
.wp-block-table table th {
  /* border: 1px solid var(--bs-fm-grey-400); */
  padding-top: 0.9em;
  padding-bottom: 0.65em;
  border: 1px solid var(--bs-fm-grey-300);
  border-bottom: white !important;
}

.wp-block-table thead {
  border-bottom: 2px solid var(--bs-fm-grey-300);
  /* border-bottom: white !important; */
}

/* Remove outer border from table */
.wp-block-table table tr:first-of-type th,
.wp-block-table table tr:last-of-type td {
  border-top: none;
  border-bottom: none;
}

.wp-block-table table tr th:first-child,
.wp-block-table table tr td:first-child {
  border-left: none;
}

.wp-block-table table tr th:last-child,
.wp-block-table table tr td:last-child {
  border-right: none;
}

.wp-block-table table tr th:not(:first-child),
.wp-block-table table tr td:not(:first-child) {
  /* padding-left: 4em; Adjust as needed */
}

.wp-block-table table tr th,
.wp-block-table table tr td {
  /* padding-left: 4em; Adjust as needed */
}

/* h2 single post */

.single-post .content h2[id*="toc"]:first-child {
  margin-top: 0;
}

/* 
Abstände zwischen Stichpunkt-Listen bzw. Aufzählungen, siehe Figma
👉 NB-454
*/

/*ul:not(.breadcrumbs):not(.categories):not(.fmap-tx),*/
/* Removed empty ruleset */

.single-post .content .li-diana li {
  margin-bottom: 20px;
}

.single-post .content ul li {
  position: relative;
  left: -15px;
}

.share-article h3 {
  font-stretch: 100%;
}

.wp-block-columns.diana-banner {
    padding: 30px 20px 0 20px;
    border-radius: var(--bs-border-radius-xl);
	margin: 30px 0 20px;
}

nav li {
  list-style-type: none;
}

.account-menu-container .account-menu li {
  padding: 0 12px;
}

.header {
    margin-bottom: 1.5rem;
}

div#fmap-toc small.d-table {
    font-size: 13.5px;
	padding: 0.5rem !important;
}

#fmap-toc ul li {
    margin-bottom: 1.2em !important;
}

#fmap-toc ul li a {
    font-size: 12px;
	/*line-height: 1.1em;*/
}

/* ul {
  display: inline-block;
} */

.has-3-columns {
  max-width: 704px;
}

@media (min-width: 1200px) {
	.wp-block-table {
		max-width: 100%;
		overflow-x: auto;
		display: block;
	}
  	#content .col-xl-4 {
        width: 260px;
    }
    #content .col-xl {
      max-width: 840px;
    }
	.block-cta.sm {
        margin: 0px 20px 20px -30px;
    }
}

#content p {
  hyphens: auto;
}

.block-alert {
	margin-top: 30px;
	margin-bottom: 30px;
}
.wp-block-columns .block-alert {
	margin-top: 0;
	margin-bottom: 30px;
	hyphens: auto;
}

.content .badge {
	font-size: 14px;
}

.block-cta {
  	padding: 30px !important;
}

.block-cta p {
    font-size: 14px;
}

div main .wp-block-image a,
div main .wp-block-image a:hover {
	background: none !important;
}

/* --- Pillar Pages --- */
/* .postid-54581 and .postid-47418 are AI */
/* .postid-49952 is Finance */
/* .postid-42642 is Map Makers */
/* .postid-9 is Self Marketing */
/* .postid-54276 is Scheinselbstaendigkeit */
/* .postid-58366 is Pillarpage for Data Insights */
/* .postid-58966 is Pillarpage for Data Insights (LIVE SEITE) */


.postid-54581 #coaster-overlay,
.postid-47418 #coaster-overlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 600px;
    background-color: #0000f8;
    background: linear-gradient(0deg, rgba(0, 0, 248, 0) 0%, rgba(0, 0, 248, 1) 90%);
    z-index: -1;
}

.postid-49952 #coaster-overlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 600px;
    background-color: #f9de61;
	background: linear-gradient(0deg, rgba(250,222,97,0) 0%, rgba(250,222,97,1) 90%);
    z-index: -1;
}

.postid-42642 #coaster-overlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 600px;
    background-color: #b1c3b7;
	background: linear-gradient(0deg, rgba(177,195,183,0) 0%, rgba(177,195,183,1) 90%);
    z-index: -1;
}

.postid-9 #coaster-overlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 600px;
    background-color: #3A0092;
	background: linear-gradient(0deg, rgba(58,0,146,0) 0%, rgba(58,0,146,1) 90%);
    z-index: -1;
}

.postid-54276 #coaster-overlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 600px;
    background-color: #0B2550;
	background: linear-gradient(0deg, rgba(11,37,80,0) 0%, rgba(11,37,80,1) 90%);
    z-index: -1;
}

.single-pillar.postid-49952 header #menu-item-15 {
    background-color: #6C8165 !important;
    color: #ffffff !important;
}

.single-pillar.postid-49952 header .nav-link:hover {
    text-decoration-color: #222222 !important;
}

.single-pillar.postid-49952 header #menu-item-15:hover .nav-link {
	color: #222222 !important;
}

.single-pillar.postid-42642 header {
    background-color: #b1c3b7 !important;
}

.single-pillar.postid-42642 header #menu-item-15 {
    background-color: #00FFC8 !important;
    color: #ffffff !important;
}

.single-pillar.postid-42642 header .nav-link:hover {
    text-decoration-color: #222222 !important;
}

.single-pillar.postid-42642 header #menu-item-15 .nav-link {
	color: #222222 !important;
}

.single-pillar.postid-42642 header #menu-item-15:hover .nav-link {
	color: #222222 !important;
}

.single-pillar.postid-54276 header {
    background-color: #0B2550 !important;
}

.single-pillar.postid-54276 header #menu-item-15 {
    background-color: #F0D873 !important;
    color: #222222 !important;
}

.single-pillar.postid-54276 header .nav-link:hover {
    text-decoration-color: #222222 !important;
}

.single-pillar.postid-54276 header #menu-item-15 .nav-link {
	color: #222222 !important;
}

.single-pillar.postid-54276 header #menu-item-15:hover .nav-link {
	color: #222222 !important;
}

.postid-54581 #coaster,
.postid-47418 #coaster {
	height: 600px !important;
	background-image: url(https://img-cdn.freelancermap.de/blog/dach/header_artificial-intelligence.png);
    z-index: -2 !important;
    background-position: bottom;
	background-attachment: fixed;
}

.postid-49952 #coaster {
	height: 600px !important;
	background-image: url(https://img-cdn.freelancermap.de/blog/dach/header_finanzen.png);
    z-index: -2 !important;
    background-position: bottom;
	background-attachment: fixed;
}

.postid-42642 #coaster {
	height: 600px !important;
	background-image: url(https://img-cdn.freelancermap.de/blog/dach/header_mapmaker.png);
    z-index: -2 !important;
    background-position: bottom;
	background-attachment: fixed;
	background-color: #b1c3b7 !important;
}

.postid-9 #coaster {
	height: 600px !important;
	background-image: url(https://img-cdn.freelancermap.de/blog/dach/header_selbstmarketing.png);
    z-index: -2 !important;
    background-position: bottom;
	background-attachment: fixed;
	background-color: #3A0092 !important;
}

.postid-54276 #coaster {
	height: 600px !important;
	background-image: url(https://img-cdn.freelancermap.de/blog/dach/header_scheinselbststaendigkeit.png);
    z-index: -2 !important;
    background-position: bottom;
	background-attachment: fixed;
	background-color: #0B2550 !important;
}


@media (max-width: 799px){
	.single-pillar #coaster-overlay,
	.single-pillar #coaster {
		height: 315px!important;
	}
	
	.single-pillar #coaster {
		background-size: 100%;
    	background-repeat: space;
	}
	
	.single-pillar h2,
	.single-pillar h3 {
    hyphens: auto;
	}
}

.single-pillar #headlines h1 {
    font-size: 24px;
    line-height: 28px;
}

.single-pillar figure.figure.d-block.hero img {
    max-height: 480px;
    background-attachment: fixed;
    border-radius: 16px;
}

.single-pillar .content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.single-pillar a.wp-element-button {
    background-color: #fff;
    color: #222222;
    font-size: 16px;   
	padding: 1px 17px;
}

.single-pillar .faq .qa {
    max-width: 100%;
}

.single-pillar.postid-47418 .content p a, 
.single-pillar.postid-47418 .content li a {
    background: linear-gradient(180deg, transparent 35%, #ffff05 11%);
}

.single-pillar.postid-47418 .content p a:hover, 
.single-pillar.postid-47418 .content li a:hover {
	color: #000;
	background: linear-gradient(180deg, transparent 35%, #0600f83d 11%);
}

.single-pillar.postid-54581 a.wp-element-button,
.single-pillar.postid-47418 a.wp-element-button {
	border: 1px solid #222222; 
}

.single-pillar.postid-54581 a.wp-element-button:hover,
.single-pillar.postid-47418 a.wp-element-button:hover,
.single-pillar.postid-49952 a.wp-block-button:hover,
.single-pillar.postid-49952 .standout .wp-block-button__link:hover,
.single-pillar.postid-42642 a.wp-block-button:hover,
.single-pillar.postid-42642 .standout .wp-block-button__link:hover{
    background-color: #ffffff !important;
	color: #222222 !important;
}

.single-pillar.postid-54581 .pillarnav a.wp-element-button:hover,
.single-pillar.postid-47418 .pillarnav a.wp-element-button:hover {
    background-color: #FFFF05 !important;
	color: #222222 !important;
    border: 1px solid #FFFF05 !important;
}

.single-pillar.postid-54276 header #menu-item-15 .nav-link:hover {
	color: #F0D873 !important;
}

.single-pillar.postid-49952 .standout .wp-block-button__link,
.single-pillar.postid-49952 .pillarnav a.wp-element-button:hover,
.single-pillar.postid-49952 a.wp-element-button:hover {
    background-color: #6C8165 !important;
	color: #ffffff !important;
    border: 1px solid #6C8165 !important;
}

.single-pillar.postid-42642 .standout {
	background-color: #B1C3B7 !important;
}

.single-pillar.postid-49952 .content p a, 
.single-pillar.postid-49952 .content li a {
    background: linear-gradient(180deg, transparent 35%, #f9de61 11%);
}

.single-pillar.postid-49952 .content p a:hover, 
.single-pillar.postid-49952 .content li a:hover {
    color: #000;
	background: linear-gradient(180deg, transparent 35%, #6c81654a 11%);
}

.single-pillar.postid-42642 .content p a, 
.single-pillar.postid-42642 .content li a {
    background: linear-gradient(180deg, transparent 35%, #b1c3b7 11%);
}

.single-pillar.postid-42642 .content p a:hover, 
.single-pillar.postid-42642 .content li a:hover {
	color: #000;
	background: linear-gradient(180deg, transparent 35%, #00FFC8 11%);
}

.single-pillar.postid-42642 a.wp-element-button,
.single-pillar.postid-42642 .standout .wp-block-button__link,
.single-pillar.postid-42642 .pillarnav a.wp-element-button:hover {
    background-color: #00FFC8 !important;
	color: #222222 !important;
    border: 1px solid #00FFC8 !important;
}

.single-pillar.postid-42642 a.wp-element-button:hover {
	background-color: #b1c3b7 !important;
	color: #222222 !important;
    border: 1px solid #b1c3b7 !important;
}

.single-pillar.postid-54276 .standout {
	background-color: #0B2550 !important;
}

.single-pillar.postid-54276 a.wp-element-button,
.single-pillar.postid-54276 .standout .wp-block-button__link,
.single-pillar.postid-54276 .pillarnav a.wp-element-button:hover {
    background-color: #F0D873 !important;
	color: #222222 !important;
    border: 1px solid #F0D873 !important;
}

.single-pillar.postid-54276 a.wp-element-button:hover {
	background-color: #222222 !important;
	color: #ffffff !important;
    border: 1px solid #222222 !important;
}

.single.single-pillar main a.kb-section-link-overlay:hover {
    background-color: transparent !important;
    color: inherit !important;
    border: none !important;
}

.single-pillar.postid-54276 .standout .wp-block-button__link:hover {
	background-color: #000000 !important;
	color: #F0D873 !important;
	border-color: #000000 !important;
}

.single-pillar.postid-54276 .content p a, 
.single-pillar.postid-54276 .content li a {
    background: linear-gradient(180deg, transparent 35%, var(--fm-yellow) 11%);
}

.single-pillar.postid-54276 .content p a:hover, 
.single-pillar.postid-54276 .content li a:hover {
	background: linear-gradient(180deg, transparent 35%, #0b255036 11%);
}

.single-pillar.postid-9 .content p a, 
.single-pillar.postid-9 .content li a {
    background: linear-gradient(180deg, transparent 35%, #defd62 11%);
}

.single-pillar.postid-9 .content p a:hover, 
.single-pillar.postid-9 .content li a:hover {
	background: linear-gradient(180deg, transparent 35%, #3a009230 11%);
}

.postid-58966 #coaster-overlay {
		display: none!important;
		height: 0px !important;
	}

@media (min-width: 800px){
	.pillar-gliederung {
		/*padding-left: 60px;*/
		padding-top: 60px;
	}
}

.wp-block-buttons.pillarnav.is-layout-flex.wp-block-buttons-is-layout-flex {
	font-size: 12px;
	padding: 0 10px;
}

@media (max-width: 799px){
	.pillar-gliederung {
		padding-top: 30px;
	}
	
	.wp-block-buttons.pillarnav.is-layout-flex.wp-block-buttons-is-layout-flex {
		gap: 0;
		background: white;
		border-radius: 15px;
		padding: 15px 30px;
	}
	
	.pillar-gliederung a.kb-button.kt-button.button.wp-block-kadence-singlebtn,
	.single-pillar .pillarnav a.wp-block-button__link.wp-element-button {
        background: transparent;
        border: 0;
        padding: 0;
        height: auto;
        line-height: 1.5em;
        font-size: 16px;
		white-space: normal;
		text-align: left;
    }
	
	.pillar-gliederung a.kb-button.kt-button.button,
	.single-pillar .pillarnav .wp-block-button {
        background: #ffffff;
        padding: 0;
        height: auto;
        line-height: 1.4em;
        display: list-item;
        width: 100%;
        margin: 0;
    }
	
	.pillar-gliederung a.kb-button.kt-button.button.wp-block-kadence-singlebtn::before {
		color: #000;
		display: inline-block;
		content: '·';
		position: unset;
		opacity: 1;
		margin-right: 10px;
	}
	
	.single-pillar.postid-54581 .pillarnav a.wp-element-button:hover,
	.single-pillar.postid-47418 .pillarnav a.wp-element-button:hover {
		color: #495057 !important;
	}
}




/* Kadence Blocks Rows */
div .has-whoopi-dark-background-color {
    background-color: #3A0192 !important;
}

a.wp-block-button__link.has-black-color.has-julia-background-color.has-text-color.has-background.has-link-color.wp-element-button {
	background-color: #C5FF6C !important;
}

/* Buttons */
.single-pillar a.wp-block-button__link.has-black-color.has-julia-background-color.has-text-color.has-background.has-link-color.wp-element-button {
    background-color: #C5FF6C !important;
}

.single-pillar a.wp-block-button__link.has-black-color.has-julia-background-color.has-text-color.has-background.has-link-color.wp-element-button:hover {
    background-color: white !important;
    color: black !important;
}

/* Kadence Blocks Posts */
.wp-block-kadence-posts .loop-entry .entry-header .entry-title {
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    font-family: "Mona Sans";
    font-stretch: normal;
}

.wp-block-kadence-posts .loop-entry .entry-header .entry-title a {
	text-decoration: underline;
	background: none;
}

div .wp-block-kadence-posts .loop-entry .entry-content-wrap {
    padding: .5rem 2rem;
}

div.wp-block-kadence-posts .loop-entry, 
.selected-posts .wp-block-kadence-column.kb-section-has-link {
    box-shadow: 0px 15px 25px -10px rgb(0 0 0 / 13%);
    border-radius: 16px;
}

.wp-block-kadence-posts .loop-entry .post-thumbnail img,
.selected-posts .wp-block-kadence-column img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;	
}

.selected-posts .wp-block-kadence-column .wp-block-image.size-full {
	margin: 0 auto;
}

.selected-posts .wp-block-kadence-column .wp-block-image.size-medium {
    margin: 0;
}

.selected-posts .wp-block-kadence-column .wp-block-kadence-column {
    box-shadow: none;
    height: 100px;
    width: 100%;
    display: table;
}

.selected-posts .wp-block-kadence-column .wp-block-kadence-column .kt-inside-inner-col {
    display: table-cell;
    vertical-align: middle;
	-webkit-transition: none;
    -moz-transition: none;
    transition: none;
    position: relative;
    transform: none;
}

.selected-posts .wp-block-kadence-column .wp-block-kadence-column .kt-inside-inner-col p {
    margin-bottom: 0 !important;
	line-height: 18px !important;
}

@media (min-width: 800px){
	.wp-block-kadence-posts .loop-entry,
	.selected-posts .wp-block-kadence-column {
		-webkit-transition: transform .5s;
		-moz-transition: transform .5s;
		transition: transform .5s;
		position: relative;
		transform: translateY(0);
	}

	.wp-block-kadence-posts .loop-entry:hover,
	.selected-posts .wp-block-kadence-column:hover {
		transform: translateY(-10px);
	}
	
	.selected-posts .wp-block-kadence-column:hover .wp-block-kadence-column {
		transform: none;
	}
	
	div.wp-block-kadence-posts.grid-cols {
		column-gap: 1rem;
		row-gap: 1rem;
	}

	div.wp-block-kadence-posts .loop-entry .entry-content-wrap {
		padding: .5rem;
		height: 43%;
		display: table;
	}
	
	div.wp-block-kadence-posts .loop-entry header.entry-header {
		display: table-cell;
		vertical-align: middle;
	}
	
}

@media (max-width: 1024px){
   div.wp-block-kadence-posts.grid-cols {
       grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	   column-gap: .5rem;
       row-gap: .5rem;
	   grid-auto-rows: auto;
	}
	
	.wp-block-kadence-posts .loop-entry .entry-header .entry-title {
    	font-size: 14px;
	}
}

.page-id-55343 div.wp-block-kadence-posts .loop-entry header.entry-header {
    display: block;
}

.page-id-55343 div .wp-block-kadence-posts .loop-entry header.entry-header h2 {
    text-align: left;
	font-size: 24px;
	text-decoration: underline;
    font-weight: bold;
}

.page-id-55343 .wp-block-kadence-posts .loop-entry a.post-thumbnail.kadence-thumbnail-ratio-9-16,
.page-id-55343 .wp-block-kadence-posts .loop-entry .post-thumbnail img {
    border-radius: 5px;
}

.page-id-55343 div .wp-block-kadence-posts .loop-entry {
	box-shadow: none;
	border-radius: 0;
}

.page-id-55343 .wp-block-kadence-posts article {
    margin-bottom: 2em;
}

@media (min-width: 800px) {
    .page-id-55343 div .wp-block-kadence-posts .loop-entry .entry-content-wrap {
        padding: 0 25px;
    }
	
	.page-id-55343 .wp-block-kadence-posts .loop-entry:hover {
        transform: none;
    }
}

@media (max-width: 1024px){
	.page-id-55343 div .wp-block-kadence-posts .loop-entry header.entry-header h2 {
		font-size: 17px;
	}
	
	.page-id-55343 .wp-block-kadence-posts article {
		margin-bottom: -50px;
	}
}

/* Pillar and Kadence Buttons */
.pillar-cta .wp-block-button {
    margin-bottom: var(--global-kb-spacing-xxs, 0.5rem);
}

.single-pillar .pillar-cta a.wp-element-button,
.single-pillar .pillar-cta .wp-block-kadence-advancedbtn .kb-button.kt-btn-size-small {
	font-size: 12px;
}

@media (max-width:799px){
	.single-pillar .pillar-cta a.wp-element-button,
	.single-pillar .pillar-cta .wp-block-kadence-advancedbtn .kb-button.kt-btn-size-small {
		font-size: 13px;
	}
}

/* Kadence Conversions */
.kadence-conversion-inner .wp-block-image {
    margin-top: 0;
}

/* Tags */
.archive .recent-blog-articles {
    display: none;
}

/* CTA Banners */
.cta-banner img {
    margin-top: 4rem;
	border-radius: 16px;
}