/*
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);
}
body {
    overflow-x: hidden;
}
/* 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;
}
/* EyeAble */
translation-select {
    z-index: 999999999999999;
}
/*
.standardBtn span .flag-container {display:none!important;}*/
.refugio translation-select #optionSelect:hover, .refugio #optionSelect:hover {
    outline: 3px solid white;
    outline-offset: 2px;
    box-shadow: 0px 0px 7px 7px #3e9c9e !important;
    border: 0 !important;
}
translation-select {
    margin-bottom: 24px !important;
}
.eye-icon {
    position: fixed;
    width: 48px;
    height: 48px;
    right: 15px;
    bottom: 240px;
    background-color: var(--orange);
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
    z-index: 9999;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    display: flex;
    justify-content: center;
}
.eye-icon:hover {
    background-color: var(--turquoise);
    outline: 3px solid white;
    outline-offset: 2px;
    box-shadow: 0px 0px 7px 7px #3e9c9e !important;
    border: 0 !important;
}
.eye-icon-switch {
    position: fixed;
    width: 48px;
    height: 48px;
    right: 15px;
    bottom: 168px;
    background-color: var(--orange);
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
    z-index: 9999;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.eye-icon-switch:hover {
    background-color: var(--turquoise);
    outline: 3px solid white;
    outline-offset: 2px;
    box-shadow: 0px 0px 7px 7px #3e9c9e !important;
    border: 0 !important;
}
.eye-easy {
    position: fixed;
    width: 48px;
    height: 48px;
    right: 15px;
    bottom: 96px;
    background-color: var(--orange);
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
    z-index: 9999;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.eye-easy:hover {
    background-color: var(--turquoise);
    outline: 3px solid white;
    outline-offset: 2px;
    box-shadow: 0px 0px 7px 7px #3e9c9e !important;
    border: 0 !important;
}
.eye-easy {
    width: 48px;
    height: 48px;
    border-radius: 100px;
    /*overflow: hidden;*/
    margin-bottom: 0 !important;
    justify-content: center;
    align-items: center;
}
.eye-language {
    right: 15px;
    bottom: 24px;
    /*background-color: var(--orange);*/
    position: fixed;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    /*overflow: hidden;*/
    margin-bottom: 0 !important;
    z-index: 999999999;
    justify-content: center;
    align-items: center;
}
.eye-language:hover { /*overflow: initial;*/}
translation-select .langSelect {
    box-shadow: none !important;
}
translation-select .langSelect span {
    font-size: 0 !important;
}
@media screen and (max-width: 700px) {
    easy-speech {
		padding: 0;
        margin-left: -4px;margin-bottom: 8px;}}
/* */
.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;
}
/* Woo */
.kasse button#place_order {
    margin-top: 48px
}
@media only screen and (min-width: 768px) {
    .woocommerce-checkout #main .woocommerce {
        padding: 0 24px;
        margin: 0 auto;
        max-width: var(--responsive--aligndefault-width);
    }
    .widerrufsbelehrung .entry-content {
        padding: 0;
        margin: 0 auto;
        max-width: var(--responsive--aligndefault-width);
    }
    .event .entry-content {
        padding: 0;
        margin: 0 auto;
        max-width: var(--responsive--aligndefault-width);
    }
    .event .entry-headline {
        padding: 0 24px;
        margin: 0 auto;
        max-width: var(--responsive--aligndefault-width);
    }
}
p#billing_wooccm14_field, p#billing_address_2_field, p#billing_wooccm12_field, p#billing_company_field, p#billing_first_name_field, p#billing_last_name_field, p#billing_address_1_field, p#billing_postcode_field, p#billing_city_field {
    background-color: var(--light-grey);
    border-left: 3px solid var(--orange);
    border-right: 3px solid var(--orange);
    padding: 24px 24px 0 24px;
    margin-bottom: 0;
}
p#billing_address_1_field {
    border-top: 3px solid var(--orange);
    z-index: 999;
}
.wooccm-field-wooccm12, .wooccm-field-last_name {
    z-index: 0;
    position: relative;
    margin-bottom: -3px !important;
}
p#billing_wooccm12_field label {
    display: contents;
}
p#billing_wooccm14_field, p#billing_company_field {
    border-top: 3px solid var(--orange);
}
p#billing_city_field {
    border-bottom: 3px solid var(--orange);
    padding: 24px 24px 24px 24px;
    margin-bottom: 48px;
}
p#billing_company_field:before, p#billing_wooccm14_field:before {
    content: 'Bitte achten Sie auf eine richtige Schreibweise (Groß-und Kleinschreibung, exakter Titel der Einrichtung, etc.) bei der Rechnungsadresse. Die Rechnung wird automatisch mit den von Ihnen eingegebenen Daten erstellt.';
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.em-event-bookings-meta a.button.input.with-icon-right {
    display: none !important;
}
.single-event header#masthead .social-navigation {
    display: none;
}
.em-booking-form-section-details {
    display: none !important;
}
.em.em-item.em-item-single .em-item-image img {
    padding-left: 24px !important;
    border-left: 4px solid var(--orange);
}
.em.pixelbones .input input[type=submit]:hover, .em.pixelbones.input input[type=submit]:hover, .em.pixelbones input[type=submit].input:focus {
    color: var(--white) !important;
    border-width: 0px !important;
    outline: 0 !important;
    background-color: var(--turquoise) !important;
    font-weight: bold !important;
}
.em.pixelbones .input input[type=submit], .em.pixelbones.input input[type=submit], .em.pixelbones input[type=submit].input {
    color: var(--white) !important;
    border-width: 0px !important;
    outline: 0 !important;
    background-color: var(--orange) !important;
    font-weight: bold !important;
    font-size: 24px !important;
    width: max-content !important;
}
.em.em-list .em-item .em-item-info {
    border-left: 4px solid var(--orange);
    padding: 0 24px 0 35px;
}
.em.em-item .em-item-image img, .em.em-list .em-item .em-item-image img, .em.em-list-widget .em-item .em-item-image img {
    width: 100%;
    padding: 0 24px 0 0;
    border: 0;
    margin: 0;
}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .woocommerce-error, .woocommerce-info, .woocommerce-message {
    color: red !important;
    font-weight: bold;
}
.woocommerce-checkout ul.woocommerce-error li {
    display: block !important;
}
.em-wc-attendees {
    display: none;
}
.woocommerce-order-details__title {
    display: none !important;
}
.woocommerce-page table td, .woocommerce-page table th, .woocommerce-page .wp-block-table td, .woocommerce-page .wp-block-table th {
    padding: 24px !important;
}
p#billing_email_field label, #billing_wooccm14_field label, #billing_wooccm16_field label {
    display: contents;
}
.order-again {
    display: none;
}
.woocommerce-additional-fields {
    margin-top: 24px;
}
.woocommerce-checkout .woocommerce-input-wrapper .description {
    background: #f49b00;
    padding: 0.5rem;
}
.woocommerce-checkout .woocommerce-input-wrapper .description::before {
    border-color: #f49b00 transparent transparent transparent;
}
.em-wc-booking-message.woocommerce-error .wp-block-button.alignleft {
    background-color: var(--orange);
    border: 0px solid #000;
    border-bottom-right-radius: 500px;
    border-top-right-radius: 500px;
    border-radius: 0 500px 500px 0;
}
.em-wc-booking-message.woocommerce-error .wp-block-button.alignleft a {
    color: #fff !important
}