/*!
Theme Name: muse theme
Theme URI: http://madebymuse.de/
Author: muse digitalagentur
Author URI: http://madebymuse.de/
Description: Fancy theme for creating a better Webexperience ;)
Version: 3.4.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: muse theme

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

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

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

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

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

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

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

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

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

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

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

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

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

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

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

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

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

p {
	margin-bottom: 1.5em;
}

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

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: #fff9c0;
	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 0 1.5em 3em;
}

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: #4169e1;
}

a:visited {
	_color: #800080;
}

a:hover,
a:focus,
a:active {
	_color: #191970;
}

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
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 0em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

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

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

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

/* Text meant only for screen readers. */
.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;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* CUSTOM STYLES START 
--------------------------------------------- */

@font-face {

	font-family: 'Catamaran';
  
	font-style: normal;
  
	src: url('/wp-content/themes/muse-default/fonts/Catamaran/Catamaran-VariableFont_wght.ttf'); 
  
	src: url('/wp-content/themes/muse-default/fonts/Catamaran/Catamaran-VariableFont_wght.ttf')
  
	  format('truetype');
  
  }

  /* @font-face {

	font-family: 'Mynerve';
  
	font-style: normal;
  
	src: url('/wp-content/themes/muse-default/fonts/Mynerve/MynerveTC-Medium.otf'); 
  
	src: url('/wp-content/themes/muse-default/fonts/Mynerve/MynerveTC-Medium.otf')
  
	  format('opentype');
  
  } */

 @font-face {

	font-family: 'Mynerve';
  
	font-style: normal;
  
	src: url('/wp-content/themes/muse-default/fonts/Mynerve/Mynerve-Regular.ttf'); 
  
	src: url('/wp-content/themes/muse-default/fonts/Mynerve/Mynerve-Regular.ttf')
  
	  format('opentruetypetype');
  
  }

/* MAIN */

:root{
	--percentage: 0.25;
	--madle-greybrown: #9c9592;
	--madle-purpur: #894f62;
	--madle-rose: #fad8e3;
	--madle-green: #c8d400;
  }

body{
	font-family: 'Catamaran', sans-serif;
	color: #000;
	font-size: 21px;
}
a{
	text-decoration: none;
}


*, :after, :before {
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

* {
  font-synthesis: none !important;
}

.more-btn {
  position: relative;
  padding-right: 38px;
  padding-left: 12px;
  padding-top: 7px;
  padding-bottom: 5px;
  letter-spacing: 1px;
  transition: 0.8s ease;
  font-size: 20px;
  border-radius: 1px;
}
#hero .more-btn {
  padding-right: 42px;
  padding-left: 16px;
  padding-top: 9px;
  padding-bottom: 8px;
}
.more-btn::before {
	content: "\e628";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'themify';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	transition: 0.8s ease;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke: 1px;
	font-size: 19px;
  }
  .more-btn:hover::before{
    transform: translateY(-50%) rotate(-45deg);
  }
  .more-btn.more-btn-anchor:hover::before{
    transform: translateY(-50%) rotate(90deg);
  }
  #hero .more-btn:before {
	right: 14px;
  }
  .more-btn {
  font-weight: 400;
}

/* HEADER */
#masthead {
	position: fixed;
	width: 100%;
	z-index: 2100;
	top: 0;
	left: 0;
	transform: translateY(0px);
	transition: all .3s cubic-bezier(.455,.03,.515,.955), 1.5s cubic-bezier(.32,.01,.7,.95) opacity .2s;
	-webkit-transition: all .3s cubic-bezier(.455,.03,.515,.955), 1.5s cubic-bezier(.32,.01,.7,.95) opacity .2s;
	background: transparent;
	_height: 0px;
	_opacity: 0;
  }
  .mastheader-wrapper-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 94%;
	margin: auto;
	align-items: center;
	padding-top: 30px;
	position: relative;
	z-index: 10;
  }

  .site-branding {
	position: relative;
	left: 0px;
	margin-top: 6px;
	top: 6px;
	z-index: 2000;
	max-width: 180px;
	-webkit-transition: .2s ease-in-out, transform .3s ease-in-out;
	-moz-transition: .2s ease-in-out, transform .3s ease-in-out;
	-o-transition: .2s ease-in-out, transform .3s ease-in-out;
	transition: .2s ease-in-out, transform .3s ease-in-out;
  }
  .site-branding {
	margin-right: 10px;
  }
  .site-branding svg {
	width: 100%;
	height: auto;
  }
.site-branding svg path {
  stroke: none !important;
}
  body:not(.nav_opend) .site-branding.hide-logo {
  transform: translateY(-100px);
}


/* MOBIL MENU ICON */
  button.mobilMenu {
  background: none;
  padding: 0;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
  #nav-icon {
  width: 40px;
  height: 32px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon span{
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #ffffff;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon.open span,
.sticky #nav-icon.open span,
.normalizeLogo #nav-icon span{
  background: #fff !important;
}
#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 12px;
}

#nav-icon span:nth-child(4) {
  top: 24px;
}

#nav-icon.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}


.change_color #nav-icon span{
	background: var(--madle-greybrown);
}
.site-branding svg path{
	-webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
body:not(.nav_opend) .change_color .site-branding svg path.st2{
	fill: var(--madle-greybrown);
}

/* NAVIGATION */
nav{
	position: fixed;
  z-index: 9;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
  height: calc((var(--vh2, 1vh) * 100) );
	overflow: auto;
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

nav.nav-active{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
#site-navigation {
  background: var(--madle-greybrown);
}
#primary-menu {
  width: 82%;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
}

.main-navigation #primary-menu > li > a {
  color: #fff;
  font-weight: 200;
  font-size: 40px;
  transition: 0.3s ease-in-out;
}
.main-navigation ul ul li a{
  color: #fff;
  font-weight: 200;
  font-size: 28px;
  transition: 0.3s ease-in-out;
}
.main-navigation #primary-menu > li > a:hover,
.main-navigation ul ul li a:hover,
.main-navigation #primary-menu a.hovered,
.main-navigation #primary-menu .current-menu-parent > a,
.main-navigation ul ul li.current_page_item a{
	color: var(--madle-green);
}
.main-navigation a{
	display: inline-block;
}
#primary-menu {
  flex-flow: column;
}
.anmeldung-icon-boxes .styled-box .textwidget p,
#herzensgruss-box .styled-box .textwidget p {
  margin-top: -10px !important;
}
#herzensgruss-box .styled-box .textwidget p {
  line-height: 1.3;
}
#primary-menu > li {
  display: block !important;
  width: 33% !important;
  position: relative;
  margin-bottom: 12px;
  min-width: 400px;
}

.main-navigation ul ul {
  box-shadow: none;
  float: none;
  position: fixed;
  top: 150px !important;
  left: 38% !important;
  z-index: 100;
  display: none;
  min-width: 400px;
  height: calc(100% - 140px);
  flex-flow: column;
}
.main-navigation li ul li {
  margin-bottom: 32px;
}
.menu-gaest-login-container {
  position: absolute;
  right: calc(3%);
  top: 125px;
}
.menu-gaest-login-container a {
  color: #fff;
  font-weight: 300;
  letter-spacing: .2px;
  position: relative;
  padding-right: 32px;
  transition: 0.3s ease-in-out;
}
.menu-gaest-login-container a svg {
  display: inline-block;
  width: 60px;
  position: relative;
  bottom: 8px;
  margin-left: 6px;
  transition: 0.8s ease-in-out;
}
.menu-gaest-login-container a {
  display: flex;
  align-items: center;
  padding-right: 0 !important;
  font-size: 24px;
}
.menu-gaest-login-container a svg path {
  fill: #fff;
  transition: 0.3s ease-in-out;
}
 .menu-gaest-login-container a:hover {
	color: var(--madle-green);
}
 .menu-gaest-login-container a:hover svg path {
	fill: var(--madle-green);
}
.menu-gaest-login-container a:hover svg{
  transform: rotateY(180deg);
}
/*
.menu-gaest-login-container a:before {
  content: "\e628";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'themify';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  transition: 0.3s ease-in-out;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 1px;
  font-size: 16px;
} */

.menu-signet {
  width: 20vw;
  position: fixed;
  bottom: -6vw;
  right: 2vw;
  height: 25vw;
    opacity: 0;             
  pointer-events: none;    
  transition: opacity 0.5s ease-in-out;
  z-index: 9999;
   transition-delay: 0s;
}
.nav_opend .menu-signet {
  opacity: 1; 
  transition-delay: 0.3s;
}

#hero-a-signet {
  width: 20vw;
  position: absolute;
  bottom: -6vw;
  right: 2vw;
  height: 25vw;
  opacity: .4;
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
    transition-delay: 0s;
  transition-delay: 0s;
  z-index: 10;
  transition-delay: 0s;
}
#hero-a-signet svg path {
  fill: #fff !important;
}

/* STRUCTURE & SECTIONS */
body{
  overflow-x: hidden;
}
.entry-content{
	margin-top: 0 !important;
}
.content-section{
	width: 82%;
	max-width: 1480px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 80px;
	padding-bottom: 80px;
}
.contact-widget.icon-hl {
  padding-left: 56px;
  margin-top: -20px;
  position: relative;
  top: -34px;
}
.pre-hl-icon {
  position: absolute;
  left: 0;
  top: -12px;
}
.pre-hl-icon .sow-icon-icomoon {
  transform: scaleY(1.2);
  transform-origin: bottom center;
}
.tel-icon .sow-icon-icomoon {
  transform: scaleY(1.2);
}
.tel-icon2 .sow-icon-icomoon {
  transform: scaleY(1.15);
}
.content-section.content-section-m .textwidget {
  max-width: 860px;
}
.pre-hl-icon .sow-icon-icomoon {
  font-size: 48px;
}
.content-section.content-section-l .textwidget {
  max-width: 1024px;
}
.content-section-sticky-left {
  position: relative;
  margin-left: 0; 
  margin-right: auto; 
  width: calc(82% + (100% - 82%) / 2); 
  max-width: calc(1480px + (100% - 1480px) / 2);
}

.content-section-sticky-right {
  position: relative;
  margin-left: auto; 
  margin-right: 0;   
  width: calc(82% + (100% - 82%) / 2);
  max-width: calc(1480px + (100% - 1480px) / 2);
}

.no-pt{
	padding-top: 0 !important;
  }
  .no-pb{
	  padding-bottom: 0 !important;
  }
  .dist_bottom{
  padding-bottom: 80px;
}
.textwidget ul,
.sow-accordion ul {
  margin: 0;
  padding: 30px 20px;
  font-weight: 300;
}

  /* HERO HOME */

#hero {
  position: relative;
  height: 100vh;
  height: calc((var(--vh2, 1vh) * 100) );
  overflow: hidden;
  width: 100%;
}
#heroLoop {
  height: 100vh;
  height: calc((var(--vh2, 1vh) * 100) );
  width: 100%;
  display: block;
  object-fit: cover;
}
#hero h1 > span {
  color: currentColor !important;
}
#hero:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #b1b3b4;
  z-index: 1;
  opacity: .22;
  mix-blend-mode: overlay;
}
#hero-text {
  position: absolute;
  bottom: 12%;
  width: 82%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

#hero .so-panel{
	margin: 0 !important;
}

.more-btn{
	font-weight: 400;
}
#hero .more-btn{
	color: var(--madle-greybrown);
	background: #fff;
}
#hero .more-btn:hover{
	background: var(--madle-green );
	color: #fff;
}

#aktivitaeten .madle-beitraege-readmore .more-btn{
	color: var(--madle-purpur);
	background: #fff;
}
#aktivitaeten .madle-beitraege-readmore .more-btn:hover{
	background: var(--madle-rose);
	color: var(--madle-purpur);
}

#aktivitaeten2 .madle-beitraege-readmore .more-btn{
	color: var(--madle-purpur);
	background: #fff;
  display: none !important;
}
#aktivitaeten2 .madle-beitraege-readmore .more-btn:hover{
	background: var(--madle-rose);
	color: var(--madle-purpur);
}

.home #news .madle-beitraege-readmore .more-btn,
#news-rueckblick .madle-beitraege-readmore .more-btn{
	background: var(--madle-greybrown);
	color: #fff
}
.home #news .madle-beitraege-readmore .more-btn:hover,
#news-rueckblick .madle-beitraege-readmore .more-btn:hover{
	background: var(--madle-green);
	color: #fff
}
#news-rueckblick .madle-beitraege-item,
body:not(.home) #aktivitaeten .madle-beitraege-item,
body:not(.home) #aktivitaeten2 .madle-beitraege-item {
  width: 30%;
}
#hero h1 span {
  opacity: 0;
  transform: translateY(60px);
  display: inline-block;
  transition: opacity 1.25s ease, transform 1.5s ease;
  will-change: transform, opacity;
}

#hero h1.visible span:nth-of-type(1),
#hero h1.visible span:nth-of-type(2) {
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0);
}

#hero h1.visible span:nth-of-type(3) {
  transition-delay: 0.2s; 
  opacity: 1;
  transform: translateY(0);
}
.ti-widget-container{
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity .75s ease, transform .75s ease;	
}
.madle-termin-badge{
	opacity: 0;
  transform: translateX(30px) scale(.7);
  transition: opacity .75s ease, transform .75s ease;	
}
.madle-termin-badge.visible{
	opacity: 1;
  transform: translateX(0px) scale(1.15);
}
.ti-widget-container.visible{
  opacity: 1;
  transform: translateX(0px);
}

 
.zimmerfrei-badge{
	opacity: 0;
  transform: translateX(0px) scale(.7);
  transition: opacity .75s ease, transform 1s ease;	
}
.zimmerfrei-badge.visible{
	opacity: 1;
  transform: translateX(0px) scale(1);
}

body:not(.home) h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget p, hr,
.big-paragraph {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .75s ease, transform .75s ease;
  will-change: transform, opacity;
}
body:not(.home) h1.visible, .textwidget h2.visible, .textwidget h3.visible, .textwidget h4.visible, .textwidget p.visible, .big-paragraph.visible, hr.visible{
  opacity: 1;
  transform: translateY(0px);
}

#modal-content.inline_viewer {
  max-width: unset !important;
  width: 100%;
}

.styled-box p,
.styled-box h3,
.archive-box p,
.archive-box h3,
.event-callout h3,
.event-callout h4,
.event-callout h5,
.event-callout h6,
.event-callout p,
.madle-termin-badge h4{
	transform: translateY(0px);
}

.anim_from_left{
  transition: opacity 2.5s ease-in-out, transform 1.25s ease;
  transform: translateX(-70%);
  opacity: 0;
  will-change: transform, opacity;
}
.anim_from_right{
  transition: opacity 2.5s ease-in-out, transform 1.25s ease;
  transform: translateX(70%);
  opacity: 0;
  will-change: transform, opacity;
}
.anim_from_left.visible, .anim_from_right.visible{
  transform: translateX(0%);
  opacity: 1;
}


.box-row > .panel-grid-cell{
  transition: opacity 2s ease, transform 1s ease;
  opacity: 0;
  transform: translateY(60px);
}
.box-row > .panel-grid-cell.visible{
  opacity: 1;
  transform: translateY(0px);
}
.box-row > .panel-grid-cell:nth-child(2).visible{
  transition-delay: .3s;
}
.box-row > .panel-grid-cell:nth-child(3).visible{
  transition-delay: .6s;
}

.img-headline{
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1.25s ease, transform .75s ease;
  will-change: transform, opacity;
}
.img-headline.visible{
  opacity: 1;
  transform: translateY(0px);
}

#restaurant-grid .styled-box.animation-tile,
.parallax .styled-box.animation-tile,
.madle-beitraege-item .madle-beitraege-thumb,
#newsletter-form .widget_custom_html,
.instagram-gallery-feed,
.insta-swiper-btn-wrapper,
.list-w-checkmark li,
.sow-accordion-panel,
.archive-box,
.madle-tv_section,
.so-widget-datei-downloads-widget,
.sowb-button,
.lehrberufe-slider,
.pre-hl-icon,
#termine-intern{
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1.25s ease, transform .75s ease;
  will-change: transform, opacity;
}
#restaurant-grid .styled-box.animation-tile.visible,
.parallax .styled-box.animation-tile.visible,
.madle-beitraege-item.visible .madle-beitraege-thumb,
#newsletter-form .widget_custom_html.visible,
.instagram-gallery-feed.visible,
.insta-swiper-btn-wrapper.visible,
.list-w-checkmark li.visible,
.sow-accordion-panel.visible,
.archive-box.visible,
.madle-tv_section.visible,
.so-widget-datei-downloads-widget.visible,
.sowb-button.visible,
.lehrberufe-slider.visible,
.pre-hl-icon.visible,
#termine-intern.visible{
  opacity: 1;
  transform: translateY(0px);
}

.inner_form_cal_alert .sowb-button{
  opacity: 1 !important;
  transform: translateY(0px) !important;
}

.content-section-sticky-left .muse_img_slider,
.content-section-sticky-left .muse_img_slider + .swiper_btn_wrapper{
  transition: opacity 3s ease-in-out, transform 2s ease;
  transform: translateX(-70%);
  opacity: 0;
  will-change: transform, opacity;
}
.content-section-sticky-right .muse_img_slider,
.content-section-sticky-right .muse_img_slider + .swiper_btn_wrapper{
  transition: opacity 3s ease-in-out, transform 2s ease;
  transform: translateX(70%);
  opacity: 0;
  will-change: transform, opacity;
}
.content-section-sticky-left .muse_img_slider.visible,
.content-section-sticky-right .muse_img_slider.visible,
.content-section-sticky-left .muse_img_slider.visible + .swiper_btn_wrapper,
.content-section-sticky-right .muse_img_slider.visible + .swiper_btn_wrapper{
  transform: translateX(0%);
  opacity: 1;
}
/* .animation-tile-base .svg_wrapper svg {
  transform: scale(1.2);
  transform-origin: bottom right;
} */

#hero p{
  opacity: 0;
  transform: translateY(0px);
  display: inline-block;
  transition: opacity 1.5s ease, transform 1.75s ease;
}
#hero p.visible {
  transition-delay: .75s; 
  opacity: 1;
  transform: translateY(0);
}
#madle-entdecken .event-callout {
  transform: translateX(600px) scale(1.1);
  opacity: 0;
  transition: opacity 1.25s ease, transform 1.4s ease;
}
#madle-entdecken.visible .event-callout{
	transform: translateX(0px) scale(1.1);
  opacity: 1;
}
.mastheader-wrapper-inner{
  opacity: 0;
  transition: opacity 1.5s ease;
}
.visible .mastheader-wrapper-inner{
  opacity: 1;
  _transition-delay: .25s; 
}

@media (max-width: 680px) {
  #hero h1 br {
    display: none;
  }
  #hero h1 span {
    display: block;
  }

  #hero h1.visible span:nth-of-type(1) { transition-delay: 0s; }
  #hero h1.visible span:nth-of-type(2) { transition-delay: 0.25s; }
  #hero h1.visible span:nth-of-type(3) { transition-delay: .5s; }
  #hero .more-btn.visible { transition-delay: .75s; }
  .visible .mastheader-wrapper-inner{ _transition-delay: 5s; }
}

/* TEXTS */
h1, h2 {
  line-height: 1.1;
  font-weight: 200;
  margin-bottom: 30px;
  margin-top: 0;
  font-family: 'Catamaran', sans-serif;
  font-size: 68px;
  letter-spacing: 1px;
}
h3 {
  line-height: 1.2;
  font-weight: 200;
  margin-bottom: 30px;
  margin-top: 0;
  font-family: 'Catamaran', sans-serif;
  font-size: 38px;
  letter-spacing: 1px;
}
h4 {
  line-height: 1.2;
  font-weight: 200 !important;
  margin-bottom: 10px;
  margin-top: 0;
  font-family: 'Catamaran', sans-serif;
  font-size: 28px;
  letter-spacing: 1px;
}
.hl_bold_uppercase {
  font-weight: 600;
  text-transform: uppercase;
}
.content-section p,
.content-section-sticky-left p,
.content-section-sticky-right p{
	font-weight: 200;
	font-size: 24px;
}
#hero h1 {
  color: #fff;
  font-size: 74px;
  margin-bottom: 20px;
}
.big-paragraph {
    font-size: 32px !important;
    line-height: 1.4 !important;
	letter-spacing: 1px !important;
	margin-bottom: 30px;
}


/* IMG with CTA-BOXES */
.content-section-sticky-left.bigimg_w_box .so-widget-image {
  padding-right: 8%;
  margin-bottom: 8%;
}

.content-section-sticky-right.bigimg_w_box .so-widget-image {
  padding-left: 8%;
  margin-bottom: 8%;
}
.content-section-sticky-left.bigimg_w_box .so-widget-image, .content-section-sticky-right.bigimg_w_box .so-widget-image {
  aspect-ratio: 2;
  object-fit: cover;
}
.content-section-sticky-left.bigimg_w_box .so-widget-image,
.content-section-sticky-right.bigimg_w_box .so-widget-image{
	transition: 2s ease;
	transform: scale(.7);
	opacity: 0;
  will-change: transform, opacity;
}
.content-section-sticky-left.bigimg_w_box .so-widget-image{
  transform-origin: center left !important;
}
.content-section-sticky-right.bigimg_w_box .so-widget-image{
  transform-origin: center right !important;
}
.content-section-sticky-left.bigimg_w_box .so-widget-image.visible,
.content-section-sticky-right.bigimg_w_box .so-widget-image.visible{
	transform: scale(1);
	opacity: 1;
}

.content-section-sticky-left.bigimg_w_box .styled-box {
  transform: translateX(20%);
  opacity: 0;
  transition: 1s ease;
  will-change: transform, opacity;
}
.content-section-sticky-right.bigimg_w_box .styled-box {
  transform: translateX(-20%);
  opacity: 0;
  transition: 1s ease;
  will-change: transform, opacity;
}
.content-section-sticky-left.bigimg_w_box .styled-box.visible,
.content-section-sticky-right.bigimg_w_box .styled-box.visible{
	transform: translateX(0%);
  opacity: 1;
}

.content-section-sticky-left.bigimg_w_box,
.content-section-sticky-right.bigimg_w_box{
	position: relative;
	padding-bottom: 80px;
}

.styled-box {
  width: 46%;
  max-width: 520px;
  padding: 30px 25px 15px;
}
.box-row {
  margin-top: 30px;
  margin-bottom: 30px;
}
.box-row .styled-box {
  width: 100%;
  max-width: unset;
  padding: 30px 25px 15px;
  border-radius: 1px;
}
.box-row .styled-box .so-panel.panel-first-child {
  width: 100%;
}
.box-row h3, #bewerbung h3 {
  margin-bottom: 10px;
}

.content-section-sticky-left.bigimg_w_box .styled-box {
  margin: 0 0 0 auto;
  position: absolute;
  right: 0;
  bottom: 4%;
}

.content-section-sticky-right.bigimg_w_box .styled-box {
  margin: 0 0 0 auto;
  position: absolute;
  left: 0;
  bottom: 4%;
}

.page-id-2729 .content-section-sticky-right.bigimg_w_box .styled-box,
.page-id-2729 .content-section-sticky-left.bigimg_w_box .styled-box {
  bottom: 35px;
}

.styled-box .sow-icon {
  font-size: 40px;
}

#pg-2537-3{
	margin-top: 80px;
}

.parallax {
  background-position: center;
  height: 70vh !important;
  min-height: 650px;
  max-height: 1200px;
  width: 100%;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  top: 0;
  margin-top: 0px;
  position: relative;
  overflow: hidden;
}
.ios .parallax {
 background-attachment: scroll !important; 
 background-position: center !important;
}
.parallax.parallax-right {
 background-position: 75% 50% !important;
}
.parallax.parallax-left {
 background-position: 25% 50% !important;
}

/* SCHREIBSCHRIFT ZITATE */
#restaurant-grid .zitat {
  margin-top: 18% !important;
  position: relative;
  right: 5%;
}
.zitat p {
  font-family: "Mynerve", serif;
  font-weight: 500;
  font-size: 42px;
  line-height: 1.1;
  letter-spacing: -3px !important;
  word-spacing: 8px;
  _transform: rotate(-2deg) !important;
}
.zitat p span {
  opacity: 0;
  display: inline-block;
  transition: opacity 0.3s ease;
}

/* .zitat p.visible span {
    opacity: 1 !important
} */
.zitat{
  width: 40%;
  max-width: 550px;
}
.zitat-right{
	margin: 0px 0px 10px auto;
}
.zitat.neg-margin {
  margin-top: calc(-8% - 50px);
}

.zitat-full {
  width: 90%;
  margin: auto;
}
/* SVG ANIMS / ICON */

.svg_wrapper {
  transform: translateX(0px);
  transform-origin: left top;
  max-width: 150px;
  width: 150px;
  margin-left: 20px;
  height: 150px;
  max-height: 150px;
  overflow: hidden;
  margin-left: 0 !important;
  /* margin-bottom: -70px; */
}
.styled-box.animation-tile {
  _min-width: 450px;
}
 .animation-tile-base .svg_wrapper svg {
  transform: scale(1.25);
  transform-origin: center;
}
.animation-tile-base .svg_wrapper svg.sml {
  transform: scale(1.2);
}
.animation-tile-base .svg_wrapper svg.ssml {
  transform: scale(1.1);
}
.animation-tile-base .svg_wrapper svg.xssml {
  transform: scale(.95);
}
/* .animation-tile-base .svg_wrapper.nmt {
  margin-top: -50px;
} */
.animation-tile-base .svg_wrapper.nmt {
  margin-top: -25px;
}
.svg_wrapper svg {
  width: 100%;
  height: 100%;
}
.svg_wrapper.smt {
  margin-top: 5px;
}
.styled-box .textwidget p:last-of-type {
  margin-bottom: 0;
}
.home #aktivitaeten .styled-box:hover {
  background: var(--madle-rose) !important;
}
.home #aktivitaeten .madle-custom-swiper-btns button {
  transition: 0.8s ease;
}
.home #aktivitaeten .madle-custom-swiper-btns button:hover {
  background: #cbe3f8;
}
.styled-box .panel-grid-cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}
.styled-box .textwidget p {
  margin-top: -20px;
  margin-bottom: 5px !important;
}
.styled-box .panel-grid-cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}
.styled-box .panel-grid-cell .so-panel:nth-child(1) {
  width: 100%;
  
}
/* .styled-box .panel-grid-cell .so-panel:nth-child(1){
  order: 1;
}
.styled-box .panel-grid-cell .so-panel:nth-child(2){
  order: 3;
}
.styled-box .panel-grid-cell .so-panel:nth-child(3){
  order: 2;
} */
/* FALLBACK */
.svg_wrapper svg path,
.svg_wrapper svg rect,
.svg_wrapper svg polygon {
  fill: currentColor;
}
/* CUSTOM PATH SETTINGS PER ANIMATION */
        /* .animation-tile .st0.st0-reactangle, 
        .animation-tile .st0-reactangle-final{
            fill: transparent;
            stroke: currentColor;
            stroke-width: 8px;
            opacity: 1;
            }
          
        .st0.st0-reactangle-animate {
            fill: transparent;
            stroke: currentColor;
            stroke-width: 8px;
            stroke-dasharray: 310 32 420;
            stroke-linecap: round;
            stroke-dashoffset: 300;
        }
    .animation-tile:hover svg .st0-reactangle {
        opacity: 0;
        transition: .7s ease-in-out;
    }
    .animation-tile:hover svg .st0-reactangle-animate {
        stroke-dashoffset: 230;
        transition: 1.7s ease-in-out;
        transition-delay: .5s;
    }
    .animation-tile svg .st0-play{
        fill: currentColor;
        transition: .65s ease-in-out;
        transform: scale(1);
    }
    .animation-tile:hover svg .st0-play{
        opacity: 0;
        transform: scale(.6);
        transform-origin: bottom left;
    }
    .animation-tile svg .st0.st0-indicator {
        fill: #9b9491;
        stroke: currentColor;
        stroke-width: 8px;
        opacity: 0;
        }
        #pg-2723-1 .animation-tile svg .st0.st0-indicator {
  fill: #6c85ba;
}
        .animation-tile:hover svg .st0.st0-indicator {
            transform: translateX(40%);
            transition: transform 1.7s ease-in-out .5s, opacity 1s ease-in-out .2s;
            opacity: 1;
            _animation: fadein 1s ease-out 10s forwards;
        }
        .animation-tile:hover svg .begin_state {
            opacity: 0;
            transition: .7s ease-in-out 2.3s;
        }

        .animation-tile svg .begin_state2 {
            transform-origin: 65% 85%;
        }
        .animation-tile:hover svg .begin_state2 {
            opacity: 0;
            transform: scale(.4);
            transform-origin: 65% 85%;
            transition: 1.2s ease-in-out 2.3s;
        }
        .animation-tile svg .final_state{
            opacity: 0;
        }
        .animation-tile:hover svg .final_state{
            opacity: 1;
            transition: opacity .7s ease-in-out 2.3s;
        }
        .animation-tile svg .st0-reactangle-final {
        stroke-linecap: round;
        transform: translateX(10px) translateY(4.7px);
        }
        .animation-tile:hover svg .st0-reactangle-final{
            transform: translateX(50px) translateY(4.7px);
            transition: 1.8s ease-in-out 2.1s;
            }

        .animation-tile .st1-dots{
             opacity: 0;
        }
       .animation-tile:hover .st1-dot-1{
             opacity: 1;
             transition: .6s ease-in-out 1.4s;
        }
        .animation-tile:hover .st1-dot-2{
             opacity: 1;
             transition: .6s ease-in-out 1.65s;
        }
        .animation-tile:hover .st1-dot-3{
             opacity: 1;
             transition: .6s ease-in-out 1.9s;
        }
        .st1.st1-frame.st1-frame-1 {
        transform: translateY(-60px);
        transition: 1.1s ease-in-out;
        }
        .animation-tile:hover .st1.st1-frame.st1-frame-1 {
        transform: translateY(0px);
        }
        .st1.st1-frame.st1-frame-2 {
        transform: translateX(44px) translateY(-54px);
        transition: 1.1s ease-in-out;
        opacity: 0;
        }
        .animation-tile:hover .st1.st1-frame.st1-frame-2 {
        transform: translateX(-50px) translateY(15px);
        opacity: 1;
        }
        #animation-tile-kommunikation .svg_wrapper {
        transform: scale(1.2) translateX(10px);
        transform-origin: left top;
        }
 */



/* BEITRÄGE UND TERMINE */

.madle-beitraege-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.madle-beitraege-item {
  width: 46%;
}
.madle-beitraege-thumb{
overflow: hidden;
}
.madle-beitraege-thumb img {
  width: 100% !important;
  aspect-ratio: 1.5;
  object-fit: cover;
  object-position: center;
  transition: 0.7s ease-in-out;
  display: block;
}
.madle-beitraege-thumb{
  margin-bottom: 10px;
  overflow: hidden;
}
.madle-beitraege-item:hover .madle-beitraege-thumb img {
  transform: scale(1.1);
}
.wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item {
  display: block;
  width: 100%;
}
.wpcf7 .spacer.spacer-sm {
margin-top: 20px !important;
}
.madle-beitraege-desc{
	margin: 0;
}
#news .madle-beitraege-content,
#news-ruckblick .madle-beitraege-content {
  color: #111;
}
#termine-intern {
  background: #6c85ba;
  padding: 25px;
  margin-top: 0px;
  position: relative;
  z-index: 1000;
}
.madle-beitraege-readmore {
  border-bottom: 1px solid currentColor;
  padding-bottom: 32px;
}
#news .madle-beitraege-readmore{
	border-bottom: none !important;
  padding-bottom: 0 !important;
}
.madle-beitraege-readmore {
  border-bottom: 1px solid currentColor;
  padding-bottom: 32px;
}
.madle-beitraege-date {
  margin: 0 0 15px;
  border-bottom: 1px solid currentColor;
  padding-bottom: 10px;
}
.madle-beitraege-info {
  margin-bottom: 20px;
  margin-top: 20px;
  letter-spacing: .3px;
}

.madle-beitraege-desc {
  font-size: 21px !important;
  letter-spacing: .3px;
}
.madle-beitraege-info {
  font-size: 21px !important;
  letter-spacing: .3px;
}
.home .events {
  margin-bottom: -30px;
}
.madle-beitraege-title {
  line-height: 1.1;
}


#aktivitaeten,
#aktivitaeten2 {
  position: relative;
}
.home #aktivitaeten:after {
  content: "";
  width: 40vw;
  height: 40vw;
  background: url('/wp-content/uploads/2025/08/deco_activities.png');
  background-size: cover;
  position: absolute;
  right: 3vw;
  bottom: -0.5vw;
  opacity: .12;
  z-index: 10000000;
  pointer-events: none;
}

body:not(.home) #aktivitaeten2:after {
  content: "";
  width: 40vw;
  height: 40vw;
  background: url('/wp-content/uploads/2025/09/deco_activities2.png');
  background-size: cover;
  position: absolute;
  right: 3vw;
  bottom: 3%;
  /* opacity: .12; */
}
#news {
  position: relative;
}
#news::after {
  content: "";
  width: 39.5vw;
  height: 34vw;
  background: url('/wp-content/uploads/2025/08/deco_news.png');
    background-size: auto;
  background-size: cover;
  position: absolute;
  right: 5vw;
  bottom: 5vw;
  opacity: .09;
  z-index: -1;
}

#news-rueckblick,
#herzensgruss,
#ihre-meinung{
  position: relative;
}
#ihre-meinung > .panel-grid-cell {
  position: relative;
  z-index: 1;
}
#news-rueckblick::after {
  content: "";
  width: 39.5vw;
  height: 34vw;
  background: url('/wp-content/uploads/2025/08/deco_news.png');
  position: absolute;
  right: 5vw;
  bottom: 5vw;
  opacity: .09;
  z-index: -1;
  background-size: cover;
}
#herzensgruss::after {
  content: "";
  width: 34.5vw;
  height: 30vw;
  background: url('/wp-content/uploads/2025/11/herzensgruss.png');
  background-size: cover;
  position: absolute;
  right: 5vw;
  top: 0;
  opacity: .09;
  z-index: -1;
}
#ihre-meinung::after {
  content: "";
  width: 55vw;
  height: 49vw;
  background: url('/wp-content/uploads/2025/11/lob_img.png');
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: 5%;
}
.page-id-3673 #news-rueckblick::after {
  content: "";
  width: 610px;
  height: 525px;
  background: url('/wp-content/uploads/2025/08/deco_news.png');
  background-size: cover;
  position: absolute;
  right: -6vw;
  bottom: auto;
  opacity: .09;
  z-index: -1;
  top: -360px;
}
#news .box-row{
	position: relative;
}
#news .box-row > .panel-grid-cell {
  position: absolute;
  right: 0;
  bottom: 110px;
}
.img-headline {
  width: 33.333%;
  max-width: 610px;
  min-width: 480px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.link-block p {
  margin: 0;
}
.link-block {
  padding: 35px 25px;
}
.link-block .more-btn {
  color: #fff !important;
  font-size: 30px;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  transition: 0.8s ease;
}
.link-block .more-btn:hover,
#panel-2774-1-0-1 .more-btn:hover{
color: #474545 !important
}
.home #restaurant {
  padding-bottom: 40px;
}
.home .parallax-w-box {
  margin-top: 60px;
}
#restaurant-grid .styled-box {
  width: 50%;
}
/* .animation-tile-base {
  margin-top: 10px;
} */
 .animation-tile-base {
  margin-top: -15px;
}
#restaurant-grid .zitat {
  width: 92%;
}
.sm-img {
  margin-left: 20%;
}
.absl-parallax-headline {
  position: absolute;
  top: 70px;
  left: 50%;
  width: 82%;
  max-width: 1480px;
  transform: translateX(-50%);
}
#restaurant{
	position: relative;
}
#restaurant::before {
  content: "";
  position: absolute;
  top: 15%;
  right: calc(-1 * (100vw - 100%)/2);
  width: 13vw;
  height: 21vw;
  background: url(/wp-content/uploads/2025/08/rosmarinzweig.jpg) no-repeat right top;
    background-size: auto;
  background-size: contain;
  opacity: 0;
  transition: 1.2s ease;
  will-change: width, opacity;
}
#restaurant.visible::before{
  width: 33vw;
  opacity: 1;
}
#restaurant-parkblick{
  position: relative;
}
#restaurant-parkblick::before {
  content: "";
  position: absolute;
  bottom: 15%;
  right: calc(-1 * (100vw - 100%)/2);
  width: 13vw;
  height: 21vw;
  background: url(/wp-content/uploads/2025/08/rosmarinzweig.jpg) no-repeat right top;
    background-size: auto;
  background-size: contain;
  opacity: 0;
  transition: 1.275s ease;
  will-change: width, opacity;
}
#restaurant-parkblick.visible::before{
  width: 33vw;
  opacity: 1;
}
#badge_gastro_1 {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 160px;
  right: 4%;
}
#badge_gastro_2 {
  position: absolute;
  width: 180px;
  height: 180px;
  top: -230px;
  left: 0;
}
#badge_aktivities_1 {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 85px;
  right: 15%;
}
#badge_jobs_1 {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 44%;
  right: 2%;
}
#madle-post{
  position: relative;
}
#badge_madlepost {
  position: absolute;
  width: 180px;
  height: 180px;
  bottom: -120px;
  right: 10%;
}

.round_badge{
  transform: scale(0.6);
  opacity: 0;
  transition: 1s ease-in-out;
}
.round_badge.visible{
  transform: scale(1.1);
  opacity: 1;
}
#badge_azubi.round_badge.visible{
  transform: scale(1.15);
  opacity: 1;
}
.zitat-neg-top-right {
  margin-top: -90px;
  margin-right: -5%;
}
/* .parallax-w-box .styled-box {
  width: 38.25%;
} */

/* #ausbildung-im-madle{
  transform: translateX(-50%);
  opacity: 0;
  transition: 1.5s ease;
}
#ausbildung-im-madle.visible{
  transform: translateX(0%);
  opacity: 1;
} */


.styled-box .panel-first-child{
	width: 100%;
}
#menuplaene-speisekarten .styled-box a{
  transition: 0.3s ease;
}
#menuplaene-speisekarten .styled-box a:hover{
  color: var(--madle-rose) !important;
}
/* FORMS */

#newsletter-form form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#newsletter-form form div:first-child {
  width: 100%;
  margin-bottom: 10px;
}
#newsletter-form form div:nth-child(2), #newsletter-form form div:nth-child(3) {
  width: 49% !important;
  margin-bottom: 10px;
}
#newsletter-form form div:nth-child(4){
    width: calc(98% - 200px) !important;
}
#newsletter-form form div:nth-child(5){
    width: 200px !important;
}

input[type="text"],input[type="tel"], input[type="email"], input[type="password"], input[type="search"]{
	width: 100%;
}

.ckbx-group_mainlabel {
  display: block;
}
.ckbx-group_mainlabel + br {
  display: none;
}
.ckbx-group_mainlabel + br + .wpcf7-form-control-wrap {
  margin-top: 15px;
  display: block;
}
#newsletter-form input[type="text"], #newsletter-form input[type="email"]{
	border: none;
	background: #fff;
	padding: 10px;
	border-radius: 1px;
}
#newsletter-form button[type="submit"] {
  background: var(--madle-greybrown);
  color: #fff;
  cursor: pointer;
  margin-right: 0 !important;
  width: 100%;
  padding: 12px 24px 12px 0px;
  border: 0 !important;
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
}
#newsletter-form button[type="submit"]:hover{
	background: #a9c109;
}
#newsletter-form form div:first-child label {
  font-size: 18px;
  margin-right: 10px;
}
#newsletter-form input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 6px;
  padding: 10px !important;
  cursor: pointer;
  background: #fff;
  box-shadow: 0 0 0 1px #d7d7d7;
  vertical-align: middle;
}
#newsletter-form 
input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  background: var(--madle-green);      
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
#newsletter-form p:last-child {
  margin-bottom: 0;
}

/* FOOTER */

footer{
	background: var(--madle-greybrown);
	color: #fff;
}

footer #block-2 {
  margin-bottom: 0;
}


.footer-flex-row .panel-grid-cell:last-of-type {
  width: 180px !important;
  position: absolute;
  top: 65px;
  right: 3.5%;
}
.footer-flex-row {
  align-items: center !important;
}
.footer-flex-row h3 {
  margin: 0;
}
#colophon {
  position: relative;
}


.social-links {
  display: flex;
  flex-wrap: wrap;
}
.social-links .so-panel:last-child {
  width: 100%;
}
.social-links .so-panel:not(:last-child) .sow-icon a {
  margin-right: 20px;
  background: #fff;
  width: 46px;
  height: 46px;
  border-radius: 5px;
  font-size: 30px;
  padding: 4px;
  text-align: center;
  display: block;
}
.social-links .so-panel:not(:last-child) .sow-icon-fontawesome {
  color: var(--madle-greybrown) !important;
  transition: 0.3s ease-in-out;
}
.social-links .so-panel:not(:last-child):hover .sow-icon-fontawesome {
	color: var(--madle-green) !important;
}
footer p a {
  color: #fff;
  transition: 0.3s ease-in-out;
}
footer p a:hover {
	color: var(--madle-green);
}

.social-links {
  margin-top: -40px;
}

.toolbar-right {
  transform: scale(.9);
  transform-origin: right;
}
.cf7fb-row-handle {
  transform: scale(.9);
  transform-origin: left;
}
.legal-links a:first-of-type{
	margin-right: 30px;
}
#back-to-top {
  width: 36px;
  position: absolute;
  bottom: 40px;
  left: 3%;
  cursor: pointer;
  transition: 0.6s ease;
}
#back-to-top:hover {
  transform: translateY(-6px);
}
/* EVENT CALLOUT */
#pgc-2537-2-0{
  position: relative;
}
#pg-2537-2 .styled-box {
  overflow: unset !important;
}
.zimmerfrei-badge {
  position: absolute;
  top: -70px;
  right: -65px;
  width: 140px;
  height: 140px;
  transition: 0.6s ease;
}
.zimmerfrei-badge:hover {
  transform: scale(1.1);
}
.event-callout {
  text-transform: uppercase;
  text-align: center;
  width: 230px;
  color: #894f62;
}
.event-callout a{
color: #894f62;
}
.event-callout:hover .more-btn::before {
  transform: translateY(-50%) rotate(-45deg) !important;
}
.event-callout .more-btn {
  color: #894f62;
  padding: 0;
  margin: 0;
  width: 42px;
  display: block;
  margin: auto;
  height: 20px;
  transform: scale(.8);
  margin-top: -5px;
}
.callout-event p {
  margin-bottom: 10px;
  font-size: 16px;
  margin-top: 0;
}
.callout-event h5 {
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 5px;
  margin-top: 0;
}
.event-callout h4 {
  font-weight: 600 !important;
  font-size: 16px;
}
.dotted_line {
  border-bottom: 2px dotted;
  margin-bottom: 7px;
  width: calc(100% + 40px);
  margin-left: 0px;
}
#madle-entdecken {
  position: relative;
}
#madle-entdecken .event-callout {
  position: absolute;
  top: 40px;
  right: calc((-1 * (100vw - 100%)/2) + 40px);
}

.menu-event-callout .event-callout {
  position: fixed;
  right: -300px;
  transition: 0.4s ease-in-out;
  top: 30%;
  overflow: hidden;
  z-index: 1000000;
  transform: scale(1.15);
  transform-origin: top right;
}
.menu-event-callout .event-callout a{
color: #fff;
}
.menu-event-callout .event-callout:hover .more-btn::before {
  transform: translateY(-50%) rotate(-45deg) !important;
}

@media screen and (max-height: 600px) {
  .menu-event-callout .event-callout {
    top: 190px;
  }
}

.nav_opend .menu-event-callout .event-callout {
  right: 0px;
}
.menu-event-callout .event-callout .more-btn {
  color: #fff;
}
  .menu-event-callout .event-callout {
color: #fff;
  }

.madle-event .spacer {
  display: block;
  height: 10px;
}
.madle-activities .swiper-slide > h4 {
  font-size: 24px;
}
.madle-activities hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
.madle-event {
  font-size: 21px !important;
  font-weight: 200;
  letter-spacing: .3px;
}


/* #aktivitaeten .styled-box {
  margin-top: -10%;
} */


.madle-termin-badge {
    position: relative;
    width: 210px;           
    height: 210px;          
    perspective: 1000px;    
    border-radius: 50%;     
    cursor: pointer;        
}

.madle-termin-badge > div {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    backface-visibility: hidden;
    background-color: #fff;
    color: #6c85ba;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    transition: transform 1.3s ease;
}

.madle-termin-badge .vorderseite {
    z-index: 2;
}

.madle-termin-badge .rueckseite {
    transform: rotateY(180deg);
    z-index: 1;
}

.madle-termin-badge.flipped .vorderseite {
    transform: rotateY(180deg);
}

.madle-termin-badge.flipped .rueckseite {
    transform: rotateY(0deg);
}


.madle-termin-badge h4 {
  text-transform: uppercase;
  font-weight: 500 !important;
  border-bottom: 2px solid;
  width: 70%;
  margin-bottom: 5px;
  padding-bottom: 2px;
}
.madle-termin-badge {
  text-transform: uppercase;
}
.madle-termin-badge .madle-title {
  hyphens: auto;
  width: 90%;
  line-height: 1.2;
  margin-top: 7px;
  font-weight: 300;
}
.madle-time {
  font-weight: 300;
}


#termin-badge-wrapper {
  position: relative;
}
#termin-badge-wrapper > .panel-grid-cell {
  position: absolute;
  right: 4% !important;
  width: auto !important;
  /* top: 80px; */
  top: 130px;
  transform: rotate(-10deg);

  --pulse-duration: 2.5s;   
  --pulse-scale: 1.05;     

  transform-origin: center;
  animation: pulse var(--pulse-duration) ease-in-out infinite;
}

.round_badge{
  --pulse-duration: 2.5s;   
  --pulse-scale: 1.1;     

  transform-origin: center;
  animation: pulse2 var(--pulse-duration) ease-in-out infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1) rotate(-10deg);
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
  50% {
    transform: scale(var(--pulse-scale)) rotate(-10deg);
  }
  100% {
    transform: scale(1) rotate(-10deg);
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
}
@keyframes pulse2 {
  0% {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
  50% {
    transform: scale(var(--pulse-scale));
  }
  100% {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
}

/* Accessibility: Animation aus wenn Nutzer reduzierte Bewegung wünscht */
@media (prefers-reduced-motion: reduce) {
  .pulse, .pulse2 {
    animation: none;
    transform: none;
    box-shadow: none;
  }
}


.madle-activities.swiper-container {
    overflow: hidden;
    width: 100%;  
    /* max-width: 500px; */
    margin: 0 auto;
}

/* Slides */
.madle-activities .swiper-slide {
    width: 100%;
}


#aktivitaeten .madle-custom-swiper-btns button {
  background: #ffffff;
  border: none;
  border-radius: none;
  color: #6c85ba;
  font-size: 24px;
  padding: 7px;
  width: 40px;
  margin-left: 10px;
  border-radius: 0;
  cursor: pointer;
}
#aktivitaeten  .madle-custom-swiper-btns {
  position: absolute;
  right: 25px;
  top: 120px;
}

.home .events{
	position: relative;
}

.home .events .beitraege-btns.madle-custom-swiper-btns button {
  background: var(--madle-greybrown);
  border: none;
  border-radius: none;
  color: #fff;
  font-size: 24px;
  padding: 7px;
  width: 40px;
  margin-left: 10px;
  border-radius: 0;
  cursor: pointer;
  transition: 0.8s ease;
}
.home .events .beitraege-btns.madle-custom-swiper-btns button:hover{
 background: #a9c109;
}
.home .events .beitraege-btns.madle-custom-swiper-btns,
.home #aktivitaeten .madle-beitraege-wrapper .madle-custom-swiper-btns {
  position: absolute;
  right: 0px;
  top: 2px;
}
.home #aktivitaeten .madle-beitraege-wrapper .madle-custom-swiper-btns button{
  color: var(--madle-purpur);
  background: #fff;
}
.home #aktivitaeten .madle-beitraege-wrapper .madle-custom-swiper-btns button:hover{
  background: var(--madle-rose);
  color: var(--madle-purpur);
}

.madle-beitraege-slider.swiper-container {
    overflow: hidden;
}

.trusted-badge{
margin-left: calc((100% - 82%) / 2);
position: relative;
}
.ti-header.ti-header-grid.source-Google {
  border-radius: 1px !important;
  min-width: 180px !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -45px !important;
}

/* SUBHERO */
#sub-hero {
  padding-top: 100px;
}
.entry-content > .panel-layout > .panel-grid:first-of-type #sub-hero p:first-of-type strong {
  text-transform: uppercase;
  font-weight: 600;
}
#global-modal #sub-hero p:first-of-type strong {
  text-transform: unset;
  font-weight: initial;
}
.oeffnungszeiten .so-panel .textwidget {
  border-bottom: 1px solid #d7af6f;
  margin-bottom: 30px !important;
}

.stick-to-top {
  margin-top: -80px;
}

#primary .sowb-button {
  background: none !important;
  border: none !important;
  padding: 0 0 0 18px !important;
  font-weight: 200;
  font-size: 24px;
}
#primary  .ow-button-base .sowb-button.ow-icon-placement-left [class^="sow-icon-"] {
  margin: -0.1em .5em -0.2em -0.75em;
}


.anmeldung-icon-boxes .box-row {
  margin-top: 0;
  justify-content: start !important;
}
.anmeldung-icon-boxes > .panel-grid-cell > .so-panel {
  border-bottom: 1px solid #dedede;
  margin-bottom: 30px !important;
  padding-bottom: 15px;
}

.anmeldung-icon-boxes .box-row > .panel-grid-cell {
  max-width: 320px;
  margin-right: 30px;
  width: 320px !important;
}

.page-id-2715 .box-row-dbl .svg_wrapper {
  margin-top: -50px;
}
.page-id-2715 .box-row-sgl .svg_wrapper {
  margin-top: -25px;
}

.anmeldung-icon-boxes {
  margin-bottom: -25px;
}


.widget_datei-downloads-widget a {
  color: #fff;
  font-size: 32px;
  font-weight: 200;
  letter-spacing: .5px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.page-id-3425 .widget_datei-downloads-widget a {
  color: #fff;
}

.widget_datei-downloads-widget a .so-download-button-icon {
  font-size: 36px;
  margin-right: 20px;
}
.widget_datei-downloads-widget a .sow-icon-ionicons {
  margin-left: 2px;
  position: relative;
  top: 2px;
}
.downloads p:last-of-type {
  margin-bottom: 15px !important;
}
.downloads p .more-btn {
  background: #fff;
  color: #b2bc00;
  padding-left: 15px;
  padding-right: 40px;
}
.page-id-3425 .downloads p .more-btn{
  background: #ffffff;
  color: #ee9c50;
}
/* ACCORDEON */
.sow-accordion-open-close-button {
  display: none;
}
.sow-accordion-panel-content a {
  color: inherit;
  text-decoration: underline;
}
.sow-accordion-title{
  position: relative;
  padding-left: 30px;
}
.sow-accordion-title:before{
  position: absolute;
  left: 0;
  color: #6c85ba;
  content: "";
  font-family: "sow-ionicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.4s ease-in-out;
}
.sow-accordion-panel-open .sow-accordion-title:before{
	transform: rotate(-90deg)
}
.sow-accordion-panel-header {
  padding: 5px 0 9px !important;
  border-bottom: 1px solid #fff;
}

.sow-accordion-panel-border p {
  display: flex;
  align-items: start;
  margin: 0;
}
.sow-accordion-panel-border img {
  margin-right: 30px;
  margin-top: 10px;
  width: 300px !important;
  height: auto !important;
}
.sow-accordion-panel {
  padding-bottom: 4px;
  margin-bottom: 4px !important;
}
.sow-accordion-panel-border {
  border-bottom: 1px solid #fff;
}
.sow-accordion-title.sow-accordion-title-icon-left {
  font-size: 24px;
  font-weight: 500;
}
.inline-download-btn{
  position: relative;
  color: inherit !important;
}
.inline-download-btn::before {
  content: "";
  font-family: 'sow-fontawesome-free';
  font-style: normal !important;
  font-weight: 400 !important;
  color: #a9c109;
  margin-right: 12px;
}
.inline-nmb p:last-child {
  margin-bottom: 15px;
}

/* SNAMELDUNGBOXES NEU MIT ICONS */

.anmeldung-boxes-icon svg path {
  fill: #a9c109 !important;
}
.anmeldung-icon-boxes > .panel-grid-cell {
  max-width: 1060px;
}
.anmeldung-boxes-icon svg {
  width: 100%;
  height: auto;
  transform: scale(1.1);
  transform-origin: bottom;
  position: relative;
}
.anmeldung-boxes-icon svg.fn {
  position: relative;
  top: -12px;
}
.anmeldung-icon-boxes .panel-layout .panel-grid-cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-item.ul-area {
  margin-top: 40px;
}
.wpcf7 .file-list {
  margin-left: 0 !important;
  margin-bottom: 15px !important;
  padding: 0 !important;
  margin-top: 10px !important;
}
.wpcf7 .upload-area .upload-dropzone p:first-child,
#inner_form_wrapper_cfe7ffd .upload-area .upload-dropzone p:first-child{
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}

.wpcf7-checkbox .wpcf7-list-item label {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
  width: calc(100% - 50px) !important;
  display: block;
}
.wpcf7-checkbox .wpcf7-list-item {
  margin: 0 0 20px 0;
}
.pdl {
  padding-left: 170px;
}
.anmeldung-icon-boxes .panel-layout .panel-grid-cell > .widget_custom_html {
  width: 140px;
}
.anmeldung-icon-boxes .panel-layout .panel-grid-cell > .widget_sow-editor {
  width: calc(100% - 170px);
}

#vorteile-accordeon .sow-accordion-title::before {
  color: #beaf96;
}
#vorteile-accordeon .sow-accordion-panel-header {
  border-bottom: 1px solid #beaf96;
}

.instagram-gallery__actions {
  display: none !important;
}

#swiper-2920 .swiper-slide {
  width: auto !important;
}

.contact_telnums {
  border-bottom: 1px solid #cecece;
  max-width: 940px;
}
.contact_telnums  .no-mb h3 {
  margin-bottom: 0;
}
.counter svg {
  max-width: 170px;
  width: 80%;
  margin: auto !important;
  display: block;
}
.counter path {
  fill: #fff;
}

.content-section.benefits-first-child {
  padding-top: 30px;
}
.benefits .st1 {
  fill: #ee7355 !important;
}
.benefits svg {
  width: 130px;
  display: block;
  margin: auto;
}
.benefits .panel-grid-cell p,
.benefits_azubi .panel-grid-cell p{
  transform: unset !important;
  opacity: 1 !important;
}
.benefits .panel-grid-cell,
.benefits_azubi .panel-grid-cell,
.counter .panel-grid-cell{
  transform: translateY(40px);
  opacity: 0;
  transition: 1s ease, opacity 1.5s ease;
  will-change: transform, opacity;
}
.benefits .panel-grid-cell.visible,
.benefits_azubi .panel-grid-cell.visible,
.counter .panel-grid-cell.visible{
  transform: translateY(0px);
  opacity: 1;
}
.benefits .panel-grid-cell:nth-child(2).visible,
.benefits .panel-grid-cell:nth-child(6).visible,
.benefits_azubi .panel-grid-cell:nth-child(2).visible,
.benefits_azubi .panel-grid-cell:nth-child(5).visible,
.counter .panel-grid-cell:nth-child(2).visible{
  transition-delay: .3s;
}
.benefits .panel-grid-cell:nth-child(3).visible,
.benefits .panel-grid-cell:nth-child(7).visible,
.benefits_azubi .panel-grid-cell:nth-child(3).visible,
.benefits_azubi .panel-grid-cell:nth-child(6).visible,
.counter .panel-grid-cell:nth-child(3).visible{
  transition-delay: .6s;
}
.benefits .panel-grid-cell:nth-child(4).visible,
.benefits .panel-grid-cell:nth-child(8).visible,
.benefits_azubi .panel-grid-cell:nth-child(4).visible,
.benefits_azubi .panel-grid-cell:nth-child(7).visible,
.counter .panel-grid-cell:nth-child(4).visible{
  transition-delay: .9s;
}


.counter .panel-grid-cell .widget_custom_html{
  transform: scale(.4);
  transform-origin: center;
  transition: 0.8s ease;
  opacity: 0;
}
.counter .panel-grid-cell.visible .widget_custom_html{
opacity: 1;
transform: scale(1);
}
.counter .panel-grid-cell:nth-child(2).visible .widget_custom_html{
transition-delay: .3s;
}
.counter .panel-grid-cell:nth-child(3).visible .widget_custom_html{
transition-delay: .6s;
}
.counter .panel-grid-cell:nth-child(4).visible .widget_custom_html{
transition-delay: .9s;
}
.swiper_btn_wrapper > button,
.insta-swiper-btn-wrapper button,
.instagram-slider-wrapper .more-btn{
  transition: 0.8s ease !important;
}
#swiper-2920 + .swiper_btn_wrapper > button:hover {
  color: #6c85ba !important;
  background: #cbe3f8 !important;
}
#swiper-2920 + .swiper_btn_wrapper > button:hover {
  color: #fff !important;
  background: #9c9592 !important;
}
.insta-swiper-btn-wrapper button:hover,
.instagram-slider-wrapper .more-btn:hover {
  background: #fff !important;
  color: #6c85ba !important;
}
.sow-accordion-title{
  transition: 0.3s ease;
}
.page-id-2723 .sow-accordion-title:hover {
  color: #fff;
}
.page-id-3021 .sow-accordion-title:hover {
  color: #a9c109;
}
.page-id-2774 .box-row .panel-grid-cell{
  transform: translateY(40px);
  opacity: 0;
  transition: 1s ease, opacity 1.5s ease;
  will-change: transform, opacity;
}
.page-id-2774 .box-row .panel-grid-cell.visible {
  transform: translateY(0px);
  opacity: 1;
}
.page-id-2774 .box-row .panel-grid-cell:nth-child(1).visible {
  transition-delay: .3s;
}
.page-id-2774 .box-row .panel-grid-cell:nth-child(2).visible {
  transition-delay: .6s;
}
.page-id-2774 .box-row .panel-grid-cell:nth-child(3).visible {
  transition-delay: .9s;
}
.lehrberufe-slider {
  margin-top: 20px;
}
.lehrberufe-slider .so-widget-image {
  margin-right: 40px;
}
.lehrberufe-slider .widget.widget_sow-editor {
  margin-left: 60px;
}
.lehrberufe-slider.gg_section .sw-btn-wrapper > button{
  background: #ee7355 !important;
}
.benefits p {
  font-size: 20px;
}
.benefits_azubi .st1 {
  fill: #fff !important;
}
#azubi-benefits{
  position: relative;
}
.lehrberufe-box h3{
  text-transform: uppercase;
  margin-top: 0 !important;
  margin-bottom: 20px;
}
.lehrberufe-box p:last-of-type {
  margin: -20px 0 0 0;
}
.lehrberufe-box h3 strong {
  font-weight: 600;
}
.lehrberufe-box h3, .lehrberufe-box a {
  color: #fff !important;
}
.lehrberufe-box a.more-btn{
  font-weight: 300 !important;
  padding-left: 0 !important;
}
.lehrberufe-slider .gg-slider-wrapper {
  margin-top: 25px !important;
}
.lehrberufe-box {
  padding: 20px;
  margin-top: -40px;
  position: relative;
}
.gg_section.lehrberufe-slider .swiper-slide .so-widget-sow-image h3,
.gg_section.lehrberufe-slider .swiper-slide h3:after{
  display: none !important;
}
.gg_section.lehrberufe-slider .swiper-slide h3,
.gg_section.lehrberufe-slider .swiper-slide p{
  opacity: 1 !important;
  transform: unset !important;
}
#azubi-benefits::before {
  content: "";
  background: url(/wp-content/uploads/2025/09/deko_azubi_benefits.png);
  width: 760px;
  height: 700px;
  background-size: contain;
  position: absolute;
  bottom: -40px;
  background-repeat: no-repeat;
  background-position: center;
  right: -110px;
}
#ausbildung-im-madle{
  position: relative;
}
#ausbildung-im-madle::after {
  content: "";
  background: url(/wp-content/uploads/2025/09/deko_ausbildung.png);
  width: 600px;
  height: 600px;
  background-size: contain;
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  right: -5%;
  z-index: 0;
  mix-blend-mode: darken;
  pointer-events: none;
  transform: translateY(-50%);
}
#arbeiten-im-madle{
  position: relative;
}
#arbeiten-im-madle::before {
  content: "";
  background: url(/wp-content/uploads/2025/09/deko_arbeiten.png);
  width: 850px;
  height: 820px;
  background-size: contain;
  position: absolute;
  bottom: -10%;
  background-repeat: no-repeat;
  background-position: center;
  right: -25%;
  mix-blend-mode: darken;
}
.benefits_azubi svg {
  width: 130px;
  display: block;
  margin: auto;
}
.benefits_azubi p {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.counter strong {
  font-size: 82px;
  font-size: ;
  font-weight: 200;
  margin-bottom: -50px;
  display: block;
}
.counter p {
  font-size: 20px;
}
.benefits_azubi {
  padding-top: 40px;
}

.mieten h3 {
  margin-top: 30px;
  margin-bottom: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
  margin-bottom: -5px;
}

.mieten .textwidget {
  border-bottom: 1px solid #fff;
}


.mieten{
  justify-content: start !important;
  padding-bottom: 30px;
}
.mieten > .panel-grid-cell{
max-width: 520px !important;
margin-right: 35px !important;
}

/* MORE-BTNS*/
.mieten .more-btn {
  background: #fff;
  color: #894f62;
}
.mieten .more-btn:hover {
  background: var(--madle-rose);
  color: var(--madle-purpur);
}

/* KONTAKT / MAPS */
#map {
  aspect-ratio: 1.9;
  margin-bottom: 30px;
  margin-top: -30px;
}
.contact-widget p:not(.big-paragraph) {
  margin-bottom: 0;
}

.styled-box .more-btn {
  color: currentColor !important;
  padding-left: 0;
  font-size: 28px;
  font-weight: 300;
  padding-bottom: 0;
  padding-top: 0;
  display: inline-block;
  margin-bottom: 3px;
  margin-top: 3px;
}

.styled-box, .archive-box{
  cursor: pointer;
  transition: 0.5s ease-in-out;
}
.styled-box:hover, .archive-box:hover{
  _transform: scale(1.025);
}


.styled-box.animation-tile .sow-icon-ionicons,
.archive-box .sow-icon-ionicons{
  transform: rotate(0deg);
  will-change: transform;
  transition: all .7s ease;  
}
.styled-box.animation-tile:hover  .sow-icon-ionicons,
.archive-box:hover .sow-icon-ionicons {
  transform: rotate(-45deg);
}

.styled-box.animation-tile .svg_wrapper,
.archive-box .svg_wrapper{
  transition: all 1.3s ease;
  transform: scale(1) rotate(0deg);
  opacity: 1;
  will-change: transform, opacity;
  filter: invert(0);
}
.styled-box.animation-tile,
.archive-box{
  overflow: hidden !important;
}
/* .styled-box.animation-tile:hover .svg_wrapper,
.archive-box:hover .svg_wrapper {
  transform: scale(1.65) rotate(-6deg);
  transform-origin: 25% 25%;
  opacity: .25;
} */

#bewerbung a{
  transition: 0.3s ease;
}
#bewerbung a:hover{
  color: var(--madle-rose) !important;
}

/* JOBS - AZUBI */
.lehrberufe-slider .sw-btn-wrapper > button{
  transition: 0.8s ease;
}
.lehrberufe-slider .sw-btn-wrapper > button:hover{
  background: #fcf3ef !important;
  color: #ee7355 !important;
}
.lehrberufe-slider .panel-grid-cell .panel-grid-cell .lehrberufe-box,
.lehrberufe-slider .panel-grid-cell .panel-grid-cell .lehrberufe-box h3,
.lehrberufe-slider .panel-grid-cell .panel-grid-cell .lehrberufe-box a.more-btn{
  transition: 0.8s ease;
}
.lehrberufe-slider .panel-grid-cell .panel-grid-cell:hover .lehrberufe-box{
  background: #fcf3ef !important;
  color: #ee7355 !important;
}
.lehrberufe-slider .panel-grid-cell .panel-grid-cell:hover .lehrberufe-box h3,
.lehrberufe-slider .panel-grid-cell .panel-grid-cell:hover .lehrberufe-box a.more-btn{
 color: #ee7355 !important; 
}

.azubi_row {
  position: relative;
}
.azubi_row::before {
  content: "";
  position: absolute;
  top: -110px;
  bottom: 0;
  left: calc(-1 * ( (100vw - 100%) / 2 ));
  right: 0;
  background: #fff;
  z-index: 0; 
  width: 102%;
}
.azubi_row > .panel-grid-cell {
  margin-top: -100px;
}
/* .badge_azubi {
  position: absolute;
  top: -230px;
  right: 16.5%;
  z-index: 100;
  width: 220px;
} */
 .badge_azubi {
  position: absolute;
  top: -230px;
  right: 13.5%;
  z-index: 100;
  width: 270px;
}
.muse_img_slider + .swiper_btn_wrapper > button {
  _background: #fad8e3;
  border: none;
  border-radius: none;
  _color: #894f62;
  font-size: 24px;
  padding: 7px;
  width: 40px;
  margin-left: 10px;
  border-radius: 0;
  cursor: pointer;
  
}
.muse_img_slider + .swiper_btn_wrapper > button.swiper-button-disabled {
  cursor: initial;
}
.muse_img_slider + .swiper_btn_wrapper {
  margin-top: 20px;
}

.content-section-sticky-right .swiper_btn_wrapper {
  justify-content: start;
}
.content-section-sticky-right .muse_img_slider + .swiper_btn_wrapper > button{
  margin-left: 0px;
  margin-right: 10px;
}
.badge_besichtigung{
position: absolute;   
width: 180px;   
height: 180px;   
top: 60px;   
right: -2.5%;
transition: 1s ease-in-out;
opacity: 0;
transform: scale(0.6);
}
.badge_besichtigung.visible{
  transform: scale(1.1);
  opacity: 1;
}
.page-id-2723 .accordeon {
  margin-top: -40px;
}
.downloads {
  position: relative;
}
.downloads::before {
  content: "";
  background: url(/wp-content/uploads/2025/10/blatt.png);
    background-repeat: repeat;
    background-size: auto;
  width: 580px;
  height: 410px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 2.5vw;
}
.page-id-3425 .downloads::before {
  content: "";
  background: url(/wp-content/uploads/2025/10/blatt_weiss.png);
    background-repeat: repeat;
    background-size: auto;
  width: 580px;
  height: 410px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -30%;
  right: 2.5vw;
}

#sub-hero p:first-of-type {
  margin-bottom: 20px;
}
.list-w-checkmark{
  padding-bottom: 0;
}
.list-w-checkmark li {
  list-style-type: none;
  padding-left: 40px;
  margin-bottom: 30px;
  position: relative;
}
.list-w-checkmark li:last-of-type {
  margin-bottom: 0px;
}
.list-w-checkmark li:before {
  content: "";
  display: inline-block;
  font-family: "sow-ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 66px;
  position: absolute;
  left: 0;
  top: -18px;
  color: #6c85ba;
}


.styled-list-with-checkmark .sow-accordion ul li {
  list-style-type: none;
  padding-left: 40px;
  margin-bottom: 30px;
  position: relative;
}
.styled-list-with-checkmark .sow-accordion ul li:last-of-type {
  margin-bottom: 0px;
}
.styled-list-with-checkmark .sow-accordion ul li:before {
  content: "";
  display: inline-block;
  font-family: "sow-ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 66px;
  position: absolute;
  left: 0;
  top: -18px;
  color: #beaf96;
}

#vorteile-accordeon .sow-accordion-panel-border {
  padding: 0 !important;
}
#vorteile-accordeon .sow-accordion-panel-border > ul {
  padding-left: 0;
}
.insta-swiper-btn-wrapper {
  display: flex;
  justify-content: end;
  margin-top: -50px;
  margin-bottom: 30px;
}
.insta-swiper-btn-wrapper button{
  background: #6c85ba;
  border: none;
  border-radius: none;
  color: #fff;
  font-size: 24px;
  padding: 7px;
  width: 40px;
  margin-left: 10px;
  border-radius: 0;
  cursor: pointer;
}
.instagram-slider-wrapper h3 {
  width: calc(100% - 110px);
}
.instagram-slider-wrapper .more-btn{
  background: #6c85ba;
  color: #fff;
}
#instagram-gallery-feed-0 {
  margin-bottom: 40px;
}
.instagram-slider-wrapper .swiper-button-next,
.instagram-slider-wrapper .swiper-button-prev{
  display: none;
}
.instagram-slider-wrapper h3 {
  position: relative;
}
.instagram-slider-wrapper h3 img {
  width: 80px;
  position: absolute;
  bottom: 8px;
  left: 540px;
}
#pgc-2723-6-0 .zitat-neg-top-right {
  margin-top: -50px;
  margin-bottom: -20px;
}
.page-id-2729 #sub-hero img {
  max-width: 400px;
  margin-bottom: -60px;
}
.box-w-morelinks .widget_custom_html {
  margin: -80px 0 0 auto !important;
}



/* TEMP */
#pg-2729-1 .content-section-sticky-left.bigimg_w_box .so-widget-image {
  padding-right: 8%;
  margin-bottom: 4%;
}
.more-btn.more-btn-green-white {
  background: #a9c109;
  color: #fff;
  transition: 0.4s ease-in-out;
}
.more-btn.more-btn-darkred-white {
background: #894f62;
color: #fff;
transition: 0.4s ease-in-out;
}
#pg-2747-6 .more-btn.more-btn-darkred-white:hover {
 background: #a9c109 !important;
  color: #fff !important;
}
#pg-2747-6 .more-btn.more-btn-green-white:hover {
 background: #894f62 !important;
  color: #fff !important;
}
.archive-box.ab-termine:hover{
  background: #cbe3f8;
}
.archive-box.ab-news:hover{
  background: #a9c109;
}
.more-btn.more-btn-orange-white {
background: #ee7355;
color: #fff;
transition: 0.4s ease-in-out;
}
.more-btn.more-btn-orange-white:hover {
background: #fcf3ef;
color: #ee7355;
}
.more-btn.more-btn-lightorange-white {
background: #ee9c50;
color: #fff;
transition: 0.4s ease-in-out;
}
.more-btn.more-btn-lightorange-white:hover {
background: #fcf3ef;
color: #ee9c50;
}
.tel-icon {
  margin-top: -20px;
}
.more-btn {
  margin-right: 20px;
}
.tel-icon > span {
  text-align: left;
  display: flex;
  align-items: self-start;
  line-height: 1.1;
}
.tel-icon > span > span {
  transform: scaleY(1.15);
  position: relative;
  display: inline-block;
  bottom: -12px;
  left: 2px;
}
#menu-dienst .ow-button-base {
  margin-top: -30px;
}
#menu-dienst .so-widget-image {
  margin-top: -70px;
  margin-bottom: -40px;
}
#bankette-anlaesse-seminare{
  position: relative;
}
/* #bankette-anlaesse-seminare::before {
  content: "";
  background: url(/wp-content/uploads/2025/09/deko-seminare.png);
    background-repeat: repeat;
    background-size: auto;
  width: 580px;
  height: 410px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 9.5%;
  right: 2.5vw;
} */

#pg-3355-0::before {
  content: "";
  background: url(/wp-content/uploads/2025/10/mtv.png);
    background-repeat: repeat;
    background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  width: 630px;
  height: 580px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 3%;
  right: 6%;
}

#bankette-anlaesse-seminare::before {
  content: "";
  background: url(/wp-content/uploads/2025/09/deko-seminare.png);
    background-repeat: repeat;
    background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  width: 700px;
  height: 650px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 9.5%;
  right: -2.5vw;
}
#angebot-interne-gaeste{
  position: relative;
}
#angebot-interne-gaeste::before {
  content: "";
  background: url(/wp-content/uploads/2025/09/deko-internegaeste.png);
    background-repeat: repeat;
    background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  width: 680px;
  height: 680px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 10%;
  right: calc(-1 * (110vw - 100%)/2);
}

#oeffentliche_besichtigung{
  position: relative;
  padding-bottom: 50px;
}
#oeffentliche_besichtigung::before {
  content: "";
  background: url(/wp-content/uploads/2025/10/oebe.png);
    background-repeat: repeat;
    background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  width: 650px;
  height: 650px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -2%;
  right: 5%;
  mix-blend-mode: soft-light;
}

#aktivitaeten .content-section{
  position: relative;
}

.parallax-w-box.parallax-w-box-bottom .parallax > .panel-layout {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: end;
  padding-bottom: 80px;
}
.neg-mt {
  margin-top: -40px;
}
.page-id-2729 .neg-mt .svg_wrapper {
  width: 140px;
  max-width: 140px;
}

#madle-post{
  margin-top: 80px;
}
#sub-hero #aktivitaeten .content-section {
  padding-bottom: 60px;
}

body:not(.home) #aktivitaeten .madle-beitraege-list,
body:not(.home) #aktivitaeten2 .madle-beitraege-list,
#news-rueckblick .madle-beitraege-list{
  justify-content: flex-start; 
  gap: 5%; 
  }

  .ab-news{
    background: #9c9592;
    color: #fff;
  }
    .ab-termine{
    background: #ffffff;
  color: #6c85ba;
}
  .archive-box{
    padding: 30px 25px 15px;
  border-radius: 1px;
  position: relative;
  z-index: 2;
  aspect-ratio: 1.5;
  }
  .aktivitaeten-grid .madle-beitraege-item {
  margin-bottom: 40px;
}
.styled-box:not(.box-w-morelinks) .sow-icon-container a, .archive-box a{
  pointer-events: none !important;
}
.archive-box-inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  height: 100%;
}
.archive-box-inner h3{
  width: 100% !important;
  align-self: flex-start !important;
}
.ab-news h3 + a {
  font-size: 40px;
  color: #fff !important;
}
.ab-termine h3 + a {
  font-size: 40px;
  color: #6c85ba !important;
}
.archive-box-inner .textwidget.custom-html-widget {
  margin-top: -8px;
}
.ab-termine .archive-box-inner .textwidget.custom-html-widget {
  margin-top: -40px;
  position: relative;
  left: 10px;
}
.archive-box h3 {
  font-size: 36px !important;
}
.deko-img-dl {
  padding-left: 15%;
}
.deko-img-nt {
  margin-top: -5%;
}

.sow-icon-ionicons {
  display: inline-block;
  font-family: "sow-ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-id-3355 .video-slider-wrapper {
  margin-top: 25px;
}
.page.page-id-2763 .widget_datei-downloads-widget a {
  color: #000;
  font-size: 24px;
  font-weight: 500;
}
.page.page-id-2763 .widget_datei-downloads-widget a .sow-icon-fontawesome.sow-far {
  color: #a9c109;
  font-size: 30px;
}
.page.page-id-2763 .widget_datei-downloads-widget {
  border-bottom: 1px solid #dedede;
  max-width: 1024px;
}


.single .widget_datei-downloads-widget a {
  color: #000;
  font-size: 24px;
  font-weight: 500;
}
.single .widget_datei-downloads-widget a .sow-icon-fontawesome.sow-far {
  color: #894f62;
  font-size: 30px;
}
.single .widget_datei-downloads-widget {
  border-bottom: 1px solid #dedede;
  max-width: 1024px;
}

.single #sub-hero.entry-header h1 {
  color: #894f62;
}


#history_back {
  position: fixed;
  width: 30px;
  transform: rotate(-90deg);
  left: 3.5%;
  top: 106px;
  cursor: pointer;
}
#history_back svg polygon{
  fill: var(--madle-greybrown);
}

.outer_accordeon-guide_wrapper .sow-accordion-panel-header {
  border-bottom: 1px solid #dedede;
}
.outer_accordeon-guide_wrapper .sow-accordion-title::before{
  color: #a9c109;
}
.outer_accordeon-guide_wrapper h3.widget-title {
  border-bottom: 1px solid #dedede;
  margin-bottom: 8px;
  margin-top: 50px;
  padding-bottom: 8px;
  color: #9c9592;
  font-weight: 200;
}
.outer_accordeon-guide_wrapper .sow-accordion-panel-border {
  border-bottom: 1px solid #dedede;
}
#accordeon-search-wrapper{
  position: relative;
}
#accordeon-search-wrapper::after {
  content: "";
  background: url(/wp-content/uploads/2025/09/search-icon.png);
    background-size: auto;
  position: absolute;
  width: 28px;
  height: 28px;
  background-size: cover;
  right: 10px;
  top: 10px;
}
#accordeon-search{
  background: #fff;
  padding: 10px;
  border-radius: 1px;
  border: 1px solid #dedede;
}



.outer_accordeon-guide_wrapper > .panel-grid-cell > .so-panel > .panel-layout .accordeon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.outer_accordeon-guide_wrapper > .panel-grid-cell > .so-panel > .panel-layout .accordeon > .panel-grid-cell:first-child {
  width: 260px !important;
  position: sticky;
  top: 42px;
}
.outer_accordeon-guide_wrapper > .panel-grid-cell > .so-panel > .panel-layout .accordeon > .panel-grid-cell:last-child {
  width: calc(100% - 320px) !important;
}

.accordeon-select-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid #dedede;
  background: #fff;
  font-size: 17px;
  padding: 10px;
  color: #979797;
  margin-bottom: 10px;
}
#alphabet-select {
  background: none !important;
  border: none;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  border-left: 1px solid #dedede;
  padding-left: 13px;
  font-weight: 500;
  font-size: 16px;
}
#accordion-a .widget-title {
  margin-top: 0;
}

/* VIDEO SLIDER CSS */

.yt-placeholder {
    position: relative;
    width: 100%;
    aspect-ratio: 1.5;
    overflow: hidden;
}
.video-slider-wrapper .yt-placeholder {
max-width: 560px;
}
.sow-icon-ionicons {
  display: inline-block;
  font-family: "sow-ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.yt-placeholder img,
.yt-placeholder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-slider-wrapper {
  overflow: hidden;
}
.yt-buttons-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 10px;
    z-index: 2;
    justify-content: center;
    width: 100%;
}

.yt-buttons-wrapper button {
  padding: 12px 12px;
  font-size: 15px;
  border-radius: 0;
  border: none;
  cursor: pointer;
}
.yt-play {
    background: #6c85ba;
    color: #fff;
}
.yt-play:hover {
    background: #6c85ba;
}

.yt-consent {
    background: rgba(255,255,255,0.9);
    color: #000;
    border: 1px solid #ccc;
}
.yt-consent:hover {
    background: rgba(255,255,255,1);
}
.madle-tv_section .sw-btn-wrapper {
  justify-content: end !important;
  border-bottom: 1px solid #dedede;
  padding-bottom: 20px;
  margin-bottom: 20px !important;
  margin-top: -70px;
  position: relative;
  z-index: 100;
}
.madle-tv_section .sw-btn-wrapper > button {
  background: #6c85ba;
  border: none;
  color: #fff;
  border-radius: none;
  font-size: 24px;
  padding: 7px;
  width: 40px;
  margin-left: 10px;
  border-radius: 0;
  cursor: pointer;
}
.gg_section .sw-btn-wrapper {
  justify-content: end !important;
  margin-bottom: 20px !important;
  margin-top: -90px;
  position: relative;
  z-index: 100;
}
.gg_section .sw-btn-wrapper > button {
  background: #a9c109;
  border: none;
  color: #fff;
  border-radius: none;
  font-size: 24px;
  padding: 7px;
  width: 40px;
  margin-left: 10px;
  border-radius: 0;
  cursor: pointer;
}
.gg_section p:first-of-type{
  margin-top: 0 !important;
}
.video-slider-wrapper {
  width: calc(100% - 90px);
}
.yt-video-title p {
  font-size: 20px;
}
.madle-tv_section.first-section {
  margin-top: 30px;
}
.yt-placeholder:not(.yt-active):after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: absolute;
  left: 0;
  top: 0;
}

/* TEMP WORKAROUND FOR FILTERS BEACUSE OF HEADER */
.page-id-3021  .mastheader-wrapper-inner{
  height: 0;
}
.gg-slider-wrapper {
  overflow: hidden;
}
.gg-slider-wrapper img {
  width: 100%;
  aspect-ratio: 1.5;
  object-fit: cover;
  display: block;
}
.gg_section .swiper-slide h3 {
  font-size: 28px;
  margin-top: 20px;
  position: relative;
  color: #000;
}

.gg_section .swiper-slide h3::after {
  position: relative;
  left: 10px;
  color: #a9c109;
  content: "";
  font-family: "sow-ionicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.4s ease-in-out;
  top: 2px;
  font-size: 28px;
}

/* GLOBALES MODAL */
#global-modal{
position: fixed; 
bottom: 0;
top: 0; 
right: 0; 
left: 0; 
width: 100%; 
height: 100vh; 
height: calc((var(--vh2, 1vh) * 100) );
z-index: 10000; 
background: #fcfcfc; 
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
transition: clip-path 0.6s ease, opacity 0.6s ease; 
_opacity: 0; 
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#sub-hero p:empty {
  display: none;
}
#modal-content #sub-hero{
  _padding-top: 30px !important;
}
#global-modal.visible{
_opacity: 1; 
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
#global-modal #modal-content{
  transition: opacity 0.7s ease; 
}
.close-modal {
  position: fixed;
  border: none;
  background: none;
  width: 40px;
  height: 40px;
  left: 3%;
  top: 40px;
  padding: 0;
  z-index: 1000;
  cursor: pointer;
}
.close-modal span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: var(--madle-greybrown);
}
.close-modal span:first-child {
  transform: rotate(45deg);
}
.close-modal span:last-child {
  transform: rotate(-45deg);
}
#modal-content.pdf_viewer {
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  _max-width: 1032px;
  width: 100%;
  max-width: unset !important;
}
#modal-content.page_viewer {
  padding-top: 0;
  padding-bottom: 0;
  height: 100%; 
}
#modal-content.page_viewer_fc {
  width: 100% !important;
  max-width: unset !important;
  height: 100% !important;
  padding-top: 0;
  padding-bottom: 0;
}
.more-btn.more-btn-inline {
  color: #000;
  padding-left: 0 !important;
}.more-btn.more-btn-inline:before{
  color: var(--modal-link-color) !important;
}
#pgc-2729-3-1 .zitat-full{
  width: 100% !important;
}
.styled-box.animation-tile.no_link {
  cursor: auto !important;
}
#modal-content.pdf_viewer iframe{
  display: block;
}
.outer_accordeon-guide_wrapper .sow-accordion-panel-border p{
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  display: block !important;
}
/* TEAM IMAGES / WIDGET */
.team-widget-wrapper .panel-layout > .panel-grid {
  width: 29.333%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 4% !important;
}
.team-widget-wrapper .panel-layout > .panel-grid{
  transition: 1s ease, opacity 1.5s ease;
  transform: translateY(40px);
  opacity: 0;
  will-change: transform, opacity;
}
.team-widget-wrapper .panel-layout > .panel-grid.visible{
  transform: translateY(0px);
  opacity: 1;
}
.team-widget-wrapper .panel-layout > .panel-grid:nth-child(2).visible,
.team-widget-wrapper .panel-layout > .panel-grid:nth-child(5).visible{
  transition-delay: .3s;
}
.team-widget-wrapper .panel-layout > .panel-grid:nth-child(3).visible,
.team-widget-wrapper .panel-layout > .panel-grid:nth-child(6).visible{
  transition-delay: .6s;
}
.team-widget-wrapper .panel-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
	margin-left: -2%;
  margin-right: -2% !important;
  width: 104% !important;
}
.team-widget-wrapper .panel-grid-cell {
  position: relative !important;
	overflow: hidden;
}
.team-widget-wrapper .panel-grid-cell .so-panel:nth-child(1){
	transition: all 1.5s ease, opacity 2s ease;
	transform: scale(1.025);
	transform-origin: top center;
}
.team-widget-wrapper .panel-grid-cell .so-panel:nth-child(2){
	position: absolute;
	width: 100%;
	height : 100%;
	left: 0;
	top: 0;
	transition: all 1.5s ease, opacity 2s ease;
	transform: scale(1);
		opacity:0;
    transform-origin: top center;
}
#panel-w68e3ca786b0ce-3-0-1{
    transform-origin: bottom center !important;
}
.team-widget-wrapper .panel-grid-cell:hover .so-panel:nth-child(1){
	/* transform: scale(1.025); */
	opacity:0;
}
.team-widget-wrapper .panel-grid-cell:hover .so-panel:nth-child(2){
	transform: scale(1.1);
	opacity:1;
}
#pg-3425-5 {
  background: #f6f6f6;
}
.box-w-morelinks{
  cursor: auto !important;
}
.team-widget-wrapper .panel-grid-cell .so-panel:nth-child(3) {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 0;
  background: rgba(238, 156, 80, .9);
  color: #fff;
  padding: 5% 5%;
}
.team-widget-wrapper p {
  margin: 0;
}

.team-widget-wrapper .panel-grid-cell .so-panel:nth-child(3) p {
  font-size: 1em;
}
.team-widget-wrapper .panel-grid-cell .so-panel:nth-child(3) p:first-child {
  font-weight: 600 !important;
  letter-spacing: .4px;
}
.team-widget-wrapper .panel-grid-cell .so-panel:nth-child(3) p:first-child a {
  color: #fff;
}
.team-widget-wrapper .panel-grid-cell .so-panel:nth-child(3) p:first-child a strong {
  font-weight: inherit !important;
}
.team-widget-wrapper .panel-grid-cell .so-panel:nth-child(3) p:first-child a {
  color: #fff;
  display: block;
  position: relative;
}

.team-widget-wrapper .panel-grid-cell .so-panel:nth-child(3) p:first-child a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0e0";
  position: absolute;
  right: 0;
  top: 4px;
}
.team-widget-wrapper .panel-grid-cell .so-panel:nth-child(3) p:first-child a:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	content: "\f0e0";
}


/* SONSTIGE FORMS */
.wpcf7-form-control-wrap input[type="radio"], .wpcf7-form-control-wrap input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 30px;
  height: 30px;
  border: 1px solid #b1b3b4;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  position: relative;
  top: -1px;
  margin-right: 10px;
}
.wpcf7-form-control-wrap input[type="radio"]:checked, .wpcf7-form-control-wrap input[type="checkbox"]:checked {
  background-color: var(--madle-green);
  border-color: #b1b3b4;
}
.radios-col {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.radios-col {
  margin-top: 5px;
}
.wpcf7 .radios-col > span {
  margin: 0 0 6px 0;
}
.wpcf7 label {
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 0 !important;
}

.radios-row .wpcf7-list-item {
  margin-left: 0;
  margin-right: ;
  margin-right: 20px;
}

.wpcf7 select, .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 input[type="date"], .wpcf7 input[type="search"], .wpcf7 input[type="number"]{
border: 1px solid #b1b3b4;
  background: #fff;
  padding: 8px;
  width: 100%;
  border-radius: 1px;
  transition: 0.4s ease-in-out;
}
.wpcf7 .form-row p{
  margin: 0 !important;
}
.wpcf7 select {
  padding: 11px;
}
.wpcf7 select:focus, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="date"]:focus, .wpcf7 input[type="search"]:focus, .wpcf7 input[type="number"]:focus{
border: 1px solid #b2bc00;
background: #f6f8e4;
outline: none !important;
}
.wpcf7 .form-row label {
  font-size: 22px;
  font-weight: 200;
}
.wpcf7 .radios-row {
  margin: 1rem 0;
  display: flex;
  gap: 0.5rem;
}
.wpcf7 .form-row label a{
  color: #a9c109;
}
.wpcf7-form-control.wpcf7-submit.btn.btn-primary.more-btn {
  background: #a9c109;
  color: #fff;
  border: none;
  padding: 12px 20px 14px 0px;
  width: 100%;
  max-width: unset;
  display: block;
  max-width: 170px;
}
.wpcf7-form-control.wpcf7-submit.btn.btn-primary.more-btn:hover{
  background: var(--madle-greybrown) !important;
}
.wpcf7-form {
  margin-top: 40px;
}
.wpcf7 p {
  margin: 0 !important;
}
.wpcf7 textarea{
  resize:vertical;
}
.wpcf7 h3{
  font-size: 30px !important;
}
.wpcf7-form-control.wpcf7-submit.btn.btn-primary.more-btn + br {
  display: none;
}
.wpcf7 .spacer {
  margin-top: 46px;
  margin-bottom: 42px;
  opacity: 1 !important;
  transform: unset !important;
}
.wpcf7 .spacer.invisible {
  margin-top: 22px;
  margin-bottom: 22px;
  opacity: 0 !important;
}
.wpcf7 .spacer-s.invisible {
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: 0 !important;
}
h3 + p small {
  margin-top: -25px !important;
  display: block;
  margin-bottom: 25px;
}
.wpcf7 .wpcf7-validates-as-required + .wpcf7-not-valid-tip {
  background: #fff2f2;
  border: 1px solid #dc3232;
  border-radius: 3px;
  padding: 3px 6px 2px;
  font-size: 15px;
  margin-top: 8px;
  width: auto !important;
  max-width: auto;
  color: #dc3232;
  display: inline-block;
}
.wpcf7 .wpcf7-form-control:not(.wpcf7-validates-as-required) + .wpcf7-not-valid-tip {
  display: none !important;
}
.single #sub-hero p:first-of-type strong {
  text-transform: uppercase;
  font-weight: 600;
}
/* FIX FOR FULL HEIGHT VIDEO */
#sow-player-1 {
  min-height: 100vh !important;
  object-fit: cover !important;
}
#mobile_nav_back{
  display: none;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  width: 100% !important;
}
.hide_on_desktop{
  display: none !important;
}
.single-post .entry-content p a:not(.more-btn) {
  color: #894f62;
  text-decoration: underline;
}
.single-post .entry-content p a:not(.more-btn):hover {
  color: #894f62;
  text-decoration: none;
}
.instagram-slider-wrapper h3{
  margin-bottom: 0 !important;
}

.madle-ai-wrapper .svg-wrapper {
  min-width: 150px !important;
}
.madle-ai-wrapper #wohnen_icon .svg-wrapper,
.madle-ai-wrapper #news_icon .svg-wrapper,
.madle-ai-wrapper #mitarbeitende_icon .svg-wrapper,
.madle-ai-wrapper #rundgang_icon .svg-wrapper,
.madle-ai-wrapper #gaestelogin_icon .svg-wrapper,
.madle-ai-wrapper #madletv_icon .svg-wrapper,
.madle-ai-wrapper #menudienst_icon .svg-wrapper,
.madle-ai-wrapper #herzensgruss_icon .svg-wrapper,
.madle-ai-wrapper #umweltschutz_icon .svg-wrapper,
.madle-ai-wrapper #besichtigung_individuell_icon .svg-wrapper,
.madle-ai-wrapper #besichtigung_oeffentlich_icon .svg-wrapper {
  transform: scale(1.2);
  margin-bottom: 0px;
}
.madle-ai-wrapper #rundgang_icon .svg-wrapper,
.madle-ai-wrapper #gaestelogin_icon .svg-wrapper{
  position: relative;
  top: 10px;
}
.madle-ai-wrapper #terminplan_icon .svg-wrapper {
  transform: scale(1.3);
  margin-bottom: 0px;
}
.madle-ai-wrapper #gaesteratgeber_icon .svg-wrapper,
.madle-ai-wrapper #menuplan_icon .svg-wrapper {
  transform: scale(1.1);
}

.madle-ai-wrapper #aktivitaeten_icon .svg-wrapper {
  transform: scale(0.95);
position: relative;
 top: 10px; 
}
.madle-ai-wrapper #menudienst_icon .svg-wrapper{
  position: relative;
  left: -10px;
}

.madle-ai-wrapper #umweltschutz_icon .svg-wrapper {
  position: relative;
  left: -10px;
  top: 10px; 
}
#besichtigung_individuell_icon {
  margin-top: -50px;
}

.madle-ai-wrapper #menuplan_icon .svg-wrapper,
.madle-ai-wrapper #anmeldung_icon .svg-wrapper {
 position: relative;
 top: 10px; 
}
.animation-tile-base {
  margin-top: -20px;
  padding: 0 !important;
  border-radius: 0 !important;
}

@media only screen and (max-width: 1200px) {
  .lehrberufe-slider .widget.widget_sow-editor {
  margin-left: 30px;
}
.lehrberufe-slider .so-widget-image {
  margin-right: 30px;
}
.lehrberufe-box h3 {
  margin-bottom: 7px;
}
.zitat p {
  font-size: 34px;
}
.box-row > .panel-grid-cell {
  margin-bottom: 30px;
  width: 48% !important;
}
  .box-row {
    flex-wrap: wrap !important;
  }
    .box-row > .panel-grid-cell:nth-child(3).visible {
    transition-delay: 0s;
  }
      .break-mobile > div br {
    display: none;
  }
  .home #madle-entdecken > .panel-grid-cell {
  padding-right: 20vw;
}
}

 @media only screen and (max-width: 1160px) {
.main-navigation #primary-menu > li > a {
  font-size: 34px;
}
.main-navigation ul ul li a {
  font-size: 24px;
}
 }
  @media only screen and (min-width: 1160px) {
#herzensgruss-box .styled-box {
  min-width: 450px;
  max-width: 450px;
}
  }

  @media only screen and (max-width: 1080px) {
       /* .team-widget-wrapper .panel-layout > .panel-grid {
    width: 46%;
  } */


}
  @media only screen and (max-width: 1300px) and (min-width: 991px) {
    #badge_jobs_1 {
  position: absolute;
  top: 30%;
  right: 4%;
}
.page-id-2774 #sub-hero h1 {
  max-width: 520px !important;
}
.badge_azubi {
  position: absolute;
  top: -278px;
  right: 12%;
  z-index: 100;
  width: 250px;
}
.madle-termin-badge {
  position: relative;
  width: 190px;
  height: 190px;
}
  #termin-badge-wrapper > .panel-grid-cell {
    position: absolute;
    right: 0% !important;
    top: 390px;
    z-index: 10;
  }
    #aktivitaeten .styled-box.animation-tile, 
    #aktivitaeten2 .styled-box.animation-tile,
    .home #news .styled-box.animation-tile,
    #madle-post .styled-box.animation-tile,
    .archive-box{
    min-width: 370px;
    max-width: 380px;
  }
.parallax .styled-box {
  min-width: 460px;
}
#restaurant-grid .styled-box {
  min-width: 460px;
}
.bigimg_w_box .styled-box,
#oeffentliche_besichtigung .styled-box{
  min-width: 460px;
}
#restaurant-grid  .link-block {
  padding: 15px 10px;
}
#news .box-row > .panel-grid-cell {
  position: static;
  right: 0;
  bottom: 0;
  margin-top: -50px;
}
#news .content-section > .panel-grid-cell:first-child {
  width: 100% !important;
}
#news .panel-grid-cell-empty{
  display: none !important;
}
.madle-termin-badge.visible {
  opacity: 1;
  transform: translateX(0px) scale(1);
}
  }

  @media only screen and (max-width: 1160px) and (min-width: 991px) {
 .menu-event-callout .event-callout {
  transform: scale(.95);
  transform-origin: top right;
}
#oeffentliche_besichtigung h3:first-of-type {
  max-width: 500px;
}
.so-widget-datei-downloads-widget {
  max-width: 450px;
  line-height: 1.3;
}
#badge_aktivities_1 {
  position: absolute;
  width: 160px;
  height: 160px;
  top: 90px;
  right: 6%;
}
#madle-post .zitat br {
  display: none;
}
#badge_madlepost {
  position: absolute;
  width: 160px;
  height: 160px;
  bottom: -60px;
  right: 7%;
}
#badge_jobs_1{
  width: 160px;
  height: 160px;
}
}
#news_icon {
  position: relative;
  left: 5px;
  bottom: -20px;
}
 @media only screen and (max-width: 991px) {
    #aktivitaeten .styled-box.animation-tile, 
    #aktivitaeten2 .styled-box.animation-tile,
    .home #news .styled-box.animation-tile,
    #madle-post .styled-box.animation-tile,
    .archive-box{
    min-width: 370px;
    max-width: 380px;
  }
  .home #madle-entdecken > .panel-grid-cell {
  padding-right: 0vw;
}
   .break-mobile {
    flex-flow: column-reverse;
    flex-wrap: nowrap;
  }
  .break-mobile > div {
    width: 100% !important;
  }
  .box-row > .panel-grid-cell:nth-child(3).visible {
  transition-delay: 0s;
}

  #madle-entdecken {
  padding-right: 240px;
}
.collapse_on_tablet {
  flex-flow: column-reverse;
}
  .collapse_on_tablet > .panel-grid-cell:first-of-type {
    margin-top: 60px;
    width: 88% !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
  }
.collapse_on_tablet > .panel-grid-cell:last-of-type {
  width: 92% !important;
  margin-left: auto;
  margin-right: 0;
}
  .menu-gaest-login-container {
  top: 144px;
}
.menu-event-callout .event-callout {
  transform: scale(1);
}
#mobile_nav_back {
  padding: 0;
  border: none;
  background: none !important;
  position: absolute;
  width: 30px;
  height: 30px;
  transform: rotate(-90deg);
  left: 9%;
  top: 50px;
  cursor: pointer;
  display: block;
  pointer-events: none;
  opacity: 0;
  transition: 0.4s ease;
}
#mobile_nav_back.visible {
  pointer-events: auto;
  opacity: 1;
}
  .main-navigation ul ul {
  box-shadow: none;
  float: none;
  position: fixed;
  top: 150px !important;
  left: 150% !important;
  z-index: 100;
  display: block;
  min-width: unset;
  flex-flow: column;
  width: 100%;
  transform: translateX(-50%);
  background: var(--madle-greybrown) !important;
  height: calc(100vh - 150px);
  transition: 0.4s ease;
  opacity: 0;
}
.main-navigation ul .hovered + ul {
  opacity: 1;
}
#primary-menu{
  transition: 0.4s ease;
  transform: translateX(0%);
}
#primary-menu.toggled{
  transform: translateX(-100%);
}

.home #aktivitaeten .content-section.no-pt > .panel-grid-cell:last-of-type > .so-panel{
  width: 46% !important;
}
.home  #aktivitaeten .content-section.no-pt > .panel-grid-cell:last-of-type {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#news .panel-grid-cell:first-of-type {
  width: 100% !important;
}
  #news .box-row > .panel-grid-cell > .so-panel {
    max-width: 500px;
    width: 46%;
    min-width: 350px;
  }
#news .box-row > .panel-grid-cell {
  position: static;
  right: 0;
  bottom: 110px;
  margin: -90px 0 50px !important;
  width: 100% !important;
}
.content-section-sticky-left ,
.content-section-sticky-right {
  width: 100%;
  max-width: 100%;
}

.content-section-sticky-left .swiper.muse_img_slider,
.content-section-sticky-left .swiper_btn_wrapper{
  margin-right: 9%;
}
.content-section-sticky-right .swiper.muse_img_slider,
.content-section-sticky-right .swiper_btn_wrapper{
  margin-left: 9%;
}

.content-section-sticky-left.bigimg_w_box .so-widget-image{
  padding-right: 0;
}
.content-section-sticky-right.bigimg_w_box .so-widget-image{
  padding-left: 0;
}
  .content-section-sticky-right.bigimg_w_box .styled-box {
    margin: 0 auto 0 0;
    margin-top: 0px;
    margin-top: 0px;
    position: relative;
    left: 9% !important;
    bottom: auto;
    width: 100%;
    margin-top: -20%;
    top: 0;
    right: auto !important;
  }
  .content-section-sticky-left.bigimg_w_box .styled-box {
    margin: 0 0 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    position: relative;
    right: 9% !important;
    bottom: auto;
    width: 100%;
    margin-top: -20%;
    top: 0;
    left: auto !important;
  }
  .box-row {
  /* flex-flow: column; */
  flex-wrap: wrap !important;
}

#badge-change_pos_mobile > .panel-layout {
  display: flex;
  flex-flow: column;
}
#badge-change_pos_mobile .panel-grid:nth-of-type(1) {
  order: 2;
}
#badge-change_pos_mobile .panel-grid:nth-of-type(2) {
  order: 1;
  padding-bottom: 80px;
}
#badge-change_pos_mobile .panel-grid:nth-of-type(3) {
  order: 3;
}
#badge-change_pos_mobile .panel-grid:nth-of-type(4) {
  order: 4;
}
#badge-change_pos_mobile #termin-badge-wrapper > .panel-grid-cell {
  top: -150px;
  z-index: 10;
}
#termine-intern{
  margin-top: 0;
}
.styled-box.animation-tile.hide_on_desktop {
  width: 100% !important;
}

.madle-termin-badge {
  width: 180px;
  height: 180px;
}
.zitat {
  width: 60%;
  max-width: 550px;
}
.zitat.neg-margin {
  margin-top: calc(-2% - 50px);
}

#aktivitaeten .content-section {
  flex-flow: column;
}
#aktivitaeten .content-section > .panel-grid-cell {
  width: 100% !important;
}
.hide_on_desktop{
  display: block !important;
}
.hide_on_mobile{
  display: none !important;
}
.home .events {
  margin-bottom: 30px;
}


#restaurant-grid > .panel-grid-cell {
  width: 100% !important;
}
#restaurant-grid {
  flex-flow: column-reverse;
}
#restaurant-grid > .panel-grid-cell:first-of-type {
  width: 82% !important;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
}
  #restaurant-grid > .panel-grid-cell:first-of-type .link-block {
    max-width: 500px;
    width: 100%;
    min-width: 350px;
    margin-top: -100px;
    position: relative;
    z-index: 10;
  }

#restaurant-grid > .panel-grid-cell:first-of-type {
  display: flex;
  flex-wrap: wrap;
  _justify-content: space-between;
}
#restaurant-grid > .panel-grid-cell:first-of-type .so-panel:nth-of-type(1),
#restaurant-grid > .panel-grid-cell:first-of-type .so-panel:nth-of-type(5) {
  width: 100%;
}
#restaurant-grid > .panel-grid-cell:first-of-type > .so-panel:nth-of-type(2){
  width: 53%;
  margin-left: -11% !important;
}
#restaurant-grid > .panel-grid-cell:first-of-type > .so-panel:nth-of-type(3) {
  width: 53%;
  margin-left: 5% !important;
}
#restaurant-grid > .panel-grid-cell:first-of-type .so-panel:nth-of-type(2) .sm-img, #restaurant-grid > .panel-grid-cell:first-of-type .so-panel:nth-of-type(3) .sm-img {
  margin-left: 0;
}
#restaurant-grid > .panel-grid-cell:first-of-type > .so-panel:nth-of-type(4) {
  margin: 0 0 0 auto;
}
  #restaurant-grid .zitat {
    width: 100%;
    max-width: 420px;
    margin-top: 60px !important;
    margin-bottom: -40px !important;
  }

  .parallax-w-box .parallax > .panel-layout {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: end;
  padding-bottom: 80px;
}
.styled-box {
  width: 100%;
  max-width: 520px;
  padding: 30px 25px 15px;
}

#newsletter-form .content-section {
  flex-flow: column !important;
}
#newsletter-form .content-section > .panel-grid-cell {
  width: 100% !important;
}
#newsletter-form .content-section > .panel-grid-cell:first-child {
  margin-bottom: 30px;
}
.footer-flex-row h3 {
  max-width: 520px;
}
  footer .content-section:not(.footer-flex-row, .no-pt) {
    flex-flow: column-reverse !important;
    padding-top: 30px;
  }
    footer .content-section.no-pt:not(.footer-flex-row) {
    flex-flow: column !important;
    padding-top: 30px;
  }
footer .content-section:not(.footer-flex-row) > .panel-grid-cell {
  width: 100% !important;
}
footer .content-section:not(.footer-flex-row) > .panel-grid-cell:first-of-type {
  margin-top: -20px;
}
.social-links {
  margin-top: 30px;
  margin-bottom: -10px;
}
/* .content-section h2 br {
  display: none;
} */
 h1, h2 {
  font-size: 56px;
}
h3{
  font-size: 32px;
}
.archive-box h3 {
  font-size: 32px !important;
}
.archive-box{
  aspect-ratio: unset !important;
}
  .archive-box h3 {
    font-size: 32px !important;
    max-width: 300px;
    margin-right: calc(100% - 300px);
  }
.big-paragraph {
  font-size: 28px !important;
}
.counter .panel-grid-cell {
  width: 48% !important;
  margin-bottom: 30px;
}
.counter .panel-grid-cell:nth-child(3), .counter .panel-grid-cell:nth-child(4) {
  margin-bottom: -20px;
}
.counter {
  flex-wrap: wrap !important;
}
/* #pgc-2723-6-0 .zitat-neg-top-right {
  margin-top: 0;
  width: 100% !important;
  margin-left: 50%;
  margin-bottom: -100px;
} */

    #pgc-2723-6-0 .zitat-neg-top-right {
    margin-top: -30px !important;
    width: 100% !important;
    margin-left: auto;
    margin-bottom: 0 !important;
    margin-right: auto;
  }
    #news .box-row {
    margin-bottom: 20px;
  }
.anmeldung-ap {
  flex-flow: column;
}
.anmeldung-ap > .panel-grid-cell {
  width: 100% !important;
}
.anmeldung-ap h3 br {
  display: none;
}
.anmeldung-ap h3 {
  max-width: 620px;
  margin-top: 40px;
}
.anmeldung-ap h3 + p {
  margin-bottom: 0;
}
.downloads .content-section {
  flex-flow: column;
}
.downloads .content-section > .panel-grid-cell {
  width: 100% !important;
}
.downloads .content-section > .panel-grid-cell:first-child {
  margin-bottom: 20px;
}
.box-row > .panel-grid-cell.panel-grid-cell-empty {
  display: none;
}
#pg-2729-1 .content-section-sticky-left.bigimg_w_box .so-widget-image {
  padding-right: 0;
  margin-bottom: 4%;
}
#badge_gastro_2 {
  left: 9%;
  top: -260px;
}

.mobile_column_layout.content-section {
  flex-flow: column;
}
.mobile_column_layout.content-section > .panel-grid-cell {
  width: 100% !important;
}
.mobile_column_layout.content-section .zitat-neg-top-right {
  margin-top: 50px;
  margin-right: 0%;
  margin-bottom: -60px;
}

.mieten.content-section {
  flex-flow: column;
}
.mieten.content-section > .panel-grid-cell {
  width: 100% !important;
  margin-right: 0 !important;
  max-width: unset !important;
}
.mieten.content-section > .panel-grid-cell:first-child {
  margin-bottom: 60px;
}
#news-rueckblick .madle-beitraege-item, body:not(.home) #aktivitaeten .madle-beitraege-item, body:not(.home) #aktivitaeten2 .madle-beitraege-item {
  width: 47.5%;
}
.mp_mobile_column_layout > .panel-layout {
  flex-flow: column-reverse !important;
  display: flex;
}
#madle-post {
  margin-top: 0px;
  flex-flow: column-reverse;
}
#madle-post > .panel-grid-cell {
  width: 100%;
}
#madle-post > .panel-grid-cell:last-child {
  width: 100% !important;
  padding-left: 9%;
}
#badge_madlepost {
  position: absolute;
  width: 180px;
  height: 180px;
  bottom: 180px;
  right: 6%;
}
.mp_mobile_column_layout > .panel-layout > .panel-grid:last-of-type > .content-section {
  padding-bottom: 30px !important;
}
.team-widget-wrapper .panel-layout > .panel-grid {
  width: 46%;
}

.benefits,
.benefits_azubi {
  flex-wrap: wrap !important;
}
.benefits .panel-grid-cell,
.benefits_azubi .panel-grid-cell {
  width: 46% !important;
}
.benefits_azubi .panel-grid-cell-empty{
  display: none;
}
#werde-teil-unseres-teams #sub-hero h1 {
  max-width: 400px;
}
#badge_jobs_1 {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 26%;
  right: 12%;
}
#offene-stellen {
  padding-top: 0;
}
.box-row.box-row-with_decoimg {
  position: relative;
  padding-top: 200px !important;
}
.box-row.box-row-with_decoimg > .panel-grid-cell:last-of-type {
  position: absolute;
  top: -40px;
  right: 0;
  max-width: 250px;
}

.menu-gaest-login-container{
  z-index: 1000;
}

  #bewerbung .deko-img-dl {
    max-width: 270px;
    margin-right: 0 !important;
    margin-left: auto;
  }
.azubi_row::before{
  display: none !important;
}
.badge_azubi {
  position: absolute;
  top: -280px;
  right: 5%;
  z-index: 100;
  width: 220px;
}
.azubi_row > .panel-grid-cell {
  margin-top: 0;
}
.box-row {
  margin-bottom: -20px;
}
.mp_mobile_column_layout .more-btn {
  margin-bottom: 10px !important;
  display: inline-block;
}
  .mobile_column_layout.content-section .zitat-neg-top-right {
    max-width: unset;
  }

  #badge_jobs_1 {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 30%;
    right: 8%;
  }
  #badge_aktivities_1 {
  position: absolute;
  width: 150px;
  height: 157px;
  top: 65px;
  right: 2%;
}
  #badge_madlepost {
    position: absolute;
    width: 150px;
    height: 150px;
    bottom: 200px;
    right: 8%;
  }
  #badge_gastro_1 {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 160px;
  right: 4%;
}
 #badge_gastro_2 {
    left: 7%;
    top: -280px;
    width: 150px;
    height: 150px;
  }
.page-id-2747 .mp_mobile_column_layout > .panel-layout .panel-grid:nth-child(1) {
  order: 1;
}
.page-id-2747 .mp_mobile_column_layout > .panel-layout .panel-grid:nth-child(2) {
  order: 2;
}
.page-id-2747 .mp_mobile_column_layout > .panel-layout .panel-grid:nth-child(3) {
  order: 4;
  padding-top: 70px;
}
.page-id-2747 .mp_mobile_column_layout > .panel-layout .panel-grid:nth-child(4) {
  order: 3;
  margin-bottom: -50px;
}
#menu-dienst .so-widget-image {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.team-widget-wrapper .panel-layout > .panel-grid:nth-child(3).visible, .team-widget-wrapper .panel-layout > .panel-grid:nth-child(6).visible {
  transition-delay: 0s;
}
.outer_accordeon-guide_wrapper > .panel-grid-cell > .so-panel > .panel-layout .accordeon {
  flex-flow: column;
}
.outer_accordeon-guide_wrapper > .panel-grid-cell > .so-panel > .panel-layout .accordeon > .panel-grid-cell:first-child, .outer_accordeon-guide_wrapper > .panel-grid-cell > .so-panel > .panel-layout .accordeon > .panel-grid-cell:last-child {
  width: 100% !important;
}
.outer_accordeon-guide_wrapper > .panel-grid-cell > .so-panel > .panel-layout .accordeon > .panel-grid-cell:first-child{
  margin-bottom: 30px;
}
.outer_accordeon-guide_wrapper > .panel-grid-cell > .so-panel > .panel-layout .accordeon > .panel-grid-cell:first-child {
  position: static;
}
}

@media only screen and (max-width: 890px) {
#restaurant-parkblick::before {
  bottom: 3% !important;
}
.instagram-slider-wrapper h3 {
  margin-bottom: 30px !important;
  position: relative;
  top: 20px;
}
  .instagram-slider-wrapper h3 img {
    width: 60px !important;
    bottom: 70px !important;
    right: -110px !important;
  }
}

@media only screen and (max-width: 860px) {
#termine-intern h3 br:last-of-type {
  display: none;
} 
#aktivitaeten .madle-custom-swiper-btns {
  position: absolute;
  right: 25px;
  top: 70px;
}
#aktivitaeten .content-section > .panel-grid-cell:last-of-type > .so-panel{
  width: 100% !important;
}
#aktivitaeten .content-section > .panel-grid-cell:last-of-type {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-flow: column;
}

  .zitat p {
  font-size: 36px;
  }
 .styled-box {
  max-width: 480px;
}
.badge_besichtigung {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 40px;
}
#menu-dienst > .panel-grid-cell:last-of-type {
  flex-flow: column-reverse !important;
  display: flex;
}
#menu-dienst > .panel-grid-cell:last-of-type > .so-panel:last-of-type {
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  margin-top: -70px;
}
#menu-dienst > .panel-grid-cell:last-of-type > .so-panel:first-of-type .zitat br{
  display: none;
}
#menu-dienst > .panel-grid-cell:last-of-type > .so-panel:first-of-type .zitat{
  width: 100%;
}
.instagram-slider-wrapper h3 img {
  width: 70px;
  position: absolute;
  bottom: 40px;
  left: auto;
  right: -110px;
}
  #menu-dienst > .panel-grid-cell:last-of-type > .so-panel:last-of-type {
    width: 50%;
    margin-left: auto;
    margin-right: 0;
    margin-top: 0px;
  }
    #aktivitaeten .styled-box.animation-tile, #aktivitaeten2 .styled-box.animation-tile, .home #news .styled-box.animation-tile, .archive-box, #madle-post .styled-box.animation-tile, #herzensgruss-box .styled-box {
    min-width: unset !important;
    max-width: 380px;
  }
}

.madle-termin-badge span {
  display: block;
}
.madle-termin-badge span + br {
  display: none;
}

@media only screen and (max-width: 780px) {
	  #menu-dienst > .panel-grid-cell:last-of-type > .so-panel:last-of-type {
    width: 100% !important;
    margin-left: auto;
    margin-right: 0;
    margin-top: 70px;
  }
  .close-modal {
  left: 5.5%;
}
  #hero h1 {
  font-size: 62px;
  }
    h1, h2 {
    font-size: 46px;
  }
  .entry-content > .panel-layout > .panel-grid:first-of-type #sub-hero p:first-of-type strong {
  font-size: 22px;
}
  .team-widget-wrapper .panel-layout > .panel-grid {
    width: 100%;
  }
  .widget_datei-downloads-widget a {
  font-size: 28px;
  }
  .widget_datei-downloads-widget a .so-download-button-icon {
  font-size: 32px;
  margin-right: 16px;
}
.footer-flex-row .panel-grid-cell:last-of-type,
.site-branding {
  width: 150px !important;
}
.site-branding {
margin-top: 0;
margin-bottom: 13px;
}
.counter svg {
  max-width: 140px;
}
.counter strong {
  font-size: 72px;
}
  #werde-teil-unseres-teams #sub-hero h1 {
    max-width: 320px;
  }
  #badge_jobs_1{
    top: 25%;
  }
    .box-row > .panel-grid-cell {
    margin-bottom: 30px;
    width: 100% !important;
  }
    .box-row.box-row-with_decoimg > .panel-grid-cell:last-of-type {
    position: absolute;
    top: -40px;
    right: 0;
    max-width: 200px;
  }
  #pgc-2774-6-0 h3 br {
  display: none;
}
  .box-row.box-row-with_decoimg {
    padding-top: 170px !important;
  }
  #mobile_nav_back {
    top: 45px;
    left: 14%;
  }
    #news-rueckblick .madle-beitraege-item, body:not(.home) #aktivitaeten .madle-beitraege-item, body:not(.home) #aktivitaeten2 .madle-beitraege-item {
    width: 100%;
  }
  .sow-accordion-panel-border p {
  display: block;
  }
  .sow-accordion-panel-border img {
  margin-right: 0;
  margin-top: 10px;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
  #pgc-2723-6-0 .zitat-neg-top-right {
    margin-top: 0;
    width: 100% !important;
    margin-left: 0;
    margin-bottom: -100px;
    margin-right: 0 !important;
    max-width: unset;
  }
    .home #aktivitaeten .content-section.no-pt > .panel-grid-cell:last-of-type > .so-panel {
    width: 100% !important;
  }
  .home #termine-intern {
  margin-bottom: 50px;
}
  #news .box-row > .panel-grid-cell > .so-panel {
    max-width: unset;
    width: 100%;
    min-width: 350px;
  }
  .home #news .box-row > .panel-grid-cell > .so-panel {
  margin-top: -40px;
  margin-bottom: 40px;
}

.content-section {
  width: 88%
}
   .content-section-sticky-left.bigimg_w_box .styled-box {
    margin: 0;
    position: relative;
    right: auto !important;
    bottom: auto;
    left: 6% !important;
    width: 80%;
    max-width: 520px;
    margin-top: -15%;
  }
    .content-section-sticky-right.bigimg_w_box .styled-box  {
    margin: 0 0 0 auto;
    position: relative;
    left: auto !important;
    bottom: auto;
    right: 6% !important;
    width: 80%;
    max-width: 520px;
    margin-top: -15%;
  }
  .box-row .animation-tile-base {
  margin-top: -85px;
}
.box-row .styled-box {
  width: 85%;
  max-width: 480px;
  padding: 30px 25px 15px;
  border-radius: 1px;
}
  #termin-badge-wrapper .siteorigin-widget-tinymce.textwidget {
  transform: scale(.85);
}
  .zimmerfrei-badge {
    position: absolute;
    top: -60px;
    right: -35px;
    width: 95px;
    height: 95px;
    transition: 0.6s ease;
  }
    .madle-termin-badge {
    width: 160px;
    height: 160px;
  }
  .madle-termin-badge h4 {
  font-size: 24px;
}
.madle-termin-badge span {
  font-size: 19px;
}
.content-section-sticky-left.bigimg_w_box .so-widget-image, .content-section-sticky-right.bigimg_w_box .so-widget-image {
  aspect-ratio: 1.25;
  object-fit: cover;
  margin-bottom: 0;
}
.content-section p, .content-section-sticky-left p, .content-section-sticky-right p {
  font-weight: 200;
  font-size: 22px;
}
 .big-paragraph {
    font-size: 24px !important;
  }
  .trusted-badge {
  margin: 0 auto !important;
  width: 88% !important;
}
#pg-2537-3 {
  margin-top: 0px !important;
}
  .ti-header.ti-header-grid.source-Google {
  border-radius: 1px !important;
  min-width: 180px !important;
  position: static !important;
  left: 0 !important;
  bottom: 0 !important;
  display: block !important;
  width: 180px !important;
  margin: 30px 0 0 0 !important;
}
#madle-entdecken .event-callout {
  position: static;
}
#madle-entdecken > .panel-grid-cell {
  flex-flow: column-reverse !important;
  flex-direction: column-reverse !important;
  display: flex;
  width: 100% !important;
}
#madle-entdecken {
  padding-right: 0 !important;
}
#madle-entdecken .event-callout {
  margin: 0 0 30px auto;
}
.img-headline {
  width: 65%;
  max-width: 500px;
  min-width: unset;
  margin-top: 20px;
  margin-bottom: 20px;
}
#restaurant::before{
  top: 5%;
}
  .main-navigation ul#primary-menu {
    display: flex !important;
  }
  #primary-menu {
  flex-flow: column;
}

  #restaurant-grid > .panel-grid-cell:first-of-type .link-block{
    max-width: 620px !important;
  }
.zitat p {
  font-size: 28px;
}
.parallax {
  height: 60vh !important;
  min-height: 400px;
}
  .zitat {
    width: 100% !important;
    max-width: 320px !important;
    margin: -30px auto 60px !important;
  }
  #pg-2537-4 p br{
    display: none;
  }
  .events h3 {
  width: calc(100% - 110px);
}
.mastheader-wrapper-inner{
  width: 90%;
}
.callout-event h5 {
  font-size: 18px;
}
.callout-event p {
  font-size: 15px;
}
.parallax-w-box .parallax {
  height: 90vh !important;
  min-height: 500px !important;
}
#restaurant-grid > .panel-grid-cell:first-of-type .link-block{
  min-width: unset !important;
}
.link-block .more-btn {
  font-size: 26px;
}
.link-block {
  padding: 25px 20px 25px;
}
  #restaurant-grid > .panel-grid-cell:first-of-type {
    width: 88% !important;
  }
    .footer-flex-row .panel-grid-cell:last-of-type {
  right: 6%;
}
.menu-signet, #hero-a-signet {
  width: 40vw;
  bottom: -6vw;
  right: 2vw;
  height: 45vw;
}
#primary-menu {
  width: 88%;
}
#sub-hero #aktivitaeten .content-section {
  padding-bottom: 10px;
}
  #badge_aktivities_1 {
    position: absolute;
    width: 120px;
    height: 120px;
    top: 25px;
    right: 2%;
  }
  .content-section-sticky-left .swiper.muse_img_slider, .content-section-sticky-left .swiper_btn_wrapper {
    margin-right: 6%;
  }
    .content-section-sticky-right .swiper.muse_img_slider, .content-section-sticky-right .swiper_btn_wrapper {
    margin-left: 6%;
  }
  .box-row > .panel-grid-cell:nth-child(2).visible{
  transition-delay: 0s;
}
.box-row > .panel-grid-cell:nth-child(3).visible{
  transition-delay: 0s;
}
#pg-2774-4 .parallax {
  background-position: center left !important;
}
#herzensgruss-box p {
  max-width: 120px;
}
.page-id-2747 .mp_mobile_column_layout > .panel-layout .panel-grid:nth-child(1) {
  order: 1;
}
.page-id-2747 .mp_mobile_column_layout > .panel-layout .panel-grid:nth-child(2) {
  order: 2;
}
.page-id-2747 .mp_mobile_column_layout > .panel-layout .panel-grid:nth-child(3) {
  order: 4;
  padding-top: 70px;
}
.page-id-2747 .mp_mobile_column_layout > .panel-layout .panel-grid:nth-child(4) {
  order: 3;
  margin-bottom: -50px;
}
  #madle-post > .panel-grid-cell:last-child {
    width: 100% !important;
    padding-left: 0;
  }
  .page-id-2747 .mp_mobile_column_layout .zitat {
  margin-top: 50px !important;
}
.team-widget-wrapper .panel-layout > .panel-grid:nth-child(2).visible,
.team-widget-wrapper .panel-layout > .panel-grid:nth-child(5).visible{
  transition-delay: 0s;
}
.team-widget-wrapper .panel-layout > .panel-grid:nth-child(3).visible,
.team-widget-wrapper .panel-layout > .panel-grid:nth-child(6).visible{
  transition-delay: 0s;
}
  .team-widget-wrapper .panel-layout > .panel-grid {
    width: 100%;
  }
    .team-widget-wrapper .panel-layout > .panel-grid:not(:last-child) {
    margin-bottom: 20px !important;
  }
    #badge_gastro_2 {
    left: auto;
    top: -440px;
    width: 150px;
    height: 150px;
    right: 20%;
  }
  #primary .sowb-button {
  font-weight: 200;
  font-size: 22px;
}
  #pgc-2729-3-1 .zitat-full {
  width: 100% !important;
  margin-top: 60px !important;
  margin-bottom: -30px !important;
}
  .collapse_on_tablet {
    margin-top: -40px;
    padding-bottom: 10px;
  }
    .collapse_on_tablet > .panel-grid-cell:last-of-type {
    width: 100% !important;
  }
  .collapse_on_tablet .zitat {
  margin-top: 50px !important;
}
#history_back {
  left: 7vw;
  top: 90px;
}
  .footer-flex-row h3 {
    max-width: 370px;
  }
}

.main-navigation #primary-menu a{
  outline: none !important;
}
.nav_opend .menu-event-callout .event-callout {
  right: calc((-1 * (100vw - 100%)/2) + 40px);
}
.menu-menu-1-container {
  overflow: hidden;
}
.menu-event-callout .event-callout {
  overflow: initial !important;
}

.menu-event-callout-mobile{
  display: none;
}

#primary-menu > li.gl_hide_on_desktop{
  display: none !important;
}

@media only screen and (max-width: 680px) {
  #newsletter-form form div:nth-child(2), #newsletter-form form div:nth-child(3) {
  width: 100% !important;
  margin-bottom: 10px;
}
#newsletter-form form div:nth-child(4) {
  width: 100% !important;
  margin-bottom: 10px !important;
}
#hero-text {
  bottom: 16%;
}
.mobilMenu {
  position: relative;
  left: 4px;
}
.styled-box .textwidget p br{
  display: none;
}
#restaurant.visible::before {
  width: 40vw !important;
  height: 30vw !important;
}
.svg_wrapper {
  max-width: 100px;
  width: 100px;
  margin-left: 20px;
  height: 100px;
  max-height: 100px;
}
  .footer-flex-row .panel-grid-cell:last-of-type, .site-branding {
    width: 130px !important;
  }
  .main-navigation #primary-menu > li > a {
  font-size: 28px;
  }
  #primary-menu > li{
    margin-bottom: 7px;
  }
  #primary-menu{
    padding-top: 110px;
  }
  .menu-event-callout{
    display: none;
  }
  .menu-event-callout-mobile{
  display: block;
  padding-bottom: 40px;
}
.nav_opend .menu-signet {
  opacity: 1;
  transition-delay: 0.3s;
  mix-blend-mode: overlay;
}
.menu-event-callout-mobile .event-callout {
  position: static;
  padding-left: 6%;
  margin-top: 20px;
}
.menu-event-callout-mobile .dotted_line {
  border-bottom: 2px dotted;
  margin-bottom: 7px;
  width: calc(100% + 40px);
  margin-left: -40px;
}
  .main-navigation li ul li {
  margin-bottom: 7px;
}
body:not(.home) h1 br, body:not(.home) h2 br {
  display: none;
}
  h1, h2 {
    font-size: 42px;
  }
    h3 {
    font-size: 26px;
  }
  .anmeldung-icon-boxes .panel-layout .panel-grid-cell > .widget_custom_html {
  width: 100%;
}
.anmeldung-icon-boxes .panel-layout .panel-grid-cell > .widget_custom_html .widget_text{
  max-width: 120px;
}
.anmeldung-icon-boxes .panel-layout .panel-grid-cell > .widget_sow-editor{
  width: 100%;
}
.pdl {
  padding-left: 0;
}
  .badge_besichtigung {
    position: absolute;
    width: 110px;
    height: 110px;
    top: -40px;
    right: 0;
  }
   #badge_jobs_1 {
    position: absolute;
    width: 110px;
    height: 110px;
    top: 16% !important;
    right: 6%;
  }
      #badge_aktivities_1 {
    position: absolute;
    width: 110px;
    height: 110px;
    top: 145px;
    right: 2%;
  }
    #badge_madlepost {
    position: absolute;
    width: 110px;
    height: 110px;
    bottom: auto;
    right: 8%;
    top: -70px;
  }
  #badge_gastro_2 {
    left: auto;
    top: -350px;
    width: 110px;
    height: 110px;
    right: 11%;
  }
    #badge_gastro_1 {
    position: absolute;
    width: 110px;
    height: 110px;
    top: 160px;
    right: 10%;
  }
  #oeffentliche_besichtigung h3:first-of-type {
  max-width: 290px;
}
#oeffentliche_besichtigung .content-section {
  padding-top: 100px;
}
  .widget_datei-downloads-widget a {
    font-size: 24px;
  }
    .counter .panel-grid-cell {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .counter .panel-grid-cell:nth-child(2n) {
  display: flex;
  flex-flow: column-reverse;
}
.break-mobile > div br {
  display: none;
}
.break-mobile {
  flex-flow: column-reverse;
}
.break-mobile > div{
  width: 100% !important;
}
.form-row {
  flex-flow: column !important;
}
  .footer-flex-row h3 {
    max-width: 200px;
    
  }
.form-item{
  width: 100% !important;
}
  .benefits .panel-grid-cell, .benefits_azubi .panel-grid-cell {
    width: 100% !important;
  }
.benefits .panel-grid-cell:nth-child(2).visible,
.benefits .panel-grid-cell:nth-child(6).visible,
.benefits_azubi .panel-grid-cell:nth-child(2).visible,
.benefits_azubi .panel-grid-cell:nth-child(5).visible,
.counter .panel-grid-cell:nth-child(2).visible{
  transition-delay: 0s;
}
.benefits .panel-grid-cell:nth-child(3).visible,
.benefits .panel-grid-cell:nth-child(7).visible,
.benefits_azubi .panel-grid-cell:nth-child(3).visible,
.benefits_azubi .panel-grid-cell:nth-child(6).visible,
.counter .panel-grid-cell:nth-child(3).visible{
  transition-delay: 0s;
}
.benefits .panel-grid-cell:nth-child(4).visible,
.benefits .panel-grid-cell:nth-child(8).visible,
.benefits_azubi .panel-grid-cell:nth-child(4).visible,
.benefits_azubi .panel-grid-cell:nth-child(7).visible,
.counter .panel-grid-cell:nth-child(4).visible{
  transition-delay: 0s;
}
.page-id-2774 .box-row .panel-grid-cell:nth-child(1).visible {
  transition-delay: 0s;
}
.page-id-2774 .box-row .panel-grid-cell:nth-child(2).visible {
  transition-delay: 0s;
}
.page-id-2774 .box-row .panel-grid-cell:nth-child(3).visible {
  transition-delay: 0s;
}
.lehrberufe-slider .widget.widget_sow-editor {
  margin-left: 30px;
}
#pg-3008-0 .content-section {
  padding-bottom: 50px;
}
.page-id-3008 .textwidget ul {
  margin-left: 16px;
  margin-top: -20px;
}
#map {
  aspect-ratio: 1;
  margin-bottom: 30px;
  margin-top: -30px;
}
#pl-2729 h1 {
  max-width: 340px;
}
.page-id-2729 #sub-hero img {
  max-width: 500px;
  margin-bottom: -60px;
  width: 65%;
  margin-top: 15px;
}
  .styled-box.box-w-morelinks .textwidget p br {
    display: block;
  }
  .styled-box .more-btn {
  font-size: 22px;
  }

  .menu-gaest-login-container{
    display: none !important;
  }
  #primary-menu > li.gl_hide_on_desktop{
  display: block !important;
  margin-top: 5px;
}
  .gl_hide_on_desktop a {
    display: flex;
    align-items: safe;
    padding-right: 0 !important;
    flex-flow: row-reverse;
    justify-content: start;
  }
  .gl_hide_on_desktop a svg {
    display: inline-block;
    width: 60px;
    position: relative;
    bottom: 12px;
    margin-left: -7px;
    transition: 0.8s ease-in-out;
    margin-right: 4px;
  }
.gl_hide_on_desktop a:hover {
  color: var(--madle-green);
}
.gl_hide_on_desktop a svg path {
  fill: #fff;
  transition: 0.3s ease-in-out;
}
.gl_hide_on_desktop a:hover svg path {
  fill: var(--madle-green);
}
  .main-navigation ul ul {
    top: 115px !important;
  }
  #map {
  margin-bottom: 50px !important;
}
.video-slider-wrapper {
  width: 100% !important;
}
.madle-tv_section {
  padding-bottom: 20px;
}

/* BREAK SINGLE POST COLUMNS AUTO ON MOBILE */
.single-post .entry-content .panel-layout .panel-grid {
  flex-flow: column !important;
}
.single-post .entry-content .panel-layout .panel-grid .panel-grid-cell{
  width: 100% !important;
}
.single-post .entry-content .panel-layout .panel-grid.panel-no-style .panel-grid-cell img{
  margin-bottom: 30px;
}
.main-form-alert {
  white-space: normal !important;
}
  #hero-text {
    bottom: 10% !important;
  }
  .benefits_azubi .panel-grid-cell p {
  font-weight: 400 !important;
}

}

.contact-widget.cw_line-top {
  border-top: 1px solid #cecece;
  padding-top: 20px ;
  margin-top: 10px;
}

@media only screen and (max-width: 580px) {
    #badge-change_pos_mobile .panel-grid:nth-of-type(2) {
    order: 1;
    padding-bottom: 0px;
  }
    #badge-change_pos_mobile #termin-badge-wrapper > .panel-grid-cell {
    top: -110px;
    }

    .footer-flex-row h3 {
    max-width: 200px;
    font-size: 26px;
  }

  #hero h1 {
    font-size: 42px;
  }
  .sow-accordion-title::before {
  top: 4px;
}
    .footer-flex-row h3 {
    max-width: 200px;
    font-size: 26px;
  }
  .footer-flex-row .panel-grid-cell:last-of-type {
    width: 130px !important;
    position: absolute;
    top: 95px;
  }
  footer .panel-grid:first-of-type .footer-flex-row {
  padding-top: 50px;
}
.swiper .slide-image {
  height: 265px !important;
  width: auto !important;
}
.sow-accordion-title.sow-accordion-title-icon-left {
  font-size: 20px;
  font-weight: 500;
}
.pdl strong br{
  display: none;
}
.textwidget ul, .sow-accordion ul {
  margin: 0;
  padding: 10px 5px;
}
.page-id-2774 h1 {
  max-width: 240px !important;
}
  #sub-hero h2 {
  max-width: 230px;
}
  .styled-box .more-btn {
  font-size: 21px;
  }
  .gg_section .swiper-slide h3 {
  font-size: 26px;
  }
  #pg-2774-9 h3 {
  max-width: 220px;
}
#herzensgruss-box p {
  max-width: 120px;
}
.madle-ai-wrapper .svg-wrapper {
  min-width: 110px !important;
}
#sub-hero h2 {
  max-width: 230px;
}
#angebot-interne-gaeste p strong br {
  display: none;
}
}
@media only screen and (max-width: 520px) {
.more-btn {
  display: inline-block;
}
.more-btn::before {
  display: none !important;
}
.more-btn::after {
  content: "\e628";
  position: relative;
  right: -10px;
  top: 0%;
  /* transform: translateY(-50%); */
  font-family: 'themify';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  transition: 0.8s ease;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 1px;
  font-size: 17px;
  display: inline-block;
}
.more-btn {
  padding-right: 26px;
}
.more-btn:hover::after {
  transform: translateY(0%) rotate(-45deg) !important;
}
#menu-dienst .zitat {
  margin-top: 20px !important;
  margin-bottom: -60px !important;
}
#newsletter-form button.more-btn::after {
  top: 2px;
}
#newsletter-form button[type="submit"] {
  padding: 12px 16px 12px 10px;
}
  #newsletter-form button[type="submit"] {
    min-width: 210px;
    padding-right: 20px !important;
  }

.styled-list-with-checkmark .sow-accordion ul li::before {
  font-size: 50px;
  left: 0;
  top: -10px;
}
.styled-list-with-checkmark .sow-accordion ul li {
  list-style-type: none;
  padding-left: 34px;
}

#primary .sowb-button {
  max-width: 300px;
}
}
@media only screen and (max-width: 440px) {
.content-section-sticky-left.bigimg_w_box .so-widget-image, .content-section-sticky-right.bigimg_w_box .so-widget-image {
  aspect-ratio: 1;
  object-fit: cover;
  margin-bottom: 0;
}
  #sub-hero {
  padding-top: 70px;
}
.box-row .styled-box{
  width: 100% !important;
}
  .box-row .animation-tile-base {
    margin-top: -25px !important;
  }
    h1, h2 {
    font-size: 36px;
  }
    .entry-content > .panel-layout > .panel-grid:first-of-type #sub-hero p:first-of-type strong {
    font-size: 21px;
    font-weight: 600;
  }
    h3{
    font-size: 26px !important;
  }
  .gg_section .swiper-slide h3 {
  font-size: 24px;
  }
  #ihre-meinung h2 {
  hyphens: auto;
  -webkit-hyphens: auto;
}
#pl-2713 h1 {
  max-width: 300px;
}
  #pl-2729 h1 {
    max-width: 280px;
  }
    #badge_gastro_1 {
    position: absolute;
    width: 110px;
    height: 110px;
    top: 120px;
    right: 5%;
  }
    #badge_gastro_2 {
    right: 7%;
  }
  #pl-2729 #sub-hero {
  padding-top: 70px;
}
#pg-2729-3 .more-btn.more-btn-green-white {
  max-width: 245px;
}
.main-navigation ul ul li a{
  font-size: 24px !important;
}
  .main-navigation li ul li {
    margin-bottom: 10px;
  }
  #history_back {
  left: 8vw;
  top: 90px;
}
  .content-section p, .content-section-sticky-left p, .content-section-sticky-right p {
    font-weight: 300 !important;
  }
    #mobile_nav_back {
    top: 45px;
    left: 18%;
  }
  #mehrerfahren_icon .svg-wrapper{
  position: relative;
  left: 18px;
}
#mitarbeitende_icon .svg-wrapper {
    position: relative;
    left: 18px;
    bottom: -10px;
  }
  .content-section-sticky-right.bigimg_w_box .styled-box{
    width: 82%;
  }
  .content-section-sticky-left.bigimg_w_box .styled-box{
    width: 82%;
  }
  .contact-widget.icon-hl {
  max-width: 270px;
}
.archive-box {
    padding: 25px 25px 15px;
  }
  #menudienst_icon {
  margin-top: -10px;
  position: relative;
  bottom: -15px;
}
}
@media only screen and (max-width: 380px) {
 .footer-flex-row h3 {
    max-width: 170px;
 }
   .footer-flex-row .panel-grid-cell:last-of-type {
    width: 130px !important;
    position: absolute;
    top: 127px;
  }
      .archive-box h3 {
        font-size: 30px !important;
        max-width: unset;
        margin-right: 100% !important;
    }
}
@media only screen and (max-width: 325px) {
.madle-ai-wrapper {
    transform: scale(.9) translate(12px, 15px);
}
}

/* TMP HEADERFIX */
#masthead{
	pointer-events: none;
}
.mobilMenu, .site-branding, #site-navigation{
	pointer-events: initial !important;
}