/*!
Theme Name: Schmatztruckli
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: schmatztruckli
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Schmatztruckli is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

@font-face {
  font-display: swap;
  font-family: "ItacaCondensedBold";
  src: url('/wp-content/themes/schmatztruckli/fonts/ItacaCondensedBold/font.woff2') format('woff2'), url('/wp-content/themes/schmatztruckli/fonts/ItacaCondensedBold/font.woff') format('woff');
}

/* roboto-condensed-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/themes/schmatztruckli/fonts/roboto-condensed-v27-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/schmatztruckli/fonts/roboto-condensed-v27-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/schmatztruckli/fonts/roboto-condensed-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */


html {
	margin-top: 0 !important;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

body {
	margin: 0;
	padding: 0;
}

main {
	display: block;
	max-width: 1440px;
	padding: 110px 42px;
  margin: 0 auto;
}

.site-info {
  padding: 80px 42px 0 42px;
}

.schmatz-schmatz {
  position: relative;
  width: 100%;
  z-index: -1;
}

.home .entry-title {
  margin: 200px auto;
}

.entry-title {
  max-width: 1440px;
	padding: 0px 80px 0 80px;
  margin: 440px auto 200px auto;
}

	.entry-title img {
		width: 480px;
	}

.entry-title .wp-block-heading {
  max-width: 710px;
}

.entry-title .wp-block-heading img {
    width: 9.5%; /* Set width of the SVG image relative to its parent */
    min-width: 35px;
    max-width: 70px; /* Ensure the image does not overflow the container */
    height: auto; /* Maintain aspect ratio */
}

.block-title img {
    width: 12.5%; /* Set width of the SVG image relative to its parent */
    min-width: 35px;
    max-width: 70px; /* Ensure the image does not overflow the container */
    height: auto; /* Maintain aspect ratio */
}

.entry-title .wp-block-heading .pfeil-nach-unten {
  width: 16.5%; /* Set width of the SVG image relative to its parent */
  min-width: 35px;
  max-width: 80px; /* Ensure the image does not overflow the container */
  height: auto; /* Maintain aspect ratio */
}

.home .h2-header {
  max-width: 620px;
}


/* - - - - -  */
/* - FOOTER - */
/* - - - - -  */

.site-footer {
	background-color: var(--violett);
	padding-bottom: 50px;
}

footer :where(.wp-block-columns) {
    margin-bottom: 0.75em;
}

footer .kein-padding-oben {
  margin-block-start: -10px !important;
}

.site-footer img {
  max-width: 270px;
}

footer p {
	margin: 80px 0 0 0;
	padding: 0;
}

#block-8 {
	text-align: center;
}
#block-8 p {
	font-size: 15px;
}


/* - - - - -  */
/* Datenschutz */
/* - - - - -  */

.page-id-3 main {
	padding-bottom: 140px;
}
.page-id-3 h3 {
	padding-top: 40px;
	margin-bottom: 0px;
}
.page-id-3 h2 {
	padding-top: 100px;
	margin-bottom: 10px;
}


/* - - - - -  */
/* Ditty Ticker */
/* - - - - -  */

.wp-block-quote, .ditty-ticker {
  margin-bottom: 5em;
  min-height: 109px;
}

.ditty-ticker img {
  padding-top: 10px;
}

.ditty-item__content h2 {
  margin: 23px 10px 0 10px;
  padding-top: 0px;
  color: var(--violett);
  display:inline-block;

}

.ditty-item__elements {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  align-items: start;
  justify-content: center;
}




/* - - - - -  */
/* - COLORS - */
/* - - - - -  */

:root {
  --rot: #eb5844;
  --violett: #d4c4e1;
	--weiss: #fff;
}

footer .rot, footer .rot a {
	color: var(--rot);
  border-color: var(--rot) !important;
}

footer .wp-block-button a:hover {
  color: var(--weiss) !important;
  border-color: var(--weiss) !important;
}

.wp-block-button a:hover {
  color: var(--violett) !important;
  border-color: var(--violett) !important;
}

.violett {
	color: var(--violett) !important;
}

.bg-violett {
	background-color: var(--violett) !important;
  /* width: calc(100vw - 15px); */
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0px);
  padding: 80px 42px;
  /* z-index: -1; */
}

.bg-violett > .wp-block-column {
  max-width: 1240px;
  margin: 0 auto;
}

.bg-violett p {
	color: #fff;
}

.weiss, .weiss a {
	color: var(--weiss) !important;
  border-color: var(--weiss) !important;
}

footer .weiss a:hover {
  color: var(--rot) !important;
  border-color: var(--rot) !important;
}

a:hover {
  color: var(--violett) !important;
  border-color: var(--violett) !important;
}

.violett a:hover {
  color: var(--rot) !important;
  border-color: var(--rot) !important;
}


footer a:hover {
  color: var(--weiss) !important;
}



/* - - - - -  */
/* - FONTS - */
/* - - - - -  */

p {
	font-family: 'Roboto Condensed';
	font-weight: 200;
	font-size: calc(26px *0.75);
 	color: var(--rot);
}

.home h1 {
  font-size: calc(80px * 0.6);
  font-family: "ItacaCondensedBold";
  letter-spacing: 1.8px;
    font-weight: normal;
	color: #fff;
}

h1 {
  font-family: "ItacaCondensedBold";
    letter-spacing: 1.8px;
  font-size: calc(100vw / 20);
    font-weight: normal;
	line-height: 1.15;
	text-transform: uppercase;
	margin: 0.67em 0;
	color: var(--rot);
}

h2, .h2, .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-title h3  {
  font-family: "ItacaCondensedBold";
	font-size: calc(60px * 0.6);
  letter-spacing: 1.8px;
	line-height: 1.15;
  font-weight: normal;
	text-transform: uppercase;
	color: var(--rot);
  margin-block-end: 48px;
  padding-bottom: 20px;
}

.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-title h3 {
color: var(--weiss);
}

h3 {
	font-family: 'Roboto Condensed';
	font-weight: 200;
	font-size: calc(38px * 0.6);
	line-height: 1.3;
	color: var(--rot);
  padding-bottom: 20px;
}

h3.wp-block-post-title, footer h2 {
    padding-bottom: 0px;
}

footer .wp-block-buttons {
  margin-block-start: 4px;
}

.menu li {
  font-family: "ItacaCondensedBold";
    letter-spacing: 1.4px;
}






/* - - - - - - */
/* - TABELLEN - */
/* - - - - - - */

.Tabelle .wp-block-columns {
	border-bottom: 1px solid var(--rot);
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.Tabelle .wp-block-columns > .wp-block-column{
  margin-bottom: 20px !important;
  margin-top: 8px;
}

:where(.wp-block-columns), .everest-forms {
    margin-bottom: 4.25em;
}



/* Grouping content
	 ========================================================================== */

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */


a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}


/* - - - - -  */
/* - HEADER - */
/* - - - - -  */

#masthead {
	background: var(--violett);
	height: 1024px;
  margin-bottom: 80px;
  padding-top: 48px;
  width: 100%;
}

.home #masthead {
  height: 1024px;
  background: url(/wp-content/uploads/2024/11/Schmatztruckli_suesse_crepes.jpg);
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.page-id-298 #masthead {
	  background: url(/wp-content/uploads/2024/11/Schmatztruckli_crepes_gefaltet.jpg);
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}


.page-id-326 #masthead {
	  background: url(/wp-content/uploads/2024/11/Schmatztruckli_foodtruck.png);
  background-position: 45% 50%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	background-color: var(--violett);
}

.page-id-354 #masthead {
	  background: url(/wp-content/uploads/2024/11/Schmatztruckli_crepes_gewuerzt.jpg);
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}




@media all and (max-width: 929px) {

.entry-title {
	margin: 140px auto 200px auto;
	}

.entry-title .wp-block-heading {
  /*  max-width: 310px; */
    margin: 0 auto;
}

html h1 {
  font-size: 46px;
  letter-spacing: 0.8px;
}

}


@media all and (max-width: 380px) {
  .home .entry-title {
  	padding: 0px 40px 0 40px !important;
  }
  .entry-title {
    padding: 0px 24px 0 28px !important;
  }
}


@media all and (max-width: 540px) {

.page-id-326 #masthead {
  background-position: 35% 90% !important;
  background-size: 90vh !important;
}

html .evf-field.evf-field-likert table.everest-forms-field-likert th, .evf-field.evf-field-likert table.everest-forms-field-likert td, .everest-forms label.evf-field-label, .wp-block-everest-forms-form-selector label.evf-field-label {
  font-size: 18px !important;
  color: var(--rot) !important;
}

.entry-image {
/*	padding: 0 50px 20px 50px; */
		padding: 0 0px 20px 0px;
}

.home .entry-title {
    margin: 130px auto;
	padding: 40px 40px 0 40px;
}

.home #masthead {
  background: url(/wp-content/uploads/2024/11/Schmatztruckli_suesse_crepes_mobile.jpg);
  height: 100vh;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.page-id-298 #masthead {
	background: url(/wp-content/uploads/2024/11/Schmatztruckli_crepes_gefaltet_mobile.jpg);
	height: 100vh;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.page-id-326 #masthead {
	background: url(/wp-content/uploads/2024/11/Schmatztruckli_foodtruck.png);
	height: 100vh;
	  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	background-color: var(--violett);
}

.page-id-354 #masthead {
	background: url(/wp-content/uploads/2024/11/Schmatztruckli_crepes_gewuerzt_mobile.jpg);
  background-position: 65% 50% !important; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	height: 100vh;
}
}




@media all and (min-width: 541px) and (max-width: 929px) {

  .page-id-354 #masthead {
    background-position: 75% 50% !important; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
  }
}



/* - - - - -  */
/* BUTTON */
/* - - - - -  */

.wp-block-buttons >.wp-block-button {
  margin: 10px 0 10px 0;
}

button, .wp-block-button a {
  font-family: "ItacaCondensedBold";
		text-transform: uppercase;
		background: none;
    letter-spacing: 1px;
		color: var(--rot);
		border: 1px solid var(--rot);
}

.wp-block-buttons + .wp-block-buttons, .wp-block-buttons + .wp-block-buttons > .wp-block-button {
    margin-top: 5px;
    margin-bottom: 5px;
}



/* Forms
	 ========================================================================== */

.everest-forms.bg-violett > .evf-container {
  max-width: 1220px;
  margin: 0 auto;
}

html .everest-forms input:focus,
html .everest-forms textarea:focus,
html .wp-block-everest-forms-form-selector input:focus,
html .wp-block-everest-forms-form-selector textarea:focus,
html .everest-forms input[type=text],
html .everest-forms input[type=number],
.everest-forms input[type=email],
.everest-forms select {
  border: 0px !important;
  border-radius: 22px !important;
  font-size: 16px;
  padding: 10px 20px;
}

.evf-field.evf-field-likert table.everest-forms-field-likert,
.evf-td-head,
.evf-field.evf-field-likert table.everest-forms-field-likert thead th,
.evf-field.evf-field-likert table.everest-forms-field-likert tbody tr:nth-child(even) td,
.evf-field.evf-field-likert table.everest-forms-field-likert tbody tr:nth-child(even) th {
  background: none;
  border: 0 !important;
}

html .evf-td-head {
  width: 60% !important;
  padding: 0 !important;
}

html .evf-field.evf-field-likert table.everest-forms-field-likert th,
.evf-field.evf-field-likert table.everest-forms-field-likert td,
.everest-forms label.evf-field-label,
.wp-block-everest-forms-form-selector label.evf-field-label {
  padding: 0 !important;
  color: var(--weiss) !important;
  font-weight: 300;
  font-size: 26px;
  line-height: 1.3;
}

.evf-field.evf-field-likert table.everest-forms-field-likert {
  border-spacing: 0 12px;
}

html .everest-forms button[type=submit] {
  font-family: "ItacaCondensedBold";
  letter-spacing: 1px;
  color: var(--rot) !important;
  font-size: 26px;
  text-transform: uppercase;
  border-radius: 35px !important;
  background: none !important;
  border-color: 1px solid var(--rot) !important;
  padding: calc(0.667em + 2px) calc(1.333em + 2px) !important;
  margin-top: 19px;
}

html .evf-field.evf-field-likert table.everest-forms-field-likert select {
  height: 44px;
  width: 120px;
  padding: 10px 20px;
  border: 0px;
  border-radius: 22px !important;
background-color: #fff;
}

html .evf-field.evf-field-likert table.everest-forms-field-likert select option {
  margin-left: -10px;
}

html .everest-forms button[type=submit]:hover {
color: var(--weiss) !important;
border-color: var(--weiss) !important;
}



/* Dropdown-Feld anpassen */
select.everest-forms-likert-field-option {
    padding-right: 30px; /* Platz zwischen Pfeil und rechtem Rand */
    background-color: #fff; /* Sicherstellen, dass der Hintergrund weiß bleibt */
    border-right: 10px solid #fff !important; /* Optional: Rahmen beibehalten oder anpassen */
    box-sizing: border-box; /* Padding korrekt berücksichtigen */
    width: 100%; /* Breite anpassen, falls erforderlich */
}








button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}



/* Bilder Images
	 ========================================================================== */

.home .wp-block-column .wp-block-image img, .page-id-298 .wp-block-column .wp-block-image img, .page-id-354 .wp-block-column .wp-block-image img {
    border-radius: 50%;
}


/* Interactive
	 ========================================================================== */

details {
	display: block;
}

summary {
	display: list-item;
}



/* Misc
	 ========================================================================== */

template {
	display: none;
}

[hidden] {
	display: none;
}



/* Box sizing
--------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
  width: 100%
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
input,
select,
optgroup,
textarea, cite {
	color: var(--rot);
	font-family: 'Roboto Condensed';
	font-weight: 200;
	font-size: 1rem;
	line-height: 1.45;
  font-style: normal !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

cite {
  text-align: center;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: none;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: var(--rot);
  text-decoration: none;
}

a:where(:not(.wp-element-button)) {
    text-decoration: none;
}

a:visited {
	color: var(--rot);
}

a:hover,
a:focus,
a:active {
	color: var(--violett);
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}




/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/


/* Navigation
--------------------------------------------- */

.custom-logo {
  margin: 18px 45px 18px 25px;
}

a.menu-logo {
  z-index: 100000;
}

.top-nav {
  display: grid;
  z-index: 100000;
  align-items: center;
  justify-content: space-between;
  color: #FFF;
  height: 90px;
   padding: 0 36px;
	/* max-width: 870px; */
	max-width: 882px;
  min-width: 310px;
  width: calc(100% - 48px);
  margin: 36px 24px 0 24px;
  background: var(--weiss);
  border-radius: 45px;
  grid-template-areas: "a b";
  position: fixed;
  left: 50%;
  transform: translate( calc(-50% - 24px), -0%);
  top: 0;
}

.menu-button-container {
	display: inline-block;
	z-index: 777;
	width: 55px;
	cursor: pointer;
	height: 60px;
	margin-top: 10px;
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: var(--rot);
  position: absolute;
  height: 2px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
	margin-top: 20px
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}

.menu-top-menu-container > .menu > li {
  display: flex;
  justify-content: center;
  /* margin: 0; */
  padding: 0.5em 0;
  width: 100%;
  color: white;
  text-transform: uppercase;
}

.menu-top-menu-container > .menu > li > a {
  text-decoration: none;
}
.menu-top-menu-container > .menu {
  position: absolute;
  top: 0;
  padding-top: 235px;
  padding-left: 0;
  left: -24px;
  flex-direction: column;
  /* width: 100%; */
  width: 100vw;
  justify-content: center;
  align-items: center;
}

 #menu-toggle:checked ~ .menu-top-menu-container > .menu {
	height: 100vh;
	background-color: var(--violett);
}

#menu-toggle ~ .menu-top-menu-container > .menu li {
  height: 0;
  padding: 0;
  border: 0;
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

 #menu-toggle ~ .menu-top-menu-container > .menu a {
	 display: none;
 }

 #menu-toggle:checked ~ .menu-top-menu-container > .menu a {
	 display: flex;
	 font-size: 58px;
   color: var(--rot);
 }

 #menu-toggle:checked ~ .menu-top-menu-container > .menu li a:hover {
   color: var(--weiss) !important;
 }

#menu-toggle:checked ~ .menu-top-menu-container > .menu li {
  border: 0px solid #333;
  height: 5.5em;
  padding: 0.5em;
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-top-menu-container .menu > li:not(:last-child) {
  border-bottom: 0px solid #444;
}

.menu li a, .menu li a:visited {
  color: var(--weiss);
}
 .menu li a:active {
  color: var(--rot);
}

.menu .current-menu-item a {
  color: var(--weiss) !important;
}



/* - - - - - - - */
/* SLIDER */
/* - - - - - - - */

html .metaslider.ms-theme-clarity .flexslider .caption-wrap {
    border: none;
  }



html .metaslider.ms-theme-clarity .flexslider .flex-direction-nav li {
    background-color: #fff;
    border: none;;
    box-shadow: none !important;
    border-radius: 100%;
    height: 50px;
    position: absolute;
    top: 50%;
    width: 50px;
}

html body .metaslider .flexslider .slides img {
  border-radius: 50%;
}

html .metaslider.ms-theme-clarity .flexslider {
    margin-bottom: 0px;
}




  /* - - - - - - - */
  /* WP-Queries */
  /* - - - - - - - */

.wp-block-query h3 {
  font-size: 26px;
  margin-bottom: 5px;
}

.wp-block-query h3:first-child {
  margin-top: 0px;
}

.wp-block-query .wp-block-post-excerpt__excerpt {
  font-size: 38px;
}

.wp-block-query .wp-block-post-excerpt {
  margin-top: 0px;
  line-height: 1.3;
}

.wp-block-post {
  margin-block-start: 36px;
}









/*----------------------------------------------
/* Jetpack infinite scroll
--------------------------------------------- */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

.infinity-end.neverending .site-footer {
	display: block;
}



/*------------------------------------------------
/* Accessibility
--------------------------------------------- */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#primary[tabindex="-1"]:focus {
	outline: 0;
}



/*------------------------------------------------
/* Alignments
--------------------------------------------- */
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.4em;
  text-align: center;
}






/*------------------------------------------------
/* Media Queries
--------------------------------------------- */



@media all and (max-width: 781px) {

.Tabelle .wp-block-columns {
      gap: 0px;
  }

.Tabelle .wp-block-columns > .wp-block-column:first-child {
  margin-bottom: 0px !important;
}

.Tabelle .wp-block-columns > .wp-block-column + .wp-block-column {
  margin-top: 0px;
}
}


@media all and (min-width: 782px) {

/* - - - - -  */
/* SPALTEN */
/* - - - - -  */

.padding-right {
  padding-right: 50px;
}

.padding-right-1spaltig {
  padding-right: 410px;
}


.padding-left {
  padding-left: 50px;
}

.padding-top {
  padding-top: 20px;
}

:where(.wp-block-columns), .everest-forms {
    margin-bottom: 300px;
}
}



@media all and (max-width: 929px) {

	.entry-title img {
    width: 430px;
}

.menu-top-menu-container > .menu {
  margin-top: -36px;
}

#masthead  {
	background-position: 75% 50%;
}

	.home #masthead {
    background-position: 40% 50%;
	}

.page-id-326 #masthead  {
	background-position: 35% 50%;
}

.page-id-298 #masthead  {
	background-position: 65% 50%;
	}
}


@media all and (min-width: 930px) {

  main {
      padding: 110px 80px;
  }

  .entry-title {
  	padding: 0 80px;
  }

  .site-info {
  	max-width: 1440px;
  	padding: 80px 80px 0;
    margin: 0 auto;
  }

.top-nav {
  display: block;
  min-width: 870px;
}

.menu-top-menu-container {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-top: 22px;
}

.menu-button-container {
  display: none;
}

.menu-top-menu-container > .menu {
  display: inline-block;
  position: relative;
  clear: both;
  left: 0px;
  padding-top: 0;
  width: 100%;
  left; 0;
}

#menu-toggle ~ .menu-top-menu-container > .menu li {
  display: inline;
  position: relative;
}

#menu-toggle ~ .menu-top-menu-container > .menu a {
  display: inline-block;
}

.menu li {
  font-size: 32px;
  margin-right: 41px;
}

.menu li:last-child {
  margin-right: 0px;
}

.menu li a, .menu li a:visited {
  color: var(--rot);
}

.menu-top-menu-container .menu li a:active, .menu li a:hover, .menu-top-menu-container .menu li a:focus, .menu-top-menu-container .menu li a:focus-visible, .menu li a:target {
  color: var(--violett) !important;
}

.menu .current-menu-item a {
  color: var(--violett) !important;
}

.home h1 {
  font-size: calc(65px * 0.75);
}

p, .wp-block-query h3 {
	font-size: calc(26px * 0.85);
}

h2, .h2, .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-title h3 {
	font-size: calc(60px * 0.75);
}

h3  {
	font-size: calc(38px * 0.75);
}

.wp-block-query .wp-block-post-excerpt__excerpt {
  font-size: calc(38px * 0.75);
}

.site-footer img {
  max-width: 350px;
}

.bg-violett {
  padding: 100px 130px;
}

.page-id-326 .bg-violett h3.wp-block-heading {
  max-width: 630px;
  padding-bottom: 28px;
}
}




@media all and (min-width: 1100px) {

  main {
      padding: 110px 110px 0 110px;
  }

  .site-info {
    padding: 80px 110px 0
  }

  .entry-title {
  	padding: 0 110px;
  }

  .padding-right {
    padding-right: 100px;
  }

  .padding-left {
    padding-left: 100px;
  }

  p, .wp-block-query h3 {
  	font-size: calc(26px * 0.9);
  }

  h2, .h2, .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-title h3  {
  	font-size: calc(60px * 0.84);
    /* margin-block-start: 1.3em; */
  }

  h3 {
  	font-size: calc(38px * 0.84);
  }

  .wp-block-query .wp-block-post-excerpt__excerpt {
    font-size: calc(38px * 0.84);
  }
}



@media all and (min-width: 1200px) {
		.entry-title img {
		width: 580px;
	}
	  .home h1 {
    font-size: calc(65px * 0.84);
  }
}



@media all and (min-width: 1440px) {


h1 {
  font-size: 74px;
}
.home h1 {
	font-size: 65px !important;
	}

html .home h1 {
  font-size: 80px;
}

p, .wp-block-query h3 {
	font-size: 26px;
}

h2, .h2, .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-title h3  {
	font-size: 60px;
}

h3 {
	font-size: 38px;
}

.wp-block-query .wp-block-post-excerpt__excerpt {
  font-size: 38px;
}
}


	.mobile {
		display: none;
	}


@media all and (max-width: 540px) {

  .metaslider {
      padding-top: 55px;
  }

#masthead {
  margin-bottom: 0px;
}

  h2, .h2, .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-title h3  {
    padding-bottom: 12px;
  }

  :root :where(.is-layout-flow) > * {
      margin-block-start: 12px;
    }

  :where(.wp-block-columns), .everest-forms {
      margin-bottom: 7.75em;
  }

  .wp-block-quote, .ditty-ticker {
      margin-bottom: 2.75em;
      min-height: 109px;
  }

  :root :where(.is-layout-flex) {
      gap: 62px;
  }

  .home #masthead {
      margin-bottom: 0px;
    }

	.desktop {
		display: none;
	}
		.mobile {
		display: block;
	}

  .entry-title {
    padding: 60px 24px 0 28px
  }

  .custom-logo {
      margin: 18px 35px 18px 15px;
      width: 180px;
  }

  .top-nav {
    height: 80px;
    padding: 0 16px 0 22px;
}

html .home h1 {
  font-size: 36px;
  letter-spacing: 0.8px;
}

p, .wp-block-query h3 {
	font-size: 18px;
}

html h2, html .h2, .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-title h3 {
	font-size: 36px;
  letter-spacing: 0.8px;
}

h3  {
	font-size: 25px;
}

.wp-block-query .wp-block-post-excerpt__excerpt {
  font-size: 25px;
}

main {
    padding: 140px 24px 50px 28px;
}

.site-info {
	padding: 80px 24px 0px 28px;
}

.padding-right, .padding-left {
    padding-right: 0px;
    padding-left: 0px;
}

.bg-violett {
  padding: 130px 28px;
}

html p {
	font-weight: 300;
}

h3 {
	font-weight: 300;
}

body,
input,
select,
optgroup,
textarea, cite {
	font-weight: 300;
}
}


@media all and (max-width: 450px) {

}