/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

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

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

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

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}/*******************************************************************************
Header
*******************************************************************************/

    #header
    {
        right: 0px;
        top: 0px;
        z-index: 1600;
        margin: 0;
        padding: 0;
        text-align: center;       
        position: fixed;
        bottom: 0 !important;
        top: calc(100vh - 50px);
        width: 100%;
        height: calc(100vh - 50px);
        background-color: var(--grey);
        color: #fff;
        font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1600 - 320)));  
    } 
    
    #header article
    {
        width: 100%;
        margin: 0 auto;
    }
    
    #header article div
    {
        display: inline-block;
        margin: 0 20px 0 0; 
        padding: 0; 
        text-align: left;
        width: auto; 
        background-size: contain;
        height: 22px;
    }
    
    #header #contact div a, #header #contact div a:hover
    {
        color: #fff;
        text-decoration: none;
        margin: 0;
        padding: 5px 5px 5px 37px; 
        background-size: contain;
        height: 22px;
    }
    
    #header #contact #email 
    {
        background-image: url(/layout/mail.png);
        background-repeat: no-repeat;
        background-position: center left;       
    }

    #header #contact #phone
    {
        background-image: url(/layout/phone.png);
        background-repeat: no-repeat;
        background-position: top left;       
        
    }

    #header #contact #send_question
    {
        background-image: url(/layout/massage.png);
        background-repeat: no-repeat;
        background-position: top left;        
    }

    #header #flaggen
    {
        text-align: left;
    }

    #header #flaggen span
    {
       margin: 5px 0 0 0;  
    }
    
    #header #flaggen span a, #header #flaggen span a:hover
    {
        margin: 0; padding: 0;
    }
    
    #header #flaggen span img
    {
        padding: 10px 0 0 0;
        height: 20px;
    }
    
    /**************************************************************************************************/  


    #header .google
    {
        display: inline-block; 
        width: auto; 
        height: auto;  
        z-index: 1500; 
        margin: -14px 0 0 0;
        padding: 0;  
    }

    #header #google_translate_element
    {
        font-size: 17px;
        position: relative;  
    }

    #header #google_translate_element img
    {
        display: none;
    }
    
    #header .activator 
    {
        padding: 2px 5px;
        font-size: 11px;  
        margin: 0;
        border: 1px solid #fff;
        width: 150px;
        color: #fff;
    }
    
    #header .goog-te-gadget 
    {
        font-family: arial;
        font-size: 11px;
        color: #000;
        white-space: nowrap;
        top: 15px;
    }
    
    .goog-te-gadget-simple
    {
        width: 150px !important;
        background: none !important;  
        border: 1px solid #fff !important;
    }
    
    .goog-te-gadget-simple a
    {
        padding: 5px 5px 5px 15px !important;
    }
    
    .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span
    {
        color: #fff;
    }
    
    /**************************************************************************************************/


    @media only screen and ( max-width: 800px )
    {
       #header
        {
            top: 91vh;   
            height: calc(100vh - 50px); 
            padding: 10px 0; 
        } 
        
        #header article 
        {
            text-align: left;
            margin: 0 0 0 25px;
        }
        
        #header article div
        {
            width: 40%;
            height: 20px;  
            margin: -5px 5% 0 0;
        }
    }
    
    @media only screen and ( max-width: 500px )
    {
        #header article 
        {
            margin: 0 0 0 5px;
        }
        
        #header article div
        {
            margin: 0 5% 0 0;
        }
    }



/*******************************************************************************
Bild
*******************************************************************************/
    #spacer
    {
        display: none;
    }

    #bild
    {
        margin: 0;
        padding: 0; 
        top: 82px;
        position: relative;
        width: 100%;
        height: calc(100vh - 132px);
        overflow: hidden;
        transition: 1s;
        box-sizing: border-box;
    }

    #bild.showNot
    {
        display: none;
    }

    #bild div
    {
        margin: 0;
        padding: 0;
    }

    #bild p
    {
        margin: 0;
        padding: 0;
        width: 100%;  
        height: 100%;  
        left: 0;
        bottom: 0;
        position: absolute;
        margin: 0;
    }

    #bild img
    {
        margin: 0;
        padding: 0;    
        object-fit: cover;
        object-position: center;
        width: 100% !important;
        height: 100% !important;
    }
    
    #bild .positionBottom
    {
        object-position: bottom !important;
    }

    #container #bild h1
    {
        position: absolute;
        font-family: "Museo_Sans_100" !important;   
        font-size: calc(30px + (55 - 30) * ((100vw - 320px) / (1600 - 320))) !important; 
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        bottom: 5%;
        color: #fff;
        font-weight: normal;
        text-shadow: black 0 0 5px;  
        line-height: 1em;
        z-index: 5;
        line-height: 1.2em;
    }
    
    .karriere #bild 
    {
         height: auto !important;  
    }
    
    .karriere #bild p
    {
        max-width: 1300px;
        right: 0;
        text-align: center;
        margin: 0 auto;
        height: auto !important;
        position: relative;
    }
    
    .karriere #bild img
    {
        height: auto !important;
    }
    
    
    @media only screen and ( max-width: 1000px )
    {
        #bild 
        {
            height: 50vh; 
            top: 54px;
            min-height: 450px;
        } 
        
        .karriere #bild 
        {
            min-height: auto !important;  
        } 
    }
/*******************************************************************************
Font Einbettung
*******************************************************************************/

@font-face { font-family: 'Miska'; src: url('/fonts/Mishka.otf') format('opentype'); }

@font-face { font-family: 'Museo_Sans_100'; src: url('/fonts/MuseoSans_0.otf') format('opentype'); }
@font-face { font-family: 'Museo_Sans_300'; src: url('/fonts/MuseoSans_1.otf') format('opentype'); }
@font-face { font-family: 'Museo_Sans_500'; src: url('/fonts/MuseoSans.otf') format('opentype'); }
@font-face { font-family: 'Museo_Sans_700'; src: url('/fonts/MuseoSans_2.otf') format('opentype'); }



/**************************************************************************************************/

html
{
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}

body
{
	margin: 0;
	padding: 0;
	font-family: "Museo_Sans_300";
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1902 - 320)));
	text-align: center;
	line-height: 1.4em; 
	color: rgb(35,35,35); 
    --darkgrey: rgb(35,35,35); 
    --grey: rgb(80,80,80);               
    --lightgrey: rgb(120,120,120);               
}

#fingerprint
{
    display: none;
    position: fixed;
    background-color: #000;
    bottom: 10px;
    right: 10px;
    z-index: 99000;
    margin: 0;
    padding: 3px;
    border-radius: 25px;
    width: 50px;
    height: 50px;
}

#fingerprint svg
{
    fill: #fff;
}


h1
{
    font-family: "Museo_Sans_700";    
    margin: 25px 0 25px 0;
    font-size: calc(25px + (37 - 25) * ((100vw - 320px) / (1600 - 320)));
    color: var(--darkgrey);
    line-height: 1.0em;
}

h2
{
    font-family: "Museo_Sans_300";
    font-size: calc(21px + (28- 21) * ((100vw - 320px) / (1600 - 320)));
    color: var(--darkgrey);  
    line-height: 1.0em;
    margin: 5px 0 5px 0; 
    line-height: 1.0em; 
}

h3
{
    font-size: calc(17px + (21 - 17) * ((100vw - 320px) / (1600 - 320)));  
    color: var(--grey); 
    text-transform: uppercase;
    font-weight: bold;
    margin: 15px 0 0 0;
    font-family: "Museo_Sans_500";
    line-height: 1.0em; 
}

p
{
    margin: 15px 0; 
    padding: 0;
}


/**************************************************************************************************/

.hiddenclear, hr
{
	font-size: 1px !important;
	line-height: 1px !important;
	clear: both !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 1px !important;
	visibility: hidden !important;
}

.clear
{
	clear: both !important;
}

.sprung
{
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -150px;
}


/*******************************************************************************
Container
*******************************************************************************/

    #container
    {
        margin: 0 auto;
	    padding: 0;
        width: 100%;
        text-align: left;
        z-index: 1500;
    }
    

    #container .linkButton
    {
    	text-align: center;
    	margin: 15px 0 !important;
    	padding: 0; 
        display: inline-block;
        text-transform: uppercase;
        font-family: "Museo_Sans_100";
        font-weight: normal !important;
    }

    #container .linkButton a
    {
    	background-color: var(--darkgrey); 
    	color:#fff;
    	padding: 10px 20px;
    	margin: 0;
    	float: left;
    	text-decoration:none !important;
    }

    #container .linkButton a:hover, #container .linkButton a:active, #container .linkButton a:focus
    {
    	background-color: var(--grey); 
    	color: #fff;
    	padding: 10px 20px; 
    	margin: 0;
    	float: left;
    	text-decoration: none !important;
    }


/*******************************************************************************
Inhalte
*******************************************************************************/

    #inhalte
    {
        margin: 0 auto;
        padding: 0 3%;
        background-color: #fff;
        width: 94%;
        
        top: 82px;
        position: relative;  
    }

    #content #wl-heaven-wrap
    {
        width: 150px !important;
    }


/*******************************************************************************
Container
*******************************************************************************/

    #container
    {
        margin: 0 auto;
        padding: 0;
    }


/*******************************************************************************
Content
*******************************************************************************/

    #content
    {
        margin: 10px auto 10px auto;
        padding: 0;
        display: block;
        clear: both;
        max-width: 1000px; 
    } 
    

    #content article
    {
        margin: 25px 0;
        padding: 0;   
    }

    #content img
    {
        float: left;
        margin: 0 10px 20px 0;
        padding: 0;
        /*width: 48.5% !important; */  
        height: auto !important;
        max-width: 100% !important;
    }

    #content .image_small, .prospektlink img
    {
        width: auto !important;
    }

    #content ul
    {
        margin: 0 0 30px 16px;
        padding: 0;
    }

    #content a
    {
        color: var(--darkgrey); 
        font-weight: bold;
        text-decoration: underline;
    }

    #content a:hover
    {
        color: var(--grey); 
        font-weight: bold;
        text-decoration: none;
    }
     

    #content .bildAbsatz img
    {
        margin: 0 0 20px 0;
        padding: 0;
        float: right;
        width: 49% !important;
        height: auto !important;
    }
    
    #content table
    {
        width: 100%;
    }
    
    #content td
    {
        padding: 0 5px 0 0;
    }
    
    
    
    @media only screen and ( max-width: 1000px ) 
    {
        #content article
        {
            margin: 15px 0;
        }
        
        #content img
        {
            margin: 0 1% 10px 0;  
            width: 32% !important;
            max-width: 100% !important;
        }

    }
    
    @media only screen and ( max-width: 800px ) 
    {
        
        #content img
        { 
            width: 49% !important;
            max-width: 100% !important;
        }

    }
    
    @media only screen and ( max-width: 400px )
    {
        #content img
        {
            float: none;
            margin: 0 0px 10px 0;  
            width: 100% !important; 
        }
    }


    #content .tipp
    {
        background-color: #fff;
        padding: 20px;
        border: 1px solid var(--darkgrey);
    }


    #content .menuepreis
    {
        background-color: var(--darkgrey);  
        color: #fff;    
        padding: 2%;        
        width: 48%; 
        text-align: center;
        float: right;
    }

    #content .menuepreis h3
    {
        color: #fff;
        border-bottom: 1px solid #fff;
        padding: 0 0 5px 0 !important;
    }

    #content .text
    {
        width: 46%;
        float: left;
        margin: 0 2% 0 0;
    }
    
    @media only screen and ( max-width: 700px )
    {
        #content .text, #content .menuepreis
        {
            float: none; 
            display: block;
            width:94%;
        }  
     } 
    

/******************************************************************************/

    #content .video
    {
        text-align: center
    }

    #content .video img
    {
        float: none;
    }

    #content .video img:hover
    {
        cursor: pointer;
    }
	
	
	
	
	
/******************************************************************************/



	.birndlkrammer
	{
		margin: 50px 0;
	}

	.birndlkrammer p.video
	{
		width: 100%;
		max-width: 720px;
		height: calc(100vh - 250px);
		margin: 0 auto;
	}
	
	.birndlkrammer video
	{
		width: 100% !important;
		height: 100% !important;
	}
	
	

/******************************************************************************/

    #content .skizze-beschreibung
    {
        border: none;
    }

    #content .skizze-beschreibung div
    {
        width: 48%;
        margin: 0 1%;
        padding: 0;
        float: left;
        position: relative;
    }

    #content .skizze-beschreibung li
    {
        margin: 0 0 0 10px;
    }

/******************************************************************************/

    #content .google-routenplaner .submit
    {
        margin: 15px 0 0 0;
    }

/******************************************************************************/

    #content .uebersicht
    {
        margin: 0px 0 20px 0;
        padding: 0; 
        border: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }

    #content .uebersicht ul
    {
        float: none;
        margin: 10px 0 5px 0 !important;     
        display: flex;
        flex-wrap: wrap;
    }

    #content .uebersicht li
    {
/*        float: left; */
        padding: 0;
        margin: 5px 20px 0 0;
        list-style-type: none;
        text-align: left;
        display: flex;
        align-items: center;

    }

    #content .uebersicht a
    {
        color: var(--grey); 
        text-decoration: none;
        padding: 0 0 2px 0;  
        margin: 0;
        width: auto;
        display: block;
        text-transform: uppercase;
    }

    #content .uebersicht a:hover
    {

        padding: 0 0 0 0;
        margin: 0;
        width: auto
        display: block;
        color: var(--darkgrey); 
        border-bottom: 2px solid var(--darkgrey);    
    }


/******************************************************************************/

    #content .menue
    {
        background-color: #fff;
        text-align: center;
        padding: 20px 0 0 0;
    }

    #content .menue .preis p
    {
        color: #fff;
        color: var(--grey); 
        font-size: 20px;
        padding: 20px 0;
        font-weight: bold;
    }

    #content .menue .unsertipp
    {
        padding: 20px 0;
        margin: 30px 0 0 0;
    }

/******************************************************************************/
    

    #content .wellness
    {
        background-color: #fff;
        padding: 10px;
    }
    

    #content .wellness h2
    {
        margin: 0;
        padding: 20px 0 10px 0px;  
        border-top: 1px solid var(--darkgrey);            
    }

    #content .wellness h3
    {
        margin: 20px 0 10px 0px;
        padding: 0;     
    }

    #content .wellness p
    {
        margin: 0 0 5px 0px;
    }

    #content .wellness table
    {
        width: 100%;
    }
    
     #content .wellness table h3
    {
        text-align: right;
    }
    

    #content .wellness .spalte1
    {

        border-bottom: 1px solid var(--grey); 
        width: 80%;
        padding: 5px 0;
    }

    #content .wellness .spalte2
    {
        font-size: 18px;
        text-align: center;
        width: 20%;
        border-bottom: 1px solid var(--grey);
        padding: 5px 0;
        font-weight: bold;
    }

    #content .wellness img
    {
        width: 48% !important;
        height: auto !important;
        float: left;
        margin: 20px 2% 20px 0;
        padding: 0;
    }

    #content .wellness .width-150
    {
        width: 150px !important;
        height: auto !important;
        float: left;
        margin: 0 2% 20px 0;
        padding: 0;
    }

    #content .wellness .height-181
    {
        width: auto !important;
        height: 181px !important;
        float: left;
        margin: 0 2% 20px 0;
        padding: 0;
    }

/******************************************************************************/

    #content .physioteam
    {
        width: 326px;
        float: left;
        margin: 0 0 30px 0;
        padding: 0;
        text-align: center;
    }

    #content .physioteam img
    {
        margin: 0 0 10px 15px;
    }

/******************************************************************************/

    #content .preise1
    {
        margin: 0 0 10px 0;
        padding: 20px;       
        border-bottom: 1px solid var(--darkgrey);
    }

    #content .preise2
    {
        margin: 0 0 10px 0;
        padding: 20px;
        background-color: #efeeec;
        border-bottom: 1px solid var(--darkgrey);
    }

    #content .preise1, #content .preise2
    {
        border: none;
    }

    #content .preise1 h2, #content .preise2 h2
    {
        margin: 20px 0 10px 0;
        padding: 0;
    }

    #content .preise1 h3, #content .preise2 h3
    {
        margin: 20px 0 10px 0;
        padding: 0;
    }

    #content .preise1 table, #content .preise2 table
    {
        width: 100%;
    }

    #content .preise1 tr, #content .preise2 tr
    {
        border-bottom: 1px solid var(--darkgrey); 
    }
    
    #content .preise1 td, #content .preise2 td
    {
        padding: 10px 5px !important;
    }


    #content .preise1 .spalte2, #content .preise2 .spalte2
    {
        text-align: right;
        width: 20%;
        border-bottom: 1px solid var(--darkgrey);
        padding: 5px;
        font-weight: bold;
    }

    #content .preise1 .spalte3, #content .preise2 .spalte3
    {
        border-bottom: 1px solid var(--darkgrey);
        padding: 5px;
        font-weight: bold;
    }

    #content .textRight
    {
        text-align: right;
        font-size: 18px;
        text-align: right;
        border-bottom: 1px solid var(--darkgrey);
        padding: 5px;
        font-weight: bold;
    }
    
    #content .aktivprogramm
    {
        text-align: center;
    }
    
    #content .aktivprogramm .icon
    {
        float: none;
        width: 200px !important;
        height: auto;
    }
    
    #content .aktivprogramm img 
    {
        width: 100% !important;
    }


/******************************************************************************/

    #content .apartmentPreiseKinder table
    {
        width: 100%;
    }

    #content .apartmentPreiseKinder table tr
    {
        border-bottom: 1px solid var(--darkgrey);
    }

    #content .apartmentPreiseKinder table tr:last-child
    {
        border-bottom: none;
    }

    #content .apartmentPreiseKinder table th
    {
        width: 20%;
        text-align: center;
        vertical-align: top;
    }

    #content .apartmentPreiseKinder table td
    {
        width: 20%;
        text-align: center;
    }

    #content .apartmentPreiseKinder table .spalte1
    {
        
        
    }


/******************************************************************************/

	#content .galerie p:nth-of-type(4n+0) img
	{
		margin-right: 0;
	}

    #content .galerie p:nth-of-type(2n+0) img
	{
		margin-right: 5px;
	}

/******************************************************************************/

    #content .aromadampfbad div
    {
        margin: 0 0.5%;
        padding: 0;
        float: left;
        width: 38%;
    }

    #content .aromadampfbad img
    {
        width: 100% !important;
        height: auto !important;
    }

    #content .aromadampfbad .hoch
    {
        margin: 0 0.5%;
        padding: 0;
        float: right;
        width: 17%;
    }     

/******************************************************************************/

    #content .zimmerPreview
    {
        padding: 2% !important;
        margin: 15px auto !important;
        text-align: left !important; 
        border: none;
        height: auto; 
        border: 1px solid var(--darkgrey);
    }

    #content .zimmerPreview img
    {
        float: left;
        margin: 0 10px 20px 0px;
        padding: 0;
        width: 47% !important;
        height: auto !important;
    }

    #content .zimmerPreview .closed
    {
        display: none;
    }

    #content .zimmerPreview h6
    {
        font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1600 - 320)));
        text-align: center;
        color: #fff;
        background-color: var(--darkgrey);
        text-decoration: none;
        padding: 10px 15px;
        margin: 0;
        display: block;
        float: right;
    }

    #content .zimmerPreview h6:hover
    {
        cursor: pointer;
    }

    #content .zimmerPreview .bildAbsatz img
    {
        float: right;
    }
    
    @media only screen and ( max-width: 500px )
    {
        #content .zimmerPreview img
        {
            float: none;
            width: 100% !important;  
        }
    }

/*******************************************************************************/

    #content .zimmerPreview .priceBuilder
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #content .zimmerPreview .priceBuilder div
    {
        width: 48%;
        box-sizing: border-box;
        padding: 0;
    }

    #content .zimmerPreview .priceBuilder table.hidden
    {
        display: none;
    }
    
    @media only screen and ( max-width: 700px )
    {
        #content .zimmerPreview .priceBuilder
        {
            display: block;  
        }

        #content .zimmerPreview .priceBuilder div
        {
            width: 100%; 
        }
    }

/*******************************************************************************/

    #content .wellnessPreview
    {
        padding: 2% !important;
        margin: 25px auto !important;
        text-align: left !important;
        border: 1px solid var(--darkgrey); 
        height: 265px;
        position: relative;
    }
    
    #content .wellnessPreview p
    {
        text-align: left !important;
    }


    #content .wellnessPreview img
    {
        float: left;
        margin: 0 10px 20px 0;
        padding: 0;
        width: 48% !important;
        height: auto !important;
    }
    
    #content .wellnessPreview .linkButton
    {
        position: absolute;
        bottom: -30px;
        right: 20px;
    }


	
/*******************************************************************************/

    #content .center
    {
        text-align: center;
        padding: 20px 0;
    }
    
    #content .center p
    {
        max-width: 800px;
        margin: 10px auto;
    }
	
/*******************************************************************************/ 
    #bewerbungsform
    {
        max-width: 1000px; 
        margin: 0 auto;
    }

     #content2
    {
        width: 100%;
        padding: 55px 0;
    }
    
    #content2 .center
    {
        text-align: center;    
    }    
    
    #content2 .linkButton
    {
        display: inline-block;
    } 
    
    #content2 .linkButton a
    {
        background-color: var(--darkgrey);
        padding: 10px; 
        color: #fff;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
    } 
    
    #content2 .linkButton a:hover
    {
        background-color: var(--grey);
        padding: 10px;
        color: #fff;
        display: inline-block;
        text-decoration: none; 
        text-transform: uppercase;  
    } 
    
    /******************************************************************************/ 
       
    #content2 .block
    {
        display: flex;
        margin: 35px 0;
        flex-wrap: wrap;  
    }
    
    #content2 .block div
    {
        width: 25%;
        height: 30vh;
        object-fit: cover;
        overflow: hidden;
        position: relative;
        background-color: var(--darkgrey);
    }
    
    #content2 .block div img
    {
        width: 100% !important;
        height: 100% !important;
        overflow: hidden; 
        margin: 0; 
        padding: 0;
        
    }
    
    #content2 .block div img:hover
    {
        opacity: 0.7; 
    }
    
    #content2 .block div p
    {
        margin: 0; 
        padding: 0;
        width: 100%;
        height: 100%;
    }
    
    #content2 .block div img
    {
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover;
    }
    
    #content2 .block div h4
    {
        position: absolute;
        left: 0; 
        right: 0;
        bottom: 20%;
        width: 100%;
        text-align: center;
        font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1600 - 320))); 
    }
    
    #content2 .block div h4 a
    {
        text-decoration: none;
        color: #fff;
        opacity: 0.9;
    }
    
    #content2 .block div h4 a:hover
    {
        opacity: 1;
    }
    
    @media only screen and ( max-width: 800px )
    {
         #content2 .block div
        {
            width: 50%;
            height: 30vh;  
        }
    }
    
     @media only screen and ( max-width: 400px )
    {
        #content2 .block
        {
            display: block;   
        }
    
        #content2 .block div
        {
            width: 100%;
            height: auto !important;  
        }
    }
    
   /******************************************************************************/
   
   #content2 .black 
   {
       background-color: #373737;
       color: #fff;
       padding: 35px 0;
   }
   
   #content2 .black h1, #content2 .black h3 
   {
       color: #fff;
       text-align: center;
   }
   
   #content2 .dreispaltig
   {
       display: flex; 
       width: 80%;
       padding: 0 10%; 
       margin: 35px 0;
       justify-content: space-between;
   }
   
   #content2 .dreispaltig h3
   {
       text-align: left;
   }
   
   #content2 .dreispaltig div
   {
       width: 30%;
   }
   
   #content2 .dreispaltig img
   {
       width: 100% !important; 
       height: auto !important;
       margin: 0; padding: 0;
   }
   #content2 .dreispaltig  a
   {
       color: #fff;
   }
   
   @media only screen and ( max-width: 1000px ) 
   {
       #content2 .dreispaltig
       {
           width: 96%;
           padding: 0 2%; 
       }
   }
   
   @media only screen and ( max-width: 750px )
   {
        #content2 .dreispaltig 
        {
            display: block;
            text-align: center;
        }
        
        #content2 .dreispaltig div
       {
           width: 100%;
           margin: 0 0 25px 0;
       }

   } 
   
   @media only screen and ( max-width: 400px ) 
   {
       #content2 .black 
       {
           padding: 15px 0;
       }
   }
   


/*******************************************************************************
Left
*******************************************************************************/

    #left
    {
        margin: 25px 0;
        padding: 0;
        float: left;
        text-align: left;
        width: 70%;
    }
    
    @media only screen and ( max-width: 1000px )
    {
        #left
        {
            display: block;
            float: none;    
            width: 100%;
        }
    }

/*******************************************************************************
Right
*******************************************************************************/

    #right
    {
        margin: 25px 0 25px 5%;
        padding: 0;
        float: right;
        width: 25%;
    }

    #right .tischreservierung img
    {
        float:right;
    }

    #right li
    {
        margin: 5px 0;
        padding: 0;
    }

    #right .pauschalenNavi
    {
        background: var(--darkgrey);
        padding: 2%;
        color: #fff;
    }
    
    #right .pauschalenNavi h2
    {
        color: #fff;
        padding: 5px 5px 15px 5px;
    }
    
    #right .pauschalenNavi h3
    {
        color: #fff;
        padding: 5px 5px 5px 5px;
    }
    
    #right .pauschalenNavi ul
    {
        margin: 0 0 15px 0; 
        padding: 0;
    }
    
    #right .pauschalenNavi li
    {
        list-style-type: none;
        margin: 0; 
        padding: 0;
        display: block;
    }
    
    #right .pauschalenNavi li a
    {
        text-decoration: none;
        margin: 1px 0 0 0; 
        padding: 5px;
        color: #fff;
        display: block; 
        font-family: 'Museo_Sans_100'; 
    }
    
    #right .pauschalenNavi li a:hover
    {
        text-decoration: none;
        margin: 1px 0 0 0; 
        padding: 5px;
        background: var(--grey);
        display: block; 
        font-family: 'Museo_Sans_100'; 
    }

    @media only screen and ( max-width: 1000px )
    {
        #right
        {
            display: block;
            float: none;    
            width: 100%;
            margin: 0; 
        }
    }


   


/*******************************************************************************
Kategorie
*******************************************************************************/

    #kategorie
    {
        position: absolute;
        bottom: 13px;
        left: 28%;
        z-index: 21;
        color: #646567;
    }

    #kategorie p
    {
        margin: 0 0 10px;
        padding: 0;
        font-size: 30px;
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 1),
		0px 0px 5px rgba(255, 255, 255, 1),
		0px 0px 5px rgba(255, 255, 255, 1),
		0px 0px 5px rgba(255, 255, 255, 1),
		0px 0px 5px rgba(255, 255, 255, 1);
        font-weight: normal;
    }

    #kategorie p:last-of-type
    {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 34px;
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 1),
		0px 0px 5px rgba(255, 255, 255, 1),
		0px 0px 5px rgba(255, 255, 255, 1),
		0px 0px 5px rgba(255, 255, 255, 1),
		0px 0px 5px rgba(255, 255, 255, 1);
        font-weight: normal;
    }

/*******************************************************************************
Block
*******************************************************************************/

    #block
    {
        margin: 0 auto;
        padding: 0;
        width: 980px;
    }

    #block div
    {
        margin: 0 13px;
        padding: 0;
        float: left;
        display: inline-block;
        position: relative;
        width: 300px;
        color: #fff;
        font-size: 15px;
        text-align: center;
        clear: none;
        height: 412px;
        background-color: var(--grey); 
    }

    #block p
    {
        margin: 0;
        padding: 10px;
        position: relative;
    }

    #block .gutschein
    {
        height: 104px;
    }

    #block .noPadding
    {
        margin: 0;
        padding: 0;
    }

    #block h2
    {
        color:#fff;
        background-color: var(--grey);
        margin:5px 0 0 0;
        padding:0 0 5px 0;
        font-size: 15px;
        text-align: center;
    }

    #block img
    {
        margin: 0;
        padding: 0;
        display: block;
    }

    #block .hiddenclear
    {
      display: none;
    }

    #block .linkButton a
    {
    	float: none;
        background-color: var(--darkgrey);
        margin: 0;
        padding: 5px 20px;
        color: #fff;
        text-decoration: none;
    }

    #block .linkButton a:hover, #block .linkButton a:active, #block .linkButton a:focus
    {
    	float:none;
        color: #fff;
        text-decoration: none;
    }
    
    @media only screen and ( min-width: 1060px ) and ( max-width: 1240px )  
    {

        #block
        {
            width: 80%;
        }

        #block div
        {
            margin: 0px 13px 5px 0px;
            padding: 10px;
            position: relative;
            display: block;
            color: #FFF;
            font-size: 15px;
            text-align: center;
            height: auto;
            background-color: var(--grey);
            box-shadow: 0px 0px 5px #615C5C;
            clear: both;
            width: auto;
        }

        #block p, #block .gutschein
        {
            margin: 10px 0;
            float: left;
        }

        #block .gutschein
        {
            float: right;
            width: 49%;
        }

        #block img
        {
            width: 220px !important;
            height: auto !important;
        }

        #block .linkButton
        {
            float: right;
        }
    }    

    
/*******************************************************************************
Restplatzbörse
*******************************************************************************/	

.restplatzboerse #content .Eintrag
{
    display: flex;
    clear: both;
    border-bottom: 1px solid #999;
    padding: 50px 0;
}

.restplatzboerse #content .image
{
    margin-right: 15px;
    flex: 1;
}

.restplatzboerse #content .text
{
    width: auto;
    flex: 3;
}	

.restplatzboerse #content .Eintrag img,
.restplatzboerse #content .Eintrag p,
.restplatzboerse #content .Eintrag .text 
{
    float: none !important; 
}

.restplatzboerse #content .Eintrag .text p:first-child
{
    margin-top: 0 !important;
}

.restplatzboerse #content img
{
    width: 100% !important;
    margin-right: 15px; 
}
    
@media only screen and ( max-width: 750px )
{
    .restplatzboerse #content .text
    {
        width: auto;
        flex: 2;
    }	
}	

@media only screen and ( max-width: 480px )
{
    .restplatzboerse #content .Eintrag
    {
        flex-direction: column;
    }
    
    .restplatzboerse #content .image
    {
        text-align: center;
        margin-right: 0;
    }	
    
    .restplatzboerse #content img
    {
        width: 100% !important;
        max-width: 350px;
        margin-right: 0; 
    }	
    
}
 




    #kategorie 
    {
         display: none;
    }

    /*#kategorie
    {
        position: absolute;
        bottom: 13px;
        left: 28%;
        z-index: 5;
        color: #646567;
    }

    #kategorie p
    {
        margin: 0 0 10px;
        padding: 0;
        font-size: 30px;
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 1),
        0px 0px 5px rgba(255, 255, 255, 1),
        0px 0px 5px rgba(255, 255, 255, 1),
        0px 0px 5px rgba(255, 255, 255, 1),
        0px 0px 5px rgba(255, 255, 255, 1);
        font-weight: normal;
    }

    #kategorie p:last-of-type
    {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 34px;
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 1),
        0px 0px 5px rgba(255, 255, 255, 1),
        0px 0px 5px rgba(255, 255, 255, 1),
        0px 0px 5px rgba(255, 255, 255, 1),
        0px 0px 5px rgba(255, 255, 255, 1);
        font-weight: normal;
    }*/




/**************************************************************************************************/

    #top
    {
        margin: 0;
        padding: 0 0 30px 0;
        position: relative;
        clear: both;
        top: 82px;
    }

    #top div
    {
        margin: 0;
        padding: 0;
    }
    
    #top h1
    {
        font-family: "Museo_Sans_700";
        font-size: calc(32px + (45 - 32) * ((100vw - 320px) / (1600 - 320))); 
        color: #fff;        
        line-height: 1.2em;
        text-align: center;
        margin: 0;
        padding: 25px 20px 0 20px;
        text-transform: uppercase;
    }

    #top h2
    {
        text-align: center;
        font-size: calc(18px + (23 - 18) * ((100vw - 320px) / (1600 - 320)));
        color: #fff;
        margin: 0 0px;
        padding: 15px 20px;
        line-height: 1.0em;
    }
    
    #top p
    {
        margin: 0;
        padding: 0;
    }

    #top img
    {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        display: block;
    }
    
    #top #ueberschrift
    {
        margin: 0;
        padding: 0;
        background-color: var(--darkgrey);
        color: #fff;
        position: relative;
    }
    
    #top #ueberschrift .rahmen
    {
        text-align: center;  
        width: 250px;
        margin: 10px auto;
    }
    
    #top #ueberschrift .rahmen a
    {
        color: #fff;
        text-decoration: none;
        border: 1px solid #fff;
        padding: 3px 10px;  
    }
    
    #top #ueberschrift .rahmen a:hover
    {
        color: #000;
        background: #fff;
        text-decoration: none;
        border: 1px solid #fff;
        padding: 3px 10px; 
    }

    #top #ueberschrift .video
    {
        position: relative;
        text-align: center;
        margin: 15px 0;
    }

    #top #ueberschrift .video img
    {
        border-radius: 50px;
        border: 2px solid #fff;
        box-sizing: border-box;
        margin: 0 auto;
        width: 250px !important;
        height: auto !important;  
    }

    #top #ueberschrift article
    {
        margin: 0;
        padding: 0; 
    }
    
    #top #ueberschrift .titel
    {
        margin: 0 auto;
        text-align: center;
        padding: 25px 20px 0 20px;
    }
    
    #top #ueberschrift .titel p
    {
        color: #fff;
        border: 1px solid #fff;
        padding: 12px 10px;
        display: inline-block;
        margin: 5px 5px 0 0;
        text-transform: uppercase;
        font-size: 30px;
    }


    #top #spacer
    {
        display: none;         
    }
    
    
    @media only screen and ( max-width: 1000px )
    {
        #top
        {
            top: 59px;
        }

    }
    
/**************************************************************************************************/ 


    #top #siegel
    {
        display: none;
    }


/**************************************************************************************************/

    #tipp
    {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 350px;
        right: 0;   
        background-image: url(/layout/tipp-hg.png);
        background-repeat: no-repeat;
        background-position: center center;
        color: #fff;
        text-align: center;
        background-size: 100%;
        left: 0;
        width: 200px;
        margin: 0 auto !important;
    }


    #top #tipp h2
    {
        margin: 30px 0 40px 0 !important;
        padding: 20px 0 !important;
        color: #fff !important;
        font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1600 - 320)));  
        text-align: center !important;
        font-family: "Museo_Sans_100"; 
        text-transform: uppercase;
    }
    
    #top #tipp h2 a
    {
        color: #fff;
        text-decoration: none;
    }

    #top #tipp p
    {
        margin: 0 20px;
        padding: 0;    
        line-height: 1.2em;
    }


    #top #tipp .logo
    {
        margin: 21px 0px 0 0;
    }

    #top #tipp .logo a
    {
        line-height: normal;
    }
    
    @media only screen and ( max-width: 1100px )
    {
        #top #tipp
        {
            width: 180px;
        }
    }
    
    @media only screen and ( max-width: 650px )
    {
        #top #tipp
        {
            width: 160px; 
        }
    }
    
/**************************************************************************************************/

    #block-home .aktivprogramm
    {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 850px;
        right: 0;   
        color: #fff;
        text-align: center;   
        left: 0;
        width: 200px !important;
        height: auto !important;
        margin: 0 auto !important;
        z-index: 200;
    }
    
     @media only screen and ( max-width: 1100px )
    {
        #block-home .aktivprogramm
        {
            width: 180px !important;
        }
    }
    
    @media only screen and ( max-width: 650px )
    {
        #block-home .aktivprogramm
        {
            width: 160px !important; 
        }
    }

/**************************************************************************************************/

    #block-home
    {
        margin: 0px auto !important;
        padding: 0;
        width: 100%;
        justify-content: space-between;
        position: relative;
        text-align: left;
        color: #fff;
    }

    #block-home article
    {
        width: 50%;
        height: 750px;
        overflow: hidden;
        float: left;
        margin: 0;
        background-color: var(--darkgrey);
        position: relative;
    }
    
    #block-home article:nth-child(3), #block-home article:nth-child(6)
    {
        width: 50%;
        overflow: hidden;
        float: left;
        margin: 0;
        background-color: var(--grey);  
        position: relative;
    }


    #block-home article + .hiddenclear
    {
        display: none;
    }
    
    
    #block-home article:hover .textFeldAngebote
    {
        color: #fff;
        text-decoration: none;
    }
    
    #block-home .bild
    {
        height: 400px;
        margin: 0; 
        overflow: hidden;
    }
    

    #block-home img
    {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        transition: all 0.4s;
        display: block;
        margin: 0;
        padding: 0;
    }

    #block-home article:hover img
    {
        transform: scale(1.1);
        opacity: 0.6;
    }
    
    #block-home .textFeldAngebote
    {
        padding: 5% 5% 10% 5%;
        width: 90%;
    }

    #block-home h2
    {
        color: #fff;
        margin: 20px 0;
        padding: 0;  
        font-weight: normal;
        text-align: left;
    }

    #block-home p
    {
        color: #fff;
        margin: 10px 0px;
        padding: 0;   
        overflow: hidden;
        text-align: left;
    }
    
    #block-home a
    {
        color: #fff;
        text-decoration: underline;
    }

    #block-home ul
    {
        margin: 0 20px 0 30px;
        padding: 0;
    }

    #block-home li
    {
        margin: 0 0 0px 0;
        padding: 0;
    }

    #block-home .linkButton a
    {
        border: 1px solid #fff;
        display: inline-block;
    }
    
     #block-home .linkButton a:hover
    {
        border: 1px solid #fff;
        display: inline-block;
        background-color: var(--grey);
    }
    
    #block-home article:nth-child(3) .linkButton a:hover, #block-home article:nth-child(6) .linkButton a:hover
    {
        background-color: var(--darkgrey);    
     } 

    @media only screen and ( max-width: 600px )
    {
        #block-home article
        {
            width: 100% !important;
            height: auto;
            display: block;
            float: none;
            margin: 0;
        }
    }
    


/**************************************************************************************************/

    #kategorie-home
    {
        display: none;
    }

    

    #spruch
    {
        margin: 0;
        padding: 25px 100px !important;
        position: relative;
        color: var(--grey);
        font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1600 - 320)));
        text-align: center;
        line-height: 120%;
    }

    @media only screen and ( max-width: 600px )
    {   #spruch
        {
            padding: 25px 10px !important;
        }
    }


/**************************************************************************************************/

    
    #footer
    {
        margin: 50px 0 43px 0;
        padding: 0 0 55px 0;
        position: relative;
        background-color: #373737;
        width: 100%; 
        font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1600 - 320)));
        top: 55px;
    }

    #footer div
    {
        margin: 0 auto;
        padding: 0;
        
    }
    
    #footer #infos
    {
        margin: 0 auto 20px auto;
        padding: 0;
        position: relative;
        color: #fff;
        display: inline-block;
        width: 50%;
        clear: both;
        display: flex;
        text-align: center;
        justify-content: space-around;
    }
    
    #footer > #infos div
    {
        margin: 10px 0 0 0;
        padding: 0;  
        width: 250px;
    }

    #infos ul
    {
        margin: 0; padding: 0;
    }

    #infos li
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: left;
    }
    
    #infos h2
    {
        margin: 20px 0 5px 0;
        padding: 0;
        font-family: "Museo_Sans_300";
        font-size: 20px;
        color: #fff;
        text-align: left;
        text-transform: uppercase;
    }
    

    #infos #holidaycheck-widget-hotel-1-103971-de_DE-s-w-0-2---0
    {
        width: 200px;
    }

    #infos .holidaycheck img
    {
        margin: 0;
        padding: 0;
        float: none;
    }

    #infos hr
    {
        display: none;
    }

    #infos a
    {
        text-decoration: none;
        color: #fff;
    }

    #infos img
    {
        margin: 4px;
        padding: 0;
        vertical-align: top;
        float: left;
    }
    
    @media only screen and ( max-width: 1000px )
    {   
        #footer > #infos 
        {
            width: 90%; 
            padding: 25px 0;
        }
        
        #footer > #infos div 
        {
            width: 50%;
        }
        
        #footer > #infos li, #footer > #infos h2 
        {
            text-align: center;
        }
    }
    
    @media only screen and ( max-width: 600px )
    {   
        #footer > #infos 
        {
            width: 90%;
            display: block;   
        }
        
        #footer > #infos div 
        {
            width: 100%;
            display: block;
            text-align: center;
        }
    }



    #footer #infos2
    {
        margin: 0 auto;
        padding: 0 0 40px 0;
        position: relative;
        color: #fff;   
        display: table;
        width: 90%;
        clear: both;
        text-align: left;
        white-space: nowrap;
    }

    #footer #infos2 div
    {
        margin: 10px 0 0 0;
        padding: 0 1.5%;
        width: auto;
        display: table-cell;
        vertical-align: bottom;
    }

    #footer #infos2 p
    {
        margin: 0;
        padding: 0;
    }

    #footer #infos2 a
    {
        color: #fff;
        text-decoration: none;
    }

    #footer #infos2 a:hover
    {
        color: #fff;
        text-decoration: underline;
    }
    
    #footer .copyright
    {
        margin: 0;
        padding: 0; 
        width: 100%;
        position: absolute;
        bottom: 4px;
        left: 0;
        color: #fff;
        font-size: 11px;
        white-space: wrap; 
    }

    #footer .copyright a
    {
        margin: 0;
        padding: 0;
        color: #fff;
        text-decoration: none;
    }
    
    @media only screen and ( max-width: 1000px )
    {
        #footer #infos2 div 
        {
            width: 100%;
            display: block;    
            text-align: center;
        }
    }
/**************************************************************************************************/
@media only screen and ( min-width: 1000px ) 
{
   #navi .menuebutton
   {
       display: none !important;
   }

   #navi
   {
        margin: 0px auto;
        padding: 0;
        width: 100%;
        position: fixed;         
        height: 82px;
        font-size: 17px;
        background-color: var(--darkgrey);
        text-transform: uppercase;  
        top: 0;
        z-index: 1000;
        text-align: center;
        font-family: "Museo_Sans_100";
   }

   #navi ul
    {
    	margin: 0 auto;
    	padding: 30px 0;  
        
    }

    #navi li
    {
    	margin: 0;
    	padding: 33px 0.5%;   
        display: inline;
        list-style-type: none;
    }

    #navi a
    {
        color: #fff;
        margin: 0;
        padding: 33px 0 7px 0;
    	text-decoration: none;
        height: 82px;    
    }

    #navi a:link, #navi a:visited
    {
        margin: 0;
        padding: 33px 0 7px 0;
        height: 82px;
    }

    #navi a:hover, #navi a:active, #navi a:focus
    {
    	color: #fff;
        border-bottom: 2px solid #fff;
        margin: 0;
        padding: 33px 0 7px 0;
        height: 82px;    
    }

    #navi span, #navi .aktiv
    {
    	color: #fff;
        border-bottom: 2px solid #fff; 
        margin: 0;
        padding: 33px 0 7px 0;     
    }
    


/*******************************************************************************
Unternavi
*******************************************************************************/

    #navi li
    {
        position: relative;
    }

    #navi ul li ul
    {
        position: absolute;
        text-align: left; 
        top: 82px;
        left: 0;
        list-style-type: none;   
        margin: 0;
        padding: 0;
        display: none;
        font-size: 18px;  
        height: auto;
        min-width: 300px;
        width: auto;
        background-color: #fff;
        text-transform: none;
        white-space: nowrap; 
    }

    #navi ul li:hover ul
    {
         display: block;
    }

    #navi ul li ul li
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: none;
        display: block;
        width: auto;
        background-image: none;
        z-index: 15;        
    }

    #navi ul li ul li a
    {
    	color: var(--darkgrey);
    	margin: 0;
    	padding: 10px 20px; 
    	text-decoration: none;
        display: block;
        width: auto;
        border: none;  
        height: auto;
    }

    #navi ul li ul li a:link, #navi ul li ul li a:visited
    {
    	padding: 10px 20px; 
        margin: 0 0 0 0px;      
        display: block;
        width: auto;
        height: auto;
        border: none;
    }

    #navi ul li ul li a:hover, #navi ul li ul li a:active, #navi ul li ul li a:focus
    {
    	color: #fff !important;
        margin: 0;
    	padding: 10px 20px; 
        text-decoration: none;
        display: block;
        width: auto;
        height: auto;
        background-color: var(--grey); 
    }

    #navi ul li ul li span, #navi ul li ul li .activ
    {
    	color: #fff !important;
        margin: 0;
    	padding: 10px 20px; 
    	text-decoration: none;
        display: block;
        width: auto;
        height: auto;
        background-color: var(--grey);
    }
}  

/****************************************************************************
unter 1000px
****************************************************************************/ 
  
    
    @media only screen and ( max-width: 1000px )
    {   

        #navi
        {
            color: #fff;
            width: 100vw;          
            position: fixed; 
            top: 0;
			left: -100vw;
			right: 0;
			bottom: 0;
            z-index: 1200;
			overflow-x: hidden;
			overflow-y: scroll;
            transition: all 0.5s;
        }
        
        .menueopen #navi
        {
            left: 0;
        }
        
        .menuebutton
        {
            display: inline-block; 
            text-align: left;
            position: fixed;
            background-color: var(--darkgrey);
            background-image: url(/layout/menu-icon.png);
            background-position: 100px 47%;
            background-repeat: no-repeat;			
            background-size: 25px auto;

			
            z-index: 1200000;
            width: 100%;
            margin: 0;
            color: #fff;
            font-size: 17px !important; 
            height: 57px;
            top: 0;
            left: 0;
        }

        .menuebutton
        {

            display: block !important;
            clear: both; 

            height: 40px;
            padding: 19px 0 0 35px;          
        }

        #navi p
        {
            padding: 10px 20px 10px 20px;
            margin: 0;
        }
        

        #navi > ul
        {
            display: block;
            margin: 0;
            padding: 5% 5% 85px 5%;
            list-style-type: none;
            background: #fff;
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2;
            text-align: left; 
            position: absolute; 
            font-family: "Museo_Sans_500";
            text-transform: uppercase;  
            column-gap: 5%;
            width: 100vw;      
            top: 55px;
            min-height: calc(100vh - 55px); 
            box-sizing: border-box;
        }
        
        #navi ul > li 
        {
            display: inline-block;
            padding: 0;
            margin: 20px 0 0 0;
            background: none; 
            width: 100%;
        }
        
        #navi > ul > li:last-child
        {
             margin: 20px 0 50px 0; 
        }
        
        #navi ul > li > a
        {
            color: var(--darkgrey);
            display: block; 
            margin: 0; 
            padding: 0px;
            height: auto !important; 
            text-decoration: none;  
        }
        
         #navi > ul > li a:link, #navi > ul > li a:visited
        {
            margin: 0; 
            padding: 0;
        }
        
         #navi ul > li > a:hover
         {
            color: var(--grey);
            margin: 0; 
            padding: 0;
            border: none;
         }
        
        #navi ul > li > span
        {
            color: var(--grey); 
            display: block; 
            margin: 0; 
            padding: 0px;
            
        }
        
        #navi ul > li > ul
        {
            display: inline-block;
            position: relative;
            display: block;
            top: 0;
            position: relative; 
            -moz-column-count: 1; 
            -webkit-column-count: 1; 
            column-count: 1;
            margin: 0 0 20px 0; 
            padding: 0; 
            background: none; 
            font-family: "Museo_Sans_100";
            text-transform: none; 
            font-size: 17px;   
            height: auto !important;       
        }
        
        #navi ul > li > ul > li
        {
            display: block;
            margin: 0; 
            padding: 0; 
            background: none;
             
        }
        
        #navi > ul > li > ul > li a:link, #navi > ul > li > ul > li a:visited
        {
            margin: 0; 
            padding: 0;
        }
        
        #navi ul > li > ul > li a
        {
            padding:  0;
            margin: 0;    
            color: var(--darkgrey);  
            white-space: break-spaces;
            
        }
        
        #navi ul > li > ul > li a:hover
         {
            background-color: transparent !important;
            color: var(--grey) !important;   
            margin: 0; 
            padding:  0;    
         }
        
        #navi ul > li > ul > li span
        {
            background-color: transparent !important;  
            color: var(--grey) !important;    
            display: block; 
            margin: 0; 
            padding:  0;    
            
        }

    }
    
    
    @media only screen and ( max-width: 500px ) 
    {
        #navi > ul
        {
            -moz-column-count: 1;
            -webkit-column-count: 1;
            column-count: 1;
        }

    }

/*******************************************************************************
/*Anfrageformular
/******************************************************************************/

    .formular div
    {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #000;
    }

    label
    {
    	width: 25%;
    	display: block;
    	float: left;
    	vertical-align: baseline;
    	margin: 10px 0 0 0;
    	padding: 0;
    }

    input
    {
    	width: 70% !important;
    	margin: 10px 0 0 0;
    	padding: 10px 5px;
    	font-size: 15px;
    	border: 1px solid #000;
    }

    select
    {
    	width: 72% !important;
    	margin: 10px 0 0 0;
    	padding: 10px 5px;
    	font-size: 14px;
    	border: 1px solid #000;
        font-family: Arial, Helvetica; 
    }

    textarea
    {
    	width: 95%;
    	height: 150px;
    	margin: 0;
    	padding: 10px 5px;
    	font-size: 14px;
    	font-family: Arial, Helvetica;
    	border: 1px solid #000;
    }

    .error
    {
    	color: #a00 !important;
    }

    .error input
    {
    	border: 1px solid #a00;
    	background-color: #eee;
    }

    .checkbox
    {
    	width: auto;
        margin: 0 0 20px 0;
        padding: 0;
    }

    .submit
    {
    	width: auto;
        margin: 0px;
        padding: 10px;
        background-color: var(--darkgrey);
        color: #fff;  
        text-transform: uppercase;
        width: 200px !important;
    }

    .formular .FormError
    {
    	border: 2px solid #a00 !important;
    	background-color: #fff !important;
    	padding: 5px !important;
    	margin: 0 0 15px 0 !important;
    	position: relative;
    }

    .FormError ul
    {
    	margin: 5px 5px 5px 20px;
    	padding: 0;
    }

    .FormError li
    {
    	margin: 0;
    	padding: 0;
    	line-height: 1em;
    }

    .formular h2
    {
    	clear: both;
    	margin: 15px 0 5px 0 !important;
        line-height: 1;
    }

    .formular p
    {
    	margin: 2px 0 0 0 !important;
    	padding: 0 !important;
    	clear: both !important;
    }

    .FormError h2
    {
    	color: #a00 !important;
    	margin: 0 !important;
    	padding: 0 !important;
    }

    .ui-datepicker-month
    {
        color: #000;
    }

    #p_id_1429 input
    {
        float: left !important; 
        width: auto !important;
        margin: 25px 0 0 0 !important;
    }
    

    #p_id_1429 label
    {
        float: right !important; 
        width: 95% !important;
        text-align: left !important; 
        margin: 20px 0 0 0 !important;
    }

    #p_id_1376 input, #p_id_1377 input, #p_id_1378 input, #p_id_1375 input, #p_id_1430 input, #p_id_1431 input, #p_id_1436 input,
    #p_id_1437 input, #p_id_1438 input, #p_id_1439 input, #p_id_1460 input, #p_id_1461 input, #p_id_1465 input, #p_id_1499 input,
    #p_id_1519 input, #p_id_1520 input
    {
        float: left;
        width: auto !important;
        margin: 5px 0 0 0 !important;
    }


    #p_id_1376 label, #p_id_1377 label, #p_id_1378 label, #p_id_1375 label, #p_id_1430 label, #p_id_1431 label, #p_id_1436 label,
    #p_id_1437 label, #p_id_1438 label, #p_id_1439 label, #p_id_1460 label, #p_id_1461 label, #p_id_1465 label, #p_id_1499 label,
    #p_id_1519 label, #p_id_1520 label 
    {
        float: right;
        width: 95% !important;
        text-align: left;
        margin: 0 !important;
    }

    #p_id_1289 input
    {
        width: auto !important;
    }

    #p_id_datenschutzerklaerung_input label
    {
       display: none;
    }

    #p_id_datenschutzerklaerung_input input
    {
       width: auto !important;
    }
    
    

.gbregister
{
	padding: 0 0 5px 0;
	margin: 5px 5px 15px 5px;
	border-bottom: 1px dashed #000;
}

.gbregister span
{
	font-weight: bold;
}


 .Gb .eintrag p
{
	margin: 0;
	padding: 0;
	line-height: normal !important;
	position: relative;
}

.nachricht
{
	margin: 5px 0 0 0 !important;
	padding: 0 0 0 0;
}

.Gb .eintrag
{
	padding: 0 0 5px 0 !important;
	margin: 0 5px 20px 5px !important;
	border-bottom: 1px solid #000;
}

.Gb a
{
	float: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/****************************************************************************************/

#mitte #Vorname
{
	display: none;
}

#mitte label
{
	width: 180px !important;
	float: left !important;
	font-weight: bold !important;
}

#mitte input
{
	width: 295px !important;
}

#mitte textarea
{
	width: 295px;
	height: 100px;
}


.produktliste
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.produktliste .produkt
{
    margin: 5px 0;
    width: 47%; 
    background-color: #e2d9cf;
    padding: 1%;
    display: flex;
    flex-direction: row;
}

@media only screen and ( max-width: 600px )
{
    .produktliste .produkt
    {
        width: 100%;
    }
}

#content .produktliste .produkt h2
{
    margin: 0;
    padding: 0;
    font-size: 18px !important;
    font-weight: 300;
    line-height: 1.0em;   
}

#content .produktliste .produkt h2 a
{
    text-decoration: none;
    color: #727272 !important; 
}

@media only screen and ( max-width: 780px )
{
    #content .produktliste .produkt img
    {
        width: auto !important;
        float: none;
    }
}

.produktliste .produkt .beschreibung
{
    padding: 10px;
}

.produktliste .produkt .beschreibung .Preis
{
    padding: 2px 10px;
    background-color: var(--darkgrey);
    color: #fff !important;
    display: inline;
}

.produktliste .produkt .beschreibung .Preis span
{
    color: #fff !important;
}

/******************************************************************************/

.shop #right
{
    background-color: var(--grey);
    color: #fff;
    padding: 0px;
}

.shop #right h2
{
    color: #fff;    
    padding: 15px 5px 10px 5px; 
    margin: 0;
}

.shop #right ul
{
    margin: 10px 5px 35px 5px;
}

@media only screen and ( max-width: 1059px )
{
    .shop #right ul
    {
        padding: 0;
    }
}

.shop #right li
{
    list-style-type: none;
    padding: 2px 10px; 
    background-color: var(--grey);
}

.shop #right li:hover
{
    background-color: var(--lightgrey); 
}

.shop #right a
{
    color: #fff;
    text-decoration: none;
}

@media only screen and ( max-width: 1059px )
{
    .shop #right a
    {
        padding: 10px 0;
        display: inline-block;
    }
}

.produktoptionen
{
    width: 100%;
    bottom: 0;
}

/**************************************************************************************************/
/*Produkt-Detail
/**************************************************************************************************/

.produktdetail
{
    margin: 25px 0 0 0 !important;
}

.produktdetail #options .gruppe.hide
{
    display: none;

}

.produktdetail #options .gruppe.show
{
    display: block;
}

.produktdetail table
{
    width: 100%;
}

@media only screen and ( max-width: 1059px )
{
    .produktdetail #contHauptBild
    {
        text-align: center;
    }

    .produktdetail #contHauptBild img, #left .ppECButton img
    {
        width: auto !important;
        float: none;
    }
}

.beschreibung .preis
{
    margin: 10px 0;
    padding: 0;
    display: inline-block;
}

.inwarenkorb
{
    font-family: "Museo_Sans_300";
    width: 65%;
} 

.produktoptionenwrapper .preis
{
    font-size: 35px;
    line-height: normal;
}


#left #produktbilder .inwarenkorb input, .inwarenkorb select, .inwarenkorb .warenkorb_anzahl
{
    padding: 5px !important; 
    margin: 5px 0;   
    display: block;
    width: 100%; 
}

.addtocard
{
    background-color: #d8d8d8;
    width: auto !important;
    height: auto !important;
    padding: 10px !important;
    clear: both;
    display: block;
    margin: 5px 0;
}

/**************************************************************************************************/
/*WarenkorbTeaser
/**************************************************************************************************/

#right .warenkorbTeaser  
{                                 
    border-top: 5px solid #d8d8d8; 
    padding: 5px !important;
    /*color: #727272;  */
}

.linkButton 
{
    text-align: center;  
    margin: 0px 0 10px 0 !important;  
}

.warenkorbTeaser .linkButton a
{
    border: 1px solid #fff;
    float: none !important;   
}

/**************************************************************************************************/
/*Warenkorb
/**************************************************************************************************/

.warenkorb
{
    width: 100%;
}

.warenkorb td
{
    vertical-align:top;
    background-color: #eee;
    border: 1px solid #fff;
    padding: 10px 20px !important;
}

.warenkorb td, .produktoptionen td
{
    border-bottom: 1px solid #444;
    padding: 3px 5px 2px 5px;   
}

#left .warenkorb img
{
    width: auto !important;
}

.warenkorb .preis
{
    text-align: right;
    vertical-align: top;  
}

.tableheader .preis:nth-child(2)
{
    background-color: var(--darkgrey);
    color: #fff; 
}

.warenkorb .bestellButton
{
    background-color: var(--darkgrey);
    padding: 10px;
    margin: 0;
    float: left;
}

.warenkorb .bestellButton a
{
    color: #fff !important;
    text-decoration: none !important;
}



/**************************************************************************************************/
/*Tabellen im Block-Modus
/**************************************************************************************************/


    table.r , .r tbody, .r tr, .r td, .r caption
    {
        display: block;
        text-align: left;
    }

    table.r
    {
        border-spacing: 1px;
    }

    .r td
    {
        border: none;
        border-top: 1px solid #fff;
    }

    .r thead, .r th
    {
        display: none;
    }

    .r .hidden
    {
        display: none;
    }

    .r td
    {
        
    }

    .r td:nth-child(1)
    {
        background-color: var(--darkgrey);
        color: #fff;
        margin: 5px 0 0 0;
        text-align: center;
        padding: 10px 0;
    }

    .r .cellHeader, .r .cellData
    {
        display: inline-block;
        vertical-align: middle;
    }
    .r .cellHeader
    {
        font-weight: 500;
        width: 50%;
    }

    .r .cellData
    {
        width: 50%;
    }



#content .preise1 > .mobilize900.r td, #content .preise1 > .mobilize740.r td
{
    width: 100% !important;
    font-size: 15px;
}

#content .preise1.apartmentPreiseKinder .spalte1
{
    width: 100%;
}

#content .preise1.apartmentPreiseKinder .spalte2,#content .preise1.apartmentPreiseKinder .spalte3
{
    width: 50%;
    text-align: center;
}


.karriere .Jobs .jobtime
{
	font-size: 15px;	
	text-transform: none;
}

.karriere .Jobs .jobname
{
}

.karriere .Jobs .jobgender
{
	font-size: 15px;
	text-transform: none;
}



/***************************************/

.karriere #content .JobRubrikenNavi
{
    padding: 35px 0 0 0;
    font-size: 18px;
    text-align: center;
    font-family: "Museo_Sans_500";
}

.karriere #content .JobRubrikenNavi ul
{
    padding: 0;
	margin: 0;
    display: flex;
	justify-content: center;
}

.karriere #content .JobRubrikenNavi ul li
{
    width: auto;
    list-style-type: none;
    padding: 0 10px;
}

.karriere #content .JobRubrikenNavi a
{
    text-decoration: none;
    text-transform: uppercase;
    color: var(--darkgrey);
    padding: 0 0 3px 0;
}

.karriere #content .JobRubrikenNavi a:hover,
.karriere #content .JobRubrikenNavi a.active
{
    border-bottom: 1px solid var(--darkgrey); 
    text-transform: uppercase;
    color: var(--darkgrey); 
    padding: 0 0 3px 0;   
}



.karriere #content .Jobs
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.karriere #content .Jobs .wellness
{
    background-color: #fff;
    padding: 0;
}

.karriere #content .Jobs h3, .karriere #content .Jobs .wellness h3
{
    text-align: center; 
    padding: 25px 0;
}

.karriere #content .Jobs > div
{
    margin: 10px;
    width: calc(33.3333% - 20px);
    box-sizing: border-box;
    background-color: #fff;
	display: flex;
    flex-direction: column;
    justify-content: space-between;	
}

.karriere #content .Jobs > div:hover
{
    background-color: var(--darkgrey); 
} 

.karriere #content .Jobs > div:hover h3
{
    color: #fff !important; 
} 

.karriere #content .Jobs div p
{
    margin: 0;
}

.karriere #content .Jobs div p img
{
    margin: 0;
    padding: 0;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
}

.karriere #content .Jobs .buttons .linkButton
{
    width: 130px;
    display: inline-block;
}

.karriere #content .Jobs .buttons P:first-of-type
{
    margin: 0 10px !important;
}

.karriere #content .Jobs .buttons .linkButton a
{
    display: inline-block;
    width: 100%;
    float: none;
    box-sizing: border-box;
}

    @media only screen and ( max-width: 970px )
    {
        .karriere #content .Jobs > div
        {
            width: 47%;
        }
    }

    @media only screen and ( max-width: 780px )
    {
        .karriere #content .JobRubrikenNavi ul
        {
            flex-wrap: wrap;
            justify-content: flex-start;
        }
        
        .karriere #content .JobRubrikenNavi ul li
        {
            padding: 5px 10px;
        }
    }

    @media only screen and ( max-width: 690px )
    {
        .karriere #content .Jobs > div
        {
            width: 100%;
        }
    }

/****************************************************************************************/


#information .MitarbeiterLeistungen
{
    margin: 135px 0 0 0; 
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

#information .MitarbeiterLeistungen .icons
{
    display: flex;
    flex-wrap: wrap;
    margin: 35px 0;
}

#information .MitarbeiterLeistungen .icons p
{
    text-align: center;
}

#information .MitarbeiterLeistungen .icons img
{
    height: 55px !important; 
    width: auto !important;
}

#information .MitarbeiterLeistungen .icons > div
{
    width: 33%;
}


#information .MitarbeiterLeistungen .icons img
{
    float: none;
}

@media only screen and ( max-width: 530px )
{
    #information .MitarbeiterLeistungen .icons > div
    {
        width: 50%;
    }
}
   


/****************************************************************************************/

.karriere #bewerbung div
{
    margin: 20px 0;
	display: flex;
}

.karriere #bewerbung label
{
    margin: 0;
    display: inline-block;
    float: none;
}

.karriere #bewerbung input
{
    vertical-align: top;
	font-size: 15px !important;
	padding: 5px 10px !important;
	width: 75% !important;
	box-sizing: border-box;
	display: inline-block;
	margin: 0; 
}


.karriere #bewerbung .anrede select, .karriere #bewerbung .jobauswahl select, .karriere #bewerbung .land select
{
	margin: 0;
	appearance: none;
	width: 100% !important;
	font-size: 15px !important;
	padding: 2px 10px !important;
}

.karriere #bewerbung .anrede .select
{
	width: 35% !important;
	position: relative;	
	margin: 0 !important;
}





.karriere #bewerbung .anrede .select::before, .karriere #bewerbung .jobauswahl::before, .karriere #bewerbung .land::before 
{
    aspect-ratio: 1;
    pointer-events: none;
    content: "\002B";
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 5px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: white;
    background-color: black;
}



.karriere #bewerbung .anrede .select:first-of-type
{
	margin-right: 5% !important;
}


@media only screen and ( max-width: 700px )
{
    .karriere #bewerbung label
    {
        width: 100%;
    }
}




.karriere #bewerbung .bewerbungsunterlagen
{
	display: block !important;
}


/****************************************************************************************/

.karriere .bewerbungsbutton
{
	text-align: center;
}

.karriere .bewerbungsbutton a
{
    background-color: var(--darkgrey);
    padding: 10px;
    color: #fff !important;
    display: inline-block;
    text-decoration: none !important;
    text-transform: uppercase;
	font-family: "Museo_Sans_100" !important;
    font-weight: normal !important;
}


.karriere .bewerbungsbutton a:hover
{
	background-color: var(--grey) !important; 
}


/****************************************************************************************/


.karriere .textarea
{
	display: block !important;
}

.karriere .textarea textarea
{
	width: 100% !important;
	box-sizing: border-box;
}


input#submit 
{
    background-color: var(--darkgrey); 
    color: #ffffff;
    padding: 10px 20px;
    width: 100% !important;
    box-sizing: border-box;
    display: inline-block; 
	transition: all 0.3s;     
	
}

input#submit:hover
{
    color: var(--grey); 
    background-color: #ffffff;	
}


.karriere #bewerbung .submit 
{
	border: none !important;
	padding: 0 !important;
	background-color: transparent !important;
    width: 100% !important;
}

.karriere #bewerbung .submit input
{
    margin: 0 auto;
	padding: 10px !important;
	font-size: 16px !important;
    background-color: var(--darkgrey); 
    color: #fff;
    text-transform: uppercase;
    width: 250px !important;
}

.karriere .filebutton
{
    background-color: var(--darkgrey); 
    color: #ffffff;
	padding: 10px 10px;
	font-size: 17px !important;
	transition: 0.3s all;
	margin: 1px 0 0 0 !important;	
	width: 100% !important;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

.karriere .filebutton:hover
{
	background-color: var(--grey); 
}



#filepreview .file
{
    background-color: var(--darkgrey); 
    color: #ffffff;
	padding: 5px 10px;
	font-size: 12px;
	transition: 0.3s all;
	margin: 1px 0 0 0 !important;
	width: 100% !important;
}


#filepreview .file.pending
{
	background-color: #a00;
}

#filepreview .file.error
{
	background-color: #a00 !important;
	color: #fff !important;
}




.karriere #bewerbung .required label
{
	font-weight: 600;
}


.karriere #bewerbungsform .ok
{
    margin-top: 75px;
    min-height: 350px;
    background-color: #ebebeb;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;	
}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/common/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/common/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/common/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 95px;
	height: 22px;
	background: transparent url(/common/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

    #footer
    {
        margin: 50px 0 43px 0;
        padding: 0 0 55px 0;
        position: relative;
        background-color: #373737;
        width: 100%; 
        font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1600 - 320)));
        top: 55px;
    }

    #footer div
    {
        margin: 0 auto;
        padding: 0;
        
    }
    
    #footer #infos
    {
        margin: 0 auto 20px auto;
        padding: 0;
        position: relative;
        color: #fff;
        display: inline-block;
        width: 50%;
        clear: both;
        display: flex;
        text-align: center;
        justify-content: space-around;
    }
    
    #footer > #infos div
    {
        margin: 10px 0 0 0;
        padding: 0;  
        width: 250px;
    }

    #infos ul
    {
        margin: 0; padding: 0;
    }

    #infos li
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: left;
    }
    
    #infos h2
    {
        margin: 20px 0 5px 0;
        padding: 0;
        font-family: "Museo_Sans_300";
        font-size: 20px;
        color: #fff;
        text-align: left;
        text-transform: uppercase;
    }
    

    #infos #holidaycheck-widget-hotel-1-103971-de_DE-s-w-0-2---0
    {
        width: 200px;
    }

    #infos .holidaycheck img
    {
        margin: 0;
        padding: 0;
        float: none;
    }

    #infos hr
    {
        display: none;
    }

    #infos a
    {
        text-decoration: none;
        color: #fff;
    }

    #infos img
    {
        margin: 4px;
        padding: 0;
        vertical-align: top;
        float: left;
    }
    
    @media only screen and ( max-width: 1000px )
    {   
        #footer > #infos 
        {
            width: 90%; 
            padding: 25px 0;
        }
        
        #footer > #infos div 
        {
            width: 50%;
        }
        
        #footer > #infos li, #footer > #infos h2 
        {
            text-align: center;
        }
    }
    
    @media only screen and ( max-width: 600px )
    {   
        #footer > #infos 
        {
            width: 90%;
            display: block;   
        }
        
        #footer > #infos div 
        {
            width: 100%;
            display: block;
            text-align: center;
        }
    }



    #footer #infos2
    {
        margin: 0 auto;
        padding: 0 0 40px 0;
        position: relative;
        color: #fff;   
        display: table;
        width: 90%;
        clear: both;
        text-align: left;
        white-space: nowrap;
    }

    #footer #infos2 div
    {
        margin: 10px 0 0 0;
        padding: 0 1.5%;
        width: auto;
        display: table-cell;
        vertical-align: bottom;
    }

    #footer #infos2 p
    {
        margin: 0;
        padding: 0;
    }

    #footer #infos2 a
    {
        color: #fff;
        text-decoration: none;
    }

    #footer #infos2 a:hover
    {
        color: #fff;
        text-decoration: underline;
    }
    
    #footer .copyright
    {
        margin: 0;
        padding: 0; 
        width: 100%;
        position: absolute;
        bottom: 4px;
        left: 0;
        color: #fff;
        font-size: 11px;
        white-space: wrap; 
    }

    #footer .copyright a
    {
        margin: 0;
        padding: 0;
        color: #fff;
        text-decoration: none;
    }
    
    @media only screen and ( max-width: 1000px )
    {
        #footer #infos2 div 
        {
            width: 100%;
            display: block;    
            text-align: center;
        }
    }