/* raleway-300 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: url('../fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-regular - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-600 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; src: url('../fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-500 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: url('../fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-700 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: url('../fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-300italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 300; src: url('../fonts/raleway-v28-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 400; src: url('../fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-500italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 500; src: url('../fonts/raleway-v28-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-600italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 600; src: url('../fonts/raleway-v28-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-700italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 700; src: url('../fonts/raleway-v28-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: 700; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } .row:after { content: ""; display: table; clear: both; } .row.boxed { max-width: 1320px; margin: 0 auto; } .row.pd{ padding: 15px 0; } .row.boxed-outer { max-width: 1400px; margin: 0 auto; } .row .col { float: left; padding: 0 10px; } .row .col.no-pad { padding: 0; } .row .col.xs-1-12 { width: 8.3333333333%; } .row .col.offset-xs-1-12 { margin-left: 8.3333333333%; } .row .col.xs-2-12 { width: 16.6666666667%; } .row .col.offset-xs-2-12 { margin-left: 16.6666666667%; } .row .col.xs-3-12 { width: 25%; } .row .col.offset-xs-3-12 { margin-left: 25%; } .row .col.xs-4-12 { width: 33.3333333333%; } .row .col.offset-xs-4-12 { margin-left: 33.3333333333%; } .row .col.xs-5-12 { width: 41.6666666667%; } .row .col.offset-xs-5-12 { margin-left: 41.6666666667%; } .row .col.xs-6-12 { width: 50%; } .row .col.offset-xs-6-12 { margin-left: 50%; } .row .col.xs-7-12 { width: 58.3333333333%; } .row .col.offset-xs-7-12 { margin-left: 58.3333333333%; } .row .col.xs-8-12 { width: 66.6666666667%; } .row .col.offset-xs-8-12 { margin-left: 66.6666666667%; } .row .col.xs-9-12 { width: 75%; } .row .col.offset-xs-9-12 { margin-left: 75%; } .row .col.xs-10-12 { width: 83.3333333333%; } .row .col.offset-xs-10-12 { margin-left: 83.3333333333%; } .row .col.xs-11-12 { width: 91.6666666667%; } .row .col.offset-xs-11-12 { margin-left: 91.6666666667%; } .row .col.xs-12-12 { width: 100%; } .row .col.offset-xs-12-12 { margin-left: 100%; } @media (min-width: 650px) { .row .col.sm-1-12 { width: 8.3333333333%; } .row .col.offset-sm-1-12 { margin-left: 8.3333333333%; } .row .col.sm-2-12 { width: 16.6666666667%; } .row .col.offset-sm-2-12 { margin-left: 16.6666666667%; } .row .col.sm-3-12 { width: 25%; } .row .col.offset-sm-3-12 { margin-left: 25%; } .row .col.sm-4-12 { width: 33.3333333333%; } .row .col.offset-sm-4-12 { margin-left: 33.3333333333%; } .row .col.sm-5-12 { width: 41.6666666667%; } .row .col.offset-sm-5-12 { margin-left: 41.6666666667%; } .row .col.sm-6-12 { width: 50%; } .row .col.offset-sm-6-12 { margin-left: 50%; } .row .col.sm-7-12 { width: 58.3333333333%; } .row .col.offset-sm-7-12 { margin-left: 58.3333333333%; } .row .col.sm-8-12 { width: 66.6666666667%; } .row .col.offset-sm-8-12 { margin-left: 66.6666666667%; } .row .col.sm-9-12 { width: 75%; } .row .col.offset-sm-9-12 { margin-left: 75%; } .row .col.sm-10-12 { width: 83.3333333333%; } .row .col.offset-sm-10-12 { margin-left: 83.3333333333%; } .row .col.sm-11-12 { width: 91.6666666667%; } .row .col.offset-sm-11-12 { margin-left: 91.6666666667%; } .row .col.sm-12-12 { width: 100%; } .row .col.offset-sm-12-12 { margin-left: 100%; } } @media (min-width: 1024px) { .row .col.md-1-12 { width: 8.3333333333%; } .row .col.offset-md-1-12 { margin-left: 8.3333333333%; } .row .col.md-2-12 { width: 16.6666666667%; } .row .col.offset-md-2-12 { margin-left: 16.6666666667%; } .row .col.md-3-12 { width: 25%; } .row .col.offset-md-3-12 { margin-left: 25%; } .row .col.md-4-12 { width: 33.3333333333%; } .row .col.offset-md-4-12 { margin-left: 33.3333333333%; } .row .col.md-5-12 { width: 41.6666666667%; } .row .col.offset-md-5-12 { margin-left: 41.6666666667%; } .row .col.md-6-12 { width: 50%; } .row .col.offset-md-6-12 { margin-left: 50%; } .row .col.md-7-12 { width: 58.3333333333%; } .row .col.offset-md-7-12 { margin-left: 58.3333333333%; } .row .col.md-8-12 { width: 66.6666666667%; } .row .col.offset-md-8-12 { margin-left: 66.6666666667%; } .row .col.md-9-12 { width: 75%; } .row .col.offset-md-9-12 { margin-left: 75%; } .row .col.md-10-12 { width: 83.3333333333%; } .row .col.offset-md-10-12 { margin-left: 83.3333333333%; } .row .col.md-11-12 { width: 91.6666666667%; } .row .col.offset-md-11-12 { margin-left: 91.6666666667%; } .row .col.md-12-12 { width: 100%; } .row .col.offset-md-12-12 { margin-left: 100%; } } @media (min-width: 1440px) { .row .col.lg-1-12 { width: 8.3333333333%; } .row .col.offset-lg-1-12 { margin-left: 8.3333333333%; } .row .col.lg-2-12 { width: 16.6666666667%; } .row .col.offset-lg-2-12 { margin-left: 16.6666666667%; } .row .col.lg-3-12 { width: 25%; } .row .col.offset-lg-3-12 { margin-left: 25%; } .row .col.lg-4-12 { width: 33.3333333333%; } .row .col.offset-lg-4-12 { margin-left: 33.3333333333%; } .row .col.lg-5-12 { width: 41.6666666667%; } .row .col.offset-lg-5-12 { margin-left: 41.6666666667%; } .row .col.lg-6-12 { width: 50%; } .row .col.offset-lg-6-12 { margin-left: 50%; } .row .col.lg-7-12 { width: 58.3333333333%; } .row .col.offset-lg-7-12 { margin-left: 58.3333333333%; } .row .col.lg-8-12 { width: 66.6666666667%; } .row .col.offset-lg-8-12 { margin-left: 66.6666666667%; } .row .col.lg-9-12 { width: 75%; } .row .col.offset-lg-9-12 { margin-left: 75%; } .row .col.lg-10-12 { width: 83.3333333333%; } .row .col.offset-lg-10-12 { margin-left: 83.3333333333%; } .row .col.lg-11-12 { width: 91.6666666667%; } .row .col.offset-lg-11-12 { margin-left: 91.6666666667%; } .row .col.lg-12-12 { width: 100%; } .row .col.offset-lg-12-12 { margin-left: 100%; } } @media (min-width: 1800px) { .row .col.xl-1-10 { width: 10%; } .row .col.offset-xl-1-10 { margin-left: 10%; } .row .col.xl-2-10 { width: 20%; } .row .col.offset-xl-2-10 { margin-left: 20%; } .row .col.xl-3-10 { width: 30%; } .row .col.offset-xl-3-10 { margin-left: 30%; } .row .col.xl-4-10 { width: 40%; } .row .col.offset-xl-4-10 { margin-left: 40%; } .row .col.xl-5-10 { width: 50%; } .row .col.offset-xl-5-10 { margin-left: 50%; } .row .col.xl-6-10 { width: 60%; } .row .col.offset-xl-6-10 { margin-left: 60%; } .row .col.xl-7-10 { width: 70%; } .row .col.offset-xl-7-10 { margin-left: 70%; } .row .col.xl-8-10 { width: 80%; } .row .col.offset-xl-8-10 { margin-left: 80%; } .row .col.xl-9-10 { width: 90%; } .row .col.offset-xl-9-10 { margin-left: 90%; } .row .col.xl-10-10 { width: 100%; } .row .col.offset-xl-10-10 { margin-left: 100%; } .row .col.xl-1-12 { width: 8.3333333333%; } .row .col.offset-xl-1-12 { margin-left: 8.3333333333%; } .row .col.xl-2-12 { width: 16.6666666667%; } .row .col.offset-xl-2-12 { margin-left: 16.6666666667%; } .row .col.xl-3-12 { width: 25%; } .row .col.offset-xl-3-12 { margin-left: 25%; } .row .col.xl-4-12 { width: 33.3333333333%; } .row .col.offset-xl-4-12 { margin-left: 33.3333333333%; } .row .col.xl-5-12 { width: 41.6666666667%; } .row .col.offset-xl-5-12 { margin-left: 41.6666666667%; } .row .col.xl-6-12 { width: 50%; } .row .col.offset-xl-6-12 { margin-left: 50%; } .row .col.xl-7-12 { width: 58.3333333333%; } .row .col.offset-xl-7-12 { margin-left: 58.3333333333%; } .row .col.xl-8-12 { width: 66.6666666667%; } .row .col.offset-xl-8-12 { margin-left: 66.6666666667%; } .row .col.xl-9-12 { width: 75%; } .row .col.offset-xl-9-12 { margin-left: 75%; } .row .col.xl-10-12 { width: 83.3333333333%; } .row .col.offset-xl-10-12 { margin-left: 83.3333333333%; } .row .col.xl-11-12 { width: 91.6666666667%; } .row .col.offset-xl-11-12 { margin-left: 91.6666666667%; } .row .col.xl-12-12 { width: 100%; } .row .col.offset-xl-12-12 { margin-left: 100%; } } @font-face { font-family: 'summer_festivalregular'; src: url('../fonts/summer-festival-webfont.woff2') format('woff2'), url('../fonts/summer-festival-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 300; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0.03em; color: #282828; min-height: 100vh;background: #FCF9F6; line-height: 1.4; } body.blog, body.single, body.archive{ background: #FCF9F6; } .font-speed { text-rendering: optimizeSpeed; } .item.image{ float: left; } figure { margin: 0; padding: 0; } figure.fullwidth img { width: 100%; height: auto; } figure img { width: 100%; height: auto; } .odd{ background: #efefef; } .primary-bg{ background: #030da6; color: #fff; } .sameHeight a{ color: #282828 } .primary{ color: #030da6; } .sameHeight .inner,.toHeight .inner, .content .inner, .socialHeightFrom .inner, .socialHeight .inner, .inner.fullw{ padding: 30px; position: relative; } .inner.fullw p{ margin: 0; } .sameHeight .inner p:last-of-type{ margin-bottom: 0; } .inner.fullw{ margin-top: 20px; } .fleurop img{ margin-top: 120px; } .santispracht img{ margin-top: 86px; } .inner p a{ color: #054624; border-bottom: 1px solid #054624; } .inner .boxlink{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 1; } .socialHeight .col{ margin-bottom: 20px; } .sameHeight #stage.inner{ padding: 0; } .sameHeight h3, .toHeight h3{ font-size: 22px; font-weight: normal; } .toHeight h1{ margin-top: 20px; font-size: 44px; line-height: 49px; margin-bottom: 30px; } .white-text, .inner.white-text p a{ color: #fff; } .grid{ margin-top: -10px; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .fleft { float: left !important; } .fright { float: right !important; } .mb.xsmall { margin-bottom: 25px; } .mb.small { margin-bottom: 50px; } .mb.medium { margin-bottom: 75px; } .mb.large { margin-bottom: 100px; } .mb.xlarge { margin-bottom: 150px; } .mt.xsmall { margin-top: 25px; } .mt.small { margin-top: 50px; } .mt.medium { margin-top: 75px; } .mt.large { margin-top: 100px; } .mt.xlarge { margin-top: 150px; } .mr.large { margin-right: 100px; } .mr.medium { margin-right: 75px; } .mr.small { margin-right: 50px; } .mr.xsmall { margin-right: 25px; } .mr.xlarge { margin-right: 150px; } .ml.large { margin-left: 100px; } .ml.medium { margin-left: 75px; } .ml.small { margin-left: 50px; } .ml.xsmall { margin-left: 25px; } .ml.xlarge { margin-left: 150px; } .ml.negative{ position: relative; } #map{ width: 100%; height: 500px; position: relative; } .infobox { color: #fff; background: #030da6; padding: 30px; position: absolute; } .infobox h3 { font-size: 1.2rem; line-height: 1.4; } .infobox p { margin: 0 0 30px 0; line-height: 1.5; font-size: 1rem; } .infobox p a { color: #ffffff; } .infobox p:last-of-type { margin-bottom: 0; } section p a { /*color: #005EAB; border-bottom: 1px solid #005EAB;*/ text-decoration: none; } .infobox img { width: 100%; margin-bottom: 20px; height: auto; } .infobox .close { cursor: pointer; float: right; font-size: 17px; height: 40px; line-height: 40px; position: relative; right: 0; text-align: center; top: 0; width: 40px; position: absolute; top: 0; right: 0; } .infobox .close i { line-height: 40px; } .ml.negative.small{ margin-left: -40px; } h1, h2 { font-weight: 300; } h3, h4{ font-weight: 500; letter-spacing: 0.01em; } h1 { font-size: 45px; font-size: 2.8125rem; margin: 0; padding: 0; } h2 { font-size: 60px; margin: 0; line-height: 1.3; padding: 0; color: #054624; margin-bottom: 30px; } h3 { font-size: 30px; font-size: 1.875rem; margin: 0; padding: 0; } h4 { font-size: 24px; font-size: 1.5rem; margin: 0; padding: 0; font-weight: 600; } a{ text-decoration: none; } .button{ height: 60px; line-height: 60px; padding: 0 15px 0 30px; display: inline-block; font-size: 1rem; font-weight: 500; text-align: center; } .button.big{ height: 50px; line-height: 50px; } .button.white-bordered{ border: 1px solid #fff; color: #fff; line-height: 40px; height: 40px; } .button.white-bordered:hover{ color: #030da6; background: #fff; } .button.bordered{ border: 1px solid #030da6; color: #030da6; width: 100%; } .button.nopad{ padding-left: 0; padding-right: 0; } .button.white{ color: #030da6; display: block; width: 100%; background: #fff; } .button.white:hover{ color: #fff; background: #030da6 } .button.primary.nopad{ } .widget{ margin-bottom: 30px; border: 1px solid #030da6; } .widget .button{ } .widget figure img{ float: left; } .widget figure a{ display: block; } .hamburger { padding: 0 0; display: none; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; float: right; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #054624; } .hamburger.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.7142857143px, -8px, 0); opacity: 0; } .hamburger.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } .hamburger.is-active{ position: fixed; top: 35px; } .home .hamburger{ top: 35px; } .hamburger-box { width: 40px; height: 22px; display: inline-block; position: relative; } .hamburger-inner { display: block; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 2px; background-color: #222; border-radius: 0; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger-inner::after { top: 20px; } /* HEADER */ header{ position: relative; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; z-index: 10; transition: all 0.3s ease; } header #brand-mobile{ display: none; margin-bottom: 15px; margin-top: 15px; height: 35px; margin-left: 35px; float: left } header #brand{ height: 50px; float: right; margin-right: 45px; margin-bottom: 35px; margin-top: 25px; } header #brand a{ display: block; width: auto; height: 50px; } header #brand-mobile a{ display: block; width: auto; height: 35px; } header #brand svg{ width: auto; height: 50px; float: left; } header #brand-mobile svg{ width: auto; height: 35px; display: block; } .down header { transform: translate3d(0, -87px, 0); } header.fixed #brand svg{ width: 173px; height: 40px; } header.fixed .row.pd{ padding: 10px 0; } header #metanav{ float: right; padding: 5px 0; } header #metanav a, header #metanav ul{ float: right; font-size: 0.9rem; } header #metanav ul, header #metanav li{ padding: 0; margin: 0; list-style: none; display: inline-block; } header #metanav li a{ width: 40px; height: 40px; line-height: 40px; text-align: center; color: #282828; border-radius: 50%; display: block; border: 1px solid #fff; -webkit-transition: all 500ms ease-out .1s; -moz-transition: all 500ms ease-out .1s; -o-transition: all 500ms ease-out .1s; transition: all 500ms ease-out .1s; } header #metanav li:not(.current) a:hover{ border-color: #D9D3C6 } header #metanav a.phone{ color: #282828; } header #metanav ul li.current a{ border-color: #707070 } blockquote{ font-size: 1.2em; width:100%; margin:40px auto; font-style:italic; color: #555555; padding:1.2em 30px 1.2em 75px; border-left:8px solid #b56e22 ; line-height:1.6; position: relative; background:#efefef; } blockquote::before{ font-family:Arial; content: "\201C"; color:#b56e22; font-size:4em; position: absolute; left: 10px; top:-10px; } blockquote::after{ content: ''; } blockquote span{ display:block; color:#333333; font-style: normal; font-weight: bold; margin-top:1em; } header { background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } header nav{ width: 80%; float: left; margin: 25px 0; font-size: 24px; } header nav ul { margin: 0; padding: 0 15px; } header nav a { display: block; color: #3C3C3B; text-decoration: none; } header nav ul li { position: relative; display: inline-block; list-style: none; transition: 0.5s; } header nav ul li a { padding: 20px 40px; } @media(max-width: 1420px){ header nav ul li a{ padding: 20px 25px; } } .grid-single #stage{ } .grid-single{ display: grid; grid-template-columns:minmax(0, 2.8fr) 1.5fr; grid-gap: 2rem; } .grid-single #stage .item{ float: left; } .grid-single .inner{ height: 100%; padding: 40px; box-sizing: border-box; font-size: 18px; } .grid-single h1{ font-size: 35px; } header nav ul ul { position: absolute; top: -9999px; left: -9999px; background: #fff; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); z-index: 100; min-width: 260px; padding: 20px 0; }header nav ul ul li { float: none; width: 100%; } header nav ul ul li { float: none; } header nav ul ul li a { padding: 9px 40px 9px 20px; font-size: 1.1rem; } header nav ul li.current-menu-item > a, header nav ul li.current-menu-parent > a{ font-weight: 500 } header nav ul li:hover > ul { top: 100%; left: 20px; } header nav ul ul li:hover > ul { top: 0; left: 200px; } /* HEADER END */ hr{ border: none; border-top: 1px solid #b56e22; padding-top: 40px; margin-top: 0px; } .button.back-to-blog{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.42 14.42'%3e%3cdefs%3e%3cstyle%3e .cls-1 %7b fill: %23666666;%7d %3c/style%3e%3c/defs%3e%3cg id='Symbol_9_1' data-name='Symbol 9 – 1' transform='translate(-811.58 -1576)'%3e%3crect id='Rechteck_782' data-name='Rechteck 782' class='cls-1' width='5.938' height='5.938' transform='translate(811.58 1576)'/%3e%3crect id='Rechteck_785' data-name='Rechteck 785' class='cls-1' width='5.938' height='5.938' transform='translate(811.58 1584.482)'/%3e%3crect id='Rechteck_783' data-name='Rechteck 783' class='cls-1' width='5.938' height='5.938' transform='translate(820.062 1576)'/%3e%3crect id='Rechteck_784' data-name='Rechteck 784' class='cls-1' width='5.938' height='5.938' transform='translate(820.062 1584.482)'/%3e%3c/g%3e%3c/svg%3e "); background-size: 20px 20px; background-repeat: no-repeat; color: #666; background-position: left center; } .news{ background: #fff; } .news .crn{ padding: 30px; } .news h3{ font-size: 1.7rem; line-height: 1.2; } .news a.l{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .news .cat { float: left; width: 100%; } .parent-page:not(.no-hover) .news:hover{ background: #E1EFE7; } .parent-page:not(.no-hover) .news:hover .more{ color: #054624; background: #fff; } .news .cat li a{ font-size: 14px; letter-spacing: 0.1em; line-height: 26px; color: #3b3b3b; font-weight: 600; text-align: left; text-transform: uppercase; } .news .cat ul, .news .cat ul li{ list-style: none; padding: 0; margin: 0; } .news .more, .button-more{ background: #054624; font-size: .9rem; color: #fff; margin-top: 20px; letter-spacing: 1px; text-transform: uppercase; padding: 5px 22px; border-radius: 20px; display: inline-block; } .inner p a.button-more{ color: #fff; } /* SLIDER */ /* VENDOR */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block; width: 100%; height: auto;}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* VENDOR END */ .stage.gallery .slick-slide{ height: auto; } .slick-slide, .slick-slide::before, .caption { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slick-slide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .stage { position: relative; margin-top: 150px; width: 100%; } .stage img{ width: 100%; height: auto; } #stage { position: relative; width: 100%; } #stage #stage-brand{ position: absolute; top: 0; z-index: 100; right: 200px; } .little-brand{ top: -14px; position: relative; left: 3px; } .little-brand svg{ height: 26px; width: auto } #stage #stage-brand svg{ width: 360px; height: auto } #stage .caption{ position: absolute; left: 35px; z-index: 10; top: 50%; transform: translateY(-50%); } #stage .caption h1{ color: #fff; line-height: 1.2; font-size: 2.3rem; font-weight: normal; } #stage .caption p{ color: #fff; font-size: 1.2rem; } #main-slider { position: relative; width: 100%; opacity: 0; visibility: hidden; transition: all 1.2s ease; } .home #main-slider{ } #main-slider.slick-initialized { opacity: 1; visibility: visible; } .slick-slide { position: relative; } .slick-slide video { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slick-slide iframe { position: relative; pointer-events: none; } .slick-slide figure { position: relative; height: 100%; } .slick-slide .slide-image { transition: all .8s ease; } .slick-slide .slide-image.show { opacity: 1; } .slick-slide .image-entity { width: 100%; height: auto; display: block } .slick-slide .loading { position: absolute; top: 44%; left: 0; width: 100%; } .slick-slide .slide-media { -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1); animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1); } .slick-slide.slick-active { z-index: 1; } .slick-slide.slick-active .slide-media { -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1); animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1); } .slick-slide.slick-active .caption { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s; } @media(max-width: 900px){ .links .col.socialHeight .col:last-of-type{ display: none; } } .prev-slide, .next-slide{ width: 42px; height: 42px; line-height: 42px; cursor: pointer; text-align: center; background: #fff; position: absolute; top: 50%; border-radius: 50%; background: rgba(255,255,255,.6); margin-top: -25px; z-index: 2; left: 20px; border: none; } .next-slide{ left: auto; right: 20px; } .prev-slide img, .next-slide img{ width: 12px; height: auto; margin-top: 11px; margin-left: 3px; } .prev-slide img{ margin-left: 0; margin-right: 2px; } @-webkit-keyframes slideIn { from { -webkit-filter: blur(15px); filter: blur(15px); } to { -webkit-filter: blur(0); filter: blur(0); } } @keyframes slideIn { from { -webkit-filter: blur(15px); filter: blur(15px); } to { -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes slideOut { from { -webkit-filter: blur(0); filter: blur(0); } to { -webkit-filter: blur(15px); filter: blur(15px); } } @keyframes slideOut { from { -webkit-filter: blur(0); filter: blur(0); } to { -webkit-filter: blur(15px); filter: blur(15px); } } /* SLIDER END */ /* SECTION */ section{ background: #FCF9F6; padding: 60px 0; } .headline{ } .inner p a { color: #282828 } .headline small{ font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; display: block; margin-bottom: 6px; } .headline small span:after{ content: " "; vertical-align: middle; width: 60px; margin: 0 20px; height: 1px; display: inline-block; background: #282828; } footer .sep, .inner .sep{ margin: 0 20px; } .headline h2{ font-family: 'Andalusia'; font-size: 4.5rem; } /*! * @package IcoFont * @version 1.0.1 * @author IcoFont https://icofont.com * @copyright Copyright (c) 2015 - 2019 IcoFont * @license - https://icofont.com/license/ */@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(../fonts/icofont.woff2) format("woff2"),url(../fonts/icofont.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-facebook:before{content:"\ed37"}.icofont-instagram:before{content:"\ed46"}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{-webkit-animation:icofont-spin 2s infinite linear;animation:icofont-spin 2s infinite linear;display:inline-block}.icofont-pulse{-webkit-animation:icofont-spin 1s infinite steps(8);animation:icofont-spin 1s infinite steps(8);display:inline-block}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icofont-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icofont-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icofont-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.icofont-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.icofont-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.icofont-flip-horizontal.icofont-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{-webkit-filter:none;filter:none;display:inline-block}.icofont-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} #map{ height: 650px; position: relative; width: 100%; } .parent-page{ padding: 10px; width: 33.33333%; position: relative; float: left; } .page-id-25 footer .row .sp{ margin-top: 10px; } .slide-logo{ width: 380px; position: absolute; top: 60px;left: 100px; height: auto } .image-entity.mobile{ display: none; } @media(max-width: 1050px){ .slide-logo{ width: 240px; top: 60px;left: 100px; height: auto } } .act-mobmenu header #brand, .act-mobmenu header #brand-mobile{ display: none; } .act-mobmenu header{ background: transparent; box-shadow: none } @media(max-width: 780px){ .slide-logo{ display: none; } #stage #stage-brand{ padding-top: 60px; } .mobSpaceText p{ width: 80%; margin-left: 10% } .slick-slide .image-entity{ display: none; } .slick-slide .image-entity.mobile{ display: block; } } .parent-page .caption{ position: absolute; color: #fff; font-size: 38px; top: 40px; left: 50px; } .parent-page.black-text .caption{ color: #111; } .parent-page img{ display: block; max-width: 100%; height: auto; } .twint{ background: #fff; /* float: left; */ width: 98%; border: 1px solid #282828; padding: 20px; margin-bottom: 20px; } .twint-message{ display: none; } .twint img{ width: 180px; height: auto; display: block } @media(max-width: 1300px){ .parent-page{ } .parent-page .caption{ top: 30px; } } @media(max-width: 1100px){ .parent-page{ } .parent-page .caption{ top: 20px; } } @media(max-width: 1024px){ .parent-page{ width: 50%; } .toHeight{ margin-top: 0; } .parent-page .caption{ } #main-slider{ margin-bottom: 0; } } @media(max-width: 700px){ .parent-page{ width: 100%; } .parent-page .caption{ top: 40px; } .twint-message{ display: block; } .twint img{ display: none; } } @media(max-width: 1090px){ header nav{ display:none; } } /* SECTION END */ /* BOOKING-CHECKOUT-FORM */ form{ width: 100%; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; vertical-align: top; position: relative; transition: all 0.3s ease; } #request-booking-payment{ width: 100%; float: left; } .loading{ position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: 1; background: rgba(255, 255, 255, .9) } .loading svg{ width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; } #request-booking-payment{ display: none; } form hr{ width: 100%; float: left; margin: 30px 0; border: none; border-top: 1px solid #030da6 } form label{ letter-spacing: 2px; display: block; text-align: left;font-weight: normal; line-height: 26px; color: #282828; height: 26px; font-size: .8rem; text-transform: uppercase; } #messages{ margin-top: 12px; display: none; color: #c32c13; background: #FBFAF6; padding: 20px; } .message{ padding: 0 0 6px 0; font-size: 1rem; } #messages p{ margin: 0 0 12px 0; font-size: 1rem; } .message.error{ } form .form-handler{ float: left; position: relative; width: 48%; margin-right: 2%; margin-bottom: 15px; vertical-align: top; } form .form-handler.big{ width: 66.6666%; } form .form-handler.full{ width: 98%; } form .form-handler.small{ width: 20%; min-width: inherit; position: relative; } form .form-handler.small input{ } .room-single-info{ margin-top: 40px; } #ppplus{ float: left; width: 100%; } form h3{ width: 100%; display: block; margin-top: 30px; font-size: 1.4rem; } form .form-handler .form-open, form .form-handler input{ background: transparent; border: 1px solid #282828; height: 40px;font-weight: normal; display: block; color: #282828; width: 100%; line-height: 40px; font-size: 0.9rem; padding: 0 15px; outline: none; cursor: pointer; } .aggree label, #sameAddress label{ text-transform: none; letter-spacing: 1px; font-size: 1rem;font-weight: normal; } .aggree a{ text-decoration: underline;} form .form-handler textarea{ background: transparent; border: 1px solid #282828; height: 40px;font-weight: normal; display: block; min-height: 100px; color: #030da6; width: 100%; line-height: 40px; font-size: 0.9rem; padding: 0 15px; outline: none; cursor: pointer; } form .form-handler input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */ } form div.wpcf7-mail-sent-ok { background: rgb(224, 232, 255); float: left; width: 96%; border: none; padding: 20px; } form div.wpcf7-response-output { float: left; width: 96%; border: none; background: #D8C8E7; padding: 20px; } form .read-more{ background: #054624; font-size: .9rem; margin-top: 20px; letter-spacing: 1px; color: #fff; text-transform: uppercase; padding: 12px 22px 11px 22px; float: right; margin-right: 2%; border-radius: 20px; display: inline-block; border: none; } form .form-handler input::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } form .form-handler input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } form button{ background: #030da6; font-size: 0.8rem; font-weight: 800; width: 30%; display: block; display: inline-block; float: right; color: #fff; border: none; padding: 0 15px; height: 40px; text-transform: uppercase; letter-spacing: 2px; } form button:disabled{ opacity: 0.5; } form input[type=number] { -moz-appearance: textfield; } form input[type=number]::-webkit-inner-spin-button, form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* END CHEKCOUT FORM */ /* BOOKING-O-FORM */ #bookingOform{ width: 100%; display: block; padding: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; vertical-align: top; text-align: center; transition: all 0.3s ease; } #bookingOform label{ letter-spacing: 2px; display: block; text-align: left; font-weight: 700; line-height: 26px; color: #030da6; height: 26px; font-size: .8rem; text-transform: uppercase; } form label.privacy{ letter-spacing: 0px; display: block; text-align: left; font-weight: 500; line-height: 21px; color: #282828; height: auto; font-size: .8rem; text-transform: none; max-width: 60%; float: left; } form label.privacy a{ color: #282828; font-weight: 700; } /* The container */ .container-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .container-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .container-checkbox:hover input ~ .checkmark { background-color: #ccc; } .container-checkbox input:checked ~ .checkmark { background-color: #030da6; } /* Create the checkmark/indicator (hidden when not checked) */ .container-checkbox .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .container-checkbox input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .container-checkbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #bookingOform .form-handler{ display: inline-block; position: relative; width: 30%; vertical-align: top; } #bookingOform .form-handler.small{ width: 20%; min-width: inherit; position: relative; } #bookingOform .form-handler.small input{ } #bookingOform .form-handler .form-open, #bookingOform .form-handler input{ background: transparent; border: 1px solid #030da6; height: 40px; font-weight: 700; display: block; color: #030da6; width: 92%; line-height: 40px; font-size: 0.9rem; padding: 0 15px; outline: none; cursor: pointer; } #bookingOform .form-handler input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */ } #bookingOform .form-handler input::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } #bookingOform .form-handler input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } #bookingOform button{ background: #030da6; font-size: 0.8rem; font-weight: 800; width: 30%; display: block; display: inline-block; float: none; color: #fff; border: none; padding: 0 15px; margin-top: 26px; height: 40px; text-transform: uppercase; letter-spacing: 2px; } #bookingOform input[type=number] { -moz-appearance: textfield; } #bookingOform input[type=number]::-webkit-inner-spin-button, #bookingOform input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #bookingOform .quantity-nav { float: left; position: absolute; right: 8%; bottom: 2px; height: 38px; } #bookingOform .quantity-button { position: relative; cursor: pointer; border-left: 1px solid #eee; width: 20px; text-align: center; color: #fff; font-size: 13px; line-height: 20px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #bookingOform .quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #fff; } #bookingOform .quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; } .row.boxed.available-rooms{ margin-top: 40px; } /* END BOOKING-O-FORM */ /* SELECT DROPDOWN */ .select-dropdown { position: relative; border: 1px solid #282828; width: 100%; float: left; } .select-dropdown select { font-size: 1rem; width: 100%; font-size: .9rem; padding: 11px 0 11px 10px; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; color: #282828; appearance: none; } .select-dropdown select:active, .select-dropdown select:focus { outline: none; box-shadow: none; } .select-dropdown:after { content: " "; position: absolute; top: 50%; margin-top: -2px; right: 12px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #262626; } form span.wpcf7-list-item{ margin-left: 0; } /* END SELECT DROPDOWN */ /* BOOKING-PANEL */ #booking-panel{ position: fixed; bottom: -100px; z-index: 20; right: 20px; display: block; padding: 0px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #booking-panel #service-links{ } #booking-panel #service-links a{ line-height: 55px; color: #fff; font-weight: 700; padding: 0 12px; font-size: 1rem; } #booking-panel #service-links a img{ height: 18px; width: auto; vertical-align: middle; margin-right: 6px; } .down #booking-panel{ bottom: 20px; } /* END BOOKING-PANEL */ /* ROOMS */ #room-listing { } #room-listing small.pricenote{ display: block; float: left; width: 100%; margin-top: 20px; font-style: italic; } #room-listing .price{ float: left; line-height: 50px; color: #030da6; font-weight: 800; font-size: 1.5rem; display: inline-block; } #room-listing .room{ margin-bottom: 50px; } #room-listing .room-ctn{ border: 1px solid #F2EFE6; } #room-listing .room-info{ padding: 40px; position: relative; } #room-listing .room-equipment{ background: #fff; } #room-single-equipment{ } #room-single-equipment .reqnt{ width: 20%; float: left; text-align: center; display: block; padding: 20px 0; min-height: 130px; font-size: 0.9rem; } #room-single-equipment .reqnt .icon{ display: block; margin-bottom: 5px; } #room-single-equipment .reqnt .icon i{ font-size: 1.5rem; } @media(max-width: 700px){ #room-single-equipment .reqnt{ width: 50%; } } #room-listing .room-equipment .reqnt{ width: 25%; float: left; text-align: center; display: block; padding: 20px 0; font-size: 0.9rem; } #room-listing .room-equipment .reqnt .icon{ display: block; margin-bottom: 5px; } #room-listing .room-equipment .reqnt .icon i{ font-size: 1.5rem; } #room-listing .room-image img{ float: left; } #room-listing .room-buttons{ padding: 40px; } #room-listing .room-buttons .button{ width: 48%; height: 50px; line-height: 50px; margin-right: 2% } #room-listing .room-buttons .button.booking{ margin-right: 0;} /* ROOMS END */ /* DATEPICKER */ .daterangepicker { position: absolute; color: inherit; background-color: #fff; border: 1px solid #030da6; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #030da6; border-color: transparent; color: #fff; border-radius: 0; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #030da6; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-weight: 700; padding: 8px 8px; background: #030da6; color: #fff; font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase; border: none; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } footer .text-right{ text-align: right; padding-right: 0; } /* END DATEPICKER */ #sidebar-mobile{ display: none; } #sidebar-mobile{ text-align: center; background: #054624; padding: 18px 0 12px 0; } .row.mt-50{ margin-top: 50px; } #sidebar-mobile a{ display: inline-block; width: 46px; margin: 0 12px; text-align: center; background: #054624; } #sidebar-mobile a svg{ height: 30px; width: auto } #sidebar{ position: absolute; top: 800px; right: 0; z-index: 999 } .page-id-33 #sidebar{ top: 400px } #sidebar a{ display: block; width: 62px; height: 62px; text-align: center; margin-bottom: 10px; background: #054624; } #sidebar a svg{ height: 38px; margin-top: 12px; width: auto } /* FOOTER */ footer{ background: #FCF9F6 } .home footer{ background: #fff; } footer .row .sp{ width: 100%; margin-top: 20px; margin-bottom: 20px; height: 1px; border-top: 1px solid #C1C0C0; } footer p{ margin: 0 0 30px 0; font-size: 1.1rem; } footer p a{ color: #282828; } .footer-grid{ display: grid; align-items: center; grid-template-columns: 1fr 1fr; } .footer-grid .links-right{ text-align: right; display: flex; align-items: center; justify-content: flex-end; } .footer-grid .links-right svg{ height: 30px; width: 30px; } .footer-grid .links-right a { margin-left: 12px; height: 30px; line-height: 30px; display: inline-block; } .footer-grid .links-right .footer-fleurop{ margin-left: 30px; } /* END FOOTER */ #mobmenu{ display: none; } @media(max-width: 700px){ .footer-grid{ display: block; text-align: center } .footer-grid .links-right{ text-align: left; justify-content: center; } } .pages-container .caption{ position: absolute; color: #fff; font-size: 32px; top: 30px; hyphens: auto; -webkit-hyphens: auto; left: 30px; } .pages-container div.black-text .caption{ color: #111; } .pages-container img{ width: 100%; height: 100%; object-fit: cover; display: block; } .pages-container { display: grid; grid-template-columns: 0.92fr 1fr; grid-gap: 20px; margin: 40px auto 0 auto; grid-template-areas: "g1 g3" "g2 g3"; } .pages-container div{ position: relative;} .pages-container .g1 { grid-area: g1; height: 290px; background: #dadada} .pages-container .g2 { display: grid; grid-template-columns: repeat(2, 0.9fr) 1.2fr; grid-gap: 20px; grid-template-areas: "h1 h1 h2" "h3 h3 h2"; grid-area: g2; } .pages-container .h1 { grid-area: h1; height: 210px; background: #dadada} .pages-container .h2 { grid-area: h2; height: 440px; background: #dadada} .pages-container .h3 { grid-area: h3; height: 210px; background: #dadada} .pages-container .g3 { display: grid; grid-template-columns: 0.8fr 0.8fr 1.4fr; grid-gap: 20px; grid-template-areas: "h5 h5 g4" "h4 h4 g4"; grid-area: g3; } .pages-container .h4 { grid-area: h4; height: 250px; background: #dadada} .pages-container .h5 { grid-area: h5; height: 480px; background: #dadada} .pages-container .g4 { display: grid; grid-template-columns: 1fr; grid-gap: 20px; grid-template-areas: "h6" "h7"; grid-area: g4; } .pages-container .h6 { grid-area: h6; height: 290px; background: #dadada} .pages-container .h7 { grid-area: h7; height: 440px; background: #dadada} @media(max-width: 1500px){ #stage #stage-brand svg { width: 240px; } header nav{ font-size: 22px; } } @media(max-width: 1400px){ .row.boxed{ max-width: 90% } header nav{ font-size: 20px; } #stage #stage-brand svg { width: 240px; } #stage #stage-brand{ right: 120px } h2{ font-size: 46px; } body{ font-size: 20px; } } @media(max-width: 1080px){ .pages-container { display: grid; grid-template-columns: 1fr; grid-gap: 20px; margin: 40px auto 0 auto; width: 90%; grid-template-areas: "g1" "g2" "g3" "g4"; } .row.boxed{ max-width: 100%; } .row .col{ /* padding: 0; */ } .hamburger{ display: block; position: absolute; top: 22px; right: 30px; } #stage #stage-brand{ position: static; text-align: center; background: #054624 } .home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after{ background: #fff } #stage #stage-brand svg{ display: block; margin: 0 auto; } .sameHeight{ margin: 0; } header #brand{ display: none; } header #brand-mobile{ display: block; } #mobmenu.act{ display: block;position: fixed; top: 0; width: 100%; background: #FCF9F6; z-index: 10; height: 100%; left: 0; } #blatt{ left: 30px; position: absolute; top: 30px; } } #mobmenu .menu-mobile-container li{ text-align: center; font-size: 1.3rem; } #mobmenu .inner-mobnav{ position: relative; top: 50%; transform: translateY(-40%); } #mobmenu .menu-mobile-container, #mobmenu .menu-mobile-container li{ display: block; margin: 0; padding: 0; } #mobmenu .menu-mobile-container li a{ color: #282828; display: block; line-height: 50px; font-size: 24px; padding: 4px 0; -webkit-transition: all 500ms ease-out .1s; -moz-transition: all 500ms ease-out .1s; -o-transition: all 500ms ease-out .1s; transition: all 500ms ease-out .1s; } #mobmenu .menu-mobile-container li.current-menu-item a{ font-weight: 600 } #mobmenu .meta:before{ content: " "; width: 40px; height: 1px; background: #707070; margin: 30px auto; display: block; } #mobmenu .meta{ position: relative; text-align: center; padding: 5px 0; } #mobmenu .meta a, #mobmenu .meta ul{ display: block; font-size: 0.9rem; } header{ z-index: 20; } #mobmenu ul ul{ display: none; } #mobmenu .meta ul, #mobmenu .meta li{ padding: 0; margin: 0; list-style: none; display: inline-block; } footer .text-right{ text-align: left; } #mobmenu .meta li a{ width: 40px; height: 40px; line-height: 40px; text-align: center; color: #282828; border-radius: 50%; display: block; border: 1px solid #fff; text-transform: uppercase; -webkit-transition: all 500ms ease-out .1s; -moz-transition: all 500ms ease-out .1s; -o-transition: all 500ms ease-out .1s; transition: all 500ms ease-out .1s; } footer .sep{ margin: 0 10px; } #mobmenu .meta li:not(.current-lang) a:hover{ border-color: #D9D3C6 } #mobmenu .meta a.phone{ color: #282828; } #mobmenu .meta ul li.current-lang a{ border-color: #707070 } } .creditcard-message{ border: 1px solid #282828;padding: 10px 30px 7px 15px; font-weight: normal; display: block; color: #282828; } [data-id="istlieferung"]{ margin-top: 20px; float: left } .wpcf7-form p{ font-size: 16px; } @media(max-width: 780px){ #sidebar-mobile{ display: block; } body{ font-size: 18px; } h2 { font-size: 33px; line-height: 1.3; margin-bottom: 20px; } #sidebar{ display: none; } .creditcard-message{ padding: 15px 30px 15px 15px; } .mobspace{ display: block; width: 100%; height: 1px; } #stage .caption{ display: none; }.socialHeight .col{ margin-bottom: 0; } .home #main-slider{ margin-bottom: 0; } .home .slide-image{ overflow: hidden; } } .grid-gallery { display: grid; grid-template-columns: 1.1fr 1fr 0.9fr; grid-template-rows: 1fr 1fr; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "image1 image2 image3" "image4 image2 image5"; } .grid-gallery img{ width: 100%; height: 100%; object-fit: cover; } .grid-gallery .image1 { grid-area: image1; } .grid-gallery .image2 { grid-area: image2; } .grid-gallery .image3 { grid-area: image3; } .grid-gallery .image4 { grid-area: image4; } .grid-gallery .image5 { grid-area: image5; } .curr-menu-svg{ margin-left: 8px; } .curr-menu-svg svg{ height: 20px; width: auto; } .row.flexViewComponent{ display: flex } .row.flexViewComponent .flexView.text .inner{ height: 100%;padding: 30px; box-sizing: border-box; font-size: 18px; } .parent-page p{ font-size: 18px; } @media(max-width: 660px){ form .form-handler{ width: 100%; margin-right: 0; } .grid-gallery{ display: block; } .grid-gallery img{ width: 100%; height: auto; object-fit: inherit; display: block; } .row.flexViewComponent{ display: block; } } @media(max-width: 780px){ .pages-container{ width: 90%; } .pages-container, .pages-container .g2, .pages-container .g3, .pages-container .g4, .grid-single{ display: block; } .pages-container .g1, .pages-container .g2, .pages-container .g3, .pages-container .g4, .pages-container .h1, .pages-container .h2, .pages-container .h4, .pages-container .h5, .pages-container .h6{ margin-bottom: 20px; } }