@charset "UTF-8";
@font-face {
  font-display: swap;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-family: 'FiraGo';
  font-weight: 400;
  src: url("css/webfonts/FiraGO-Regular.woff2") format("woff2"), url("css/webfonts/FiraGO-Regular.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-style: italic;
  text-rendering: optimizeLegibility;
  font-family: 'FiraGo';
  font-weight: 400;
  src: url("css/webfonts/FiraGO-Italic.woff2") format("woff2"), url("css/webfonts/FiraGO-Italic.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-family: 'FiraGo';
  font-weight: 500;
  src: url("css/webfonts/FiraGO-Medium.woff2") format("woff2"), url("css/webfonts/FiraGO-Medium.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-style: italic;
  text-rendering: optimizeLegibility;
  font-family: 'FiraGo';
  font-weight: 500;
  src: url("css/webfonts/FiraGO-MediumItalic.woff2") format("woff2"), url("css/webfonts/FiraGO-MediumItalic.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-family: 'FiraGo';
  font-weight: 700;
  src: url("css/webfonts/FiraGO-Bold.woff2") format("woff2"), url("css/webfonts/FiraGO-Bold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-style: italic;
  text-rendering: optimizeLegibility;
  font-family: 'FiraGo';
  font-weight: 700;
  src: url("css/webfonts/FiraGO-BoldItalic.woff2") format("woff2"), url("css/webfonts/FiraGO-BoldItalic.woff") format("woff");
}
/********************************************************************************************************************************************
 * Variablen
 $colors = array(
	"gruen01", "gruen02", "gruen03",
	"blau01", "blau02", "blau03",
	"orange01", "orange02", "orange03",
	"flieder01", "flieder02", "flieder03",
	"gelbgruen01", "gelbgruen02", "gelbgruen03",
	"petrol01", "petrol02", "petrol03",
	"braun01", "braun02", "braun03",
	"bordeaux01", "bordeaux02", "bordeaux03",
	"fuchsia01", "fuchsia02", "fuchsia03",
);
 ********************************************************************************************************************************************/
:root {
  --fontfamily: 'FiraGo', sans-serif;
  --gruen01: #aecd60;
  --gruen02: #79ac2b;
  --gruen03: #497b30;
  --fuchsia01: #ea5293;
  --fuchsia02: #de0065;
  --fuchsia03: #a21343;
  --primarycolor: #497b30;
  --fontcolor: #0b2e22;
  --bordercolor: #aecd60;
  --white: #ffffff;
  --grau01: #f1f1f1;
  --grau02: #ebebeb;
  --radius: 25px;
  --radius_big: 50px;
  --radius_small: 17px;
  --radius_formfield: 7px;
}
body.admin-color-modern {
  --wp-admin-theme-color: var(--gruen02);
  --wp-admin-theme-color--rgb: rgb(from var(--gruen02) r g b);
  --wp-admin-theme-color-darker-10: rgb(from var(--gruen03) r g b);
  --wp-admin-theme-color-darker-10--rgb: rgb(from var(--gruen03) r g b);
  --wp-admin-theme-color-darker-20: rgb(from var(--fuchsia03) r g b);
  --wp-admin-theme-color-darker-20--rgb: rgb(from var(--fuchsia03) r g b);
  --wp-admin-border-width-focus: 2px;
}
.boxshadow {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}
.boxshadow_button {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.bold {
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.01em;
}
.medium {
  font-weight: 500;
  font-style: normal;
}
.regular {
  font-weight: 200;
  font-style: normal;
}
.bolditalic {
  font-weight: 700;
  font-style: italic;
}
.mediumitalic {
  font-weight: 500;
  font-style: italic;
}
.italic {
  font-weight: 200;
  font-style: italic;
}
.bg_gruen01 {
  background: var(--gruen01);
  fill: var(--gruen01);
}
.bg_gruen02 {
  background: var(--gruen02);
  fill: var(--gruen02);
}
.bg_gruen03 {
  background: var(--gruen03);
  fill: var(--gruen03);
}
.bg_fuchsia01 {
  background: var(--fuchsia01);
  fill: var(--fuchsia01);
}
.bg_fuchsia02 {
  background: var(--fuchsia02);
  fill: var(--fuchsia02);
}
.bg_fuchsia03 {
  background: var(--fuchsia03);
  fill: var(--fuchsia03);
}
.bg_grau01 {
  background: var(--grau01);
  fill: var(--grau01);
}
.bg_grau02 {
  background: var(--grau02);
  fill: var(--grau02);
}
.bg_white {
  background: var(--white);
  fill: var(--white);
}
.bg_gruen01_lighter {
  background: color-mix(in oklch, lch(from var(--gruen01) calc(l + 5) c h) 80%, var(--white));
  fill: color-mix(in oklch, lch(from var(--gruen01) calc(l + 5) c h) 80%, var(--white));
}
.bg_fuchsia01_lighter {
  background: color-mix(in oklch, lch(from var(--fuchsia01) calc(l + 10) c h) 50%, var(--white));
}
.gruen01 {
  color: var(--gruen01);
}
.gruen01 a {
  color: var(--gruen01);
}
.gruen02 {
  color: var(--gruen02);
}
.gruen02 a {
  color: var(--gruen02);
}
.gruen03 {
  color: var(--gruen03);
}
.gruen03 a {
  color: var(--gruen03);
}
.fuchsia01 {
  color: var(--fuchsia01);
}
.fuchsia01 a {
  color: var(--fuchsia01);
}
.fuchsia02 {
  color: var(--fuchsia02);
}
.fuchsia02 a {
  color: var(--fuchsia02);
}
.fuchsia03 {
  color: var(--fuchsia03);
}
.fuchsia03 a {
  color: var(--fuchsia03);
}
.grau01 {
  color: var(--grau01);
}
.grau01 a {
  color: var(--grau01);
}
.white {
  color: var(--white);
}
.white a {
  color: var(--white);
}
.bg_gruen02_darker {
  background: oklch(from var(--gruen02) calc(l - 0.02) c h);
}
.header_gruen03 h1,
.header_gruen03 h2,
.header_gruen03 h3,
.header_gruen03 h4 {
  color: var(--gruen03);
}
.header_gruen03 h1 a,
.header_gruen03 h2 a,
.header_gruen03 h3 a,
.header_gruen03 h4 a {
  color: var(--gruen03);
}
.header_gruen03.list_horizontal li {
  background: color-mix(in oklch, lch(from var(--gruen01) calc(l + 5) c h) 80%, var(--white));
  fill: color-mix(in oklch, lch(from var(--gruen01) calc(l + 5) c h) 80%, var(--white));
}
.header_fuchsia03 h1,
.header_fuchsia03 h2,
.header_fuchsia03 h3,
.header_fuchsia03 h4 {
  color: var(--fuchsia03);
}
.header_fuchsia03 h1 a,
.header_fuchsia03 h2 a,
.header_fuchsia03 h3 a,
.header_fuchsia03 h4 a {
  color: var(--fuchsia03);
}
.header_fuchsia03.list_horizontal li {
  background: color-mix(in oklch, lch(from var(--fuchsia01) calc(l + 10) c h) 50%, var(--white));
}
.shape01 {
  border-radius: var(--radius_big);
}
@supports (corner-shape: squircle) {
  .shape01 {
    border-radius: 40% 100% 50% 60% / 100% 90% 90% 80%;
    corner-shape: squircle;
  }
}
.shape02 {
  border-radius: var(--radius_big);
}
@supports (corner-shape: squircle) {
  .shape02 {
    border-radius: 80% 60% 50% 40% / 90% 100% 90% 80%;
    corner-shape: squircle;
  }
}
.shape03 {
  border-radius: var(--radius_big);
}
@supports (corner-shape: squircle) {
  .shape03 {
    border-radius: 30% 50% 50% 40% / 100% 90% 90% 50%;
    corner-shape: squircle;
  }
}
.shape04 {
  border-radius: var(--radius_big);
}
@supports (corner-shape: squircle) {
  .shape04 {
    border-radius: 50% 70% 60% 110% / 90% 70% 90% 50%;
    corner-shape: squircle;
  }
}
button,
button a,
.button {
  line-height: 1.2em;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 8px 20px;
  font-weight: 500;
  font-style: normal;
  color: var(--white);
  border-radius: var(--radius_big);
  corner-shape: squircle;
  transition: all 0.3s ease;
  font-size: 1.1rem;
  cursor: pointer;
}
button:hover,
button a:hover,
.button:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
button:focus,
button a:focus,
.button:focus {
  border-radius: var(--radius_big);
}
h3,
.h3 {
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.01em;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.2em;
  margin: 15px 0 0 0;
  text-wrap: balance;
  text-align: center;
  display: block;
}
strong {
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.01em;
}
/********************************************************************************************************************************************
* Stylesheets
********************************************************************************************************************************************/
body {
  background: var(--white);
}
body.login {
  font-family: var(--fontfamily);
  font-size: 17px;
  color: var(--fontcolor);
  line-height: 1em;
  font-weight: 200;
  font-style: normal;
}
.language-switcher {
  display: none;
}
#login {
  width: 90%;
  max-width: 550px;
}
.login form {
  width: 100%;
  padding: 30px 50px;
  box-sizing: border-box;
  background: color-mix(in oklch, lch(from var(--gruen01) calc(l + 5) c h) 80%, var(--white));
  fill: color-mix(in oklch, lch(from var(--gruen01) calc(l + 5) c h) 80%, var(--white));
  border-radius: var(--radius_big);
  border-color: transparent;
  line-height: 1.3em;
}
@supports (corner-shape: squircle) {
  .login form {
    border-radius: 30% 50% 50% 40% / 100% 90% 90% 50%;
    corner-shape: squircle;
  }
}
.login form input[type=text],
.login form input[type=password],
.login form input[type=email],
.login form input[type=tel] {
  background: #fff;
  border-color: var(--gruen03);
  color: var(--fontcolor);
  width: 100%;
  box-sizing: border-box;
  padding: 10px 15px;
  border-radius: var(--radius_formfield);
  font-family: var(--fontfamily);
  font-size: 100%;
}
.login form input[type=text]:focus,
.login form input[type=password]:focus,
.login form input[type=email]:focus,
.login form input[type=tel]:focus {
  border-color: var(--gruen03);
  box-shadow: none;
  outline: 2px solid var(--gruen03);
}
.login form label {
  font-size: 90%;
}
.login .reset-pass-submit .button,
.wp-core-ui .button.button-large,
.wp-core-ui .button-group.button-large .button,
.wp-core-ui .button-primary,
.wp-core-ui .button {
  line-height: 1.2em;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 8px 20px;
  font-weight: 500;
  font-style: normal;
  color: var(--white);
  border-radius: var(--radius_big);
  corner-shape: squircle;
  transition: all 0.3s ease;
  font-size: 1.1rem;
  cursor: pointer;
}
.login .reset-pass-submit .button:hover,
.wp-core-ui .button.button-large:hover,
.wp-core-ui .button-group.button-large .button:hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.login .reset-pass-submit .button:focus,
.wp-core-ui .button.button-large:focus,
.wp-core-ui .button-group.button-large .button:focus,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button:focus {
  border-radius: var(--radius_big);
}
.login .reset-pass-submit .button.wp-generate-pw,
.wp-core-ui .button.button-large.wp-generate-pw,
.wp-core-ui .button-group.button-large .button.wp-generate-pw,
.wp-core-ui .button-primary.wp-generate-pw,
.wp-core-ui .button.wp-generate-pw,
.login .reset-pass-submit .button[name=wp-2fa-email-code-resend],
.wp-core-ui .button.button-large[name=wp-2fa-email-code-resend],
.wp-core-ui .button-group.button-large .button[name=wp-2fa-email-code-resend],
.wp-core-ui .button-primary[name=wp-2fa-email-code-resend],
.wp-core-ui .button[name=wp-2fa-email-code-resend] {
  color: var(--fuchsia02);
}
.wp-core-ui .button-secondary,
.wp-2fa-button-primary + .wp-2fa-button-secondary {
  line-height: 1.2em;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 8px 20px;
  font-weight: 500;
  font-style: normal;
  color: var(--white);
  border-radius: var(--radius_big);
  corner-shape: squircle;
  transition: all 0.3s ease;
  font-size: 1.1rem;
  cursor: pointer;
  color: var(--fuchsia02);
}
.wp-core-ui .button-secondary:hover,
.wp-2fa-button-primary + .wp-2fa-button-secondary:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.wp-core-ui .button-secondary:focus,
.wp-2fa-button-primary + .wp-2fa-button-secondary:focus {
  border-radius: var(--radius_big);
}
.wp-core-ui .button,
.wp-core-ui .button-secondary,
.wp-2fa-email-code-resend,
.wp-core-ui .button {
  border-color: var(--fuchsia02);
}
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-2fa-email-code-resend:hover,
.wp-core-ui .button:hover {
  border-color: var(--fuchsia02);
}
.wp-core-ui .button-primary {
  background: var(--fuchsia02);
  fill: var(--fuchsia02);
  border-color: transparent;
}
.wp-core-ui .button-primary:hover {
  background: var(--fuchsia02);
  fill: var(--fuchsia02);
  border-color: transparent;
}
.login .message,
.login .notice,
.login .success {
  border-color: var(--fuchsia02);
}
.login .message p,
.login .notice p,
.login .success p,
.login .message li,
.login .notice li,
.login .success li {
  font-size: 90%;
}
.login .message.register,
.login .notice.register,
.login .success.register {
  border: none;
}
.login .message a,
.login .notice a,
.login .success a {
  color: var(--fontcolor);
  text-underline-offset: 0.15em;
  text-decoration: solid underline var(--gruen02) 2px;
}
.login .message a:hover,
.login .notice a:hover,
.login .success a:hover {
  text-decoration-style: solid;
  background: color-mix(in oklch, lch(from var(--gruen01) calc(l + 5) c h) 80%, var(--white));
  fill: color-mix(in oklch, lch(from var(--gruen01) calc(l + 5) c h) 80%, var(--white));
  border-radius: 4px;
}
.login-action-checkemail #backtoblog,
.login-action-resetpass #backtoblog {
  display: none;
}