@charset "UTF-8";
/*!
Theme Name: liebefeld
Theme URI: http://palasthotel.de
Author: Palasthotel
Author URI: http://palasthotel.de
Description: Liebefeld Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ph_bi
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ph_osn is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*
HOW TO COMPILE:
sassc --precision 5 --style compressed sass/style.scss style.css
csso style.css -o style.css
*/
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 10.01.2016 */
/** Breakpoint mixin. Example use: @include bp($breakpoint-tablet) { // content; }; @author Kim-Christian Meyer <kim.meyer@palasthotel.de> */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 13.07.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 15.11.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.05.2016 Variablendeklaration für den Styleguide-Genarator. Syntax muss eingehalten werden für korrektes parsen. */
/* All the nice things as CSS Variables */
:root { --color-blue-border: #0a9eff; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.05.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.05.2016 Info: Die Farbdefintionen sollten aus der variables.scss entnommen werden, da nur so die Referenzierung im Styleguide funktioniert. Keine Abstufungen selber festlegen! */
/*$color__gray--lighter*/
/** folgende Farbwerte sind nicht in der variables.scss, da nicht projektspezifisch social colors from @url http://brandcolors.net/ */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.05.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.05.2016 Info: Hier werden die Schriftdefinitionen abgelegt, die später im CSS genutzt werden. Es sollte idealerweise nur Definitionen verwendet werden und keine direkte Schriftreferenzierung. */
/*
// bisher ohne verwendung
// kontrastfarbe oder kontrasttypografie
%title__contrast--xs // h6
%title__contrast--s // h5
%title__contrast--m // h4
%title__contrast--l // h3
%title__contrast--xl // h2
%title__contrast--xxl // h1
*/
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:focus { background-color: #f7f7f7; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #4e4f50; display: block; font-size: 1em; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

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

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 13.06.2016 */
.alignleft { display: inline; float: left; }

@media all and (min-width: 480px) { .alignleft { margin-left: -40px; } }

@media all and (min-width: 767px) { .alignleft { margin-left: -60px; } }

@media all and (min-width: 960px) { .alignleft { margin-left: -80px; } }

@media all and (min-width: 1200px) { .alignleft { margin-left: -120px; } }

.alignright { display: inline; float: right; }

@media all and (min-width: 480px) { .alignright { margin-right: 40px; } }

@media all and (min-width: 767px) { .alignright { margin-left: 20px; margin-right: -80px; } }

@media all and (min-width: 960px) { .alignright { margin-right: -120px; } }

@media all and (min-width: 1200px) { .alignright { margin-right: -160px; } }

.aligncenter { clear: both; }

@media all and (min-width: 480px) { .aligncenter { margin-right: 40px; } }

@media all and (min-width: 767px) { .aligncenter { margin-left: -40px; margin-right: 80px; } }

@media all and (min-width: 960px) { .aligncenter { margin-left: -80px; margin-right: 120px; } }

@media all and (min-width: 1200px) { .aligncenter { margin-left: -160px; margin-right: 200px; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 13.07.2016 */
* { box-sizing: border-box; }

body { font-size: 1.6rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color: #4e4f50; overflow-x: hidden; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.7rem; }

button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-radius: 0; color: #575a59; font-size: 1em; line-height: 1; }

button { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.05.2016 */
dfn, cite, em, i { font-style: italic; }

.entry-content blockquote, .single-tribe_events .tribe-events-content blockquote, blockquote.highlight { width: 100%; padding: 0; position: relative; }

.entry-content blockquote:before, .single-tribe_events .tribe-events-content blockquote:before, blockquote.highlight:before { position: absolute; top: -60px; font-size: 95px; color: #ffffff; left: 30px; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; }

@media all and (min-width: 767px) { .entry-content blockquote:before, .single-tribe_events .tribe-events-content blockquote:before, blockquote.highlight:before { content: "„"; } }

.entry-content blockquote, .single-tribe_events .tribe-events-content blockquote { border-left: 5px solid #f7f7f7; margin-left: 0; padding-left: 20px; }

.entry-content blockquote:before, .single-tribe_events .tribe-events-content blockquote:before { color: #f7f7f7; z-index: -1; left: -50px; top: -90px; }

blockquote.highlight { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.7rem; background-color: #f2f2f2; background-color: rgba(247, 247, 247, 0.85); margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; margin-left: 0; max-width: 900px; margin-right: 0; padding-top: 40px; padding-bottom: 20px; margin-top: 20px; margin-bottom: 20px; }

@media all and (min-width: 480px) { blockquote.highlight { margin-left: -20px; margin-right: -20px; } }

@media all and (min-width: 767px) { blockquote.highlight { margin-left: -40px; margin-right: -80px; } }

@media all and (min-width: 960px) { blockquote.highlight { margin-left: -80px; margin-right: -120px; } }

@media all and (min-width: 1200px) { blockquote.highlight { margin-left: -120px; margin-right: -160px; } }

@media all and (min-width: 767px) { blockquote.highlight { margin-left: -120px; margin-left: 0; padding-left: 80px; } }

blockquote cite { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; display: block; width: 60%; margin: 0 auto; margin-top: 20px; padding-top: 20px; border-top: 2px solid #f4f4f4; }

@media all and (min-width: 767px) { blockquote cite { border-top: none; position: absolute; bottom: 0; right: -380px; text-align: left; width: 360px; } }

address { margin: 0 0 1.5em; }

pre { margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: "monospace"; }

abbr, acronym { cursor: help; }

mark, ins { text-decoration: none; }

big { font-size: 125%; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

html { box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; }

hr { border: 0; height: 2px; width: 30%; margin: 20px auto; background-color: lightgrey; }

ul, ol { margin: 0 0 20px 20px; }

ul { list-style: disc; }

ol { /* list-style: decimal; */ }

li > ul, li > ol { margin-bottom: 0; margin-left: 20px; }

dt { font-weight: bold; }

dd { margin: 0 20px 20px; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

/* Images */
.entry-content img, .single-tribe_events .tribe-events-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }

img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */ }

img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */ }

table { margin: 0 0 1.5em; width: 100%; }

.wp-embedded-content { width: 100%; }

.wp-video { width: 100% !important; margin: 20px auto; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { border-radius: 0; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; width: 65%; padding: 10px; background-color: #f7f7f7; border: 1px solid #eaeaea; }

input[type="submit"] { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; text-shadow: none; width: auto; padding: 5px 15px; border: none; border-radius: 3px; text-decoration: none; background-color: #f4f4f4; box-shadow: 0 2px 0 0 #e7e7e7; -webkit-transition: background-color 0.12s 0.15s, color 0.09s 0.12s; transition: background-color 0.12s 0.15s, color 0.09s 0.12s; }

input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { background-color: #0a9eff; color: white; }

textarea { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; padding: 10px; width: 100%; border: 1px solid #eaeaea; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 19.07.2016 */
label { display: block; font-size: 14px; font-weight: 600; color: #575a59; line-height: 20px; }

h1, .single-tribe_events .tribe-events-single-event-title { /*-debug-information: title__main--xxl; */ color: #4e4f50; line-height: 1.2; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.67085rem; margin-bottom: 18px; margin-top: 0px; }

@media all and (min-width: 767px) { h1, .single-tribe_events .tribe-events-single-event-title { font-size: 2.84891rem; } }

@media all and (min-width: 1200px) { h1, .single-tribe_events .tribe-events-single-event-title { font-size: 3.03884rem; } }

h2 { /*-debug-information: title__main--xl; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; line-height: 1.2; font-weight: 900; font-size: 2.50392rem; margin-bottom: 16px; margin-top: 0px; }

@media all and (min-width: 767px) { h2 { font-size: 2.67085rem; } }

@media all and (min-width: 1200px) { h2 { font-size: 2.84891rem; } }

h3 { /* -debug-information: title__main--l; */ color: #4e4f50; line-height: 1.2; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.34743rem; margin-bottom: 16px; margin-top: 0px; }

@media all and (min-width: 767px) { h3 { font-size: 2.50392rem; } }

@media all and (min-width: 1200px) { h3 { font-size: 2.67085rem; } }

h4 { /* -debug-information: title__main--m; */ color: #4e4f50; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.20072rem; line-height: 1.2; margin-bottom: 14px; margin-top: 0px; font-weight: 300; }

@media all and (min-width: 767px) { h4 { font-size: 2.34743rem; } }

@media all and (min-width: 1200px) { h4 { font-size: 2.50392rem; } }

h5 { /* -debug-information: title__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.06317rem; line-height: 1.2; margin-bottom: 14px; margin-top: 0px; font-size: 1.9rem; font-weight: 300; }

@media all and (min-width: 767px) { h5 { font-size: 2.20072rem; } }

@media all and (min-width: 1200px) { h5 { font-size: 2.34743rem; } }

h6 { /*-debug-information: title__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-size: 1.93422rem; font-weight: 900; line-height: 1.2; margin-bottom: 12px; margin-top: 0px; font-size: 1.7rem; font-weight: 300; }

@media all and (min-width: 767px) { h6 { font-size: 2.06317rem; } }

@media all and (min-width: 1200px) { h6 { font-size: 2.20072rem; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.05.2016 */
html { font-size: 62.5%; }

a { color: #4e4f50; }

a:visited { color: #4e4f50; }

a:hover, a:focus, a:active { color: black; }

a:focus { outline: thin dotted; }

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

ul, ol { margin: 0 0 20px 20px; }

ul { list-style: disc; }

ol { /* list-style: decimal; */ }

li > ul, li > ol { margin-bottom: 0; margin-left: 20px; }

dt { font-weight: bold; }

dd { margin: 0 20px 20px; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

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

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

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

[hidden], template { display: none; }

a { background-color: transparent; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

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

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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

figure { margin: 0; }

hr { box-sizing: content-box; }

pre { overflow: auto; }

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

button, input, optgroup, select, textarea { color: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; }

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

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

input { line-height: normal; }

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

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

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

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

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

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 06.01.2017 */
@media print { .site-header, .entry-social { display: none; } }

table { margin: 0 0 1.5em; width: 100%; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.05.2016 */
p { margin: 0 0 20px 0; padding: 0; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 28.10.2016 */
.archive-topic { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; font-weight: 600; color: #0a9eff; }

.archive-title { margin-top: 0; }

.archive-description { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.7rem; margin-bottom: 20px; }

.archive-list { max-width: 890px; margin: 0 auto; padding: 0 20px; }

.author-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.author-info .entry-excerpt { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; }

@media all and (min-width: 767px) { .author-info .entry-excerpt { -webkit-flex-basis: 200px; -ms-flex-preferred-size: 200px; flex-basis: 200px; } }

.author-info .author-image { text-align: center; -webkit-flex-basis: 160px; -ms-flex-preferred-size: 160px; flex-basis: 160px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; }

@media all and (min-width: 767px) { .author-info .author-image { -webkit-flex-basis: 160px; -ms-flex-preferred-size: 160px; flex-basis: 160px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } }

@media all and (min-width: 960px) { .author-info .author-image { -webkit-flex-basis: 240px; -ms-flex-preferred-size: 240px; flex-basis: 240px; } }

.author-info .author-image img { width: 70%; max-width: 200px; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 06.12.2016 */
.article-area { margin: 0 auto; width: 90vw; word-break: break-word; padding-top: 12px; }

@media all and (min-width: 480px) { .article-area { width: 85vw; } }

@media all and (min-width: 767px) { .article-area { width: 727px; } }

@media all and (min-width: 960px) { .article-area { width: 920px; } }

@media all and (min-width: 1200px) { .article-area { width: 1160px; } }

@media print { .article-area { width: 95%; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.07.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 27.07.2016 */
.author__info .author { margin: 0 auto; width: 90vw; background-color: white; padding: 20px; text-align: center; margin-bottom: 20px; }

@media all and (min-width: 480px) { .author__info .author { width: 85vw; } }

@media all and (min-width: 767px) { .author__info .author { width: 727px; } }

@media all and (min-width: 960px) { .author__info .author { width: 920px; } }

@media all and (min-width: 1200px) { .author__info .author { width: 1160px; } }

@media print { .author__info .author { width: 95%; } }

.author__info a:link, .author__info a:visited { text-decoration: none; }

.teaser .author__info { text-align: left; margin-left: 80px; position: relative; }

.author__header { text-align: center; margin-bottom: 20px; }

.teaser .author__header { margin-top: 10px; min-height: 40px; }

.author__name { /* -debug-information: title__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.06317rem; line-height: 1.2; margin-bottom: 14px; margin-top: 0px; color: #575a59; font-weight: 600; display: block; line-height: 18px; }

@media all and (min-width: 767px) { .author__name { font-size: 2.20072rem; } }

@media all and (min-width: 1200px) { .author__name { font-size: 2.34743rem; } }

.teaser .author__name { font-size: 16px; line-height: 16px; }

.author__avatar { width: 88px; height: 88px; border-radius: 100%; overflow: hidden; margin: 0 auto; margin-bottom: 10px; border: 4px solid transparent; -webkit-transition: border 0.2s 0.1s; transition: border 0.2s 0.1s; display: inline-block; }

.author__info:hover .author__avatar { border: 4px solid #ffef76; }

.teaser .author__avatar { margin-bottom: 0; width: 50px; height: 50px; position: absolute; left: -60px; top: -8px; }

.author__social { /*-debug-information: title__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-size: 1.93422rem; font-weight: 900; line-height: 1.2; margin-bottom: 12px; margin-top: 0px; font-weight: 600; }

@media all and (min-width: 767px) { .author__social { font-size: 2.06317rem; } }

@media all and (min-width: 1200px) { .author__social { font-size: 2.20072rem; } }

.author__social:hover, .author__social:focus, .author__social:active { text-decoration: none; }

.author__function { /*-debug-information: title__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-size: 1.93422rem; font-weight: 900; line-height: 1.2; margin-bottom: 12px; margin-top: 0px; color: #575a59; font-weight: 400; display: block; }

@media all and (min-width: 767px) { .author__function { font-size: 2.06317rem; } }

@media all and (min-width: 1200px) { .author__function { font-size: 2.20072rem; } }

.author__description { text-align: left; }

body.archive .page-header, body.author .page-header { margin-bottom: 20px; padding-bottom: 20px; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.7rem; }

body.archive .page-header a:link, body.archive .page-header a:visited, body.author .page-header a:link, body.author .page-header a:visited { color: #0a9eff; background: transparent -webkit-linear-gradient(left, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; background: transparent linear-gradient(90deg, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; background-size: 100% 5%; background-position-y: 90%; text-decoration: none; -webkit-transition: all 0.2s 0.1s; transition: all 0.2s 0.1s; }

body.archive .page-header a:hover, body.archive .page-header a:active, body.archive .page-header a:focus, body.author .page-header a:hover, body.author .page-header a:active, body.author .page-header a:focus { background: transparent -webkit-linear-gradient(left, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; background: transparent linear-gradient(90deg, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; padding: 2px 0; background-position-y: 100%; background-size: 100% 100%; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 28.09.2016 */
.menu__canvas { width: 350px; background-color: white; position: fixed; top: 0; left: 0; bottom: 0; height: 100vh; left: -350px; z-index: 1000; overflow-y: auto; -webkit-transition: left 0.3s 0.1s; transition: left 0.3s 0.1s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.menu__canvas:target { left: 0; box-shadow: 2px 0 8px rgba(33, 33, 33, 0.5); }

@media all and (min-width: 960px) { .header--large .menu__canvas { left: auto; height: auto; position: static; width: 100%; background-color: transparent; } }

.menu__canvas--close-trigger { opacity: 0; background-color: white; width: 0; height: 0; left: 0; -webkit-transition: opacity 0.3s 0.1s, background-color 0.3s 0.1s, left 0.3s 0.1s; transition: opacity 0.3s 0.1s, background-color 0.3s 0.1s, left 0.3s 0.1s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.menu__canvas:target .menu__canvas--close-trigger { position: fixed; z-index: 999; top: 0; bottom: 0; right: 0; width: 100vw; height: 100vh; left: 350px; opacity: 0.7; background-color: rgba(33, 33, 33, 0.9); }

.canvas-close__button { text-decoration: none; font-size: 30px; font-weight: bold; position: absolute; left: 8px; top: 10px; text-decoration: none; padding-left: 10px; }

@media all and (min-width: 960px) { .header--large .canvas-close__button { display: none; } }

.menu__canvas-list { height: 80vh; overflow-y: auto; border-top: 1px solid #eaeaea; list-style: none; padding: 20px; margin-top: 60px; padding: 0; }

.menu__canvas--toggle { position: absolute; left: 8px; top: 10px; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-size: 15px; font-weight: bold; text-decoration: none; padding-left: 10px; padding-top: 10px; }

@media all and (min-width: 960px) { .header--large .menu__canvas--toggle { display: none; } }

.menu__canvas--description { padding-top: 0; padding-left: 40px; color: transparent; }

@media all and (min-width: 960px) { .menu__canvas--description { display: inline-block; color: black; } }

.canvas__hamburger { width: 20px; height: 3px; border-radius: 2px; background-color: black; display: inline-block; position: absolute; top: 18px; }

.canvas__hamburger:before { content: ""; position: absolute; width: 16px; height: 3px; top: -7px; display: block; background-color: black; border-radius: 2px; }

.canvas__hamburger:after { content: ""; position: absolute; width: 16px; height: 3px; bottom: -8px; display: block; background-color: black; border-radius: 2px; }

.header--small .menu__canvas--toggle:after { height: 60px; width: 1px; background-color: rgba(100, 100, 100, 0.15); display: inline-block; top: -10px; position: absolute; right: -20px; }

@media all and (min-width: 960px) { .header--small .menu__canvas--toggle:after { content: ""; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 13.06.2016 */
.comment-awaiting-moderation { font-style: italic; }

.comments-title { margin-left: 40px; margin-left: 20px; margin-top: 20px; font-size: 20px; color: #575a59; line-height: 1.5; }

@media all and (min-width: 480px) { .comments-title { margin-left: 40px; } }

@media all and (min-width: 960px) { .comments-title { margin-left: 120px; max-width: 800px; } }

.comments__headline { margin-left: 40px; margin-left: 20px; /*-debug-information: title__main--xxxl; */ line-height: 1.2; color: #0a9eff; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.20072rem; margin-bottom: 20px; margin-top: 0px; max-width: 540px; display: block; padding-top: 60px; }

@media all and (min-width: 480px) { .comments__headline { margin-left: 40px; } }

@media all and (min-width: 960px) { .comments__headline { margin-left: 120px; max-width: 800px; } }

@media all and (min-width: 767px) { .comments__headline { font-size: 2.34743rem; } }

@media all and (min-width: 960px) { .comments__headline { font-size: 2.34743rem; } }

@media all and (min-width: 960px) { .comments__headline { padding: 0; } }

@media all and (min-width: 767px) { .comments__headline { padding-top: 50px; } }

.comment { margin-bottom: 10px; background-color: white; border-bottom: 1px solid #e3e3e3; }

.comment .comment { margin-bottom: 0; border-bottom: 0; border-top: 0; }

.comment-list { margin-left: 40px; margin-left: 20px; }

@media all and (min-width: 480px) { .comment-list { margin-left: 40px; } }

@media all and (min-width: 960px) { .comment-list { margin-left: 120px; max-width: 800px; } }

.comment { word-break: break-word; }

.comment .comment-content { margin-top: 10px; margin: 10px 20px; border-bottom: 1px solid #f7f7f7; }

.comment.byuser > .comment-body .comment-meta { position: relative; z-index: 1; }

.comment.byuser > .comment-body .comment-meta:before { content: ""; display: block; background-color: white; z-index: -1; position: absolute; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyODMuNDYgMjgzLjQ2Ij48dGl0bGU+bnBfY29tbWVudF8wMDc8L3RpdGxlPjxwYXRoIGQ9Ik0zNS41NiwxMzQuODFWOTNjMC0xLjI2LDEuMTEtMS44OCwzLjMxLTEuODhoMS42OGE0LjUxLDQuNTEsMCwwLDEsMS44OC4zMiwyLjQ4LDIuNDgsMCwwLDEsMS4xNywxLjNsMTIuODMsMjMuODRhNDAuMzQsNDAuMzQsMCwwLDEsMiw0Ljc0bC4zMi0uMTNhMjUuMjgsMjUuMjgsMCwwLDEtLjUxLTQuODZWOTNjMC0xLjI2LDEuMS0xLjg4LDMuMy0xLjg4aDEuM2MyLjIsMCwzLjMuNjIsMy4zLDEuODh2NDEuODZjMCwxLjI1LTEuMSwxLjg4LTMuMywxLjg4aC0xLjNhNS4xNyw1LjE3LDAsMCwxLTEuOTQtLjMyLDIuMiwyLjIsMCwwLDEtMS4xNy0xLjI0TDQ1LDExMC4zOGEzMy4xMSwzMy4xMSwwLDAsMS0xLjc1LTQuMDhsLS4zMy4xMmEyMC43MywyMC43MywwLDAsMSwuNTIsNC40MXYyNGMwLDEuMjUtMS4xLDEuODgtMy4zMSwxLjg4SDM4Ljg3QzM2LjY3LDEzNi42OSwzNS41NiwxMzYuMDYsMzUuNTYsMTM0LjgxWiIgZmlsbD0iIzFkMWQxYiIvPjxwYXRoIGQ9Ik03NC42NCwxMzZhMi42OSwyLjY5LDAsMCwxLS41Mi0xLjg1VjkzLjU5YTIuNjYsMi42NiwwLDAsMSwuNTItMS44NCwyLjIzLDIuMjMsMCwwLDEsMS42OS0uNTVIOTUuMjVhMS4zNiwxLjM2LDAsMCwxLDEuMy42OCw0LjM1LDQuMzUsMCwwLDEsLjM5LDIuMXYxLjY5YTQuMzUsNC4zNSwwLDAsMS0uMzksMi4xLDEuMzYsMS4zNiwwLDAsMS0xLjMuNjhIODIuNzR2MTEuMjhIOTMuODlhMS4zOSwxLjM5LDAsMCwxLDEuMy42OCw0LjUzLDQuNTMsMCwwLDEsLjM4LDIuMTF2MS42OGE0LjU2LDQuNTYsMCwwLDEtLjM4LDIuMTEsMS4zOSwxLjM5LDAsMCwxLTEuMy42OEg4Mi43NFYxMjkuM0g5NS4zMWExLjM0LDEuMzQsMCwwLDEsMS4yNC42NSw0LjM3LDQuMzcsMCwwLDEsLjM5LDIuMTR2MS42OGE0LjM0LDQuMzQsMCwwLDEtLjM5LDIuMTQsMS4zNCwxLjM0LDAsMCwxLTEuMjQuNjVoLTE5QTIuMjMsMi4yMywwLDAsMSw3NC42NCwxMzZaIiBmaWxsPSIjMWQxZDFiIi8+PHBhdGggZD0iTTExMCwxMzQuODFWOTguNDVoLTcuOTFhMS4zNiwxLjM2LDAsMCwxLTEuMjktLjY4LDQuMzUsNC4zNSwwLDAsMS0uMzktMi4xVjk0YTQuMzUsNC4zNSwwLDAsMSwuMzktMi4xLDEuMzYsMS4zNiwwLDAsMSwxLjI5LS42OGgyNC41YTEuNDYsMS40NiwwLDAsMSwxLjMzLjY0QTQuMTIsNC4xMiwwLDAsMSwxMjguMyw5NHYxLjY5YTQuMTIsNC4xMiwwLDAsMS0uNDIsMi4xNCwxLjQ2LDEuNDYsMCwwLDEtMS4zMy42NGgtNy45MXYzNi4zNmMwLDEuMjUtMS4xLDEuODgtMy4zLDEuODhoLTIuMDdDMTExLjA2LDEzNi42OSwxMTAsMTM2LjA2LDExMCwxMzQuODFaIiBmaWxsPSIjMWQxZDFiIi8+PHBhdGggZD0iTTEzMS41MSwxMzQuNzVhOC41Miw4LjUyLDAsMCwxLS43NS0zLjE4LDEuNywxLjcsMCwwLDEsLjA3LS42NWwxNy45NS0zMi40N0gxMzMuODdhMS4zLDEuMywwLDAsMS0xLjIzLS42OCw0LjcyLDQuNzIsMCwwLDEtLjM5LTIuMjNWOTQuMDVhNC41Myw0LjUzLDAsMCwxLC4zOS0yLjE3LDEuMywxLjMsMCwwLDEsMS4yMy0uNjhoMjMuNjZjLjQzLDAsLjg4LjYyLDEuMzYsMS44OGE5LjM4LDkuMzgsMCwwLDEsLjcxLDMuMTcsMiwyLDAsMCwwLDAsLjM2LjQxLjQxLDAsMCwxLDAsLjI5bC0xNy44OSwzMi40aDE2LjM0YTEuMzIsMS4zMiwwLDAsMSwxLjIzLjY4LDQuNTgsNC41OCwwLDAsMSwuMzksMi4xN3YxLjU2YTQuNTUsNC41NSwwLDAsMS0uMzksMi4xNywxLjMyLDEuMzIsMCwwLDEtMS4yMy42OEgxMzNDMTMyLjQ5LDEzNi41NiwxMzIsMTM2LDEzMS41MSwxMzQuNzVaIiBmaWxsPSIjMWQxZDFiIi8+PHBhdGggZD0iTTczLjkyLDE4My40MlYxNDIuMmEyLjYyLDIuNjIsMCwwLDEsLjU1LTEuODIsMi4zOCwyLjM4LDAsMCwxLDEuNzktLjU4aDExQTE0LjE1LDE0LjE1LDAsMCwxLDk2LDE0Mi42OHEzLjgzLDIuOSwzLjgzLDEwLjc5LDAsNS41OC0yLjIxLDguNjlhMTEuMjQsMTEuMjQsMCwwLDEtNC45Miw0LjE4LDEzLjYyLDEzLjYyLDAsMCwxLTQuODYsMS4wN0g4Mi40OHYxNmMwLDEuMjUtMS4xMywxLjg3LTMuMzcsMS44N0g3Ny4zNkM3NS4wNywxODUuMjksNzMuOTIsMTg0LjY3LDczLjkyLDE4My40MlpNODcsMTYwLjIxYTQsNCwwLDAsMCwzLjA3LTEuNDlxMS4zNC0xLjQ5LDEuMzMtNS4yNWMwLTIuMzctLjQ0LTQtMS4zMy01YTQuMiw0LjIsMCwwLDAtMy4yLTEuNDJIODIuNDF2MTMuMTVaIiBmaWxsPSIjMWQxZDFiIi8+PHBhdGggZD0iTTEwMy45MywxNjIuNDJxMC0yMy4wNywxNi43Mi0yMy4wN3QxNi42NSwyMy4wN3EwLDIzLjIxLTE2LjY1LDIzLjJUMTAzLjkzLDE2Mi40MlptMjIuNjgsMTIuMjhxMi0zLjY2LDItMTIuMjh0LTEuOTItMTIuMjJhNi4yOSw2LjI5LDAsMCwwLTUuOTMtMy42LDYuMzksNi4zOSwwLDAsMC02LDMuNnEtMS45NSwzLjYtMiwxMi4yMnQyLDEyLjI4YTYuMzgsNi4zOCwwLDAsMCw2LDMuNjZBNi4yOSw2LjI5LDAsMCwwLDEyNi42MSwxNzQuN1oiIGZpbGw9IiMxZDFkMWIiLz48cGF0aCBkPSJNMTQ0LjY5LDE4NC42MWEyLjY2LDIuNjYsMCwwLDEtLjUyLTEuODRWMTQxLjU1YzAtMS4yNSwxLjExLTEuODgsMy4zMS0xLjg4aDJhNS4yNiw1LjI2LDAsMCwxLDIuNTIuNDUsMS41NCwxLjU0LDAsMCwxLC43OCwxLjQzdjM2LjM2aDExYTEuMzcsMS4zNywwLDAsMSwxLjMuNjgsNC4zNSw0LjM1LDAsMCwxLC4zOSwyLjF2MS42OWE0LjM1LDQuMzUsMCwwLDEtLjM5LDIuMSwxLjM4LDEuMzgsMCwwLDEtMS4zLjY5SDE0Ni4zOEEyLjIzLDIuMjMsMCwwLDEsMTQ0LjY5LDE4NC42MVoiIGZpbGw9IiMxZDFkMWIiLz48cGF0aCBkPSJNMTcwLjYxLDE4My40MlYxNDEuNTVjMC0xLjMsMS4xMS0xLjk0LDMuMzEtMS45NGgyLjE0YzIuMTYsMCwzLjI0LjY0LDMuMjQsMS45NHY0MS44N2MwLDEuMjktMS4wOCwxLjk0LTMuMjQsMS45NGgtMi4xNEMxNzEuNzIsMTg1LjM2LDE3MC42MSwxODQuNzEsMTcwLjYxLDE4My40MloiIGZpbGw9IiMxZDFkMWIiLz48cGF0aCBkPSJNMTkzLjgxLDE4My40MlYxNDcuMDZoLTcuOWExLjM4LDEuMzgsMCwwLDEtMS4zLS42OCw0LjQyLDQuNDIsMCwwLDEtLjM5LTIuMTF2LTEuNjhhNC4zOSw0LjM5LDAsMCwxLC4zOS0yLjExLDEuMzgsMS4zOCwwLDAsMSwxLjMtLjY4aDI0LjVhMS40NiwxLjQ2LDAsMCwxLDEuMzIuNjUsNC4wNyw0LjA3LDAsMCwxLC40MiwyLjE0djEuNjhhNC4wNyw0LjA3LDAsMCwxLS40MiwyLjE0LDEuNDYsMS40NiwwLDAsMS0xLjMyLjY1SDIwMi41djM2LjM2YzAsMS4yNS0xLjEsMS44Ny0zLjMxLDEuODdoLTIuMDdDMTk0LjkyLDE4NS4yOSwxOTMuODEsMTg0LjY3LDE5My44MSwxODMuNDJaIiBmaWxsPSIjMWQxZDFiIi8+PHBhdGggZD0iTTIxNywxODMuNDJWMTQxLjU1YzAtMS4zLDEuMTEtMS45NCwzLjMxLTEuOTRoMi4xNGMyLjE2LDAsMy4yNC42NCwzLjI0LDEuOTR2NDEuODdjMCwxLjI5LTEuMDgsMS45NC0zLjI0LDEuOTRoLTIuMTRDMjE4LjEyLDE4NS4zNiwyMTcsMTg0LjcxLDIxNywxODMuNDJaIiBmaWxsPSIjMWQxZDFiIi8+PHBhdGggZD0iTTI2My4yMiwxODQuMzJjMCwuNjUtMSwxLTMsMWgtMy4zMWE4LjQxLDguNDEsMCwwLDEtMi4xNy0uMjIsMS45MiwxLjkyLDAsMCwxLTEuMi0uODhsLTEwLjYzLTIwLjYxLS4xOS4wN3YxOS43N2MwLDEuMjUtMS4xNSwxLjg3LTMuNDQsMS44N0gyMzcuM2MtMi4yLDAtMy4zMS0uNjItMy4zMS0xLjg3VjE0MS41NWMwLTEuMjUsMS4xMS0xLjg4LDMuMzEtMS44OGgxLjk0YzIuMjksMCwzLjQ0LjYzLDMuNDQsMS44OHYxOS41N2wuMTkuMDcsMTAuNS0yMC40MmExLjY5LDEuNjksMCwwLDEsMS4xLS44Nyw3LjcxLDcuNzEsMCwwLDEsMi4wOC0uMjNoMi43MmMyLjA3LDAsMy4xMS4zLDMuMTEuOTFhMy4xMywzLjEzLDAsMCwxLS40NSwxLjM2TDI1MC41OCwxNjJsMTIuMjUsMjEuMDZBMi43LDIuNywwLDAsMSwyNjMuMjIsMTg0LjMyWiIgZmlsbD0iIzFkMWQxYiIvPjxwYXRoIGQ9Ik01OC40NywyMDBxMC0xMiw4LjY3LTEydDguNjMsMTJxMCwxMi04LjYzLDEyVDU4LjQ3LDIwMFptMTEuNzYsNi4zNnExLTEuODksMS02LjM2YzAtMy0uMzQtNS4wOS0xLTYuMzRhMy4yNSwzLjI1LDAsMCwwLTMuMDctMS44NiwzLjMyLDMuMzIsMCwwLDAtMy4xMiwxLjg2Yy0uNjgsMS4yNS0xLDMuMzYtMSw2LjM0cy4zMyw1LjEsMSw2LjM2YTMuMywzLjMsMCwwLDAsMy4xMiwxLjlBMy4yNywzLjI3LDAsMCwwLDcwLjIzLDIwNi4zNloiIGZpbGw9IiMxZDFkMWIiLz48cGF0aCBkPSJNNzkuMjYsMjEwLjg4VjE4OS41MmExLjM3LDEuMzcsMCwwLDEsLjI5LTEsMS4xOCwxLjE4LDAsMCwxLC44OS0uM2g1LjQxcTYuNzUsMCw2Ljc1LDYuMzlhNS45LDUuOSwwLDAsMS0zLjE2LDUuNjd2LjE0Yy45LjQ5LDEuNjYsMS43MSwyLjI5LDMuNjZsMiw2LjQ4YTEuNDIsMS40MiwwLDAsMSwuMDcuMjIuODkuODksMCwwLDEsMCwuMjJjMCwuNTItLjYuNzctMS44MS43N2gtMWMtMS4wNiwwLTEuNjQtLjI1LTEuNzUtLjc3bC0xLjg1LTYuNDVhMy43MiwzLjcyLDAsMCwwLS45Mi0xLjU4LDIuNDYsMi40NiwwLDAsMC0xLjYtLjQ0SDgzLjd2OC4zYzAsLjY1LS42LDEtMS43OCwxSDgxQzc5Ljg1LDIxMS44Niw3OS4yNiwyMTEuNTMsNzkuMjYsMjEwLjg4Wm02LjgyLTEyLjM5YTEuODgsMS44OCwwLDAsMCwxLjU1LS45MSw0LjE4LDQuMTgsMCwwLDAsLjY0LTIuNDIsMy43MSwzLjcxLDAsMCwwLS42Mi0yLjM3QTIuMSwyLjEsMCwwLDAsODYsMTkySDgzLjY3djYuNDVaIiBmaWxsPSIjMWQxZDFiIi8+PHBhdGggZD0iTTExMS4wOCwxOTkuNTZ2OS44OGMwLC43OC0uNjgsMS40MS0yLDEuODhhMTMuMTMsMTMuMTMsMCwwLDEtNC4zMi43Yy0zLDAtNS4yNy0xLTYuNzQtMi45MnMtMi4yLTUtMi4yLTlTOTYuNTQsMTkzLDk4LDE5MXMzLjc5LTMsNi44Ni0zYTExLjczLDExLjczLDAsMCwxLDIuNzcuMzMsNy40Niw3LjQ2LDAsMCwxLDIuMi44OGMuNTYuMzYuODQuNzEuODQsMS4wN2EzLjI5LDMuMjksMCwwLDEtLjY0LDEuNjFjLS40My42OC0uODEsMS0xLjE0LDFhMi42MSwyLjYxLDAsMCwxLS43Mi0uMyw3LjY4LDcuNjgsMCwwLDAtMS4zMy0uNTIsNi4xOCw2LjE4LDAsMCwwLTEuNzgtLjIyLDMuODEsMy44MSwwLDAsMC0zLjYsMiwxMi44OSwxMi44OSwwLDAsMC0xLjEsNi4wOCwxMy42NiwxMy42NiwwLDAsMCwxLjA3LDYuMTksMy41MSwzLjUxLDAsMCwwLDMuMjksMiw3LjM0LDcuMzQsMCwwLDAsMS45NS0uMjN2LTUuODJoLTIuMTJhLjcxLjcxLDAsMCwxLS42Ny0uMzUsMi4zMiwyLjMyLDAsMCwxLS4yLTEuMDl2LS44N2EyLjM3LDIuMzcsMCwwLDEsLjItMS4xLjczLjczLDAsMCwxLC42Ny0uMzVoNS4zNUMxMTAuNywxOTguMzUsMTExLjA4LDE5OC43NSwxMTEuMDgsMTk5LjU2WiIgZmlsbD0iIzFkMWQxYiIvPjxjaXJjbGUgY3g9IjQxLjc1IiBjeT0iMTY2LjM3IiByPSIyMy41NiIgZmlsbD0iIzBhOWVmZiIvPjwvc3ZnPg=="); border: 2px solid white; box-shadow: 0px 1px 4px 1px rgba(33, 33, 33, 0.2); width: 43px; height: 43px; border-radius: 43px; top: 4px; left: -51px; }

@media all and (min-width: 480px) { .comment.byuser > .comment-body .comment-meta:before { width: 60px; height: 60px; border-radius: 60px; top: 2px; left: -70px; } }

.parent.depth-2 { border-left: 3px solid rgba(41, 128, 185, 0.8); }

.parent.depth-3 { border-left: 3px solid rgba(41, 128, 185, 0.7); }

.parent.depth-4 { border-left: 3px solid rgba(41, 128, 185, 0.6); }

.parent.depth-5 { border-left: 3px solid rgba(41, 128, 185, 0.5); }

.depth-5 { border-left: 3px solid rgba(41, 128, 185, 0.5); }

.comment-list, .comment-list ol { list-style-type: none; padding: 0; }

.comment-list .children, .comment-list ol .children { padding-left: 5px; margin: 0; }

.comment-body .reply { padding-bottom: 10px; padding-right: 10px; text-align: right; }

.comment-body .reply a:link, .comment-body .reply a:visited { text-decoration: none; color: #688aa1; }

.comment-reply-link { font-size: 13px; font-weight: 600; padding: 5px 10px; }

.comment-reply-link:hover, .comment-reply-link:active, .comment-reply-link:focus { color: #4e4f50; }

.comment-meta { padding-top: 10px; position: relative; font-size: 14px; margin-left: 20px; }

.comment-meta b { font-weight: 600; }

.comment-metadata a:link, .comment-metadata a:visited { text-decoration: none; }

.comment-content { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; margin-top: 20px; }

.comment-reply-title { margin-top: 60px; font-size: 20px; color: #575a59; line-height: 1.5; }

.comments-wrap { background-color: #e5e5e5; position: relative; z-index: 100; }

.comments-area { margin: 0 auto; width: 90vw; }

@media all and (min-width: 480px) { .comments-area { width: 85vw; } }

@media all and (min-width: 767px) { .comments-area { width: 727px; } }

@media all and (min-width: 960px) { .comments-area { width: 920px; } }

@media all and (min-width: 1200px) { .comments-area { width: 1160px; } }

@media print { .comments-area { width: 95%; } }

.comment-reply-title { margin-left: 40px; margin-left: 20px; }

@media all and (min-width: 480px) { .comment-reply-title { margin-left: 40px; } }

@media all and (min-width: 960px) { .comment-reply-title { margin-left: 120px; max-width: 800px; } }

.comment-form { margin-left: 40px; margin-left: 20px; background-color: white; border: 1px solid #f7f7f7; padding: 20px; border-bottom: 1px solid #e3e3e3; }

@media all and (min-width: 480px) { .comment-form { margin-left: 40px; } }

@media all and (min-width: 960px) { .comment-form { margin-left: 120px; max-width: 800px; } }

.comment-notes, .logged-in-as { /*-debug-information: title__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-size: 1.93422rem; font-weight: 900; line-height: 1.2; margin-bottom: 12px; margin-top: 0px; }

@media all and (min-width: 767px) { .comment-notes, .logged-in-as { font-size: 2.06317rem; } }

@media all and (min-width: 1200px) { .comment-notes, .logged-in-as { font-size: 2.20072rem; } }

.comment-form textarea { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.7rem; }

.comment .comment-reply-title { text-align: right; margin-right: 20px; color: white; }

.comment .comment-reply-title small { color: #575a59; }

.comment-respond { width: 100%; }

ol.comment-list .comment-respond .comment-form { margin-left: 0; }

ol.comment-list .children .comment-respond .comment-form { margin-left: -13px; }

ol.comment-list .children .children .comment-respond .comment-form { margin-left: -22px; }

ol.comment-list .children .children .children .comment-respond .comment-form { margin-left: -31px; }

ol.comment-list .children .children .children .children .comment-respond .comment-form { margin-left: -40px; }

ol.comment-list .children .children .children .children .children .comment-respond .comment-form { margin-left: -80px; }

@media print { .comment-respond, .reply { display: none; }
  .comment { max-width: 100%; }
  .comment-content { margin: 0; } }

.cancel-comment-reply-link { text-align: right; }

.embed-privacy-overlay label, .embed-privacy-overlay p { font-size: 0.8em; margin: 0; }

.embed-privacy-overlay .embed-privacy-footer { text-align: center !important; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 06.01.2017 */
.entry-biopause { margin: 0 auto; width: 85vw; max-width: 600px; position: relative; margin-top: 30px; }

@media all and (min-width: 480px) { .entry-biopause { width: 440px; } }

@media all and (min-width: 767px) { .entry-biopause { width: 727px; } }

@media all and (min-width: 960px) { .entry-biopause { width: 920px; } }

@media all and (min-width: 1200px) { .entry-biopause { width: 1160px; } }

@media print { .entry-biopause { width: 95%; } }

.entry-biopause:before { content: "Anzeige"; font-size: 11px; color: #999; position: absolute; top: -20px; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.05.2016 */
.entry-wrap { background-color: white; }

.entry-content, .single-tribe_events .tribe-events-content { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.7rem; }

.entry-content a:link, .single-tribe_events .tribe-events-content a:link, .entry-content a:visited, .single-tribe_events .tribe-events-content a:visited { color: #0a9eff; background: transparent -webkit-linear-gradient(left, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; background: transparent linear-gradient(90deg, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; background-size: 100% 5%; background-position-y: 90%; text-decoration: none; -webkit-transition: all 0.2s 0.1s; transition: all 0.2s 0.1s; }

.entry-content a:hover, .single-tribe_events .tribe-events-content a:hover, .entry-content a:active, .single-tribe_events .tribe-events-content a:active, .entry-content a:focus, .single-tribe_events .tribe-events-content a:focus { background: transparent -webkit-linear-gradient(left, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; background: transparent linear-gradient(90deg, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; padding: 2px 0; background-position-y: 100%; background-size: 100% 100%; }

.entry-content ul, .single-tribe_events .tribe-events-content ul, .entry-content ol, .single-tribe_events .tribe-events-content ol { margin: 0 0 20px -20px; }

.entry-content ul li, .single-tribe_events .tribe-events-content ul li, .entry-content ol li, .single-tribe_events .tribe-events-content ol li { margin-bottom: 5px; }

.entry-content i, .single-tribe_events .tribe-events-content i, .entry-content em, .single-tribe_events .tribe-events-content em { font-style: italic; }

.entry-content .wp-caption-text, .single-tribe_events .tribe-events-content .wp-caption-text { background-color: white; margin-top: 0px; padding-top: 5px; }

.entry-content .wp-caption-text .media-license-caption, .single-tribe_events .tribe-events-content .wp-caption-text .media-license-caption { margin-bottom: 5px; }

.entry-content .wp-caption, .single-tribe_events .tribe-events-content .wp-caption { max-width: 100%; margin-top: 20px; position: relative; }

.entry-content .wp-caption.alignleft:after, .single-tribe_events .tribe-events-content .wp-caption.alignleft:after { right: 0; left: -10px; }

blockquote + .wp-caption { margin-top: 40px !important; }

.entry-header, .single-tribe_events .tribe-events-single-event-title, .single-tribe_events .tribe-events-schedule h2 { margin-left: 5px; margin-right: 5px; }

@media all and (min-width: 480px) { .entry-header, .single-tribe_events .tribe-events-single-event-title, .single-tribe_events .tribe-events-schedule h2 { margin-left: 10px; margin-right: 10px; } }

@media all and (min-width: 767px) { .entry-header, .single-tribe_events .tribe-events-single-event-title, .single-tribe_events .tribe-events-schedule h2 { margin-left: 100px; margin-right: 100px; } }

@media all and (min-width: 960px) { .entry-header, .single-tribe_events .tribe-events-single-event-title, .single-tribe_events .tribe-events-schedule h2 { margin-left: 140px; margin-right: 100px; } }

@media all and (min-width: 1200px) { .entry-header, .single-tribe_events .tribe-events-single-event-title, .single-tribe_events .tribe-events-schedule h2 { margin-left: 200px; margin-right: 200px; } }

.entry-title { margin-top: 0; color: #4e4f50; max-width: 800px; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; word-break: normal; /*@include bp($breakpoint--s) { hyphens: auto; } */ }

.entry-title--kolumne { font-style: italic; margin-bottom: 20px; }

span.entry-subtitle { font-size: 1.7rem; color: #0a9eff; font-weight: 550; }

.entry-meta { margin-top: 10px; margin-bottom: 10px; }

.entry-content, .single-tribe_events .tribe-events-content { margin-left: 5px; margin-right: 5px; }

@media all and (min-width: 480px) { .entry-content, .single-tribe_events .tribe-events-content { margin-left: 10px; margin-right: 10px; } }

@media all and (min-width: 767px) { .entry-content, .single-tribe_events .tribe-events-content { margin-left: 100px; margin-right: 100px; } }

@media all and (min-width: 960px) { .entry-content, .single-tribe_events .tribe-events-content { margin-left: 140px; margin-right: 100px; } }

@media all and (min-width: 1200px) { .entry-content, .single-tribe_events .tribe-events-content { margin-left: 200px; margin-right: 200px; } }

.entry-thumbnail { margin-bottom: 20px; margin-top: 40px; line-height: 1; }

@media all and (min-width: 767px) { .entry-thumbnail { margin-left: 40px; margin-right: 40px; } }

@media all and (min-width: 960px) { .entry-thumbnail { margin-left: 80px; margin-right: 80px; } }

@media all and (min-width: 1200px) { .entry-thumbnail { margin-left: 160px; margin-right: 160px; } }

.has-post-thumbnail .entry-thumbnail { text-align: left; max-width: 100%; }

.entry-meta a:link, .entry-meta a:visited { text-decoration: none; }

.entry-meta .posted-on { text-decoration: none; }

.entry-meta .updated { display: none; }

.entry-meta-list { line-height: 30px; list-style-type: none; margin: 0; padding: 0; }

.entry-meta-list a:link, .entry-meta-list a:visited { color: #0a9eff; background: transparent -webkit-linear-gradient(left, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; background: transparent linear-gradient(90deg, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; background-size: 100% 5%; background-position-y: 90%; text-decoration: none; -webkit-transition: all 0.2s 0.1s; transition: all 0.2s 0.1s; }

.entry-meta-list a:hover, .entry-meta-list a:active, .entry-meta-list a:focus { background: transparent -webkit-linear-gradient(left, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; background: transparent linear-gradient(90deg, rgba(10, 158, 255, 0.1), rgba(10, 158, 255, 0.15)) no-repeat 0 100%; padding: 2px 0; background-position-y: 100%; background-size: 100% 100%; }

.entry-meta-list .children { margin: 0; padding: 0; }

.entry-meta-list .children li { display: inline; }

.entry-meta-list .children li:after { content: ", "; }

.entry-meta-list .children li:last-child::after { content: ""; }

.entry-footer { margin-left: 5px; margin-right: 5px; padding-bottom: 60px; }

@media all and (min-width: 480px) { .entry-footer { margin-left: 10px; margin-right: 10px; } }

@media all and (min-width: 767px) { .entry-footer { margin-left: 100px; margin-right: 100px; } }

@media all and (min-width: 960px) { .entry-footer { margin-left: 140px; margin-right: 100px; } }

@media all and (min-width: 1200px) { .entry-footer { margin-left: 200px; margin-right: 200px; } }

.entry-location { margin-left: 5px; margin-right: 5px; }

@media all and (min-width: 480px) { .entry-location { margin-left: 10px; margin-right: 10px; } }

@media all and (min-width: 767px) { .entry-location { margin-left: 100px; margin-right: 100px; } }

@media all and (min-width: 960px) { .entry-location { margin-left: 140px; margin-right: 100px; } }

@media all and (min-width: 1200px) { .entry-location { margin-left: 200px; margin-right: 200px; } }

.entry-kicker { display: block; color: #0a9eff; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: bolder; font-size: 15px; margin-bottom: 10px; }

.entry-kicker:link, .entry-kicker:visited { color: #0a9eff; text-decoration: none; }

/*.entry-excerpt { //@include text__contrast--xl; //& > p:first-child { //} max-width: 30 * $unit; @include bp( $breakpoint--xl ) { max-width: 30 * $unit; } @include bp( $breakpoint--xl ) { max-width: 32 * $unit; } }*/
.entry-excerpt p { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-size: 17px; }

.entry-author { background-image: -webkit-linear-gradient(left, black 20%, rgba(255, 255, 255, 0) 0%); background-image: linear-gradient(to right, black 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x; padding-bottom: 20px; padding-top: 1px; margin-top: 40px; }

.entry-author__title { font-size: 30px; font-weight: 900; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; margin-top: 0; margin-bottom: 15px; }

.entry-author__title a { color: #0a9eff; text-decoration: none; }

.entry-author__kicker { font-size: 13px; font-weight: 600; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; margin-top: 45px; margin-bottom: 10px; }

.entry-author__description { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.7rem; max-width: 700px; margin-bottom: 40px; }

.entry-footer__meta:after { content: ""; display: table; clear: both; }

.entry-footer__date { margin-bottom: 20px; }

@media all and (min-width: 767px) { .entry-footer__date { width: 33.33333%; float: left; } }

.entry-footer__category { margin-bottom: 20px; }

@media all and (min-width: 767px) { .entry-footer__category { width: 33.33333%; float: left; } }

.entry-footer__tags { margin-bottom: 20px; }

@media all and (min-width: 767px) { .entry-footer__tags { width: 33.33333%; float: left; } }

.entry-footer__title { font-weight: 900; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; display: block; font-size: 1.81333rem; }

.entry-footer__meta { background-image: -webkit-linear-gradient(left, black 20%, rgba(255, 255, 255, 0) 0%); background-image: linear-gradient(to right, black 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x; margin-top: 40px; padding-top: 20px; }

.entry-footer__list { list-style: none; margin: 0; padding: 0; }

.entry-footer__list-item { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; display: inline-block; font-size: 1.59375rem; line-height: 1.6; }

.entry-footer__list-item:after { content: ", "; margin-right: 6px; }

.entry-footer__list-item:last-child::after { content: ""; }

.entry-footer__list-item a:link, .entry-footer__list-item a:visited { text-decoration: none; }

.entry-footer__date { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-size: 1.59375rem; line-height: 1.625; }

.entry-meta { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-size: 1.59375rem; font-weight: 500; color: #4e4f50; }

.entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active { text-decoration: underline; color: #0a9eff; }

.entry-social { background-image: -webkit-linear-gradient(left, black 20%, rgba(255, 255, 255, 0) 0%); background-image: linear-gradient(to right, black 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x; margin-top: 20px; padding-top: 20px; }

@media all and (min-width: 767px) { .entry-social { margin-left: 40px; margin-right: 40px; } }

@media all and (min-width: 960px) { .entry-social { margin-left: 80px; margin-right: 80px; } }

@media all and (min-width: 1200px) { .entry-social { margin-left: 160px; margin-right: 160px; } }

.entry-social__headline { display: block; font-size: 13px; font-weight: 600; }

.header-kolumne { display: -ms-grid; display: grid; gap: 0 1.4em; -ms-grid-columns: minmax(7rem, 20%) auto; grid-template-columns: minmax(7rem, 20%) auto; margin-bottom: 40px; }

@media all and (min-width: 960px) { .header-kolumne { gap: 0 2em; } }

.header-kolumne a:hover { color: #b83067; }

.header-kolumne__profile { -ms-grid-row: 2; grid-row-start: 2; margin-bottom: 0.7rem; }

@media all and (min-width: 960px) { .header-kolumne__profile { -ms-grid-row: span 2; grid-row-start: span 2; } }

.header-kolumne__profile img { display: block; }

.header-kolumne__title { -ms-grid-column: span 2; grid-column-start: span 2; -webkit-align-self: end; -ms-flex-item-align: end; align-self: end; }

@media all and (min-width: 960px) { .header-kolumne__title { -ms-grid-column: 2; grid-column-start: 2; } }

.header-kolumne__meta { margin-top: 0; margin-bottom: 0; -webkit-align-self: start; -ms-flex-item-align: start; align-self: start; justify-self: start; max-width: 100%; }

@media all and (min-width: 767px) { .header-kolumne__meta { max-width: 85%; } }

@media all and (min-width: 960px) { .header-kolumne__meta { max-width: 100%; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 02.06.2016 */
.footer-service { background-color: #0a9eff; }

.footer-service a { font-size: 14px; font-weight: bold; }

.footer-service a:link, .footer-service a:visited { color: white; text-decoration: none; }

.footer-service__menu-list { margin: 0; padding: 0; }

.footer-service__menu-list .menu-item { list-style: none; line-height: 1.8; }

@media all and (min-width: 767px) { .footer-service__menu-list .menu-item { display: inline-block; line-height: 1.6; padding: 15px 8px 20px 8px; } }

@media print { .footer__navigation, .footer-service { display: none; } }

.footer__menu-list { margin: 0; padding: 0; list-style-type: none; }

@media all and (min-width: 767px) { .footer__menu-list li { display: inline-block; } }

.footer__menu-list a { line-height: 1.8; }

@media all and (min-width: 767px) { .footer__menu-list a { padding: 15px 4px 20px 4px; line-height: 1.6; } }

.footer__menu-list a:link, .footer__menu-list a:visited { text-decoration: none; }

.footer__corporate { padding-top: 60px; padding-bottom: 40px; border-bottom: 1px solid #f7f7f7; background-color: white; z-index: 10; }

.footer__navigation { background-color: #f4f4f4; padding-bottom: 60px; padding-top: 60px; }

.site-footer { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; text-align: center; font-size: 15px; position: relative; }

.footer__social { list-style: none; position: absolute; text-align: left; margin: 0; margin-top: -10px; }

.footer__social--item { display: inline-block; }

.footer__licence { display: block; margin: 0 auto; text-align: center; max-width: 450px; margin-top: 40px; margin-bottom: 20px; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 24.11.2016 */
.image__close { cursor: pointer; font-weight: 100; font-size: 5vw; position: fixed; right: 2vw; top: 2vh; line-height: 20px; -webkit-transition: color 0.3s 0.1s; transition: color 0.3s 0.1s; }

.image__close:link, .image__close:visited { text-decoration: none; color: rgba(33, 33, 33, 0.5); }

.image__close:hover, .image__close:focus, .image__close:active { color: #212121; }

.image__gallery { background-color: rgba(255, 255, 255, 0.85); position: fixed; z-index: 999999999; top: 0; left: 0; bottom: 0; right: 0; }

.image__container { margin: auto auto; vertical-align: center; position: absolute; top: 10vh; bottom: 10vh; left: 10vw; right: 10vw; text-align: center; }

.image__container img { max-height: 100%; }

.single-attachment #page { margin-bottom: 0; }

.image__navigation { position: absolute; top: calc( 50% - 20px); width: 100vw; text-align: center; }

.image__navigation--left { background-color: rgba(99, 99, 99, 0.1); display: block; position: absolute; padding: 0; -webkit-transition: width 0.2s 0.1s, fill 0.2s 0.1s, background-color 0.3s 0.1s, padding 0.2s 0.1s; transition: width 0.2s 0.1s, fill 0.2s 0.1s, background-color 0.3s 0.1s, padding 0.2s 0.1s; left: 0; }

.image__navigation--left:hover { background-color: rgba(33, 33, 33, 0.9); }

.image__navigation--left:hover svg { fill: white; }

.image__navigation--left svg { width: 80px; height: 80px; fill: #e6e6e6; }

.image__navigation--left:hover { padding-left: 50px; }

.image__navigation--right { background-color: rgba(99, 99, 99, 0.1); display: block; position: absolute; padding: 0; -webkit-transition: width 0.2s 0.1s, fill 0.2s 0.1s, background-color 0.3s 0.1s, padding 0.2s 0.1s; transition: width 0.2s 0.1s, fill 0.2s 0.1s, background-color 0.3s 0.1s, padding 0.2s 0.1s; right: 0; }

.image__navigation--right:hover { background-color: rgba(33, 33, 33, 0.9); }

.image__navigation--right:hover svg { fill: white; }

.image__navigation--right svg { width: 80px; height: 80px; fill: #e6e6e6; }

.image__navigation--right:hover { padding-right: 50px; }

.gallery { margin: 0 auto 20px auto; border: 1px solid #e7e7e7; background-color: #f4f4f4; padding: 20px; }

.gallery-columns-1 .gallery-item { width: calc( 100% - 2px); display: inline-block; }

.gallery-columns-2 .gallery-item { width: calc( 50% - 3px); display: inline-block; }

.gallery-columns-3 .gallery-item { width: calc( 33.33333% - 4px); display: inline-block; }

.gallery-columns-4 .gallery-item { width: calc( 25% - 5px); display: inline-block; }

.gallery-columns-5 .gallery-item { width: calc( 20% - 6px); display: inline-block; }

.gallery-columns-6 .gallery-item { width: calc( 16.66667% - 7px); display: inline-block; }

.gallery-columns-7 .gallery-item { width: calc( 14.28571% - 8px); display: inline-block; }

.gallery-columns-8 .gallery-item { width: calc( 12.5% - 9px); display: inline-block; }

.gallery-columns-9 .gallery-item { width: calc( 11.11111% - 10px); display: inline-block; }

.entry-content .gallery-caption, .single-tribe_events .tribe-events-content .gallery-caption { display: none; background-color: transparent; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 16.06.2016 */
.grid-box-media img { max-width: 100%; }

.grid-box-media-75 { text-align: center; }

.grid-box-media-75 img { max-width: 75%; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.02.2017 */
.grid-box-posts { list-style-type: none; margin: 0; padding: 0; }

.grid-box-posts .teaser { padding-bottom: 10px; }

.grid-box-posts .teaser__byline { /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 28.06.2016 */
.grid-box-title { /* -debug-information: title__main--l; */ color: #4e4f50; line-height: 1.2; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.34743rem; margin-bottom: 16px; margin-top: 0px; margin: 0; padding: 20px 0 20px 0; }

@media all and (min-width: 767px) { .grid-box-title { font-size: 2.50392rem; } }

@media all and (min-width: 1200px) { .grid-box-title { font-size: 2.67085rem; } }

@media all and (min-width: 767px) { .grid-box-title { padding: 0 0 20px 0; } }

.grid-box-title a { text-decoration: none; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 28.06.2016 */
.grid-box { margin: 10px; }

@media all and (min-width: 480px) { .grid-box { margin: 0.65vw; }
  .grid-slot-1d2 .grid-box, .grid-slot-1d4 .grid-box, .grid-slot-1d6 .grid-box { margin: 10px; } }

@media all and (min-width: 960px) { .grid-box { margin: 10px; } }

@media all and (min-width: 1200px) { .grid-box { margin: 15px; } }

.grid-box-style-left, .grid-box-style-right { margin: 0; }

@media all and (min-width: 960px) { .grid-box-style-left, .grid-box-style-right { margin-bottom: -100px; } }

.grid-box-media img { width: 100%; }

@media all and (min-width: 767px) { .grid-box-media img { width: unset; } }

.grid-box-wp_html p { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; }

.grid-box-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.grid-box-video iframe, .grid-box-video object, .grid-box-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.grid-box-author-photo { text-align: center; width: auto; }

.grid-box-author-photo img { width: 55%; max-width: 300px; }

@media all and (min-width: 767px) { .grid-box-author-photo img { width: 65%; } }

@media all and (min-width: 767px) { .grid-box-author-photo { width: 33%; } }

@media all and (min-width: 767px) { .grid-box-author-text { width: 66%; } }

.grid-box-author-wrapper { display: block; margin: 20px 0 100px 0; }

@media all and (min-width: 767px) { .grid-box-author-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; margin: 40px 0 80px 0; } }

.grid-box-style-small .grid-box-readmore-link { font-size: 1.59375rem; }

.grid-box-style-small .grid-box-title { padding-bottom: 5px; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 28.06.2016 */
.grid-container-after { margin-top: 40px; padding-bottom: 60px; text-align: center; }

.grid-container-after:empty { padding-bottom: 0; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 04.08.2016 */
.grid-container-prolog { /*-debug-information: title__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-size: 1.93422rem; font-weight: 900; line-height: 1.2; margin-bottom: 12px; margin-top: 0px; color: #575a59; line-height: 1.565; max-width: 560px; margin: 0 auto; text-align: center; margin-bottom: 30px; padding-bottom: 30px; position: relative; }

@media all and (min-width: 767px) { .grid-container-prolog { font-size: 2.06317rem; } }

@media all and (min-width: 1200px) { .grid-container-prolog { font-size: 2.20072rem; } }

.grid-container-prolog:after { content: ""; position: absolute; width: 25vw; margin-left: -12.5vw; height: 3px; background-color: #f7f7f7; bottom: 20px; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 28.06.2016 */
.grid-container-readmore-link { position: relative; z-index: 10; color: #4e4f50; font-size: 15px; }

.grid-container-readmore-link:link, .grid-container-readmore-link:visited { text-decoration: none; }

.grid-container-readmore-link:link::after, .grid-container-readmore-link:visited::after { -webkit-transition: background-color 0.12s 0.03s; transition: background-color 0.12s 0.03s; bottom: -5px; }

.grid-container-readmore-link:hover, .grid-container-readmore-link:active, .grid-container-readmore-link:focus { color: #0a9eff !important; }

.grid-container-readmore-link:hover::after, .grid-container-readmore-link:active::after, .grid-container-readmore-link:focus::after { background-color: #0a9eff; }

.grid-container-readmore-link:after { content: ""; position: absolute; left: 0; right: 0; height: 4px; z-index: 1; background-color: #ffef76; }

.grid-container-style-background-purple .grid-container-readmore-link { color: white; }

.grid-container-style-background-blue .grid-container-readmore-link { color: white; }

.grid-container-style-background-green .grid-container-readmore-link { color: white; }

.grid-container-style-background-yellow .grid-container-readmore-link { color: white; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 28.06.2016 */
.grid-container-title { /* -debug-information: title__main--l; */ color: #4e4f50; line-height: 1.2; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.34743rem; margin-bottom: 16px; margin-top: 0px; margin: 0; margin-left: 15px; padding: 20px 0 20px 0; /*  @include title__main--xxl; //color: $color__gray; margin: 0 $unit/2; a { &:link, &:visited { color: $color__gray--light; } } position: relative; padding-top: 4 * $unit; margin-top: 0; a { @include container-link; } */ }

@media all and (min-width: 767px) { .grid-container-title { font-size: 2.50392rem; } }

@media all and (min-width: 1200px) { .grid-container-title { font-size: 2.67085rem; } }

@media all and (min-width: 767px) { .grid-container-title { padding: 0 0 20px 0; } }

.grid-container-title a { text-decoration: none; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 28.06.2016 */
@media all and (min-width: 0) and (max-width: 766px) { .grid-slot { width: 100% !important; max-width: 100% !important; box-sizing: border-box; display: block; } }

@media all and (min-width: 0) and (max-width: 959px) { .grid-container-break-early .grid-slot { width: 100% !important; max-width: 100% !important; box-sizing: border-box; display: block; } }

@media all and (min-width: 0) and (max-width: 959px) { .grid-container-c-1d4-1d4-1d4-1d4 .grid-slot-1d4 { width: calc(50% - 20px) !important; display: inline-block; } }

@media all and (min-width: 0) and (max-width: 766px) { .grid-slot-1d6 { width: calc(percentage(1/2) - 20px) !important; display: inline-block; } }

@media all and (min-width: 767px) and (max-width: 959px) { .grid-slot-1d6 { width: calc(percentage(1/3) - 20px) !important; display: inline-block; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 03.06.2016 */
.grid-container-content { margin: 0 auto; width: 85vw; }

@media all and (min-width: 480px) { .grid-container-content { width: 440px; } }

@media all and (min-width: 767px) { .grid-container-content { width: 727px; } }

@media all and (min-width: 960px) { .grid-container-content { width: 920px; } }

@media all and (min-width: 1200px) { .grid-container-content { width: 1160px; } }

@media print { .grid-container-content { width: 95%; } }

.related__articles--wrap .grid-container-content { max-width: 100%; }

.grid__inline { margin-left: -20px; margin-right: -20px; }

@media all and (min-width: 480px) { .grid__inline { margin-left: -20px; margin-right: -20px; } }

@media all and (min-width: 767px) { .grid__inline { margin-left: -40px; margin-right: -80px; } }

@media all and (min-width: 960px) { .grid__inline { margin-left: -80px; margin-right: -120px; } }

@media all and (min-width: 1200px) { .grid__inline { margin-left: -120px; margin-right: -160px; } }

.grid-container { padding-top: 20px; padding-bottom: 20px; }

.grid-container:last-child { border-bottom: none; }

.grid-container-style-background-gray { background-color: #f7f7f7; box-shadow: 0px 0px 6px 1px #c2c2c2; }

.grid-container-style-background-blue { background-color: #0a9eff; border-bottom: 1px solid #0091f0; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 28.09.2016 */
.header-donation__text { display: none; text-decoration: none; color: #0a9eff; }

@media all and (min-width: 480px) { .header-donation__text { display: initial; } }

/* Heart / Herz */
.header-donation { position: absolute; top: 18px; right: 20px; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: bold; font-size: 15px; }

.header--large .header-donation { right: 20px; top: 20px; }

@media all and (min-width: 960px) { .header--large .header-donation { right: 0; } }

.header--small .header-donation { right: 20px; top: 20px; }

.header-donation:link { text-decoration: none; }

.header-donation__icon { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #0a9eff; display: inline-block; height: 10px; margin: 0 10px; position: relative; top: 0; width: 10px; }

.header-donation__icon:after { content: ""; display: block; width: 20px; height: 20px; background-color: red; }

.header-donation__icon:before, .header-donation__icon:after { content: ""; background-color: #0a9eff; border-radius: 50%; height: 10px; position: absolute; width: 10px; }

.header-donation__icon:before { top: -5px; left: 0; }

.header-donation__icon:after { left: 5px; top: 0; }

@media all and (min-width: 960px) { .header--large .header-area { position: relative; background-image: -webkit-linear-gradient(left, black 20%, rgba(255, 255, 255, 0) 0%); background-image: linear-gradient(to right, black 20%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 5px 1px; background-repeat: repeat-x; } }

@media only screen and (max-width: 940px) { .header-donation__info { display: none; } }

@media only screen and (max-width: 580px) { .header-donation__text { display: none; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 14.11.2016 */
.icon__search { border: 2px solid #646464; width: 15px; height: 15px; border-radius: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: 4px 4px 8px 8px; display: block; background-color: white; }

.icon__search:after { position: absolute; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); content: ''; pointer-events: none; width: 3px; height: 10px; box-shadow: inset 0 0 0 32px; top: 12px; border-radius: 0 0 1px 1px; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 14.11.2016 */
.menu__service-list { /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; list-style: none; margin: 40px 20px 20px 20px; padding: 0; }

.menu__service-list a:link, .menu__service-list a:visited { text-decoration: none; padding: 5px; }

.menu__service-list .menu-item { padding: 10px 0 10px 0; }

@media all and (min-width: 960px) { .header--large .menu__service-list .menu-item { display: inline-block; padding: 10px 0; } }

@media all and (min-width: 960px) { .header--large .menu__service-list { font-size: 1.49414rem; margin: 0; position: absolute; top: -10px; } }

.menu__main-list { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.7rem; list-style: none; margin: 60px 20px 0 20px; padding: 0; }

.menu__main-list a:link, .menu__main-list a:visited { text-decoration: none; padding: 5px; }

.menu__main-list .menu-item { padding: 10px 0 10px 0; }

@media all and (min-width: 960px) { .header--large .menu__main-list .menu-item { display: inline-block; padding: 10px 0; } }

.menu__main-list .menu-item { border-bottom: 1px solid #eaeaea; }

.menu__main-list .menu-item:last-child { border-bottom: none; }

@media all and (min-width: 960px) { .header--large .menu__main-list { margin: 0; font-size: 1.40076rem; font-weight: 400; }
  .header--large .menu__main-list .menu-item { border: none; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 10.10.2016 */
.nav-links { margin: 0 auto; width: 85vw; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; padding-top: 40px; padding-bottom: 40px; }

.nav-links:after { content: ""; display: table; clear: both; }

@media all and (min-width: 480px) { .nav-links { width: 440px; } }

@media all and (min-width: 767px) { .nav-links { width: 727px; } }

@media all and (min-width: 960px) { .nav-links { width: 920px; } }

@media all and (min-width: 1200px) { .nav-links { width: 1160px; } }

@media print { .nav-links { width: 95%; } }

.nav-links a:link, .nav-links a:visited { text-decoration: none; }

.nav-next { text-align: left; margin-left: 20px; }

@media all and (min-width: 767px) { .nav-next { width: 40%; float: left; } }

.nav-previous { text-align: right; margin-right: 20px; }

@media all and (min-width: 767px) { .nav-previous { width: 40%; float: right; } }

.nav-meta { color: white; font-size: 16px; font-weight: bolder; display: block; }

@media all and (min-width: 767px) { .nav-meta { font-size: 20px; } }

.nav-post-title { font-size: 16px; font-weight: bolder; color: #688aa1; }

@media all and (min-width: 767px) { .nav-post-title { font-size: 22px; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 21.10.2016 */
.header--large .netzpolitik__logo { width: 180px; }

@media all and (min-width: 960px) { .header--large .netzpolitik__logo { width: 330px; } }

.header--small .netzpolitik__logo { width: 180px; margin: 0 auto; position: absolute; margin-left: calc(50% - 90px); margin-top: 1px; }

.site-footer .netzpolitik__logo { width: 230px; margin: 0 auto; position: relative; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 21.11.2016 */
.pager { text-align: center; margin-bottom: 10px; }

.pager-btn { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.7rem; font-weight: 600; padding: 8px 12px; margin: 5px; }

a.pager-btn:link, a.pager-btn:visited { border-radius: 3px; text-decoration: none; background-color: #f4f4f4; box-shadow: 0 2px 0 0 #e7e7e7; }

a.pager-btn:hover, a.pager-btn:focus, a.pager-btn:active { background-color: #0a9eff; color: white; }

.pager-btn-rel-prev:before { content: "\02039"; margin-right: 10px; font-weight: bold; }

.pager-btn-rel-next:after { content: "\0203A"; margin-left: 10px; font-weight: bold; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.02.2017 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 10.10.2016 */
.post-navigation { background-color: #ceecff; position: relative; z-index: 10; }

@media print { .post-navigation { display: none; } }

.full-bleed, .fullbleed { width: 104vw !important; margin-left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: none !important; }

.anchor { display: block; position: relative; top: -100px; visibility: hidden; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 25.11.2016 */
@media print { .related__articles { display: none; } }

.article-area { position: relative; z-index: 100; background-color: white; padding-top: 12px; }

.related__articles { background-size: cover; min-height: 100%; background-attachment: fixed; z-index: 0; position: relative; background-color: #f4f4f4; }

.related__articles--wrap { margin: 0 auto; width: 85vw; }

@media all and (min-width: 480px) { .related__articles--wrap { width: 440px; } }

@media all and (min-width: 767px) { .related__articles--wrap { width: 727px; } }

@media all and (min-width: 960px) { .related__articles--wrap { width: 920px; } }

@media all and (min-width: 1200px) { .related__articles--wrap { width: 1160px; } }

@media print { .related__articles--wrap { width: 95%; } }

@media all and (min-width: 960px) { .related__articles--wrap { min-height: 60vh; } }

.related__headline { /*-debug-information: title__main--xxxl; */ line-height: 1.2; color: #0a9eff; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.20072rem; margin-bottom: 20px; margin-top: 0px; margin-left: 10px; padding-top: 60px; display: block; }

@media all and (min-width: 767px) { .related__headline { font-size: 2.34743rem; } }

@media all and (min-width: 960px) { .related__headline { font-size: 2.34743rem; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 26.11.2016 */
.search-topic { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; font-weight: 600; color: #0a9eff; }

.search-title { margin-top: 0; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 14.11.2016 */
.searchform { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* in case search is displayed in header */ /* in case search is displayed in page */ }

.search__header .searchform { position: absolute; display: none; }

@media all and (min-width: 960px) { .search__header .searchform { display: block; } }

.header--small .search__header .searchform { top: 12px; left: 155px; }

.header--large .search__header .searchform { right: 30px; bottom: 2px; background-color: rgba(255, 255, 255, 0.9); }

.search__header .searchform .icon__search { position: absolute; top: 5px; }

.search__page .searchform { margin: 5rem 0; }

.search-submit { background-color: white; border: none; margin-left: 20px; }

.searchform .search-field { width: 100%; display: inline-block; }

.search__header .searchform .search-field { background-color: rgba(255, 255, 255, 0.9); border: none; }

.search-field::-webkit-input-placeholder { color: black; font-weight: 600; }

.search-field:-moz-placeholder { /* Firefox 18- */ color: black; font-weight: 600; }

.search-field::-moz-placeholder { /* Firefox 19+ */ color: black; font-weight: 600; }

.search-field:-ms-input-placeholder { color: black; font-weight: 600; }

.search-label { display: inline-block; position: relative; -webkit-transition: width 0.2s 0.1s; transition: width 0.2s 0.1s; width: 80px; }

.searchform:hover .search-label { width: 230px; }

.search__page .search-label { width: 230px; }

@media all and (min-width: 960px) { .mobile-only { display: none; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 02.06.2016 */
.header--small .site-header { position: absolute; z-index: 99999; top: 0; left: 0; right: 0; width: 100vw; height: 60px; background-color: rgba(255, 255, 255, 0.93); box-shadow: 0 11px 36px -27px rgba(120, 120, 120, 0.8); border-bottom: 1px solid rgba(100, 100, 100, 0.1); }

@media all and (min-width: 960px) { .header--small .site-header { position: fixed; } }

.header--large .site-header { margin: 0 auto; width: 85vw; }

@media all and (min-width: 480px) { .header--large .site-header { width: 440px; } }

@media all and (min-width: 767px) { .header--large .site-header { width: 727px; } }

@media all and (min-width: 960px) { .header--large .site-header { width: 920px; } }

@media all and (min-width: 1200px) { .header--large .site-header { width: 1160px; } }

@media print { .header--large .site-header { width: 95%; } }

.admin-bar .site-header { top: 32px; }

.header--small .site-content { margin-top: 60px; }

.header--small :target { scroll-margin-top: 60px; }

.site-main { margin-top: 60px; }

.site-main .header--small { margin-top: 60px; }

.site-description { visibility: hidden; }

.site-info { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: bold; }

.header--small .site-branding { position: relative; }

.header--large .site-branding { padding-top: 20px; margin: 0 auto 0 auto; text-align: center; width: 230px; }

@media all and (min-width: 960px) { .header--large .site-branding { margin: 20px 0 0 10px; text-align: left; width: unset; } }

@media all and (min-width: 1200px) { .header--large .site-branding { margin: 20px 0 0 15px; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 24.11.2016 */
.social__bar { margin: 0 auto; width: 85vw; }

@media all and (min-width: 480px) { .social__bar { width: 440px; } }

@media all and (min-width: 767px) { .social__bar { width: 727px; } }

@media all and (min-width: 960px) { .social__bar { width: 920px; } }

@media all and (min-width: 1200px) { .social__bar { width: 1160px; } }

@media print { .social__bar { width: 95%; } }

@media all and (min-width: 960px) { .social__bar { text-align: center; } }

.social__bar--inner { display: inline-block; }

.social__button { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #ededed; }

.footer__social .social__button { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button { margin: 5px 2px; padding: 5px 7px; } }

.social__button:link, .social__button:visited { color: white; background-color: #f7f7f7; }

.social__button:hover, .social__button:active, .social__button:focus { border: 2px solid rgba(247, 247, 247, 0.05); border-bottom: 2px solid rgba(247, 247, 247, 0.3); background-color: rgba(247, 247, 247, 0.05); color: #f7f7f7; }

.social__button:hover svg, .social__button:active svg, .social__button:focus svg { fill: #f7f7f7; }

.social__button svg { fill: white; }

.social__button img { max-width: 48px; height: 32px; }

.social__text { position: relative; top: -2px; display: none; }

@media all and (min-width: 960px) { .social__text { display: inline; } }

.footer__social .social__text { display: none; }

.social__icon svg { width: 18px; height: 18px; }

@media all and (min-width: 960px) { .social__icon svg { margin-right: 5px; } }

.social__button--facebook { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #355089; }

.footer__social .social__button--facebook { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--facebook { margin: 5px 2px; padding: 5px 7px; } }

.social__button--facebook:link, .social__button--facebook:visited { color: white; background-color: #3b5998; }

.social__button--facebook:hover, .social__button--facebook:active, .social__button--facebook:focus { border: 2px solid rgba(59, 89, 152, 0.05); border-bottom: 2px solid rgba(59, 89, 152, 0.3); background-color: rgba(59, 89, 152, 0.05); color: #3b5998; }

.social__button--facebook:hover svg, .social__button--facebook:active svg, .social__button--facebook:focus svg { fill: #3b5998; }

.social__button--facebook svg { fill: white; }

.social__button--facebook img { max-width: 48px; height: 32px; }

.social__button--twitter { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #42a3ec; }

.footer__social .social__button--twitter { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--twitter { margin: 5px 2px; padding: 5px 7px; } }

.social__button--twitter:link, .social__button--twitter:visited { color: white; background-color: #55acee; }

.social__button--twitter:hover, .social__button--twitter:active, .social__button--twitter:focus { border: 2px solid rgba(85, 172, 238, 0.05); border-bottom: 2px solid rgba(85, 172, 238, 0.3); background-color: rgba(85, 172, 238, 0.05); color: #55acee; }

.social__button--twitter:hover svg, .social__button--twitter:active svg, .social__button--twitter:focus svg { fill: #55acee; }

.social__button--twitter svg { fill: white; }

.social__button--twitter img { max-width: 48px; height: 32px; }

.social__button--google { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #da3b28; }

.footer__social .social__button--google { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--google { margin: 5px 2px; padding: 5px 7px; } }

.social__button--google:link, .social__button--google:visited { color: white; background-color: #dd4b39; }

.social__button--google:hover, .social__button--google:active, .social__button--google:focus { border: 2px solid rgba(221, 75, 57, 0.05); border-bottom: 2px solid rgba(221, 75, 57, 0.3); background-color: rgba(221, 75, 57, 0.05); color: #dd4b39; }

.social__button--google:hover svg, .social__button--google:active svg, .social__button--google:focus svg { fill: #dd4b39; }

.social__button--google svg { fill: white; }

.social__button--google img { max-width: 48px; height: 32px; }

.social__button--whatsapp { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #43b83d; }

.footer__social .social__button--whatsapp { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--whatsapp { margin: 5px 2px; padding: 5px 7px; } }

.social__button--whatsapp:link, .social__button--whatsapp:visited { color: white; background-color: #4dc247; }

.social__button--whatsapp:hover, .social__button--whatsapp:active, .social__button--whatsapp:focus { border: 2px solid rgba(77, 194, 71, 0.05); border-bottom: 2px solid rgba(77, 194, 71, 0.3); background-color: rgba(77, 194, 71, 0.05); color: #4dc247; }

.social__button--whatsapp:hover svg, .social__button--whatsapp:active svg, .social__button--whatsapp:focus svg { fill: #4dc247; }

.social__button--whatsapp svg { fill: white; }

.social__button--whatsapp img { max-width: 48px; height: 32px; }

@media all and (min-width: 767px) { .social__button--whatsapp { display: none; } }

.social__button--instagram { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #f4502d; }

.footer__social .social__button--instagram { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--instagram { margin: 5px 2px; padding: 5px 7px; } }

.social__button--instagram:link, .social__button--instagram:visited { color: white; background-color: #f56040; }

.social__button--instagram:hover, .social__button--instagram:active, .social__button--instagram:focus { border: 2px solid rgba(245, 96, 64, 0.05); border-bottom: 2px solid rgba(245, 96, 64, 0.3); background-color: rgba(245, 96, 64, 0.05); color: #f56040; }

.social__button--instagram:hover svg, .social__button--instagram:active svg, .social__button--instagram:focus svg { fill: #f56040; }

.social__button--instagram svg { fill: white; }

.social__button--instagram img { max-width: 48px; height: 32px; }

.social__button--youtube { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #bb1d1c; }

.footer__social .social__button--youtube { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--youtube { margin: 5px 2px; padding: 5px 7px; } }

.social__button--youtube:link, .social__button--youtube:visited { color: white; background-color: #cd201f; }

.social__button--youtube:hover, .social__button--youtube:active, .social__button--youtube:focus { border: 2px solid rgba(205, 32, 31, 0.05); border-bottom: 2px solid rgba(205, 32, 31, 0.3); background-color: rgba(205, 32, 31, 0.05); color: #cd201f; }

.social__button--youtube:hover svg, .social__button--youtube:active svg, .social__button--youtube:focus svg { fill: #cd201f; }

.social__button--youtube svg { fill: white; }

.social__button--youtube img { max-width: 48px; height: 32px; }

.social__button--mail { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #444546; }

.footer__social .social__button--mail { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--mail { margin: 5px 2px; padding: 5px 7px; } }

.social__button--mail:link, .social__button--mail:visited { color: white; background-color: #4e4f50; }

.social__button--mail:hover, .social__button--mail:active, .social__button--mail:focus { border: 2px solid rgba(78, 79, 80, 0.05); border-bottom: 2px solid rgba(78, 79, 80, 0.3); background-color: rgba(78, 79, 80, 0.05); color: #4e4f50; }

.social__button--mail:hover svg, .social__button--mail:active svg, .social__button--mail:focus svg { fill: #4e4f50; }

.social__button--mail svg { fill: white; }

.social__button--mail img { max-width: 48px; height: 32px; }

.social__button--bitcoin { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #eb8d00; }

.footer__social .social__button--bitcoin { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--bitcoin { margin: 5px 2px; padding: 5px 7px; } }

.social__button--bitcoin:link, .social__button--bitcoin:visited { color: white; background-color: #ff9900; }

.social__button--bitcoin:hover, .social__button--bitcoin:active, .social__button--bitcoin:focus { border: 2px solid rgba(255, 153, 0, 0.05); border-bottom: 2px solid rgba(255, 153, 0, 0.3); background-color: rgba(255, 153, 0, 0.05); color: #ff9900; }

.social__button--bitcoin:hover svg, .social__button--bitcoin:active svg, .social__button--bitcoin:focus svg { fill: #ff9900; }

.social__button--bitcoin svg { fill: white; }

.social__button--bitcoin img { max-width: 48px; height: 32px; }

.social__button--flattr { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #80b231; }

.footer__social .social__button--flattr { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--flattr { margin: 5px 2px; padding: 5px 7px; } }

.social__button--flattr:link, .social__button--flattr:visited { color: white; background-color: #8cc235; }

.social__button--flattr:hover, .social__button--flattr:active, .social__button--flattr:focus { border: 2px solid rgba(140, 194, 53, 0.05); border-bottom: 2px solid rgba(140, 194, 53, 0.3); background-color: rgba(140, 194, 53, 0.05); color: #8cc235; }

.social__button--flattr:hover svg, .social__button--flattr:active svg, .social__button--flattr:focus svg { fill: #8cc235; }

.social__button--flattr svg { fill: white; }

.social__button--flattr img { max-width: 48px; height: 32px; }

.social__button--paypal { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #006cad; }

.footer__social .social__button--paypal { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--paypal { margin: 5px 2px; padding: 5px 7px; } }

.social__button--paypal:link, .social__button--paypal:visited { color: white; background-color: #0079c1; }

.social__button--paypal:hover, .social__button--paypal:active, .social__button--paypal:focus { border: 2px solid rgba(0, 121, 193, 0.05); border-bottom: 2px solid rgba(0, 121, 193, 0.3); background-color: rgba(0, 121, 193, 0.05); color: #0079c1; }

.social__button--paypal:hover svg, .social__button--paypal:active svg, .social__button--paypal:focus svg { fill: #0079c1; }

.social__button--paypal svg { fill: white; }

.social__button--paypal img { max-width: 48px; height: 32px; }

.social__button--rss { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #e08f18; }

.footer__social .social__button--rss { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--rss { margin: 5px 2px; padding: 5px 7px; } }

.social__button--rss:link, .social__button--rss:visited { color: white; background-color: #e89924; }

.social__button--rss:hover, .social__button--rss:active, .social__button--rss:focus { border: 2px solid rgba(232, 153, 36, 0.05); border-bottom: 2px solid rgba(232, 153, 36, 0.3); background-color: rgba(232, 153, 36, 0.05); color: #e89924; }

.social__button--rss:hover svg, .social__button--rss:active svg, .social__button--rss:focus svg { fill: #e89924; }

.social__button--rss svg { fill: white; }

.social__button--rss img { max-width: 48px; height: 32px; }

.social__button--comment { -webkit-transition: border 0.2s 0.1s, background-color 0.08s 0.12s; transition: border 0.2s 0.1s, background-color 0.08s 0.12s; display: inline-block; box-sizing: border-box; padding: 5px 5px; padding-right: 20px; max-width: 48px; border-radius: 1px; margin: 5px 1px; text-decoration: none; /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; line-height: 18px; font-weight: 500; box-shadow: 0 3px 5px -1px rgba(87, 90, 89, 0.15); border: 2px solid #0094f5; }

.footer__social .social__button--comment { padding: 5px 13px; }

@media all and (min-width: 1200px) { .social__button--comment { margin: 5px 2px; padding: 5px 7px; } }

.social__button--comment:link, .social__button--comment:visited { color: white; background-color: #0a9eff; }

.social__button--comment:hover, .social__button--comment:active, .social__button--comment:focus { border: 2px solid rgba(10, 158, 255, 0.05); border-bottom: 2px solid rgba(10, 158, 255, 0.3); background-color: rgba(10, 158, 255, 0.05); color: #0a9eff; }

.social__button--comment:hover svg, .social__button--comment:active svg, .social__button--comment:focus svg { fill: #0a9eff; }

.social__button--comment svg { fill: white; }

.social__button--comment img { max-width: 48px; height: 32px; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 28.11.2016 */
.sponsored { text-align: center; padding-top: 40px; background-color: white; }

.sponsored p { font-size: 13px; font-weight: 400; }

.sponsored__info svg { margin-top: 10px; width: 120px; height: 30px; }

.sponsored__info img { margin-top: 10px; width: 120px; height: 30px; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
@media all and (min-width: 960px) { .teaser--disrupter { margin-bottom: -40px; } }

.teaser--disrupter .teaser__inner { top: 180px; bottom: auto; }

.grid-container-style-background-blue .teaser--disrupter .teaser__inner { background-color: rgba(10, 158, 255, 0.8); }

.grid-container-style-background-green .teaser--disrupter .teaser__inner { background-color: rgba(171, 204, 39, 0.8); }

.grid-container-style-background-yellow .teaser--disrupter .teaser__inner { background-color: rgba(249, 166, 2, 0.8); }

.grid-container-style-background-purple .teaser--disrupter .teaser__inner { background-color: rgba(165, 1, 124, 0.8); }

.grid-box-style-left .teaser--disrupter .teaser__inner { right: 20px; }

.grid-box-style-right .teaser--disrupter .teaser__inner { left: 0; }

.teaser--disrupter .teaser__thumbnail { margin-left: 0; }

@media all and (min-width: 960px) { .grid-box-style-right .teaser--disrupter .teaser__thumbnail { margin-left: 380px; } }

.teaser--disrupter .teaser__link--text { color: white; }

.teaser--disrupter .teaser__headline, .teaser--disrupter .teaser__headline a { color: white; }

.teaser--disrupter .teaser__excerpt { color: white; }

/** @author Benjamin Birkenhake <benjamin.birkenhake@palasthotel.de> @modified 09.06.2016 */
.grid-container-has-multiple-slots .grid-box-first .teaser--feature .teaser__thumbnail { width: 100%; }

.grid-container-has-multiple-slots .grid-box-first .teaser--feature .teaser__inner { width: 98%; padding: 0px; }

.grid-container-has-multiple-slots .grid-box-first .teaser--feature .teaser__headline:after { display: block; background-color: transparent; }

.grid-container-has-one-slot .teaser--feature .teaser__inner { padding: 20px; }

.teaser.teaser--feature { padding-bottom: 0; }

.teaser--feature .teaser__thumbnail { width: 100%; margin-bottom: 20px; }

.teaser--feature .teaser__thumbnail:after { content: ""; height: 10px; display: block; width: 75%; background-color: var(--color-blue-border); }

@media all and (min-width: 767px) { .teaser--feature .teaser__thumbnail { width: 65%; z-index: 1; }
  .teaser--feature .teaser__thumbnail img { box-shadow: 0.25vh 0.25vh 0.8vh -1px rgba(130, 130, 130, 0.45); }
  .teaser--feature .teaser__thumbnail:after { z-index: -1; right: -1vh; left: 1vh; bottom: -1vh; top: 1vh; } }

.teaser--feature .teaser__headline { position: relative; }

@media all and (min-width: 767px) { .teaser--feature .teaser__headline { font-size: 2.50392rem; } }

.teaser--feature .teaser__headline:after { content: ""; width: 67%; height: 0.6rem; display: block; background-color: #0a9eff; position: absolute; top: calc(-18px - 0.6rem); z-index: 100; right: calc(20px + 100% - 67%); line-height: 1.3; }

.teaser--feature .teaser__inner { background-color: rgba(255, 255, 255, 0.85); padding: 0px 10px; z-index: 4; }

@media all and (min-width: 767px) { .teaser--feature .teaser__inner { width: calc(50%); padding: 0px; background-color: white; bottom: -20px; } }

.grid-container-style-background-gray .teaser--feature .teaser__inner { background-color: #f4f4f4; }

@media all and (min-width: 0) and (max-width: 766px) { .grid-slot-1d1 .teaser--feature .teaser__inner { position: relative; width: 90%; margin-top: -20px; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
.grid-container-has-multiple-slots .grid-box-first .teaser--highlight .teaser__thumbnail { width: 100%; }

.grid-container-has-multiple-slots .grid-box-first .teaser--highlight .teaser__inner { width: 98%; padding: 0px; }

.grid-container-has-multiple-slots .grid-box-first .teaser--highlight .teaser__headline:after { display: block; background-color: transparent; }

.grid-container-has-one-slot .teaser--highlight .teaser__inner { padding: 20px; }

.teaser--highlight .teaser__thumbnail { width: 100%; }

@media all and (min-width: 767px) { .teaser--highlight .teaser__thumbnail { width: 65%; z-index: 1; }
  .teaser--highlight .teaser__thumbnail img { box-shadow: 0.25vh 0.25vh 0.8vh -1px rgba(130, 130, 130, 0.45); }
  .teaser--highlight .teaser__thumbnail:after { z-index: -1; right: -1vh; left: 1vh; bottom: -1vh; top: 1vh; } }

.teaser--highlight .teaser__headline { position: relative; }

.teaser--highlight .teaser__headline:after { content: ""; width: 67%; height: 0.6rem; display: block; background-color: #0a9eff; position: absolute; top: calc(-18px - 0.6rem); z-index: 100; right: calc(20px + 100% - 67%); line-height: 1.3; }

.teaser--highlight .teaser__inner { background-color: rgba(255, 255, 255, 0.85); padding: 0px 10px; z-index: 4; }

@media all and (min-width: 767px) { .teaser--highlight .teaser__inner { width: calc(50%); padding: 0px; background-color: white; bottom: -20px; } }

.grid-container-style-background-gray .teaser--highlight .teaser__inner { background-color: #f4f4f4; }

@media all and (min-width: 0) and (max-width: 766px) { .grid-slot-1d1 .teaser--highlight .teaser__inner { position: relative; width: 90%; margin-top: -20px; } }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
.teaser--list { padding-bottom: 10px; }

.teaser--list--item { list-style: none; }

.teaser__list--item { list-style: none; border-bottom: 1px solid black; }

.teaser__list--item:last-child { border-bottom: none; }

.teaser__list--wrap { margin: 0; padding: 0; list-style: none; }

.article__list { margin-top: 3em; }

.article__list hr { margin-bottom: 3em; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
.teaser--text { padding-bottom: 0; }

.teaser--ticker .teaser__excerpt { display: block; }

.post-type-archive-ticker .archive-list h2 a { text-decoration: none; }

.teaser--ticker .teaser__link .dashicons { font-size: 1.6rem; line-height: 1.6; }

.teaser--ticker .teaser__link:hover .dashicons { color: #0a9eff; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
.teaser--typo { padding-top: 60px; padding-left: 60px; padding-bottom: 0; }

@media all and (min-width: 767px) { .teaser--typo { padding-top: 200px; padding-left: 280px; } }

@media all and (min-width: 767px) { .grid-slot-2d3 .teaser--typo { padding-top: 110px; padding-left: 140px; } }

@media all and (min-width: 767px) { .grid-slot-1d1 .teaser--typo { padding-top: 110px; padding-left: 140px; } }

.teaser--typo .teaser__excerpt { display: none; }

.teaser--typo .teaser__inner { position: relative; z-index: 10; width: 100%; }

.teaser--typo .teaser__headline { /*-debug-information: title__main--xxl; */ color: #4e4f50; line-height: 1.2; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.67085rem; margin-bottom: 18px; margin-top: 0px; }

@media all and (min-width: 767px) { .teaser--typo .teaser__headline { font-size: 2.84891rem; } }

@media all and (min-width: 1200px) { .teaser--typo .teaser__headline { font-size: 3.03884rem; } }

.teaser--typo .teaser__thumbnail { width: 100%; position: absolute; z-index: 1; left: 0; top: 0; opacity: 0.3; -webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s, top 0.3s 0.1s; transition: opacity 0.3s 0.1s, left 0.3s 0.1s, top 0.3s 0.1s; }

.grid-slot-1d1 .teaser--typo .teaser__thumbnail { left: -140px; top: -30px; }

@media all and (min-width: 767px) { .grid-slot-1d1 .teaser--typo .teaser__thumbnail { left: -240px; top: -70px; } }

.grid-slot-2d3 .teaser--typo .teaser__thumbnail { left: -140px; top: -30px; }

@media all and (min-width: 767px) { .grid-slot-2d3 .teaser--typo .teaser__thumbnail { left: -190px; top: -50px; } }

.teaser--typo .teaser__thumbnail img { box-shadow: none; }

@media all and (min-width: 767px) { .grid-slot-1d1 .teaser--typo .teaser__thumbnail { width: 60%; } }

@media all and (min-width: 767px) { .grid-slot-2d3 .teaser--typo .teaser__thumbnail { width: 70%; } }

.teaser--typo .teaser__thumbnail:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("images/teaser--typo.svg"); background-position: 50% 50%; background-size: 200%; z-index: 10; -webkit-transition: background-size 0.3s 0.1s; transition: background-size 0.3s 0.1s; }

.teaser--typo:hover .teaser__headline { text-shadow: 1px 1px 2px rgba(33, 33, 33, 0.5); }

.teaser--typo:hover .teaser__headline a:link, .teaser--typo:hover .teaser__headline a:visited { color: white; }

.teaser.teaser--typo:hover .teaser__thumbnail { opacity: 1; left: 0; top: 0; }

.teaser.teaser--typo:hover .teaser__thumbnail:after { background-size: 900%; background-position: 50% 50%; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 08.06.2016 */
.teaser { position: relative; padding-bottom: 40px; word-break: break-word; }

.teaser:after { content: ""; display: table; clear: both; }

.grid-slot-1d1 .teaser { padding-bottom: 0; }

.teaser__date { /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; }

.teaser__excerpt { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; color: #212121; display: none; margin-bottom: 10px; }

@media all and (min-width: 767px) { .teaser__excerpt { display: block; } }

.teaser__excerpt p { margin-bottom: 0; }

.grid-slot-1d1 .teaser__excerpt { display: none; }

.teaser__excerpt--worue { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; margin-bottom: 10px; }

.teaser__excerpt--worue p { margin-bottom: 0; }

.teaser__footer { /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; }

.teaser__header { line-height: 1.2; }

.grid-slot-1d6 .teaser__header, .grid-slot-1d4 .teaser__header, .grid-slot-1d3 .teaser__header { margin-top: 20px; }

.teaser__subtitle { color: #0a9eff; font-weight: 550; font-size: 1.7rem; line-height: 1; margin-top: -0.2rem; margin-bottom: 0.35rem; display: block; font-style: normal; }

.entry-title--kolumne .teaser__subtitle { color: #b83067; }

.teaser__subtitle__separator { opacity: 0; }

.teaser__headline { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; line-height: 1.3; font-size: 1.7rem; font-weight: 600; word-break: break-word; color: #001e31; margin-bottom: 5px; }

@media all and (min-width: 480px) { .teaser__headline { font-size: 1.81333rem; } }

@media all and (min-width: 1200px) { .teaser__headline { font-size: 1.93422rem; } }

.teaser__headline a:link, .teaser__headline a:visited { text-decoration: none; color: #001e31; }

.teaser__headline a:hover, .teaser__headline a:active, .teaser__headline a:focus { outline: none; text-decoration: underline; }

.grid-slot-1d1 .teaser__headline { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; line-height: 1.3; font-size: 1.93422rem; font-weight: 600; color: #001e31; }

@media all and (min-width: 480px) { .grid-slot-1d1 .teaser__headline { font-size: 2.06317rem; } }

@media all and (min-width: 1200px) { .grid-slot-1d1 .teaser__headline { font-size: 2.20072rem; } }

.teaser__image { width: 100%; height: auto; }

.grid-box-first .teaser__inner:first-of-type { /*margin-top:20px; */ }

.grid-container-has-multiple-slots .grid-box-first .teaser--highlight .teaser__thumbnail { margin-bottom: 20px; }

.teaser--default .teaser__inner, .grid-slot-2d3 .teaser__inner { float: left; margin-left: 35%; width: 66.66667%; margin-bottom: 20px; }

@media all and (min-width: 767px) { .teaser--default .teaser__inner, .grid-slot-2d3 .teaser__inner { width: 66.66667%; margin-left: 182px; } }

@media all and (min-width: 960px) { .teaser--default .teaser__inner, .grid-slot-2d3 .teaser__inner { width: 66.66667%; margin-left: 31%; } }

@media all and (min-width: 1200px) { .teaser--default .teaser__inner, .grid-slot-2d3 .teaser__inner { width: 66.66667%; margin-left: 31%; } }

.grid-slot-1d1 .teaser__inner { position: absolute; right: 0; width: calc(50% - 10px); }

.teaser--default figure ~ .teaser__inner, .grid-slot-2d3 figure ~ .teaser__inner { margin-left: 0px; }

.teaser__readmore-link { display: none; }

.teaser__kicker { display: none; }

.teaser__link--text { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; line-height: 1.3; font-size: 1.7rem; font-weight: 600; word-break: break-word; color: #001e31; }

@media all and (min-width: 480px) { .teaser__link--text { font-size: 1.81333rem; } }

@media all and (min-width: 1200px) { .teaser__link--text { font-size: 1.93422rem; } }

.teaser__thumbnail { position: relative; z-index: 1; line-height: 10px; position: relative; }

.teaser--default .teaser__thumbnail { margin-right: 20px; float: left; width: calc(33.333% - 20px); }

@media all and (min-width: 767px) { .teaser--default .teaser__thumbnail { width: 160px; } }

@media all and (min-width: 960px) { .teaser--default .teaser__thumbnail { width: 240px; } }

.grid-slot-2d3 .teaser__thumbnail { margin-right: 20px; float: left; width: calc(33.333% - 20px); }

@media all and (min-width: 960px) { .grid-slot-2d3 .teaser__thumbnail { width: 160px; } }

@media all and (min-width: 1200px) { .grid-slot-2d3 .teaser__thumbnail { width: 200px; } }

.teaser__thumbnail img { width: 100%; max-width: 100%; box-shadow: 1px 1px 2px 0px rgba(130, 130, 130, 0.45); background-color: white; }

.grid-slot-1d1 .teaser__thumbnail { width: calc(50% - 10px); }

.teaser__thumbnail-link:link, .teaser__thumbnail-link:visited { color: #f4f4f4; }

.teaser--listed { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.teaser--listed .list-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }

@media all and (min-width: 767px) { .teaser--listed .list-item { padding: 10px; width: 50%; } }

@media all and (min-width: 960px) { .teaser--listed .list-item { width: 33.33333%; } }

.teaser--listed .teaser { background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 20px; }

.teaser--list-item { list-style: none; }

.teaser-within-newsletter .teaser__byline, .teaser-within-newsletter .teaser__byline a { color: black; font-style: italic; background: none; }

.teaser-within-newsletter .teaser__excerpt--worue { margin-bottom: 0; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
.teaser--list { padding-bottom: 10px; }

.teaser--list--item { list-style: none; }

.teaser__list--item { list-style: none; border-bottom: 1px solid black; }

.teaser__list--item:last-child { border-bottom: none; }

.teaser__list--wrap { margin: 0; padding: 0; list-style: none; }

.article__list { margin-top: 3em; }

.article__list hr { margin-bottom: 3em; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
.teaser--text { padding-bottom: 0; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
.teaser--typo { padding-top: 60px; padding-left: 60px; padding-bottom: 0; }

@media all and (min-width: 767px) { .teaser--typo { padding-top: 200px; padding-left: 280px; } }

@media all and (min-width: 767px) { .grid-slot-2d3 .teaser--typo { padding-top: 110px; padding-left: 140px; } }

@media all and (min-width: 767px) { .grid-slot-1d1 .teaser--typo { padding-top: 110px; padding-left: 140px; } }

.teaser--typo .teaser__excerpt { display: none; }

.teaser--typo .teaser__inner { position: relative; z-index: 10; width: 100%; }

.teaser--typo .teaser__headline { /*-debug-information: title__main--xxl; */ color: #4e4f50; line-height: 1.2; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: 900; font-size: 2.67085rem; margin-bottom: 18px; margin-top: 0px; }

@media all and (min-width: 767px) { .teaser--typo .teaser__headline { font-size: 2.84891rem; } }

@media all and (min-width: 1200px) { .teaser--typo .teaser__headline { font-size: 3.03884rem; } }

.teaser--typo .teaser__thumbnail { width: 100%; position: absolute; z-index: 1; left: 0; top: 0; opacity: 0.3; -webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s, top 0.3s 0.1s; transition: opacity 0.3s 0.1s, left 0.3s 0.1s, top 0.3s 0.1s; }

.grid-slot-1d1 .teaser--typo .teaser__thumbnail { left: -140px; top: -30px; }

@media all and (min-width: 767px) { .grid-slot-1d1 .teaser--typo .teaser__thumbnail { left: -240px; top: -70px; } }

.grid-slot-2d3 .teaser--typo .teaser__thumbnail { left: -140px; top: -30px; }

@media all and (min-width: 767px) { .grid-slot-2d3 .teaser--typo .teaser__thumbnail { left: -190px; top: -50px; } }

.teaser--typo .teaser__thumbnail img { box-shadow: none; }

@media all and (min-width: 767px) { .grid-slot-1d1 .teaser--typo .teaser__thumbnail { width: 60%; } }

@media all and (min-width: 767px) { .grid-slot-2d3 .teaser--typo .teaser__thumbnail { width: 70%; } }

.teaser--typo .teaser__thumbnail:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("images/teaser--typo.svg"); background-position: 50% 50%; background-size: 200%; z-index: 10; -webkit-transition: background-size 0.3s 0.1s; transition: background-size 0.3s 0.1s; }

.teaser--typo:hover .teaser__headline { text-shadow: 1px 1px 2px rgba(33, 33, 33, 0.5); }

.teaser--typo:hover .teaser__headline a:link, .teaser--typo:hover .teaser__headline a:visited { color: white; }

.teaser.teaser--typo:hover .teaser__thumbnail { opacity: 1; left: 0; top: 0; }

.teaser.teaser--typo:hover .teaser__thumbnail:after { background-size: 900%; background-position: 50% 50%; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
@media all and (min-width: 960px) { .teaser--disrupter { margin-bottom: -40px; } }

.teaser--disrupter .teaser__inner { top: 180px; bottom: auto; }

.grid-container-style-background-blue .teaser--disrupter .teaser__inner { background-color: rgba(10, 158, 255, 0.8); }

.grid-container-style-background-green .teaser--disrupter .teaser__inner { background-color: rgba(171, 204, 39, 0.8); }

.grid-container-style-background-yellow .teaser--disrupter .teaser__inner { background-color: rgba(249, 166, 2, 0.8); }

.grid-container-style-background-purple .teaser--disrupter .teaser__inner { background-color: rgba(165, 1, 124, 0.8); }

.grid-box-style-left .teaser--disrupter .teaser__inner { right: 20px; }

.grid-box-style-right .teaser--disrupter .teaser__inner { left: 0; }

.teaser--disrupter .teaser__thumbnail { margin-left: 0; }

@media all and (min-width: 960px) { .grid-box-style-right .teaser--disrupter .teaser__thumbnail { margin-left: 380px; } }

.teaser--disrupter .teaser__link--text { color: white; }

.teaser--disrupter .teaser__headline, .teaser--disrupter .teaser__headline a { color: white; }

.teaser--disrupter .teaser__excerpt { color: white; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 09.06.2016 */
.grid-container-has-multiple-slots .grid-box-first .teaser--highlight .teaser__thumbnail { width: 100%; }

.grid-container-has-multiple-slots .grid-box-first .teaser--highlight .teaser__inner { width: 98%; padding: 0px; }

.grid-container-has-multiple-slots .grid-box-first .teaser--highlight .teaser__headline:after { display: block; background-color: transparent; }

.grid-container-has-one-slot .teaser--highlight .teaser__inner { padding: 20px; }

.teaser--highlight .teaser__thumbnail { width: 100%; }

@media all and (min-width: 767px) { .teaser--highlight .teaser__thumbnail { width: 65%; z-index: 1; }
  .teaser--highlight .teaser__thumbnail img { box-shadow: 0.25vh 0.25vh 0.8vh -1px rgba(130, 130, 130, 0.45); }
  .teaser--highlight .teaser__thumbnail:after { z-index: -1; right: -1vh; left: 1vh; bottom: -1vh; top: 1vh; } }

.teaser--highlight .teaser__headline { position: relative; }

.teaser--highlight .teaser__headline:after { content: ""; width: 67%; height: 0.6rem; display: block; background-color: #0a9eff; position: absolute; top: calc(-18px - 0.6rem); z-index: 100; right: calc(20px + 100% - 67%); line-height: 1.3; }

.teaser--highlight .teaser__inner { background-color: rgba(255, 255, 255, 0.85); padding: 0px 10px; z-index: 4; }

@media all and (min-width: 767px) { .teaser--highlight .teaser__inner { width: calc(50%); padding: 0px; background-color: white; bottom: -20px; } }

.grid-container-style-background-gray .teaser--highlight .teaser__inner { background-color: #f4f4f4; }

@media all and (min-width: 0) and (max-width: 766px) { .grid-slot-1d1 .teaser--highlight .teaser__inner { position: relative; width: 90%; margin-top: -20px; } }

.single-tribe_events .tribe-events-schedule h2 { margin-top: 0; font-size: 20px; font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; }

.single-tribe_events .tribe-events-content p { max-width: 640px; margin: 0 auto; }

.tribe-event-date { /*-debug-information: text__main--s; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #4e4f50; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 1.59375rem; font-weight: 600; }

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

@media all and (min-width: 767px) { .wp-caption { max-width: 96%; /* Image does not overflow the content area */ } }

.wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: 100%; }

@media all and (min-width: 767px) { .wp-caption img { width: auto; } }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

@media all and (min-width: 480px) { .wp-caption.alignleft { margin-left: -40px; } }

@media all and (min-width: 767px) { .wp-caption.alignleft { margin-left: -60px; } }

@media all and (min-width: 960px) { .wp-caption.alignleft { margin-left: -80px; } }

@media all and (min-width: 1200px) { .wp-caption.alignleft { margin-left: -120px; } }

@media all and (min-width: 480px) { .wp-caption.alignright { margin-right: 40px; } }

@media all and (min-width: 767px) { .wp-caption.alignright { margin-left: 20px; margin-right: -80px; } }

@media all and (min-width: 960px) { .wp-caption.alignright { margin-right: -120px; } }

@media all and (min-width: 1200px) { .wp-caption.alignright { margin-right: -160px; } }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

.wp-caption-text { /*-debug-information: text__main--xs; */ font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; color: #212121; font-weight: 400; font-style: normal; line-height: 1.6; font-size: 1.49414rem; max-width: 700px; margin-bottom: 10px; margin-top: 12px; }

@media all and (min-width: 767px) { .wp-caption-text { margin-top: 5px; } }

.wp-caption-text .media-license-caption { display: inline-block; }

.wp-caption-text .media-license-caption, .wp-caption-text .media-license-caption * { color: #9a9c9d; }

.entry-thumbnail .wp-caption-text { margin-left: 20px; }

@media all and (min-width: 767px) { .entry-thumbnail .wp-caption-text { margin-left: 20px; } }

@media all and (min-width: 960px) { .entry-thumbnail .wp-caption-text { margin-left: 40px; } }

@media all and (min-width: 1200px) { .entry-thumbnail .wp-caption-text { margin-left: 60px; } }

.wpcf7-list-item { display: block; }

.wpcf7-not-valid { color: #dc3232; font-size: 1em; font-weight: 400; display: block; }

/** @author Stephan Kroppenstedt <stephan.kroppenstedt@palasthotel.de> @modified 19.07.2016 */
.tnp-subscription input[type="text"], .tnp-subscription input[type="email"], .tnp-subscription input[type="submit"], .tnp-subscription select { background-color: white; }

.tnp-td-submit { background-color: #f8f4f3; }

.tnp-field { display: block; }

.home .tnp-subscription { float: left; }

.home .tnp-email { background-color: white !important; }

.page-template-template-page-newsletter-profile div.tnp-lists::before { position: relative; top: -0.2em; content: 'Wähle hier alle Newsletter aus, die Du erhalten möchtest:'; font-size: 0.9em; }

.tnp-subscription-form-3 { max-width: 100% !important; }

.tnp-subscription-form-3 .tnp-field-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

@media all and (min-width: 0) and (max-width: 766px) { .tnp-subscription-form-3 .tnp-field-list { display: block; } }

.tnp-subscription-form-3 .tnp-section-image { width: 35%; margin-right: 5%; }

@media all and (min-width: 0) and (max-width: 766px) { .tnp-subscription-form-3 .tnp-section-image { width: 100%; } }

.tnp-subscription-form-3 .tnp-section-text { width: 60%; }

@media all and (min-width: 0) and (max-width: 766px) { .tnp-subscription-form-3 .tnp-section-text { width: 100%; } }

.tnp-subscription-form-3 .tnp-lists { display: block; }

.tnp-subscription-form-3 .tnp-field-checkbox label, .tnp-subscription-form-3 .tnp-profile .tnp-field-checkbox label { font-weight: 800; font-size: 2.67085rem; margin: 20px 0 5px 0; }

.tnp-subscription-form-3 p { font-size: 1.59375rem; margin-bottom: 8px !important; }

.tnp-subscription-form-3 .tnp-privacy-field { margin-top: 30px; }

.tnp-subscription-form-3 input[type="email"] { width: auto; margin: 0 30px 0 0; }

.tnp-subscription-form-3 .abo { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.tnp-subscription-form-3 .tnp-field-email { margin-right: 10px; }

.tnp-subscription-form-3 hr { border: none; border-top: 1.5px dotted #D1D3D3; color: #fff; background-color: #fff; height: 1.5px; width: 100%; }

.tnp-subscription-form-3 .tnp-field-button input.tnp-submit { background-color: #0a9eff; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 1px; -webkit-transition: none; transition: none; font-weight: bold; }

.tnp-subscription-form-3 .tnp-field-button input.tnp-submit:hover { color: white; background: -webkit-linear-gradient(top, #a2acbd 5%, #3e4756 300%); background: linear-gradient(to bottom, #a2acbd 5%, #3e4756 300%); }

.grid-container-c-1d1 .tnp-subscription-form-3 .tnp-privacy-field, .grid-container-c-1d1 .tnp-subscription-form-3 .abo { margin-left: 0; }

@media all and (min-width: 765px) { .grid-container-c-1d1 .tnp-subscription-form-3 .tnp-privacy-field, .grid-container-c-1d1 .tnp-subscription-form-3 .abo { margin-left: 286px; } }

@media all and (min-width: 960px) { .grid-container-c-1d1 .tnp-subscription-form-3 .tnp-privacy-field, .grid-container-c-1d1 .tnp-subscription-form-3 .abo { margin-left: 360px; } }

@media all and (min-width: 1200px) { .grid-container-c-1d1 .tnp-subscription-form-3 .tnp-privacy-field, .grid-container-c-1d1 .tnp-subscription-form-3 .abo { margin-left: 452px; } }

/** @author Ole <ole@netzpolitik.org> */
#spenden-twingle { width: auto; }

.button-spenden { font-family: "Asap", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; background-color: #0a9eff; border: none; color: white; cursor: pointer; border-radius: 4px; padding: 10px; text-align: center; font-weight: 700; width: 100%; text-decoration: none; display: inline-block; margin: 10px 10px 10px 0; box-shadow: 2px 2px 3px -1px #021f33; background: -webkit-linear-gradient(top, #0a9eff 5%, #054f7f 300%); background: linear-gradient(to bottom, #0a9eff 5%, #054f7f 300%); }

.button-spenden strong { font-size: 2em; font-weight: 1000; }

.button-spenden:hover { background-color: grey; background: -webkit-linear-gradient(top, #999999 5%, #4c4c4c 300%); background: linear-gradient(to bottom, #999999 5%, #4c4c4c 300%); color: #f4f4f4; }

.button-spenden:active { box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.75); background: -webkit-linear-gradient(top, #999999 5%, #161616 300%); background: linear-gradient(to bottom, #999999 5%, #161616 300%); color: #dbdbdb; -webkit-transform: scale(0.99); transform: scale(0.99); }

.s23-tile { display: block; position: relative; cursor: pointer; font-family: "Asap Condensed"; width: 85vw; height: calc(85vw * 1.25); font-size: 3vw; }

@media all and (min-width: 480px) { .s23-tile { width: 432px; height: calc(432px * 1.25); font-size: 12pt; } }

@media all and (min-width: 767px) { .s23-tile { width: 230px; height: calc(230px * 1.25); font-size: 6pt; } }

@media all and (min-width: 960px) { .s23-tile { width: 286px; height: calc(286px * 1.25); font-size: 8pt; } }

@media all and (min-width: 1200px) { .s23-tile { width: 356px; height: calc(356px * 1.25); font-size: 10pt; } }

#tile-checked { position: absolute; top: 0px; left: -9999px; opacity: 0; visibility: hidden; }

.s23-tile-1 #s23-tile__back, .s23-tile-2 #s23-tile__back, .s23-tile-3 #s23-tile__back, .s23-tile-4 #s23-tile__back { width: 100%; height: 100%; }

.s23-tile-1 #s23-tile__front { background: url("/wp-upload/2023/07/NP_kampagne_mittsommer_1_1_001.webp"); background-size: cover; }

.s23-tile-1 #s23-tile__back { background: url("/wp-upload/2023/07/NP_kampagne_mittsommer_1_2_001.webp"); background-size: cover; }

.s23-tile-2 #s23-tile__front { background: url("/wp-upload/2023/07/NP_kampagne_mittsommer_2_1_001.webp"); background-size: cover; }

.s23-tile-2 #s23-tile__back { background: url("/wp-upload/2023/07/NP_kampagne_mittsommer_2_2_001.webp"); background-size: cover; }

.s23-tile-3 #s23-tile__front { background: url("/wp-upload/2023/07/NP_kampagne_mittsommer_3_1_001.webp"); background-size: cover; }

.s23-tile-3 #s23-tile__back { background: url("/wp-upload/2023/07/NP_kampagne_mittsommer_3_2_001.webp"); background-size: cover; }

.s23-tile-4 #s23-tile__front { background: url("/wp-upload/2023/07/NP_kampagne_mittsommer_4_1_001.webp"); }

.s23-tile-4 #s23-tile__back { background: url("/wp-upload/2023/07/NP_kampagne_mittsommer_4_2_001.webp"); }

#s23-tile__front { z-index: 30; border: none; position: absolute; top: 0; left: 0; border-radius: 5px 5px 0 5px; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; box-shadow: none; width: 100%; height: 100%; padding: 20px calc(20px + 6px) calc( 20px + 0.5 * 0.2em) calc(20px + 6px); -webkit-filter: none; filter: none; pointer-events: visible; }

#s23-tile__front img { width: 100%; }

#s23-tile__front:before { content: ""; position: absolute; bottom: 0; right: 0; border-style: solid; box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.4); border-color: #e6e6e6 #f0f0f0 #f0f0f0 #e6e6e6; border-radius: 5px 0 0 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; content: "⤣"; font-size: 1.6em; width: 0; height: 0; padding: 0 10px 10px 0; background-color: #e6e6e6; color: #888; border-width: 6vw; }

@media all and (min-width: 480px) { #s23-tile__front:before { border-width: 34px; } }

@media all and (min-width: 767px) { #s23-tile__front:before { border-width: 18px; } }

@media all and (min-width: 960px) { #s23-tile__front:before { border-width: 22px; } }

@media all and (min-width: 1200px) { #s23-tile__front:before { border-width: 28px; } }

#s23-tile__front:hover:before { border-color: #f0f0f0 #fafafa #fafafa #f0f0f0; box-shadow: -2px -2px 20px rgba(0, 0, 0, 0.5); font-size: 2em; background-color: #f0f0f0; border-width: 9vw; }

@media all and (min-width: 480px) { #s23-tile__front:hover:before { border-width: 51px; } }

@media all and (min-width: 767px) { #s23-tile__front:hover:before { border-width: 27px; } }

@media all and (min-width: 960px) { #s23-tile__front:hover:before { border-width: 33px; } }

@media all and (min-width: 1200px) { #s23-tile__front:hover:before { border-width: 42px; } }

#tile-checked:checked ~ #s23-tile__front { box-shadow: none; -webkit-filter: grayscale(100%) opacity(0%); filter: grayscale(100%) opacity(0%); visibility: hidden; -webkit-transform: scale(1.03); transform: scale(1.03); }

#tile-checked:checked ~ #s23-tile__front:before { border-width: 400px; box-shadow: -4px -4px 50px rgba(0, 0, 0, 0.5); border-color: transparent; color: transparent; font-size: 3em; }

#s23-tile__back { z-index: 10; border: none; position: absolute; top: 0; left: 0; border-radius: 5px; overflow: hidden; box-shadow: none; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
/*# sourceMappingURL=style.css.map */