/*
Theme Name:   	REFUGIO Theme - 2021
Author:       	REFUGIO
Author URI: 	https://www.refugio-muenchen.de
Description:  	based on twentytwentyone 
Template: 		twentytwentyone
Version:      	0.9 
*/
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''), url('fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/lato-v17-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''), url('fonts/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''), url('fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('fonts/source-sans-pro-v14-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''), url('fonts/source-sans-pro-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-200.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/source-sans-pro-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''), url('fonts/source-sans-pro-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''), url('fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/source-sans-pro-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''), url('fonts/source-sans-pro-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/source-sans-pro-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''), url('fonts/source-sans-pro-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/source-sans-pro-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''), url('fonts/source-sans-pro-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
h4, .h4 {
  font-weight: var(--heading--font-weight-regular);
}
/* Categories 01 to 03 are the basics. */
/* Variables */ :root {
  /* Font Family */
  --global--font-primary: var(--font-headings, "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  --global--font-secondary: var(--font-base, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  /* Font Size */
  --global--font-size-base: 1.25rem;
  --global--font-size-xs: 1rem;
  --global--font-size-sm: 1.125rem;
  --global--font-size-md: 1.25rem;
  --global--font-size-lg: 1.375rem;
  --global--font-size-xl: 1.875rem; /* 30px */
  --global--font-size-xxl: 1.875rem; /* 30px */
  --global--font-size-xxxl: 5rem;
  --global--font-size-page-title: var(--global--font-size-xxl);
  --global--letter-spacing: normal;
  /* Line Height */
  --global--line-height-body: 1.6;
  --global--line-height-heading: 1.3;
  --global--line-height-page-title: 1.2;
  /* Headings */
  --heading--font-family: var(--global--font-primary);
  --heading--font-size-h6: var(--global--font-size-xs);
  --heading--font-size-h5: var(--global--font-size-sm);
  --heading--font-size-h4: var(--global--font-size-md);
  --heading--font-size-h3: calc(var(--global--font-size-lg));
  --heading--font-size-h2: var(--global--font-size-xl);
  --heading--font-size-h1: var(--global--font-size-page-title);
  --heading--letter-spacing-h6: 0.05em;
  --heading--letter-spacing-h5: 0.05em;
  --heading--letter-spacing-h4: var(--global--letter-spacing);
  --heading--letter-spacing-h3: var(--global--letter-spacing);
  --heading--letter-spacing-h2: var(--global--letter-spacing);
  --heading--letter-spacing-h1: var(--global--letter-spacing);
  --heading--line-height-h6: var(--global--line-height-heading);
  --heading--line-height-h5: var(--global--line-height-heading);
  --heading--line-height-h4: var(--global--line-height-heading);
  --heading--line-height-h3: var(--global--line-height-heading);
  --heading--line-height-h2: var(--global--line-height-heading);
  --heading--line-height-h1: var(--global--line-height-page-title);
  --heading--font-weight: normal;
  --heading--font-weight-page-title: 300;
  --heading--font-weight-regulas: 400;
  --heading--font-weight-strong: 600;
  /* Block: Latest posts */
  --latest-posts--title-font-family: var(--heading--font-family);
  --latest-posts--title-font-size: var(--heading--font-size-h3);
  --latest-posts--description-font-family: var(--global--font-secondary);
  --latest-posts--description-font-size: var(--global--font-size-sm);
  --list--font-family: var(--global--font-secondary);
  --definition-term--font-family: var(--global--font-primary);
  /* Colors Mike */
  /*Text*/
  --white: #fff;
  --black: #000;
  --warmblack: #2d2a26;
  --grey: #3b3b3a;
  --grey60: #9c9c9c;
  --blue: #006bb0;
  /* BG */
  --sand: #ece9e6;
  --sand35: #f8f7f6;
  --sand50: #f5f4f2;
  --sand80: #fbfbfa;
  --orange: #f59c00;
  --turquoise: #3e9c9e;
  --gold-dark: #c0a266;
  --gold: #ddbd74;
  /* Waves */
  --light-grey: #ece9e5;
  /* Warm Grey */
  --warm-grey-01: #d7d2cb;
  --warm-grey-02: #ccc4bc;
  --warm-grey-03: #c0b8b0;
  --warm-grey-04: #b5ada6;
  --warm-grey-05: #ada29a;
  --warm-grey-06: #a69c95;
  --warm-grey-07: #968c83;
  --warm-grey-08: #8d827a;
  --warm-grey-09: #847870;
  --warm-grey-10: #7a6e67;
  --warm-grey-11: #6f625a;
  /* Colors */
  --global--color-black: #000;
  --global--color-dark-gray: #1d1d1b;
  --global--color-gray: #39414d;
  --global--color-light-gray: #f0f0f0;
  --global--color-green: #d1e4dd;
  --global--color-blue: #d1dfe4;
  --global--color-purple: #d1d1e4;
  --global--color-red: #e4d1d1;
  --global--color-orange: #e4dad1;
  --global--color-yellow: #eeeadd;
  --global--color-white: #fff;
  --global--color-white-50: rgba(255, 255, 255, 0.5);
  --global--color-white-90: rgba(255, 255, 255, 0.9);
  --global--color-primary: var(--global--color-dark-gray);
  --wp--style--color--link: var(--orange);
  /* Mike */
  /* Body text color, site title, footer text color. */
  --global--color-secondary: var(--global--color-gray);
  /* Headings */
  --global--color-primary-hover: var(--global--color-primary);
  --global--color-background: var(--global--color-white);
  /* Mint, default body background */
  --global--color-border: var(--global--color-primary);
  /* Used for borders (separators) */
  /* Mike Spacing */
  --global--spacing-unit: 12px;
  --global--spacing-measure: unset;
  --global--spacing-horizontal: 12px;
  --global--spacing-vertical: 12px;
  /* Elevation */
  --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  /* Forms */
  --form--font-family: var(--global--font-secondary);
  --form--font-size: var(--global--font-size-sm);
  --form--line-height: var(--global--line-height-body);
  --form--color-text: var(--global--color-dark-gray);
  --form--color-ranged: var(--global--color-secondary);
  --form--label-weight: 500;
  --form--border-color: var(--global--color-secondary);
  --form--border-width: 3px;
  --form--border-radius: 0;
  --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
  /* Cover block */
  --cover--height: calc(15 * var(--global--spacing-vertical));
  --cover--color-foreground: var(--global--color-white);
  --cover--color-background: var(--global--color-black);
  /* Buttons */
  --button--color-text: var(--global--color-background);
  --button--color-text-hover: var(--global--color-secondary);
  --button--color-text-active: var(--global--color-secondary);
  --button--color-background: var(--global--color-secondary);
  --button--color-background-active: var(--global--color-background);
  --button--font-family: var(--global--font-primary);
  --button--font-size: var(--global--font-size-base);
  --button--font-weight: 500;
  --button--line-height: 1.5;
  --button--border-width: 3px;
  --button--border-radius: 0;
  --button--padding-vertical: 15px;
  --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
  /* entry */
  --entry-header--color: var(--global--color-primary);
  --entry-header--color-link: currentColor;
  --entry-header--color-hover: var(--global--color-primary-hover);
  --entry-header--color-focus: var(--global--color-secondary);
  --entry-header--font-size: var(--heading--font-size-h2);
  --entry-content--font-family: var(--global--font-secondary);
  --entry-author-bio--font-family: var(--heading--font-family);
  --entry-author-bio--font-size: var(--heading--font-size-h4);
  /* Header */
  --branding--color-text: var(--global--color-primary);
  --branding--color-link: var(--global--color-primary);
  --branding--color-link-hover: var(--global--color-secondary);
  --branding--title--font-family: var(--global--font-primary);
  --branding--title--font-size: var(--global--font-size-lg);
  --branding--title--font-size-mobile: var(--heading--font-size-h4);
  --branding--title--font-weight: normal;
  --branding--title--text-transform: uppercase;
  --branding--description--font-family: var(--global--font-secondary);
  --branding--description--font-size: var(--global--font-size-sm);
  --branding--description--font-family: var(--global--font-secondary);
  --branding--logo--max-width: 300px;
  --branding--logo--max-height: 100px;
  --branding--logo--max-width-mobile: 96px;
  --branding--logo--max-height-mobile: 96px;
  /* Main navigation */
  --primary-nav--font-family: var(--global--font-secondary);
  --primary-nav--font-family-mobile: var(--global--font-primary);
  --primary-nav--font-size: var(--global--font-size-md);
  --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
  --primary-nav--font-size-mobile: var(--global--font-size-sm);
  --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
  --primary-nav--font-size-button: var(--global--font-size-xs);
  --primary-nav--font-style: normal;
  --primary-nav--font-style-sub-menu-mobile: normal;
  --primary-nav--font-weight: normal;
  --primary-nav--font-weight-button: 500;
  --primary-nav--color-link: var(--global--color-primary);
  --primary-nav--color-link-hover: var(--global--color-primary-hover);
  --primary-nav--color-text: var(--global--color-primary);
  --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
  --primary-nav--border-color: var(--global--color-primary);
  /* Pagination */
  --pagination--color-text: var(--global--color-primary);
  --pagination--color-link-hover: var(--global--color-primary-hover);
  --pagination--font-family: var(--global--font-secondary);
  --pagination--font-size: var(--global--font-size-lg);
  --pagination--font-weight: normal;
  --pagination--font-weight-strong: 600;
  /* Footer */
  --footer--color-text: var(--global--color-primary);
  --footer--color-link: var(--global--color-primary);
  --footer--color-link-hover: var(--global--color-primary-hover);
  --footer--font-family: var(--global--font-primary);
  --footer--font-size: var(--global--font-size-sm);
  /* Block: Pull quote */
  --pullquote--font-family: var(--global--font-primary);
  --pullquote--font-size: var(--heading--font-size-h3);
  --pullquote--font-style: normal;
  --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
  --pullquote--line-height: var(--global--line-height-heading);
  --pullquote--border-width: 3px;
  --pullquote--border-color: var(--global--color-primary);
  --pullquote--color-foreground: var(--global--color-primary);
  --pullquote--color-background: var(--global--color-background);
  --quote--font-family: var(--global--font-secondary);
  --quote--font-size: var(--global--font-size-md);
  --quote--font-size-large: var(--global--font-size-xl);
  --quote--font-style: normal;
  --quote--font-weight: 700;
  --quote--font-weight-strong: bolder;
  --quote--font-style-large: normal;
  --quote--font-style-cite: normal;
  --quote--line-height: var(--global--line-height-body);
  --quote--line-height-large: 1.35;
  --separator--border-color: var(--global--color-border);
  --separator--height: 1px;
  /* Block: Table */
  --table--stripes-border-color: var(--global--color-light-gray);
  --table--stripes-background-color: var(--global--color-light-gray);
  --table--has-background-text-color: var(--global--color-dark-gray);
  /* Widgets */
  --widget--line-height-list: 1.9;
  --widget--line-height-title: 1.4;
  --widget--font-weight-title: 700;
  --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
  /* Admin-bar height */
  --global--admin-bar--height: 0px;
}
.admin-bar {
  --global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {
  .admin-bar {
    --global--admin-bar--height: 46px;
  }
}
@media only screen and (min-width: 652px) {
  :root {
    --global--font-size-xl: 1.875rem; /* 30px */
    --heading--font-size-h2: 1.875rem; /* 30px */
    --global--font-size-xxl: 1.875rem; /* 30px */
    --global--font-size-xxxl: 9rem;
    --heading--font-size-h3: 1.375rem; /* 22px */
    --global--font-size-lg: 1.375rem; /* 22px */
    --global--font-size-h4: 1.25rem;
    --global--font-size-md: 1.25rem;
  }
}
@media only screen and (min-width: 1025px) {
  :root {
    --global--font-size-xxl: 3.16vw;
    --global--font-size-xl: 3.16vw;
    --heading--font-size-h2: 3.16vw;
    --global--font-size-lg: 2.24vw;
    --heading--font-size-h3: 2.24vw;
    --global--font-size-md: 1.95vw;
    --global--font-size-h4: 1.95vw;
    --global--font-size-base: 1.515vw;
    --global--font-size-xs: 1.515vw;
    --heading--font-size-h6: 1.515vw;
    --global--font-size-sm: 1.775vw;
    --heading--font-size-h5: 1.775vw;
  }
}
@media only screen and (min-width: 1872px) {
  :root {
    --global--font-size-xxl: 3.75rem; /* 60px */
    --global--font-size-xl: 3.75rem; /* 60px */
    --heading--font-size-h2: 3.75rem; /* 60px */
    --global--font-size-lg: 2.625rem; /* 42px */
    --heading--font-size-h3: 2.625rem; /* 42px */
    --global--font-size-md: 2.28rem;
    --global--font-size-h4: 2.28rem;
    --global--font-size-base: 1.75rem;
    --global--font-size-xs: 1.75rem;
    --heading--font-size-h6: 1.75rem;
    --heading--font-size-h5: 2.063rem;
    --global--font-size-sm: 2.063rem;
  }
}
/**
 * Responsive Styles
 */
/**
 * Required Variables
 */
/**
 * Root Media Query Variables
 */ :root {
  --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
  --responsive--alignfull-width: 100%;
  /* 12px */
  --responsive--aligndefault-width: calc(100% - 1*var(--global--spacing-horizontal));
  --responsive--aligndefault-width-02: calc(100% - 2*var(--global--spacing-horizontal));
  --responsive--alignwide-width: calc(100% - var(--global--spacing-horizontal));
  --responsive--alignright-margin: var(--global--spacing-horizontal);
  --responsive--alignleft-margin: var(--global--spacing-horizontal);
  --responsive--alignwide-width-nav: min(calc(1*100%), 1872px);
  --responsive--grid-horizontal: calc(1 * var(--global--spacing-horizontal));
  --responsive--grid-03-horizontal: calc(1 * var(--global--spacing-horizontal));
  /*  --responsive--grid-horizontal: calc(var(--global--spacing-horizontal));
    --responsive--grid-03-horizontal: calc(var(--global--spacing-horizontal));*/
}
@media only screen and (min-width: 482px) {
  :root {
    --responsive--aligndefault-width: min(calc(100% - 2 * var(--global--spacing-horizontal)), 1920px);
    --responsive--alignwide-width: calc(100% - 2 * var(--global--spacing-horizontal));
    --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    --responsive--alignwide-width-nav: min(calc(1*100%), 1872px);
    --responsive--grid-horizontal: calc(var(--global--spacing-horizontal));
    --responsive--grid-03-horizontal: calc(var(--global--spacing-horizontal));
  }
}
@media only screen and (min-width: 768px) {
  :root {
    --responsive--alignwide-width-nav: min(calc(100% - 4 * var(--global--spacing-horizontal)), 1872px);
  }
}
@media only screen and (min-width: 1025px) {
  :root {
    --responsive--aligndefault-width: min(calc(100% - 4 * var(--global--spacing-horizontal)), 1920px);
    --responsive--alignwide-width: min(calc(100% - 4 * var(--global--spacing-horizontal)), 1920px);
    --responsive--alignwide-width-nav: min(calc(100% - 8 * var(--global--spacing-horizontal)), 1872px);
    --responsive--grid-horizontal: calc(2 * var(--global--spacing-horizontal));
    --responsive--grid-03-horizontal: calc(3 * var(--global--spacing-horizontal));
  }
}
a:hover {
  color: var(--turquoise);
}
p {
  margin-bottom: var(--responsive--grid-horizontal);
}
:root {
  /* HR */
  --separator--border-color: var(--sand50);
  --separator--height: var(--responsive--grid-horizontal);
}
.social-navigation .quadmenu-icon {
  width: auto !important
}
.main-navigation {
  width: var(--responsive--alignwide-width-nav) !important;
}
.footer-navigation-wrapper li a {
  padding: calc(1 * var(--global--spacing-horizontal));
}
.footer-navigation {
  padding-left: 0;
  padding-right: 0;
  margin: 0px !important;
}
ul.meta-navigation-wrapper li {
  padding-right: var(--responsive--grid-horizontal);
  font-size: 1.25rem;
  font-family: 'Lato';
  font-weight: 400;
}
span.quadmenu-item-content {
  padding-right: calc(0.5* var(--responsive--grid-horizontal)) !important;
  padding-left: calc(0.5* var(--responsive--grid-horizontal)) !important;
  font-weight: 700;
}
ul.meta-navigation-wrapper li a {
  color: var(--white);
}
.footer-navigation-wrapper a {
  color: var(--warm-grey-06) !important;
}
.footer-navigation-wrapper a:hover {
  color: var(--warm-grey-03) !important;
}
.site-logo {
  /*box-shadow: -24px 0px 0px 0px white, 0px -24px 0px 0px white;*/
  /*box-shadow: 10px 12px 36px 2px rgba(0,0,0,0.2);*/
}
/**
 * Extends
 */
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
  max-width: var(--responsive--aligndefault-width);
  margin-left: auto;
  margin-right: auto;
}
.widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .alignwide, .wide-max-width {
  max-width: var(--responsive--alignwide-width);
  margin-left: auto;
  margin-right: auto;
}
.alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width {
  max-width: var(--responsive--alignfull-width);
  width: var(--responsive--alignfull-width);
  margin-left: auto;
  margin-right: auto;
}
.social-navigation .quadmenu-icon:before {
  font-size: calc(3* var(--responsive--grid-horizontal))
}
.entry-header .post-thumbnail, .singular .post-thumbnail, .alignfull [class*=inner-container] > .alignwide, .alignwide [class*=inner-container] > .alignwide {
  margin-left: auto;
  margin-right: auto;
  width: var(--responsive--alignwide-width);
  max-width: var(--responsive--alignfull-width);
}
/* Reset Style */
a:hover {
  text-decoration: none !important;
}
a {
  text-decoration: none !important;
}
.vc_row {
  margin-bottom: calc(2* var(--responsive--grid-horizontal));
}
.vc_empty_space {
  height: calc(1* var(--responsive--grid-horizontal)) !important;
}
.vc_row .vc_row {
  margin-bottom: 0;
}
.wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button {
  /* margin-bottom: calc(3* var(--responsive--grid-horizontal)) !important ;*/
}
.singular .entry-header {
  border-bottom: 0px solid var(--global--color-border);
}
.single .site-main > article > .entry-footer {
  border-top: 0px solid var(--separator--border-color);
}
.site-footer > .site-info {
  border-top: 0px solid var(--global--color-border);
}
.site-header > .site-logo {
  border-bottom: 0px solid;
}
/* Admin */
.meta-list, .details-list {
  display: none;
}
.meta-list.open, .details-list.open {
  display: block;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  /* outline: 0px solid transparent;
    text-decoration: none !important;
    text-decoration-skip-ink: none;*/
  background: transparent;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
  outline: 0px dotted var(--wp--style--color--link, var(--global--color-primary));
}
/* Quadmenü */
#quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav > li.quadmenu-item > a {
  font-family: Lato;
  /*font-size: 24px !important;*/
  font-weight: 0;
  font-style: 0;
  letter-spacing: inherit;
}
#quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav > li.quadmenu-item > form {
  font-family: Lato;
  font-size: 24px !important;
  font-weight: 0;
  font-style: 0;
  letter-spacing: inherit;
}
nav#quadmenu.quadmenu-sticky-top {
  z-index: 20001;
}
header #quadmenu.quadmenu-is-horizontal.quadmenu-align-right .quadmenu-navbar-nav {
  text-align: left !important;
}
/* Header */
.site-logo-background {
  position: absolute;
  z-index: 20000;
  float: left;
  padding: 0;
  margin: 0;
  max-width: 445px;
  filter: drop-shadow(13px 13px 8px rgba(0, 0, 0, .1))
}
.main-navigation {
  position: absolute;
  z-index: 400;
}
.header-not-at-top .main-navigation {
  z-index: 50000;
}
.main-navigation #quadmenu {
  margin: 0;
  width: 100%;
  float: right;
  clear: inherit;
  padding-left: calc(30% - 136px);
}
.main-navigation #quadmenu .quadmenu-container {
  /*margin-left: 24px !important;*/
}
#quadmenu .quadmenu-navbar-header .quadmenu-navbar-brand {
  /*display: none;*/
}
#quadmenu .quadmenu-navbar-header .quadmenu-navbar-brand {
  padding: 0 calc(1* var(--responsive--grid-horizontal)) !important;
}
}
#quadmenu.quadmenu-sticky-top.js .quadmenu-navbar-header .quadmenu-navbar-brand {
  display: block;
}
.header-not-at-top #quadmenu.quadmenu-sticky-top.js .quadmenu-navbar-header .quadmenu-navbar-brand {
  display: block;
}
#quadmenu.js .quadmenu-navbar-header, #quadmenu.js .quadmenu-navbar-nav {
  /*    animation: quadmenu_fadein .1s cubic-bezier(0.215,0.61,0.355,1);*/
}
/* quadmenu-sticky-animation */
.header-not-at-top .main-navigation #quadmenu {
  /*padding-left: var(--responsive--grid-03-horizontal);*/
}
#quadmenu.quadmenu-sticky-top {
  -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 20%) !important;
  box-shadow: 0 10px 30px rgb(0 0 0 / 20%) !important;
}
a.quadmenu-navbar-brand.img { /*padding: 0 !important;*/
}
.header-not-at-top #quadmenu .quadmenu-navbar-toggle, .header-not-at-top #quadmenu .quadmenu-navbar-toggle:hover {
  padding-right: var(--responsive--grid-03-horizontal);
}
.header-not-at-top #quadmenu.quadmenu-sticky-top .quadmenu-navbar-toggle {
  margin-top: 24px !important;
}
/* Media */
/* 12 px 
.vc_column_container > .vc_column-inner {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
  padding-right: 12px !important;
  padding-bottom: 12px !important;
}
aside.widget-area {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
header.entry-header.alignwide {
  padding-left: 6px !important;
  padding-right: 6px !important;
} */
.vc_column_container > .vc_column-inner {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
  padding-right: 24px !important;
  padding-bottom: 24px !important;
}
aside.widget-area {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
/* ! */
header.entry-header.alignwide {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
header#masthead {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* ! */
.site-header {
  max-width: calc(12+var(--responsive--alignwide-width))
}
/* veranstaltungen */
.hentry.event-categories-fortbildungen .entry-content {
  max-width: calc(var(--responsive--alignwide-width))
}
.em-booking-form label {
  display: inline-block;
  width: 70%;
}
.em-booking-form-details {
  padding: 10px;
  width: 70%;
}
.vc_tta.vc_general a {
  font-size: var(--heading--font-size-h5) !important;
}
.vc_tta.vc_general a {
  font-weight: 600 !important;
}
table.events-table tr:not(:first-child) {
  border-top: 5px solid var(--sand);
  margin-top: 24px;
  padding-top: 24px;
}
.em-booking-form-details input.input, .em-booking-form-details textarea {
  width: 50%;
}
.em-booking-form-details select {
  width: 50%;
}
label {
  font-size: var(--global--font-size-base);
}
.css-events-list table.events-table td:first-child {
  padding: 0px;
  font-size: 17px;
}
span.vc_tta-title-text {
  text-transform: none;
}
.css-events-list table.events-table th.event-time {
  width: 200px;
  text-align: left;
}
.css-events-list table.events-table th.event-description {
  width: auto;
  text-align: left;
}
.css-events-list table.events-table td {
  padding: 24px;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
  background-color: var(--sand80) !important;
}
.cr_page {
  width: 100% !important;
  max-width: 768px !important;
}
.cr_ipe_item.ui-sortable.musthave div {
  float: left;
}
input {
  font-size: 20px !important;
}
.cr_font {
  margin: 0 auto !important;
}
.cr_page {
  border-width: 24px !important;
  border-style: solid;
  border-color: var(--sand80) !important;
  padding: 24px;
}
.cr_ipe_item input.cr_ipe_checkbox, input.cr_ipe_radio {
  width: 25px !important;
  border: 1px solid lightgrey !important;
  margin: 0 20px 0 0;
}
@media only screen and (max-width: 1024px) {
  .em-booking-form-details {
    padding: 10px;
    width: 100%;
  }
  .em-booking-form-details input.input, .em-booking-form-details textarea {
    width: 100%;
  }
  .em-booking-form-details select {
    width: 100%;
  }
}
.slider {
  margin-top: 60px;
  margin-bottom: 0px;
}
/* 12px 
footer#colophon {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
footer.entry-footer {
  padding-left: 6px !important;
  padding-right: 6px !important;
} */
footer#colophon {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
footer.entry-footer {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
  margin-right: -24px !important;
}
/* 12px 
.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
  margin-right: -24px !important;
}*/
.site-header {
  padding-top: 0;
}
.site-logo a img {
  padding-top: 5%;
}
.site-logo-background {
  width: 48%;
}
/*12 px
.site-logo a img {
  padding: 3% calc(7*var(--responsive--grid-horizontal)) calc(4*var(--responsive--grid-horizontal)) calc(3.5*var(--responsive--grid-horizontal))
}*/
.site-logo a img {
  padding: 4% calc(4*var(--responsive--grid-horizontal)) calc(4*var(--responsive--grid-horizontal)) calc(2*var(--responsive--grid-horizontal))
}
.main-navigation #quadmenu.quadmenu-sticky-top {
  padding-left: var(--responsive--grid-03-horizontal);
}
.site-logo a img {
  height: auto;
  width: 100%;
  /*filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));*/
}
.site-logo {
  margin: 0;
}
header#masthead {
  display: block;
}
header nav#meta-navigation {
  width: 100%;
  background-color: rgba(244, 155, 0, .95);
  float: right;
  text-transform: uppercase;
}
header nav#meta-navigation .meta-navigation-wrapper {
  float: right;
}
.wp-custom-logo .site-header {
  align-items: start;
}
nav#site-navigation {
  display: none;
}
.footer-navigation-wrapper {
  text-transform: uppercase;
}
.footer-navigation-wrapper, .social-media-navigation-wrapper, .meta-navigation-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}
.social-navigation {
  display: flex;
  position: absolute;
  z-index: 99;
  padding-left: calc(1.5* var(--responsive--grid-horizontal));
}
.social-navigation #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav > li.quadmenu-item-type-social > .quadmenu-toggle-container > a {
  padding-left: 0px;
  padding-right: calc(1* var(--responsive--grid-horizontal));
}
.social-navigation #quadmenu.quadmenu-custom_theme_2:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav > li.quadmenu-item-type-social > .quadmenu-toggle-container > a {
  padding-left: 0px;
  padding-right: calc(1* var(--responsive--grid-horizontal));
}
.social-navigation #quadmenu:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item .quadmenu-toggle-container {
  padding: 0px;
}
/* Footer */
nav#footer-navigation {
  display: flex;
}
#colophon .sponsor-wrapper {
  background-color: var(--sand35);
  display: flex;
  border-top-right-radius: 100px;
  border-top-right-radius: calc(4*var(--responsive--grid-horizontal));
  border-bottom-left-radius: 24px;
  border-bottom-left-radius: 1.5vw;
  padding: var(--responsive--grid-horizontal) 10vw var(--responsive--grid-horizontal) var(--responsive--grid-horizontal);
  align-items: center;
  margin: 0;
}
#colophon .sponsor-wrapper .sponsor {
  width: auto;
  float: left;
  height: auto;
  padding: var(--responsive--grid-horizontal);
}
#colophon .contact-wrapper {
  background-color: var(--sand);
  /*display: flex;Ü*/
  border-bottom-right-radius: 100px;
  border-bottom-right-radius: 5.5vw;
  border-top-left-radius: 24px;
  border-bottom-right-radius: calc(4*var(--responsive--grid-horizontal));
  padding: var(--responsive--grid-horizontal);
  /*padding: var(--responsive--grid-horizontal);*/
  margin: 0;
}
#colophon .contact-wrapper .contact {
  width: auto;
  float: left;
  height: auto;
  padding: var(--responsive--grid-horizontal);
}
#colophon .contact-wrapper .contact img {
  width: 100%;
  max-width: 250px;
}
#colophon .sponsor-wrapper .sponsor img {
  width: 100%;
  max-width: 250px;
}
.footer-navigation {
  margin-top: calc(var(--global--spacing-vertical));
  /*margin-bottom: var(--global--spacing-vertical);
    color: var(--footer--color-text);
    font-size: var(--global--font-size-xs);
    font-family: var(--footer--font-family);*/
}
.contact.spendenButton {
  height: 24vw !important;
  width: 24vw !important;
  /*font-size: 55px;*/
  margin-left: auto;
}
.contact.spendenButton .text {
  line-height: 100% !important;
}
.contact.spendenButton {
  font-size: 4vw;
}
.contact.spendenButton {
  position: absolute;
  right: 0;
  margin-top: calc(-4* var(--responsive--grid-horizontal));
  margin-right: calc(4* var(--responsive--grid-horizontal));
  display: flex;
  justify-content: flex-end;
  /*margin-left: calc(100% - (4* var(--responsive--grid-horizontal)));*/
  max-width: 450px;
}
a.quadmenu-navbar-brand.img {
  /* display: none; */
}
.wave.sand.o75 {
  opacity: .75;
  fill: var(--sand);
}
.wave.sand.o100 {
  fill: var(--sand);
}
.wave.white.o100 {
  fill: var(--white);
}
.hero-headline {
  font-family: Lato, Sans-Serif;
  font-size: 92px;
  font-weight: 900 !important;
  clear: both;
  margin-left: calc(5*var(--responsive--grid-horizontal));
}
.hero-subline {
  font-family: Lato, Sans-Serif;
  font-size: 77px;
  font-weight: 600 !important;
  margin-left: calc(5*var(--responsive--grid-horizontal));
  /*max-width: 80%;*/
}
.spendenButton {
  width: 100%;
  height: 100%;
}
.spendenButton .bg {
  background-color: var(--turquoise);
  border-radius: 330px;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  align-items: center;
  justify-content: center;
  display: flex;
}
.contact.spendenButton .bg {
  background-color: var(--turquoise);
  border-radius: 330px;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  align-items: center;
  justify-content: center;
  display: flex;
  max-width: 275px;
  max-height: 275px;
  position: relative;
}
.spendenButton .text {
  font-family: Lato, Sans-Serif;
  font-weight: 600 !important;
  color: white;
  line-height: 100% !important;
  text-align: center !important;
}
/* Heading */
.hentry .entry-content h1, .hentry .entry-content h2, .hentry .entry-content h3, .hentry .entry-content h4, .hentry .entry-content h5, .hentry .entry-content h6 {
  color: var(--orange);
}
/* Tables */
table td, table th, .wp-block-table td, .wp-block-table th {
  padding: calc(0.5 * var(--global--spacing-unit));
  border: 0px solid;
}
/* Post Title */
.hentry .entry-header h1 {
  color: var(--grey);
}
h1.slider-revolution {
  text-align: center !important;
  margin: 0 auto !important;
  width: 90%;
  color: var(--grey);
  font-family: Lato, Sans-Serif;
  line-height: 60px !important;
}
.hero-headline h3 {
  font-weight: 900;
  line-height: initial;
}
.hero-subline {
  font-weight: 700;
  line-height: initial;
}
.contact-wrapper .contact h5 {
  line-height: initial;
  padding-bottom: 12px;
}
.contact-wrapper .contact:not(.contact.spendenButton) {
  line-height: initial;
}
#colophon .contact-wrapper {
  width: 100%;
  margin-bottom: -12px;
}
/* Abstände Grid */
.no-widgets .site-footer {
  margin-top: calc(2 * var(--global--spacing-vertical));
}
.site-footer {
  padding-bottom: calc(2*var(--responsive--grid-horizontal));
}
.navigation.post-navigation {
  padding-right: 6px !important;
  padding-left: 6px !important;
}
header#masthead {
  margin-bottom: var(--responsive--grid-horizontal);
}
.site-header {
  padding-top: 0;
}
.site-header {
  padding-bottom: calc(5*var(--responsive--grid-horizontal));
}
.site-main {
  padding-top: 0;
}
.social-navigation {
  margin-top: calc(-1* var(--responsive--grid-horizontal));
}
.singular .entry-header {
  /*
    padding-bottom: var(--responsive--grid-horizontal);
    margin-bottom: var(--responsive--grid-horizontal);
	*/
  padding-bottom: 0;
  margin-bottom: 0;
}
.navigation.post-navigation {
  padding-bottom: calc(2*var(--responsive--grid-horizontal));
}
.archive #main {
  /* padding-left: 6px !important;
  padding-right: 6px !important;*/
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  background-color: var(--orange);
  border: 0px solid #000;
  /*border-bottom-right-radius: 500px;
	border-top-right-radius: 500px;*/
  border-radius: 0 500px 500px 0;
}
.refugio .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .refugio .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
  border-color: var(--turquoise) !important;
  border: 0px solid #000;
  background-color: var(--turquoise) !important;
  color: var(--white) !important;
  /*border-bottom-right-radius: 500px;
	border-top-right-radius: 500px;*/
  border-radius: 0 500px 500px 0;
}
.refugio .wp-block-button.is-style-outline .wp-block-button__link:hover, .refugio .wp-block-button.is-style-outline .wp-block-button__link:active {
  border-color: var(--turquoise) !important;
  background-color: transparent !important;
  color: var(--turquoise) !important;
  /*border-bottom-right-radius: 500px;
	border-top-right-radius: 500px;*/
  border-radius: 0 500px 500px 0;
}
.refugio .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
  color: var(--orange);
  /*border-bottom-right-radius: 500px;
	border-top-right-radius: 500px;*/
  border-radius: 0 500px 500px 0;
}
.site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
  background-color: var(--orange);
  /*border-bottom-right-radius: 500px;
	border-top-right-radius: 500px;*/
  border-radius: 0 500px 500px 0;
}
.site .button:hover, .site .button:active, button:hover, button:active, input[type=submit]:hover, input[type=submit]:active, input[type=reset]:hover, input[type=reset]:active, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:active {
  background-color: var(--turquoise);
  border-color: var(--turquoise);
  color: var(--white);
  /*border-bottom-right-radius: 500px;
	border-top-right-radius: 500px;*/
  border-radius: 0 500px 500px 0;
}
.site .button, button, input[type=submit], input[type=reset], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button {
  padding-left: calc(1*var(--responsive--grid-horizontal));
  padding-right: calc(1*var(--responsive--grid-horizontal));
  padding-top: calc(0.5*var(--responsive--grid-horizontal));
  padding-bottom: calc(0.5*var(--responsive--grid-horizontal));
}
.wp-block-button a {
  text-align: left !important;
}
.wp-block-button.alignrighta {
  text-align: right !important;
}
.no-slider {
  height: 15vw;
}
.autosizeHeader img {
  width: 100% !important
}
#content h2 {
  text-transform: uppercase;
  color: var(--grey);
  font-weight: 700;
}
#content h3 {
  text-transform: uppercase;
  font-weight: 700;
}
#content h4 {
  text-transform: uppercase;
  font-weight: 700;
}
#content h5 {
  text-transform: uppercase;
  font-weight: 700;
}
.introtext.indent {
  max-width: 80%;
  margin-top: calc(1*var(--responsive--grid-horizontal));
}
.page.teaser.link .wp-block-button, .post.teaser.link .wp-block-button {
  max-width: 98%;
}
/* TinyMCE */
img.circle {
  border-radius: 1000px;
}
h2.subline.grey.dots {
  color: var(--grey60) !important;
  text-transform: inherit !important;
  font-size: var(--heading--font-size-h3);
  font-weight: 400;
  max-width: 70%;
}
p.introtext.indent {
  padding-left: 7%;
  font-weight: 700;
}
.refugio #content a.button {
  display: inline-block;
}
.refugio #content a.button.orange {
  background-color: var(--orange);
  border-radius: 0 500px 500px 0;
}
.refugio #content a.button.orange:hover {
  background-color: var(--turquoise);
  border-color: var(--turquoise);
}
.refugio #content a.button.turquoise {
  background-color: var(--turquoise);
  border-radius: 0 500px 500px 0;
}
.refugio #content a.button.turquoise:hover {
  background-color: var(--orange);
  border-color: var(--orange);
}
.refugio #content a.button.blue {
  background-color: var(--blue);
  border-radius: 0 500px 500px 0;
}
.refugio #content a.button.blue:hover {
  background-color: var(--turquoise);
  border-color: var(--turquoise);
}
/* Icons */
a.button.orange.icon.heart:not(.left):before, a.button.turquoise.icon.heart:not(.left):before {
  content: '\e089';
  font-family: 'ElegantIcons';
  padding-right: 12px;
}
a.button.orange.icon.heart.left:after, a.button.turquoise.icon.heart.left:after {
  content: '\e089';
  font-family: 'ElegantIcons';
  padding-left: 12px;
}
a.button.turquoise.icon.download:not(.left):before, a.button.turquoise.icon.download:not(.left):before {
  content: '\e092';
  font-family: 'ElegantIcons';
  padding-right: 12px;
}
a.button.turquoise.icon.download.left:after, a.button.turquoise.icon.download.left:after {
  content: '\e092';
  font-family: 'ElegantIcons';
  padding-left: 12px;
}
a.button.blue.icon.download:not(.left):before, a.button.blue.icon.download:not(.left):before {
  content: '\e092';
  font-family: 'ElegantIcons';
  padding-right: 12px;
}
a.button.blue.icon.download.left:after, a.button.blue.icon.download.left:after {
  content: '\e092';
  font-family: 'ElegantIcons';
  padding-left: 12px;
}
.refugio #content a.button.left {
  border-radius: 500px 0 0 500px;
}
.box.orange {
  background-color: var(--orange);
}
.box.sand {
  background-color: var(--sand);
}
.box.sandlight {
  background-color: var(--sand50);
}
.box.turquoise {
  background-color: var(--turquoise);
}
.box.gold {
  background-color: var(--gold);
}
.box.golddark {
  background-color: var(--gold-dark);
}
.box.grey {
  background-color: var(--grey);
}
.box.blue {
  background-color: var(--orange);
}
.box.warmgrey01 {
  background-color: var(--warm-grey-01);
}
.box.warmgrey02 {
  background-color: var(--warm-grey-02);
}
.box.warmgrey03 {
  background-color: var(--warm-grey-03);
}
.box.warmgrey04 {
  background-color: var(--warm-grey-04);
}
.box.warmgrey05 {
  background-color: var(--warm-grey-05);
}
.box.warmgrey06 {
  background-color: var(--warm-grey-06);
}
.box.warmgrey07 {
  background-color: var(--warm-grey-07);
}
.box.warmgrey08 {
  background-color: var(--warm-grey-08);
}
.box.warmgrey09 {
  background-color: var(--warm-grey-09);
}
.box.warmgrey10 {
  background-color: var(--warm-grey-10);
}
/* Info Box */
.box.border.sand {
  border: calc(0.5* var(--responsive--grid-horizontal)) solid var(--sand);
  background-color: var(--white);
}
.box.border {
  background-color: var(--white);
}
/*
.box.alert{
	margin: calc(0.5* var(--responsive--grid-horizontal));
}*/
.box.border.sandlight {
  border: calc(0.5* var(--responsive--grid-horizontal)) solid var(--sand);
}
.box.alert.blue, .box.border.blue {
  border: calc(0.5* var(--responsive--grid-horizontal)) solid var(--blue);
}
.box.alert.orange, .box.border.orange {
  border: calc(0.5* var(--responsive--grid-horizontal)) solid var(--orange);
}
.box.alert.turquoise, .box.border.turquoise {
  border: calc(0.5* var(--responsive--grid-horizontal)) solid var(--turquoise);
}
.box.alert.blue.complete:not(.solid) h2, .box.alert.blue.complete:not(.solid) h3, .box.alert.blue.complete:not(.solid) h4, .box.alert.blue.complete:not(.solid) h5, .box.alert.blue.complete:not(.solid) h6, .box.alert.blue.complete:not(.solid) pre, .box.alert.blue.complete:not(.solid) p {
  color: var(--blue) !important;
}
.box.alert.orange.complete:not(.solid) h2, .box.alert.orange.complete:not(.solid) h3, .box.alert.orange.complete:not(.solid) h4, .box.alert.orange.complete:not(.solid) h5, .box.alert.orange.complete:not(.solid) h6, .box.alert.orange.complete:not(.solid) pre, .box.alert.orange.complete:not(.solid) p {
  color: var(--orange) !important;
}
.box.alert.turquoise.complet:not(.solid) h2, .box.alert.turquoise.complete:not(.solid) h3, .box.alert.turquoise.complete:not(.solid) h4, .box.alert.turquoise.complete:not(.solid) h5, .box.alert.turquoise.complete:not(.solid) h6, .box.alert.turquoise.complete:not(.solid) pre, .box.alert.turquoise.complete:not(.solid) p {
  color: var(--turquoise) !important;
}
.box.alert:not(.center) {
  display: flex;
  align-items: center;
  background-color: var(--white);
  /* Padding minus Rahmen 
	padding: calc( 1*var(--responsive--grid-horizontal) - 0.5*var(--responsive--grid-horizontal));*/
}
.box.alert.center {
  background-color: var(--white);
  text-align: center;
}
.box.alert.blue.solid h2, .box.alert.blue.solid h3, .box.alert.blue.solid h4, .box.alert.blue.solid h5, .box.alert.blue.solid h6, .box.alert.blue.solid pre, .box.alert.blue.solid p, .box.alert.blue.solid a {
  color: var(--white) !important;
  background-color: var(--blue);
}
.box.alert.orange.solid h2, .box.alert.orange.solid h3, .box.alert.orange.solid h4, .box.alert.orange.solid h5, .box.alert.orange.solid h6, .box.alert.orange.solid pre, .box.alert.orange.solid p, .box.alert.orange.solid a {
  color: var(--white) !important;
  background-color: var(--orange);
}
.box.alert.turquoise.solid h2, .box.alert.turquoise.solid h3, .box.alert.turquoise.solid h4, .box.alert.turquoise.solid h5, .box.alert.turquoise.solid h6, .box.alert.turquoise.solid pre, .box.alert.turquoise.solid p, .box.alert.turquoise.solid a {
  color: var(--white) !important;
  background-color: var(--turquoise);
}
.box.alert.blue.solid {
  background-color: var(--blue);
}
.box.alert.orange.solid {
  background-color: var(--orange);
}
.box.alert.turquoise.solid {
  background-color: var(--turquoise);
}
.box.alert:before {
  content: "\70";
  font-family: 'ElegantIcons';
  padding-right: calc(1*var(--responsive--grid-horizontal));
  font-size: 300%;
  float: left;
  line-height: 1;
}
.box.alert.center:before {
  content: "\70";
  font-family: 'ElegantIcons';
  padding-right: 0;
  padding-bottom: calc(1*var(--responsive--grid-horizontal));
  font-size: 300%;
  line-height: 1;
  display: flex;
  justify-content: center;
  width: 100%;
}
.box.alert.solid:before {
  color: var(--white);
}
.box.alert.orange.complete:before {
  color: var(--orange);
}
.box.alert.turquoise.complete:before {
  color: var(--turquoise);
}
.box.alert.blue.complete:before {
  color: var(--blue);
}
.box {
  padding: calc(1* var(--responsive--grid-horizontal));
}
.box.edges {
  border-top-left-radius: calc(2*var(--responsive--grid-horizontal));
  border-bottom-right-radius: calc(4*var(--responsive--grid-horizontal));
  padding: calc(1* var(--responsive--grid-horizontal));
}
.box.rounded {
  border-radius: calc(1*var(--responsive--grid-horizontal));
  padding: calc(1* var(--responsive--grid-horizontal));
}
/*
.box.border {
  border-radius: calc(1*var(--responsive--grid-horizontal));
  padding: calc(1* var(--responsive--grid-horizontal));
}*/
.info.box {
  background-color: var(--sand50);
  border: calc(0.5* var(--responsive--grid-horizontal)) solid var(--warm-grey-01);
  padding: calc(1*var(--responsive--grid-horizontal) - 0.5*var(--responsive--grid-horizontal));
  color: var(--blue);
}
/*.info.box h2, .info.box h3, .info.box h4*/
.info.box {
  color: var(--blue) !important;
}
.change.white a {
  color: var(--white);
  font-weight: 700;
}
.change.white a:hover {
  color: var(--white);
}
.change.blue a {
  color: var(--blue);
  font-weight: 700;
}
.change.blue a:hover {
  color: var(--blue);
}
.change.turquoise a {
  color: var(--turquoise);
  font-weight: 700;
}
.change.turquoise a:hover {
  color: var(--turquoise);
}
.change.gold a {
  color: var(--gold);
  font-weight: 700;
}
.change.gold a:hover {
  color: var(--gold);
}
.change.gold-dark a {
  color: var(--gold-dark);
  font-weight: 700;
}
.change.gold-dark a:hover {
  color: var(--gold-dark);
}
.change.warmblack a {
  color: var(--warmblack);
  font-weight: 700;
}
.change.warmblack a:hover {
  color: var(--warmblack);
}
.change.grey a {
  color: var(--grey);
  font-weight: 700;
}
.change.grey a:hover {
  color: var(--greywhite);
}
.change.grey60 a {
  color: var(--grey60);
  font-weight: 700;
}
.change.grey60 a:hover {
  color: var(--grey60);
}
.change.grey-light a {
  color: var(--grey-light);
  font-weight: 700;
}
.change.grey-light a:hover {
  color: var(--grey-light);
}
.interview.question {
  font-weight: 400;
  font-size: var(--heading--font-size-h3);
  color: var(--orange);
  /*margin-bottom: 0;*/
}
.interview.answer {
  font-weight: 400;
  /*font-size: var(--heading--font-size-h5);*/
  color: var(--warm-grey-10);
  padding-left: calc(var(--responsive--grid-03-horizontal));
  /* margin-bottom: 0; */
  border-left: 12px solid var(--sand);
}
/* TinyMCE  end */
/* Dummy */
/* Dummy end */
.page.teaser.link, .post.teaser.link {
  display: flex;
}
.footer-navigation {
  padding-left: calc(var(--responsive--grid-03-horizontal));
  padding-right: calc(var(--responsive--grid-03-horizontal));
}
/* Bakery Grid */
.page.teaser.headline h3 {
  font-size: calc(0.90* var(--global--font-size-lg));
  text-transform: uppercase;
  color: var(--grey);
  font-weight: 700;
}
.page.teaser.excerpt {
  font-size: calc(0.93* var(--global--font-size-base));
  padding-top: calc(0.5*var(--responsive--grid-horizontal));
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2;
}
.page.teaser.link a {
  font-size: calc(0.93* var(--global--font-size-base)) !important;
}
.page.teaser.link .wp-block-button {
  padding-top: calc(1*var(--responsive--grid-horizontal));
}
.page.teaser.link .wp-block-button a {
  padding-left: calc(1*var(--responsive--grid-horizontal));
  padding-right: calc(1*var(--responsive--grid-horizontal));
  padding-top: calc(0.5*var(--responsive--grid-horizontal));
  padding-bottom: calc(0.5*var(--responsive--grid-horizontal));
}
.page.teaser.background {
  padding: calc(1*var(--responsive--grid-horizontal));
}
.page.teaser.details {
  background-color: var(--sand50);
  border-bottom-right-radius: calc(4*var(--responsive--grid-horizontal));
  background-color: var(--sand50);
  border-bottom-right-radius: calc(4*var(--responsive--grid-horizontal));
  display: inline-block;
}
.post.teaser.details {
  display: inline-block;
}
.page.teaser.image {
  border-top-left-radius: calc(2*var(--responsive--grid-horizontal));
  border-bottom-right-radius: calc(4*var(--responsive--grid-horizontal));
}
.teaser.grid.big.orange .vc_gitem-animated-block {
  background-color: var(--sand50);
  border-top-left-radius: 200px;
}
.post.teaser.headline h3 {
  font-size: calc(0.93* var(--global--font-size-base));
  text-transform: uppercase;
  color: var(--grey);
  font-weight: 700;
}
.post.teaser.excerpt {
  font-size: calc(0.857* var(--global--font-size-base));
  padding-top: calc(0.5*var(--responsive--grid-horizontal));
  line-height: 140%;
}
h1, h2, h3, h4, h5, h6, .post.teaser.excerpt, .page.teaser.excerpt {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 5;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 5;
  -ms-hyphenate-limit-lines: 2;
}
.post.teaser.link a {
  font-size: calc(0.93* var(--global--font-size-base)) !important;
}
.post.teaser.link .wp-block-button {
  padding-top: 0;
}
.post.teaser.link .wp-block-button a {
  padding-left: 0;
  padding-right: 0;
  padding-top: calc(0.5*var(--responsive--grid-horizontal));
  padding-bottom: calc(0.5*var(--responsive--grid-horizontal));
  background-color: transparent !important;
  color: var(--turquoise) !important;
  font-weight: 700;
}
.post.teaser.link .wp-block-button a:hover {
  background-color: transparent !important;
  color: var(--turquoise) !important;
  font-weight: 700;
}
.post.teaser.background {
  padding-left: 0;
  padding-right: 0;
  padding-top: calc(1*var(--responsive--grid-horizontal));
}
.post.teaser.image {
  border-top-left-radius: calc(2*var(--responsive--grid-horizontal));
  border-bottom-right-radius: calc(4*var(--responsive--grid-horizontal));
}
.teaser.grid.small.green .post-grid .vc_gitem-animated-block {
  background-color: transparent !important;
  border-top-left-radius: 200px;
}
.vc_gitem-zone.vc_gitem-zone-c.page.teaser.details {
  overflow-x: hidden !important;
  max-width: 100%;
}
.vc_gitem-zone.vc_gitem-zone-c.post.teaser.details {
  overflow-x: hidden !important;
  max-width: 100%;
}
.vc_grid-item-mini.vc_clearfix {
  display: grid !important;
}
/* Buttons */
.alignright.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
  background-color: var(--turquoise);
  border: 0px solid #000;
  border-bottom-left-radius: 500px;
  border-top-left-radius: 500px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.alignright.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .alignright.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background-color: var(--orange) !important;
  border: 0px solid #000;
  border-bottom-left-radius: 500px;
  border-top-left-radius: 500px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#page #colophon .spendenButton a .bg:hover {
  background-color: var(--orange);
}
.quadmenu-navbar-brand img {
  opacity: 0;
}
.quadmenu-sticky-wrapper .quadmenu-navbar-brand img {
  opacity: 1;
}
.header-not-at-top .quadmenu-navbar-brand img {
  opacity: 1 !important;
}
.quadmenu-container {
  max-width: 1872px !important;
  margin: 0 auto;
}
.quadmenu-slidebar {
  padding: 0 12px !important;
}
a.quadmenu-navbar-brand.img {
  width: 154px !important;
}
.hero-headline.fallback h3 {
  text-align: center !important;
  width: 100% !important;
  color: var(--grey);
}
.textbox.rounded {
  border-radius: calc(1*var(--responsive--grid-horizontal));
  padding: calc(1*var(--responsive--grid-horizontal));
  background-color: var(--sand50);
  max-width: var(--responsive--aligndefault-width);
  margin: 0 calc(1*var(--responsive--grid-horizontal));
}
.refugio #content h1 {
  font-weight: 700;
}
.refugio .entry-content h2:after {
  width: 100%;
  content: '\A...';
  color: var(--orange);
  white-space: pre;
  font-size: 250%;
  letter-spacing: -0.2vw;
  vertical-align: top;
  line-height: 0px;
}
.refugio h2.subline.grey.dots:after {
  font-size: 400%;
}
.attachment-post-thumbnail.size-post-thumbnail {
  width: 100%;
}
@media only screen and (min-width: 482px) {
  .hero-headline {
    margin-left: calc(4*var(--responsive--grid-horizontal));
  }
  .hero-subline {
    margin-left: calc(4*var(--responsive--grid-horizontal));
  }
  .site-header {
    padding-bottom: calc(3*var(--responsive--grid-horizontal));
  }
  .social-navigation {
    margin-top: calc(-1.5* var(--responsive--grid-horizontal));
    padding-left: calc(2* var(--responsive--grid-horizontal));
  }
  .alignfull, .full-max-width {
    max-width: var(--responsive--alignfull-width);
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .entry-content > .alignleft {
    /*rtl:ignore*/
    margin-left: var(--responsive--alignleft-margin);
    /*rtl:ignore*/
    margin-right: var(--global--spacing-horizontal);
  }
  .entry-content > .alignright {
    /*rtl:ignore*/
    margin-left: var(--global--spacing-horizontal);
    /*rtl:ignore*/
    margin-right: var(--responsive--alignright-margin);
  }
  .site-logo-background {
    width: 36%;
  }
  .site-logo a img {
    padding: 2.5% calc(4*var(--responsive--grid-horizontal)) calc(4*var(--responsive--grid-horizontal)) calc(2*var(--responsive--grid-horizontal))
  }
  .footer-navigation {
    padding-left: calc(var(--responsive--grid-03-horizontal));
    padding-right: calc(var(--responsive--grid-03-horizontal));
  }
  .vc_column_container > .vc_column-inner {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
    padding-right: 24px !important;
    padding-bottom: 24px !important;
  }
  .navigation.post-navigation {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  aside.widget-area {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  /* ! */
  header.entry-header.alignwide {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  header#masthead {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .site-header {
    max-width: calc(24+var(--responsive--alignwide-width))
  }
  /*  header#masthead {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }*/
  /* ! */
  footer#colophon {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  footer.entry-footer {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .archive #main {
    /*
    padding-left: 12px !important;
    padding-right: 12px !important;*/
  }
  .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin-right: -24px !important;
  }
  /* Span Tag */
  .quadmenu-navbar-nav .quadmenu-item a .quadmenu-item-content span {
    font-size: 24px;
  }
  .meta-navigation-wrapper li a {
    font-size: 11px;
    font-size: 2vw;
  }
  .hero-headline h3 {
    font-size: 42px;
    font-size: 4.1vw;
    line-height: 4.6vw !important;
    width: 150%;
  }
  .hero-subline {
    font-size: 34px;
    font-size: 3.515vw;
    line-height: 4vw !important;
    width: 130%;
  }
  .contact-wrapper .contact h5 {
    font-size: 19px;
  }
  .contact-wrapper .contact:not(.contact.spendenButton) {
    font-size: 16px;
  }
  .footer-navigation-wrapper a {
    font-size: 16px;
  }
  .contact.spendenButton {
    font-size: 40px;
    font-size: 3.5vw;
  }
  .contact.spendenButton .bg {
    width: 20vw;
    height: 20vw;
  }
  .wp-block-button.alignleft {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 600px) {
  .social-navigation {
    margin-top: calc(-2* var(--responsive--grid-horizontal));
  }
  .hero-headline {
    margin-left: calc(3*var(--responsive--grid-horizontal));
  }
  .hero-subline {
    margin-left: calc(3*var(--responsive--grid-horizontal));
  }
}
@media only screen and (min-width: 768px) {
  .hero-headline {
    margin-left: calc(3*var(--responsive--grid-horizontal));
  }
  .hero-subline {
    margin-left: calc(3*var(--responsive--grid-horizontal));
  }
  .social-navigation {
    margin-top: calc(-2.5* var(--responsive--grid-horizontal));
  }
  .site-logo-background {
    width: 30%;
  }
  .site-logo a img {
    padding: 0 calc(4*var(--responsive--grid-horizontal)) calc(3*var(--responsive--grid-horizontal)) calc(2*var(--responsive--grid-horizontal))
  }
  .social-navigation {
    padding-left: 0;
    ;
  }
  .site-header {
    padding-top: calc(2*var(--responsive--grid-horizontal));
  }
  .site-logo a img {
    padding-top: 0;
  }
  header#masthead {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  header#masthead.site-header {
    max-width: calc(1*var(--responsive--alignwide-width))
  }
  .slider {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .footer-navigation-wrapper a {
    font-size: 16px;
    font-size: 2vw;
  }
  #colophon .contact-wrapper {
    display: flex;
    margin-bottom: 0px;
  }
  .no-slider {
    height: 20vw !important;
  }
}
@media only screen and (min-width: 769px) {
  .quadmenu-navbar-nav .quadmenu-item a .quadmenu-item-content span {
    font-size: 18px;
    font-size: 1.45vw;
  }
  .refugio .quadmenu-item-level-1 .quadmenu-caret {
    font-size: 1.45vw !important;
    margin: -1.25vw 0 0 0 !important;
    height: 1.9vw !important;
    width: 3vw !important;
  }
  .refugio .quadmenu-item-level-1 a span.quadmenu-text {
    font-size: 1.25vw !important;
    padding-right: 24px;
  }
  .refugio .quadmenu-item-level-2 a span span.quadmenu-text {
    font-size: 1.05vw !important;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 822px) {
  .site-header {
    padding-top: calc(2*var(--responsive--grid-horizontal));
  }
  .social-navigation {
    margin-top: calc(-3.25* var(--responsive--grid-horizontal));
  }
  .hero-headline {
    margin-left: calc(2.5*var(--responsive--grid-horizontal));
  }
  .hero-subline {
    margin-left: calc(2.5*var(--responsive--grid-horizontal));
  }
}
@media only screen and (min-width: 1025px) {
  .hero-headline {
    margin-left: calc(3*var(--responsive--grid-horizontal));
  }
  .hero-subline {
    margin-left: calc(3*var(--responsive--grid-horizontal));
  }
  .contact.spendenButton {
    margin-top: calc(-2* var(--responsive--grid-horizontal));
  }
  .navigation.post-navigation {
    /* padding-bottom: calc(4*var(--responsive--grid-horizontal));*/
  }
  .site-header {
    padding-bottom: calc(1.5*var(--responsive--grid-horizontal));
  }
  .social-navigation {
    margin-top: calc(-2* var(--responsive--grid-horizontal));
  }
  .vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    padding-left: 24px !important;
    padding-right: 24px !important;
    width: 100%;
  }
  .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
    padding-right: 48px !important;
    padding-bottom: 48px !important;
  }
  .archive #main { /*
    padding-left: 24px !important;
    padding-right: 24px !important;*/
  }
  aside.widget-area {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  header.entry-header.alignwide {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  header#masthead {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  footer#colophon {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .navigation.post-navigation {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  footer.entry-footer {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin-right: -48px !important;
  }
  /* Span Tag */
  .meta-navigation-wrapper li a {
    font-size: 20px;
  }
  .hero-headline h3 {
    font-size: 48px;
    font-size: 4.675vw;
    line-height: 5vw !important;
    width: 80%;
  }
  .hero-subline {
    font-size: 40px;
    font-size: 3.913vw;
    line-height: 4.5vw !important;
    width: 80%;
  }
  .contact-wrapper .contact h5 {
    font-size: 36px;
    font-size: 1.925vw;
  }
  .contact-wrapper .contact:not(.contact.spendenButton) {
    font-size: 26px;
    font-size: 1.4vw;
  }
  .footer-navigation-wrapper a {
    font-size: 20px;
  }
  .contact.spendenButton {
    font-size: 28px;
    font-size: 2.7vw;
  }
  .contact.spendenButton .bg {
    width: 15vw;
    height: 15vw;
  }
  .social-navigation .quadmenu-icon:before {
    font-size: 3.7vw;
  }
}
@media only screen and (min-width: 1500px) {
  .main-navigation #quadmenu {
    /*padding-left: calc(460 -136 );*/
    padding-left: 324px;
  }
  .social-navigation {
    margin-top: calc(-3* var(--responsive--grid-horizontal));
  }
  .no-slider {
    height: 18vw !important;
  }
  .hero-headline {
    margin-left: calc(2.5*var(--responsive--grid-horizontal));
  }
  .hero-subline {
    margin-left: calc(2.5*var(--responsive--grid-horizontal));
  }
}
@media only screen and (min-width: 1600px) {
  .site-header {
    padding-bottom: calc(2.5*var(--responsive--grid-horizontal));
  }
  .no-slider {
    height: 17vw !important;
  }
  .hero-headline {
    margin-left: calc(2*var(--responsive--grid-horizontal));
  }
  .hero-subline {
    margin-left: calc(2*var(--responsive--grid-horizontal));
  }
  span.quadmenu-item-content {
    padding-right: calc(1* var(--responsive--grid-horizontal)) !important;
    padding-left: calc(1* var(--responsive--grid-horizontal)) !important;
  }
  .quadmenu-slidebar {
    padding: 0 calc(1* var(--responsive--grid-horizontal)) !important;
  }
}
@media only screen and (min-width: 1873px) {
  .no-slider {
    height: 300px !important;
  }
  .social-navigation .quadmenu-icon:before {
    font-size: 72px;
  }
  .contact.spendenButton {
    padding-right: calc(2*var(--responsive--grid-horizontal));
    margin-right: calc(((100% - 1872px)*0.5));
    /*margin-left: calc(100% - (2* var(--responsive--grid-horizontal)));*/
  }
  /* Span Tag */
  .quadmenu-navbar-nav .quadmenu-item a .quadmenu-item-content span {
    font-size: 30px;
  }
  .quadmenu-navbar-nav .quadmenu-item a .quadmenu-item-content .quadmenu-caret {
    font-size: 30px;
    margin: -22px 0 0 0 !important;
    height: 30px !important;
    width: 48px !important;
  }
  .refugio .quadmenu-item-level-1 a span.quadmenu-text, .refugio .quadmenu-item-level-1 a span.quadmenu-caret {
    font-size: 26px !important;
  }
  .refugio .quadmenu-item-level-2 a span span.quadmenu-text, .refugio .quadmenu-item-level-2 a span span.quadmenu-caret {
    font-size: 24px !important;
  }
  .meta-navigation-wrapper li a {
    font-size: 24px;
  }
  .hero-headline h3 {
    font-size: 92px;
    line-height: 92px !important;
  }
  .hero-subline {
    font-size: 77px;
    line-height: 77px !important;
  }
  .contact-wrapper .contact h5 {
    font-size: 36px;
  }
  .contact-wrapper .contact:not(.contact.spendenButton) {
    font-size: 26px;
  }
  .footer-navigation-wrapper a {
    font-size: 24px;
  }
  .contact.spendenButton {
    font-size: 48px;
  }
  .navigation.post-navigation {
    padding-right: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media only screen and (max-width: 768px) {
  .quadmenu-navbar-collapse.collapse.in {
    margin-top: 48px;
  }
  .quadmenu-navbar-nav > .quadmenu-item > a .quadmenu-item-content {
    text-align: center;
  }
  .main-navigation #quadmenu {
    padding-left: 0px;
  }
  #quadmenu.quadmenu-custom_theme_1:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open > a > .quadmenu-item-content > .quadmenu-caret {
    background-color: rgba(255, 255, 255, 0.7);
  }
  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:hover > a > .quadmenu-item-content, #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.open > a > .quadmenu-item-content {
    color: var(--orange) !important;
  }
  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .quadmenu-item-level-1 a span {
    font-size: 20px !important;
  }
  .quadmenu-item-level-2 a span span {
    font-size: 16px !important;
  }
  /* Quadmenu item content */
  #quadmenu .quadmenu-dropdown-toggle .quadmenu-item-content {
    text-align: center;
  }
  /* Quadmenu caret */
  #quadmenu .quadmenu-item .quadmenu-caret {
    font-size: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 24px !important;
  }
  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover > a > .quadmenu-item-content, #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open > a > .quadmenu-item-content {
    color: #f49b00;
    background-color: #fff;
  }
  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover > a > .quadmenu-item-content .quadmenu-caret, #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open > a > .quadmenu-item-content .quadmenu-caret {
    background-color: #fff !important;
  }
  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:hover > a > .quadmenu-item-content, #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.open > a > .quadmenu-item-content {
    background-color: #fff !important;
  }
  #quadmenu.quadmenu-custom_theme_1:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open > a > .quadmenu-item-content > .quadmenu-caret {
    background-color: #fff !important;
  }
  #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a > .quadmenu-item-content {
    text-align: center;
  }
  quadmenu-caret /* Quadmenu item content */
  .quadmenu-dropdown-menu a .quadmenu-item-content {
    text-align: center;
  }
  /* Quadmenu caret */
  .quadmenu-dropdown-toggle .quadmenu-caret {
    padding-top: 5px !important;
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .header-not-at-top #quadmenu .quadmenu-navbar-header .quadmenu-navbar-brand {
    display: block;
  }
  .header-not-at-top #quadmenu.QM-Top {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10019;
    backface-visibility: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
  }
  h2.subline.grey.dots {
    max-width: 100%;
  }
  #colophon .contact-wrapper {
    display: inline-block;
  }
  #colophon .contact-wrapper .contact {
    width: 100%;
  }
  #meta-navigation {
    display: none;
  }
  .introtext.indent {
    max-width: 100%;
    margin-top: calc(2*var(--responsive--grid-horizontal));
  }
  p.introtext.indent {
    padding-left: 0;
  }
  .column.left.responsive p {
    text-align: center !important;
  }
  .column.right.responsive p {
    text-align: center !important;
  }
  .column.left.responsive a.button.left {
    border-radius: 500px !important;
  }
  .column.right.responsive a.button {
    border-radius: 500px !important;
  }
  .page.teaser.headline h3 {
    font-size: calc(1.25* var(--global--font-size-lg));
  }
  .post.teaser.headline h3 {
    font-size: calc(1.25* var(--global--font-size-lg));
  }
}
/* 481px and smaller screen sizes */
@media (max-width:481px) {
  /* Span Tag */
  .quadmenu-navbar-nav .quadmenu-item a .quadmenu-item-content span {
    font-size: 24px;
  }
  .meta-navigation-wrapper li a {
    font-size: 11px;
  }
  .hero-headline h3 {
    font-size: 26px;
    font-size: 5.4vw;
    line-height: 30px !important;
  }
  .hero-subline {
    font-size: 22px;
    font-size: 4.425vw;
    line-height: 25px !important;
  }
  .contact-wrapper .contact h5 {
    font-size: 19px;
  }
  .contact-wrapper .contact:not(.contact.spendenButton) {
    font-size: 16px;
  }
  .footer-navigation-wrapper a {
    font-size: 16px;
  }
  .social-navigation .quadmenu-icon:before {
    font-size: calc(4* var(--responsive--grid-horizontal))
  }
  .textbox.rounded {
    max-width: var(--responsive--aligndefault-width-02);
    margin: 0 auto;
  }
}
/* Massive */
/* Timeline */
#content .history .mpc-timeline-item__heading {
  color: var(--warm-grey-01)
}
#content .history .mpc-timeline-item__wrap:hover .mpc-timeline-item__heading {
  color: var(--gold)
}
#content .history .mpc-timeline-item__wrap:hover .mpc-tl-before {
  border-width: 12px !important;
  margin: 12px !important;
  border-color: var(--gold) !important
}
#content .history .mpc-timeline-item__wrap:hover .mpc-timeline-item {
  padding: 37px !important;
}
/* */
/* */
article.location .entry-content {
  max-width: var(--responsive--aligndefault-width);
}
.error404 .site-content {
  max-width: var(--responsive--aligndefault-width);
  margin: 0 auto;
  padding-bottom: 98px;
}
.search-results .site-content, .search-results .entry-content {
  max-width: var(--responsive--aligndefault-width);
  margin: 0 auto;
}
.archive.category .site-content, .archive.category .entry-content {
  max-width: var(--responsive--aligndefault-width);
  margin: 0 auto;
}
#fancybox-overlay {
  z-index: 201100 !important;
}
#fancybox-wrap {
  z-index: 300000 !important;
}
#fancybox-title {
  font-family: Lato !important;
  font-size: 18px !important;
  line-height: 24px !important;
}
.ngg-gallery-singlepic-image img {
  /*border-radius: 100%;
  border: var(--orange) 3px solid !important;*/
}
.ngg-singlepic {
  padding: 5px !important;
}
img.ngg-singlepic:hover {
  border: var(--orange) 14px solid !important;
  opacity: 0.85;
}

/*.quadmenu-icon.social_instagram_circle {display:none !important;}*/
.kunstwerkstatt .quadmenu-icon.social_instagram_circle {display:block !important;}

/* Buttons modified */
.wpb_text_column.wpb_content_element.modified {
    width: fit-content !important;
    float: left;
    margin-right: 24px;
}
.refugio #content .modified a.button.orange {
    border-radius: 500px;
}
.refugio #content .modified a.button.orange:hover {
    background-color: var(--turquoise);
    border-color: var(--turquoise);
}

.refugio #content .small.buttons{
    zoom: 0.75;
	zoom: 0.75;
-ms-zoom: 0.75;
-webkit-zoom: 0.75;
	-moz-transform:  scale(0.75,0.75);
	-moz-transform-origin: center center;
}

.event.hentry {
    margin-top: 200px;
}
.single-event header#masthead .social-navigation {
    display: none;
}