@charset 'UTF-8';
/* moved by compressor */
/*------------------------------------------------*/
/*----------------- Reset ------------------------*/
/*------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*---------------------------------------------------------------*/
/*----------------- Fluid styled content ------------------------*/
/*---------------------------------------------------------------*/

/* Start Default */

.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }
.ce-table td, .ce-table th { vertical-align: top; }
.ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }
.ce-column { float: left; }
.ce-center .ce-row { text-align: center; }
.ce-center .ce-column { display: inline-block; float: none; vertical-align: top; }
.ce-right .ce-gallery { float: right; }
.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border img, .ce-border iframe { border: none; padding: 0; }
.ce-left .ce-gallery { float: left; }
.ce-right .ce-gallery { float: right; }
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 10px; }
.ce-intext.ce-right .ce-gallery { margin-left: 40px; margin-top: 10px; }
.ce-intext.ce-left .ce-gallery { margin-right: 40px; margin-top: 10px; }
.ce-below .ce-gallery { margin-top: 10px; }
.ce-column { margin-right: 10px; }
.ce-column:last-child { margin-right: 0; }
.ce-row { margin-bottom: 10px; }
.ce-row:last-child { margin-bottom: 0; }
.ce-above .ce-bodytext { clear: both; }
.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }
.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }
	
/* End Default */

.ce-textpic .ce-bodytext { padding: 10px 0; }
.ce-intext .ce-bodytext h2:first-child,
.ce-intext .ce-bodytext h3:first-child { padding-top: 0; }
.typo3-editPanel-btn .icon-size-small { margin: 0 0 0 10px; }
.ce-media img { width: 100%; height: auto; }


/* feedit */

body.feedit-active .typo3-feedit-element { position: relative; padding-bottom: 20px; }
body.feedit-active .typo3-feedit-element:hover { background: #f2f2f2; }
.typo3-editPanel { display: none; }
body.feedit-active .typo3-editPanel { display: block; text-align: center; }
.content-link { display: none; }
body.feedit-active .content-link{ display: block; max-width: 1140px; margin: 0 auto; }

/* Sitemap */

.content .frame-type-menu_sitemap { text-align: center; }
.content .frame-type-menu_sitemap ul { margin: 10px 0 10px 30px; }
.content .frame-type-menu_sitemap > ul { margin-left: 0; border-left: 0; display: inline-block; text-align: left; }
.content .frame-type-menu_sitemap ul li { padding: 5px 0 0 0; }
.content .frame-type-menu_sitemap ul a { text-decoration: none; }
.content .frame-type-menu_sitemap ul a:hover { text-decoration: underline; }
.content .frame-type-menu_sitemap > ul > li > a { font-size: 1.4em; }
.content .frame-type-menu_sitemap > ul > li > ul { font-size: 1.2em; }
.content .frame-type-menu_sitemap > ul > li > ul > li ul { font-size: 0.9em; }


/* Eigenes */

.ce-clear { clear: both; height: 0px; overflow: hidden; }
.ce-intext .no-header .ce-gallery { padding-top: 20px; }



@font-face {
    font-family: 'herberstein_hl';
    src: url('../../../fileadmin/template/fonts/hammerhead/Hammerhead_Black.eot');
    src: url('../../../fileadmin/template/fonts/hammerhead/Hammerhead_Black.eot?#iefix') format('embedded-opentype'),
         url('../../../fileadmin/template/fonts/hammerhead/Hammerhead_Black.woff') format('woff'),
         url('../../../fileadmin/template/fonts/hammerhead/Hammerhead_Black.ttf') format('truetype'),
         url('../../../fileadmin/template/fonts/hammerhead/Hammerhead_Black.svg#herberstein_hl') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'herberstein_ft';
    src: url('../../../fileadmin/template/fonts/kreon/kreon-regular-webfont.eot');
    src: url('../../../fileadmin/template/fonts/kreon/kreon-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fileadmin/template/fonts/kreon/kreon-regular-webfont.woff2') format('woff2'),
         url('../../../fileadmin/template/fonts/kreon/kreon-regular-webfont.woff') format('woff'),
         url('../../../fileadmin/template/fonts/kreon/kreon-regular-webfont.ttf') format('truetype'),
         url('../../../fileadmin/template/fonts/kreon/kreon-regular-webfont.svg#kreonregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'herberstein_ft';
    src: url('../../../fileadmin/template/fonts/kreon/kreon-bold-webfont.eot');
    src: url('../../../fileadmin/template/fonts/kreon/kreon-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fileadmin/template/fonts/kreon/kreon-bold-webfont.woff2') format('woff2'),
         url('../../../fileadmin/template/fonts/kreon/kreon-bold-webfont.woff') format('woff'),
         url('../../../fileadmin/template/fonts/kreon/kreon-bold-webfont.ttf') format('truetype'),
         url('../../../fileadmin/template/fonts/kreon/kreon-bold-webfont.svg#kreonbold') format('svg');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'herberstein_ft';
    src: url('../../../fileadmin/template/fonts/kreon/kreon-light-webfont.eot');
    src: url('../../../fileadmin/template/fonts/kreon/kreon-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fileadmin/template/fonts/kreon/kreon-light-webfont.woff2') format('woff2'),
         url('../../../fileadmin/template/fonts/kreon/kreon-light-webfont.woff') format('woff'),
         url('../../../fileadmin/template/fonts/kreon/kreon-light-webfont.ttf') format('truetype'),
         url('../../../fileadmin/template/fonts/kreon/kreon-light-webfont.svg#kreonlight') format('svg');
    font-weight: 100;
    font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.eot');
  src: url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.eot?#iefix') format("embedded-opentype"), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.woff2') format("woff2"), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.woff') format("woff"), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.ttf') format("truetype"), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.svg#fontawesome') format("svg");
}

@font-face {
  font-family: 'FontAwesomeBrands';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('../../../fileadmin/template/fonts/fontawesome/fa-brands-400.woff2') format("woff2"), url('../../../fileadmin/template/fonts/fontawesome/fa-brands-400..ttf') format("truetype");
}



/*------------------------------------------------*/
/*----------------- Basic Styles -----------------*/
/*------------------------------------------------*/

.clearfix:after { display: block; content: ' '; float: none; clear: both; }

html { box-sizing: border-box; }
*, ::before, ::after { box-sizing: inherit; }

body {
	background-color: #FFF;
	padding: 0;
	margin: 0;
	font-family: 'herberstein_ft', Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	background: #FFF;
}

#content-wrap img, #footer img {
	max-width: 100% !important;
	height: auto;
}

div.csc-textpic-above div.csc-textpic-imagewrap, div.csc-textpic-below div.csc-textpic-imagewrap { float: none; }
div.csc-textpic-above div.csc-textpic-imagewrap img, div.csc-textpic-below div.csc-textpic-imagewrap img { max-width: 100% !important; height: auto !important; }

h1, h2, h3, h4, h5 { line-height: 1.4em; color: #000; }

h1 { font-size: 2.2em; margin: 0; padding: 0.3em 0 0.7em 0; font-weight: normal; }
h2 { font-size: 1.8em; margin: 0; padding: 0.7em 0 0.5em 0; font-weight: normal; }
h3 { font-size: 1.4em; margin: 0; padding: 0.7em 0 0.5em 0; font-weight: normal; }
h4 { font-size: 1em; margin: 0; padding: 0.7em 0 0.5em 0; font-weight: normal; }
h5 { font-size: 1em; margin: 0; padding: 0.7em 0 0.5em 0; font-weight: normal; }

h1 a, h2 a, h3 a, h4 a, h5 a { color: #000; text-decoration: none; }

.content-element-header, .csc-header { padding-top: 0; }
.no-distance-header { padding-top: 0; }

div.clear-floating { clear: both; height: 0px; overflow: hidden; }
div.clear-floating-mobile { display: none; }

a { text-decoration: underline; color: #000; }

p { 	margin: 0; padding: 0.3em 0; }

b, strong { font-weight: bold; }


input[type=submit] {
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}

iframe { width: 100%; }

.transition-slow {
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;
}

.transition-fast {
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	transition: 0.2s ease;
}

/*--------------------------*/
/*---------- Page ----------*/
/*--------------------------*/

#page-wrap {
	position: relative;
	background: #FFF;
}

#page {
	display: block;
	width: 100%;
	min-width: 320px;
	overflow: hidden;
	font-size: 1em;
	z-index: 10;
	background: transparent;
	position: relative;
}


/*----------------------------*/
/*---------- Header ----------*/
/*----------------------------*/

#header-wrap {
	display: block;
	width: 100%;
	position: relative;
}

#header {
	display: block;
	width: 100%;
	overflow: hidden;
	color: #FFF;
	position: relative;
	*zoom: 1;
}

.header-distance {
	display: block;
	height: 100px;
	background: #ffcc00;
}

#header-logo {
	display: inline-block;
	*display: block;
	*width: 200px;
	*height: 220px;
	max-width: 100%;
	background: transparent;
	position: absolute;
	left: 0;
	top: 0;
}

#header-logo img {
	width: 100%;
	height: auto;
}
img.header-logo-scrolled { display: none; }

.header-logo-home {
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 10px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	border-bottom: 1px solid #ddd;
}

.header-logo-sub {
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 65px 0 10px 0;
}	

/*
body.scrolled #header-logo { top: -10px; }
body.scrolled img.header-logo-scrolled { display: block; }
body.scrolled img.header-logo-default { display: none; }
*/

#header-logo a {
	display: block;
	background: transparent;
	text-decoration: none;
}

.nav-fixed #header-logo, .nav-fixed #header-logo a, .nav-fixed #header-logo img {
	width: 120px;
	height: 50px;
}


/*-------------------------------------*/
/*---------- Icons im Header ----------*/
/*-------------------------------------*/

ul.header-icons {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 1100;
}
ul.header-icons li {
	display: inline-block;
	background-color: transparent;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0 20px;
	vertical-align: bottom;
	
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
ul.header-icons li:hover {
	padding-bottom: 10px;
}
ul.header-icons li a {
	display: block;
	width: 150px;
	height: 100px;
	padding-top: 75px;
	text-align: center;
	color: #000;
	font-size: 1em;
	text-decoration: none;
	text-shadow: 1px 1px rgba(255,255,255,0.5);
}


/*-----------------------------*/
/*---------- Content ----------*/
/*-----------------------------*/

#page-headline {
	display: block;
	width: 96%;
	max-width: 960px;
	margin: 0 auto;
	padding: 4px 0 20px 0;
}
#header-wrap #page-headline {
	padding: 30px 0 0 0;
	text-shadow: 1px 1px rgba(255,255,255,0.8);
}

#page-headline h1 {
	padding: 0;
	text-transform: uppercase;
	color: #000;
	font-family: 'herberstein_hl', 'herberstein_ft', Arial, Helvetica, sans-serif;
	font-size: 3em;
	color: #000;
	text-transform: none;
	background: none;
	
	text-rendering: optimizeLegibility;
	font-smooth: always;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.page-header h1 {
	padding: 60px 40px 40px 40px;
	/* text-transform: uppercase; */
	color: #000;
	font-family: 'herberstein_hl', 'herberstein_ft', Arial, Helvetica, sans-serif;
	font-size: 4em;
	color: #000;
	background: none;
	text-align: center;
	font-weight: normal;
	
	text-rendering: optimizeLegibility;
	font-smooth: always;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


#content-wrap {
	display: block;
	width: 100%;
	color: container;
	padding: 0;
	font-size: 1em;
	line-height: 1.4em;
	color: #000;
	position: relative;
	background: #FFF;
}

#content {
	display: block;
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 40px;
	position: relative;
}

#content-col-1 {
	display: block;
	width: 240px;
	margin: 0;
	float: right;
	min-height: 100px;
	padding-top: 40px;
}

#content-col-0 {
	display: block;
	margin: 0 20px 20px 0;
	float: right;
	width: 700px;
	padding: 0;
}

#content-col-0 p, #content-col-0 li, #content-col-0 td { line-height: 1.4em; }

body.template-8 #content-col-0, #content-col-2 {
	display: block;
	width: 340px;
	margin: 0 20px 20px 0;
	padding: 40px 0 0 0;
	float: right;
}
body.template-11 #content-col-0 {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 40px 0 0 0;
	float: none;
}

#content-col-3 {
	display: block;
	width: 100%;
	margin: 0;
	float: none;
}

#content hr { 
	height: 2px;
	border: none;
	color: #EEE;
	background-color: #EEE;
	margin: 0;
	padding: 0;
	clear: both;
}

#content .divider hr { height: 2px; }




/*---------------------------------*/
/*---------- Page Bottom ----------*/
/*---------------------------------*/

#footer-wrap {
	display: block;
	width: 100%;
	position: relative;
	background: #ffcc00;
}

#footer {
	display: block;
	width: 1140px;
	max-width: 100%;
	margin: 0 auto;
	background: transparent;
	padding: 40px 0;
	color: #000;
	font-size: 1.2em;
	font-weight: 100;
}

#footer strong { color: #000; }

.footer-block a { color: #000; text-decoration: none; }

.footer-block .no-header-tag {
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: normal;
	padding: 0 0 10px 0;
}

.footer-block a:hover { text-decoration: underline; }

.footer-block {
	display: block;
	max-width: 30%;
	float: left;
	margin-left: 8%;
	line-height: 1.6em;
	padding: 20px 0;
}
.footer-block.first { margin-left: 0; }
.footer-block.last { float: right; margin-left: 0; }

.footer-block img { width: 100%; }


/*---------- Logos im Footer ----------*/

#footer-logos-wrap {
	display: block;
	width: 100%;
	background: #FFF;
	text-align: center;
}
#footer-logos {
	display: inline-block;
	*display: block;
	max-width: 100%;
	color: #777777;
	font-size: 0.8em;
	padding: 20px;
	text-align: center;
	background: #FFF;
}
#footer-logos img { display: block; }
#footer-logos .single-logo { 
	padding: 0 20px;	
	display: inline-block;
	*display: block;
	*float: left;
	padding: 0 20px;
}
#footer-logos .single-html { padding: 0 0 20px 0; float: left; }

#footer-logos a {
	color: #777777;
	text-decoration: none;
}


/*----------------------------*/
/*---------- Listen ----------*/
/*----------------------------*/

div.ce-bodytext ul, .footer-block ul, .csc-sitemap ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div.ce-bodytext ul li, .csc-sitemap ul li {
	padding: 0 0 0 1.2em;
	margin: 0.5em 0;
	list-style-type: none;
	background: transparent url('../../../fileadmin/template/images/ul_bullet.png') no-repeat 0px 0.3em;
}
.csc-sitemap ul li {
	background-image: url('../../../fileadmin/template/images/ul_bullet_menu.png');
}

#content ul.csc-menu li { background-image: url('../../../fileadmin/template/images/ul_bullet_menu.png'); }



div.csc-textpic-text ul.content-list,
div.csc-text ul.content-list {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
div.csc-textpic-text ul.content-list li,
div.csc-text ul.content-list li  {
	display: block;
	width: 50%;
	padding: 0;
	margin: 0;
	float: left;
	background: transparent;
}

ul.content-list li a {
	display: block;
	border: solid 1px #FFF;
	padding: 20px 0 0 0;
	height: 60px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	background: #E2C77C;
}

ul.content-list li a:hover { background: #024A5D; color: #FFF; }


/*---------- Sitemap ----------*/

ul.sitemap01 {
	margin: 0;
	padding: 0;
}
ul.sitemap01 li {
	list-style: none;
	margin: 0; 
	padding: 2px 0 0 20px;
	background-image: none !important;
}
ul.sitemap01 > li > a {
	text-decoration: none; 
	font-weight: normal;
	color: #000000;
	font-size: 1.2em;
}
ul.sitemap01 li ul li a {
	color: #000000;
	font-size: 1em;
	font-weight: normal;
}
ul.sitemap01 li ul li ul li a {
	font-weight: normal;
	color: #777777;
	font-size: 0.9em;
}
ul.sitemap01 a:hover {
	text-decoration: underline;
}




/*---------- Suchformular auf Suchergebnis-Seite ----------*/

h3.tx-indexedsearch-title a { color: #000; }



/*------------------------------*/
/*---------- Tabellen ----------*/
/*------------------------------*/

/*---------- Inhaltselement Tabelle ----------*/

.ce-table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.ce-table th {
	background: #e5e5e5;
	color:#000;
	padding: 2px 5px;
	text-align: left;
	border-bottom: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
}
.ce-table th:first-child {
	border-left: none;
}

.ce-table td {
	padding: 2px 5px;
	text-align: left;
	border-bottom: 1px #e5e5e5 solid;
	border-left: 1px #e5e5e5 solid;
}
.ce-table td:first-child {
	border-left: none;
}



/*---------- Inhaltselement Tabelle CSS Klasse preisliste ----------*/

.ce-table-fuetterung { width: 100%; }
.ce-table-fuetterung.einspaltig { width: 15%; }

.ce-table-fuetterung th {
	background: #ffcc00;
	color: #000;
	text-shadow: 1px 1px rgba(255,255,255,0.5);
	padding: 10px 5px;
	text-align: center;
	border-bottom: 2px #FFF solid;
	border-left: 2px #FFF solid;
	vertical-align: middle;
	/* width: 14%; */
}
.ce-table-fuetterung th:first-child {
	border-left: none;
}
.ce-table-fuetterung th:nth-child(7) {
	width: auto;
}

.ce-table-fuetterung td {
	padding: 5px 0;
	text-align: center;
	border-bottom: 2px #FFF solid;
	border-left: 2px #FFF solid;
	width: 13.5%;
}

.ce-table-fuetterung td:first-child {
	border-left: none;
}
.ce-table-fuetterung td:nth-child(7) {
	width: auto;
}

.ce-table-fuetterung tr:nth-child(odd) { background: #fff9e6; font-weight: bold; }

.ce-table-fuetterung td h2, .ce-table-fuetterung td h3 { padding: 0.2em 0; margin: 0; }

/*---------- Inhaltselement Tabelle CSS Klasse speisekarte ----------*/

.ce-table-speisekarte td {
	padding: 5px;
	text-align: left;
	border-bottom: 1px dotted #ddd;
	border-left: none;
	border-right: none;
}

.ce-table-speisekarte td:first-child { text-align: left; }
.ce-table-speisekarte td:nth-child(2) { width: 20%; text-align: right; }
.ce-table-speisekarte th td, .speisekarte tr:first-child td { color: #b61616; font-size: 1.4em; }


/*---------- Tabelle ohne Linien ----------*/

table.ce-table-ohnelinie td {
background-color: #fff;
padding: 5px 10px 0 0 !important;
margin: 0;
text-align: left !important;
vertical-align: top;
border-bottom: none !important;
}

/*---------- fuer alle Tabellen ----------*/

td h1, td h2, td h3, td h4, td h5 { padding-top: 0; }


/*---------- Scroll Up ----------*/

#scroll-up {
	width: 50px;
	height: 50px;
	background: #000 url('../../../fileadmin/template/images/scroll_up_arrow_yellow.png') no-repeat center center;
	bottom: 0;
	right: 0;
	overflow: hidden;
	text-indent: -999em;
	text-decoration: none;
	cursor: pointer;
	z-index: 999;
}



/* Anfrage-Button */

.inquiry-button {
	font-size: 1em;
	color: #000000;
	text-align: right;
	padding: 5px 0;
}
.standard-content-element .inquiry-button { border-bottom: 1px dotted #b61616; }
.inquiry-button a { margin-left: 10px; }

/* Anfrage-Button Spa */

.inquiry-button-spa {
	font-size: 1em;
	color: #000000;
	text-align: left;
	padding: 5px 0 20px 0;
}
.inquiry-button-spa a { margin-right: 10px; }



a.back-to-list {
    color: #000000;
    display: block;
    font-size: 1em;
    line-height: 3em;
    padding: 20px 0 0 0;
    text-decoration: underline;
}



/*---------- News ----------*/

.news-single-rightbox, .news-latest-date, .news-latest-morelink, .news-list-author, .news-list-date, .news-list-browse {
    font-size: 1em;
}
.news-latest-item a { text-decoration: none; }
.news-list-browse a { text-decoration: none; }
.news-single-imgcaption { font-size: 0.8em; }
.latest-readmore { display: block; text-align: right; }
.news-latest-item img { margin: 0 10px 10px 0; }


/*---------- Video ----------*/

video {  
   width: 100%; 
   max-width: 700px; 
   height: auto; 
}

.responsive-video {
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0 0 56.25% 0;
	position: relative;
}
.responsive-video iframe, .responsive-video object, .responsive-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}


/*---------- Wetter ----------*/

#weather-forecast span { display: block; }

#weather-forecast { clear: both; overflow: hidden; width: 100%; margin: 0 auto; }
#weather-forecast * { padding: 0; box-sizing: border-box; }
#weather-forecast h2 { text-align: center; font-size: 25px; }
#weather-forecast .day-view { float: left; margin-left: 5%; width: 30%; border: 1px solid #EEE;}
#weather-forecast .day-view:first-child { margin-left: 0; }
#weather-forecast .day-view * { margin: 5px; }

#weather-forecast .part-view-active { padding-left: 20px; padding-right: 20px; text-align: center; padding-bottom: 20px; min-height: 233px; }
#weather-forecast .part-view { clear: both; overflow: hidden; line-height: 30px; padding-left: 20px; padding-right: 20px; border-top: 1px solid #EEE; }
#weather-forecast .part-view .part-time { float: left; }
#weather-forecast .part-view .part-image { float: right; height: 30px; width: auto; }
#weather-forecast .part-view .part-temp { float: right; }
#weather-forecast .part-view:last-child { display: none; }

#weather-forecast .active-text { font-size: 11px; }
#weather-forecast .active-image { width: 80px; }




/* default styles for extension "tx_videotag_pi1" */

.video-wrap-16-9 { display: block; width: 100%; padding: 0; margin: 0; position: relative; }
.video-wrap-16-9:after { display: block; content: " "; padding-top: 56.25%; }
.video-wrap-16-9 iframe, .video-wrap-16-9 video { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.video-wrap-4-3 { display: block; width: 100%; padding: 0; margin: 0; position: relative; }
.video-wrap-4-3:after { display: block; content: " "; padding-top: 75%; }
.video-wrap-4-3 iframe, .video-wrap-4-3 video { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.video-wrap-16-9 video { width: 100%; max-width: 100%; }
.video-wrap-4-3 video { width: 100%; max-width: 100%; }


/*---------- Stoerer ----------*/

div.stoerer-wrap {
	display: block;
	width: 240px;
	height: 240px;
	position: absolute;
	right: 60px;
	top: 60px;
	background: #fff;
	background: rgba(255,255,255,0.5);
	color: #333;
	text-decoration: none;
	z-index: 170;
	border-radius: 120px;
	overflow: hidden;
}
a.stoerer {
	display: block;
	width: 210px;
	height: 210px;
	margin: 15px;
	position: relative;
	background: #fff;
	color: #333;
	text-decoration: none;
	line-height: 1.4em;
	font-size: 20px;
	border-radius: 105px;
	overflow: hidden;
}
a.stoerer div.stoerer-v-center {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 10%;
	text-align: center;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
a.stoerer p { margin: 0; padding: 5px 0; }
a.stoerer p strong { font-size: 30px; }


/*---------- Popup ----------*/

.stopper-popup-outer-wrap {
	position: fixed;
	top: 0px;
	left: 999em;
	bottom: 0;
	right: -999em;
	width: 100%;
	height: 100%;
	background: transparent;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 0;
	z-index: 2000;

	-webkit-transition-delay: 3s;
	-moz-transition-delay: 3s;
	-o-transition-delay: 3s;
	transition-delay: 3s;

}

.stopper-popup-outer-wrap.open {
	opacity: 1;
	left: 0;
	right: 0;
	display: block;
}

.stopper-popup-wrap {
	display: inline-block;
	width: 90%;
	max-width: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin-top: -30px;

	background: #FFF;
	color: #000;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	
	text-align: center;
	font-size: 18px;
	font-weight: 100;
	line-height: 1.4em;
}
.stopper-popup {
	display: block;
	position: relative;
}

.stopper-popup-image img { display: block; width: 100%; height: auto; }
.stopper-popup-text { display: block; padding: 40px; }

.stopper-popup-close {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff url('../../../typo3conf/ext/stopper/Resources/Public/Images/close_black.png') no-repeat center center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	font-size: 20px;
	text-align: center;
}
	

.stopper-popup h2, .stopper-popup h3 { padding: 0 0 10px 0; }

a.stopper-popup-button {
	text-decoration: none;
	display: inline-block;
	padding: 10px 20px;
	margin: 10px 0 0 0;
	border-top: solid 1px #555;
	border-bottom: solid 5px #555;
	letter-spacing: 0.04em;
}
a.stopper-popup-button:hover {
	border-bottom: solid 5px #000;
}

/* Obermayerhofen */

a.stopper-popup-button { font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; }
a.stoerer p strong  { font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; font-weight: normal; }



@media only screen and (max-width: 719px) {

	div.stoerer-wrap {
		width: 200px;
		height: 200px;
		border-radius: 100px;
		right: 10px;
		top: 70px;
	}
	a.stoerer {
		width: 180px;
		height: 180px;
		margin: 10px;
		font-size: 18px;
		border-radius: 90px;
	}
	a.stoerer p strong { font-size: 24px; }
	
	.stopper-popup-wrap { margin-top: 0; }
	.stopper-popup {
		font-size: 0.9em;
		line-height: 1.4em;
	}
	.stopper-popup-text { padding: 40px 20px 20px 20px; }

}


.header-icons {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: right;
}
.ah-icon {
	display: inline-block;
	color: #000;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 18px;
}
.ah-icon a {
	display: block;
	color: #000;
	text-decoration: none;
}
.ah-icon.text-color-0, .ah-icon.text-color-0 a { color: #fff; text-shadow: 0 0 2px rgba(0,0,0,0.3); }
.ah-icon a span {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	vertical-align: top;
}
.ah-icon-symbol {
	display: inline-block;
	width: 40px;
	text-align: center;
	font-size: 24px;
	font-family: 'FontAwesome';
}
.ah-icon-text {
	padding-right: 10px;
	font-weight: normal;
}

.ah-icon-symbol.awesome-2 { font-family: 'FontAwesomeBrands'; }


/* ----------------------------------------- */
/* ---------- Dropdown Navigation ---------- */
/* ----------------------------------------- */

/* ---------- 1. Ebene ---------- */

.nav-toggle-on, .nav-toggle-off { display: none; }





/* --------------------------------------- */
/* ---------- Sticky Navigation ---------- */
/* --------------------------------------- */

.sticky-nav-wrap {
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	font-size: 0.8em;
	z-index: 1000;
	background: #fff;
	
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#sticky-nav {
	display: block;
	width: 100%;
	background: transparent;
	position: relative;
}

#main-nav {
	display: block;
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
	background: transparent;
	position: relative;
}


/* -------------------------------------------- */
/* ---------- SubNavigation vertikal ---------- */
/* -------------------------------------------- */

/* ---------- SubNav-Ueberschrift ---------- */

.subnav-wrap {
	padding: 0 10px;
}
div.sub-nav-header {
	display: block;
}

div.sub-nav-header .snh-text {
	display: inline-block;
	text-decoration: none; 
	font-weight: normal;
	font-size: 1.6em;
	padding: 10px;
}

div.sub-nav-header .snh-text a {
	text-decoration: none;
}

/* div.sub-nav-header.act .snh-text { background: #ffcc00; } */

div.sub-nav-header.act .snh-text, div.sub-nav-header.act .snh-text a {
	color: #000;
}

.snh-toggle {
	display: block;
	float: right;
	text-decoration: none;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-size: 2em;
	color: #FFF;
	width: 38px;
	height: 38px;
	line-height: 38px;
	background: transparent url('../../../fileadmin/template/images/subnav_toggle.png') no-repeat center top;
	text-decoration: none;
	cursor: pointer;
}
.snh-toggle.active { background-position: center -38px; }

/* ---------- 1. Ebene / allgemein ---------- */

.sub-nav {
	display: block;
	width: 100%;
	margin: 10px 0;
	font-size: 1.2em;
}

.sub-nav > ul {
	display: block;
}

.sub-nav > ul > li > ul {
	display: block;
}

.sub-nav > ul > li > ul > li > ul {
	display: block;
}

.sub-nav ul li a, .sub-nav > ul > li > ul > li > a, .sub-nav > ul > li > ul > li > ul > li > a {
	display: inline-block;
	text-decoration: none; 
	font-weight: normal;
}

.sub-nav > ul > li > a { padding: 5px 10px; }
.sub-nav > ul > li > ul a {
	padding: 2px 10px 2px 20px;
	font-size: 0.9em;
}
.sub-nav > ul > li > ul > li > ul > li a { padding-left: 30px; }
.sub-nav > ul > li > ul > li > ul > li > ul > li > a { padding-left: 40px; }

.sub-nav > ul > li > ul a:hover, .sub-nav > ul > li > ul a.cur { background-position: 0 8px; }

/* untere Ebenen einruecken */
.sub-nav > ul > li > ul { padding: 5px 0; }
/*
.sub-nav > ul > li > ul > li ul { margin-left: 12px; }
*/

.sub-nav > ul > li { border-bottom: solid 1px #FFF; }

.sub-nav ul li a:hover {
	text-decoration: underline; 
}

.sub-nav ul li a.cur { background: #ffcc00; color: #000; }



/* --------------------------------- */
/* ---------- Sprachmenue ---------- */
/* --------------------------------- */

#lang-menu-text {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	padding: 0;
	line-height: 60px;
	margin: 0 20px;
	color: #b61616;
	font-size: 1.1em;
	font-family: 'ht_sans', Arial, Helvetica, sans-serif;
}
#lang-menu-text a {
	color: #b61616;
	color: #000;
	text-decoration: none;
}
#lang-menu-text a:hover { color: #b61616; text-decoration: underline; }
#lang-menu-text a.lang-act { color: #b61616; font-weight: bold; text-decoration: none; }

body.scrolled  #lang-menu-text a, body.scrolled  #lang-menu-text a:hover, body.scrolled  #lang-menu-text a.act { color: #FFF; }


/* -------------------------------- */
/* ---------- Breadcrumb ---------- */
/* -------------------------------- */

div.breadcrumb-nav {
	display: block;
	color: #777;
	padding: 10px;
	float: left;
	font-family: 'ht_sans', Arial, Helvetica, sans-serif;
}
div.breadcrumb-nav a { text-decoration: none; }
div.breadcrumb-nav a:hover { text-decoration: underline; }
div.breadcrumb-nav span {
	display: inline-block;
	padding: 0 10px;
	font-family: 'ht_sans', Arial, Helvetica, sans-serif;
	background: transparent url('../../../fileadmin/template/images/breadcrumb_arrow.png') no-repeat center center;
}

/*----------------------------------------*/
/*---------- Social Media Icons ----------*/
/*----------------------------------------*/

ul.social-media-icons {
	display: block;
	position: absolute;
	left: 0;
	bottom: 10px;
	z-index: 1110;
}
ul.social-media-icons li {
	display: block;
	float: none;
	padding: 10px 0 0 0;
	margin: 0;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.social-media-icons li img { display: block; }

/* Footer */

ul.social-media-footer {
	display: block;
	float: none;
	width: 100%;
	text-align: center;
}
ul.social-media-footer li {
	display: inline-block;
	*display: inline;
	padding: 0;
	margin: 12px 8px;
}
ul.social-media-footer li img {
	display: block;
	*display: inline;
}



/* -------------------------------- */
/* ---------- Navigation ---------- */
/* -------------------------------- */


ul.mobile-menu { display: none; }

.breadcrumb-wrap { display: none; }

.mobile-icons {
	display: block; 
	width: 100%;
	width: calc(100% - 82px);
	position: absolute;
	top: 20px;
	right: 0;
}

/* ---------- Mobile Navigation ---------- */

.nav-toggle-bg {
	position: fixed;
	left: 0;
	top: 0;
	height: 80px;
	width: 82px;
	background: #fff;
	z-index: 1300;
}
.nav-toggle {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0;
	height: 80px;
	width: 82px;
	overflow: hidden;
	color: #000;
	cursor: pointer;
	z-index: 1550;
}
.nav-toggle:after {
	display: block;
	width: 100%;
	content: 'Menü';
	position: absolute;
	left: 0;
	bottom: 12px;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.nav-toggle .hamburger {
	display: block;
	width: 32px;
	height: 4px;
	background: #000;
	position: absolute;
	left: 25px;
	top: 15px;
}
.nav-toggle .hamburger.layer-2 { top: 29px; }
.nav-toggle .hamburger.layer-3 { top: 43px; }

.nav-toggle:hover .hamburger.layer-1 {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}
.nav-toggle:hover .hamburger.layer-3 {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
}
.nav-toggle.active .hamburger {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #fff;
}
.nav-toggle.active { color: #fff; }
.nav-toggle.active .hamburger.layer-1 {
	width: 45px;
	-webkit-transform: translate(-7px,14px) rotate(45deg);
	-ms-transform: translate(-7px,14px) rotate(45deg);
	transform: translate(-7px,14px) rotate(45deg);
}
.nav-toggle.active .hamburger.layer-2 {
	opacity: 0;
}
.nav-toggle.active .hamburger.layer-3 {
	width: 45px;
	-webkit-transform: translate(-7px,-14px) rotate(-45deg);
	-ms-transform: translate(-7px,-14px) rotate(-45deg);
	transform: translate(-7px,-14px) rotate(-45deg);
}


/* ---------- HauptNavigation ---------- */  

.mobile-menu-logo { display: block; text-align: center; }

.mobile-menu-underlay {
	position: fixed;
	top: 0px;
	left: -999em;
	background: rgba(0,0,0,0.8);
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	opacity: 0;
	display: block;
	z-index: 1400;
}

.mobile-menu-underlay.active {
	top: 0px;
	left: 0px;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.mobile-menu-bg {
	width: 100%;
	height: 100%;
	background: #333;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	z-index: 1450;
	overflow: auto;
	
	/* ohne Scrollbar */
	overflow: hidden;
}

.mobile-menu-bg::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.mobile-menu-wrap {
	width: 100%;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	padding: 200px 20px 0 0;
	z-index: 1500;
	
	/* ohne Scrollbar */
	left: 20px;
	bottom: auto;
	right: -20px;
	height: 100%;
	overflow-y: scroll;
}

.mobile-menu-wrap nav {
	display: block;
	margin: 20px 10px 0 10px;
	text-align: left;
}

.toggle-menu {
	left: -100%;
	display: block;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease, left 0.1s;
	-moz-transition: opacity 0.5s ease, left 0.1s;
	-o-transition: opacity 0.5s ease, left 0.1s;
	-ms-transition: opacity 0.5s ease, left 0.1s;
	transition: opacity 0.5s ease, left 0.1s;
	
	-webkit-transition-delay: 0, 0.4s;
	-moz-transition-delay: 0, 0.4s;
	-o-transition-delay: 0, 0.4s;
	-ms-transition-delay: 0, 0.4s;
	transition-delay: 0s, 0.4s;
}
.toggle-menu.active {
	opacity: 1;
	left: 0;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-o-transition-delay: 0;
	-ms-transition-delay: 0;
	transition-delay: 0s;
}


.mobile-menu-wrap nav { text-align: center; }

ul.mobile-menu {
	display: block;
	width: 100%;
	height: auto;
	background: transparent;
	position: relative;
	margin: 0 0 40px 0;
}

ul.mobile-menu li {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	float: none;
	border: none;
	position: relative;
	background: transparent;
	text-align: left;
}
ul.mobile-menu > li { margin: 0 0 10px 0; }

ul.mobile-menu li > a, ul.mobile-menu li > span.nolink {
	font-size: 1.1em;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 4px 0;
	height: auto;
	line-height: normal;
	text-align: left;
	color: #fff;
	text-decoration: none;
	margin-left: 40px;
	cursor: pointer;
}
ul.mobile-menu li > a:hover {
	color: #ffcc00;
	
}
ul.mobile-menu > li > a, ul.mobile-menu > li > span.nolink {
	font-size: 1.6em;
	font-family: 'herberstein_hl', 'herberstein_ft', Arial, Helvetica, sans-serif;
	font-weight: 200;
	padding: 6px 8px;
	color: #fff;
}

ul.mobile-menu li > a.cur {
	color: #ffcc00;
}

ul.mobile-menu-sub {
	display: none;
	padding: 20px 0 20px 20px;
	background: transparent;
	list-style-type: none;
	list-style-image: none;
	position: relative;
}

ul.mobile-menu span.no-sub,
ul.mobile-menu span.has-sub {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	font-family: 'FontAwesome';
	color: #fff;
	background: transparent;
	position: absolute;
	left: 0;
	top: 0;
}
ul.mobile-menu span:after { display: inline; }
ul.mobile-menu span.no-sub:after { content: "\f0c8"; color: #fff; }
ul.mobile-menu span.has-sub:after { content: "\f067"; }
ul.mobile-menu span.has-sub.active:after { content: "\f068"; color: #fff; }

ul.mobile-menu span.has-sub { cursor: pointer; }

ul.mobile-menu li ul span.has-sub, ul.mobile-menu li ul span.no-sub { height: 32px; line-height: 32px; font-size: 12px; }
ul.mobile-menu li ul span.no-sub { font-size: 5px; }

ul.mobile-menu li.act > ul { display: block; }

.mobile-menu-icon-wrap { display: block; text-align: center; padding: 0 0 20px 0; }

.be-button-wrap {
	display: block;
	width: 280px;
	float: right;
	margin: 74px 0 0 0;
	margin-right: -40px;
}


.mobile-tools { display: none; }


.search-small { display: none; }


.mobile-tools {
	display: block;
	float: right;
	padding: 10px 10px 0 0;
}

a.mobile-button {
	display: block;
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	font-size: 30px;
	font-family: 'FontAwesome';
	color: #000;
	float: right;
	overflow: hidden;
	background: transparent;
	text-decoration: none;
}
a.mobile-button span { display: none; }
a.mobile-button:after { display: inline; }
.m-phone:after { content: "\f095"; }
.m-location:after { content: "\f041";}
.m-contact:after { content: "\f0e0"; }

body.template-pagets__home a.mobile-button { color: #fff; }


.breadcrumb-wrap { display: none; }



/* ----- Suche Overlay ----- */

.quicksearch-wrap {
	position: fixed;
	top: 0px;
	left: 999em;
	bottom: 0;
	right: -999em;
	width: 100%;
	height: 100%;
	background: #333;
	background: rgba(0,0,0,0.7);
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	opacity: 0;
}

.quicksearch-wrap.open {
	opacity: 1;
	left: 0;
	right: 0;
	z-index: 1900;
	display: block;
}

.quicksearch-close {
	position: absolute;
	top: 20px;
	right: 0;
	opacity: 1;
	color: #fff;
	cursor: pointer;
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 40px;
	font-weight: normal;
	background: transparent url('../../../fileadmin/template/images/search_close.png') no-repeat center center;
	text-indent: -999em;
	overflow: hidden;
	
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;
}



/* ----- Suchfeld / Overlay ----- */

.search-big {
	display: block;
	background: #FFF;
	width: 600px;
	max-width: 60%;
	height: 60px;
	border: none;
	padding: 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin-top: -30px;
	z-index: 2000;
	
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	
}

input.search-big-input {
	border: none;
	font-size: 1em;
	color: #333;
	background-color: transparent;
	margin: 0;
	width: calc(100% - 65px);
	padding: 15px;
	float: left;
	margin: 5px 0 0 0;
	outline: none;
}

input.search-big-button {
	cursor: pointer;
	display: block;
	width: 60px;
	height: 58px;
	margin: 0;
	background: #FFF url('../../../fileadmin/template/images/search_button_dark.png') no-repeat center center;
	border: none;
	float: right;
}


ul.dropdown-menu { display: none; }



/* --------------------------------- */
/* ------------- MOBIL ------------- */
/* --------------------------------- */

@media only screen and (min-width: 960px) {
	
	/* ----- Breadcrumb ----- */
	
	.breadcrumb-wrap {
		display: block;
		position: relative;
	}
	.breadcrumb {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 1em;
		color: #333;
		background: #fff;
		letter-spacing: 0.02em;
		padding-top: 20px;
	}
	.breadcrumb a { display: inline-block; height: 50px; line-height: 50px; color: #777; text-decoration: none; }
	.breadcrumb a:hover { text-decoration: underline; }
	span.bc-level { display: inline-block; height: 50px; line-height: 50px; width: 40px; text-align: center; }
	span.bc-level:after { content: '\f105'; font-family: 'FontAwesome'; font-size: 0.7em; }
	

	.sub-nav { display: block !important; }
	
	
	.subnav-toggle {
		display: inline-block;
		height: 50px;
		background: #ffcc00;
		transform:  translate(-100%,-100%) rotate(-90deg);
		transform-origin: 100% 100%;
		font-size: 24px;
		position: absolute;
		left: 0;
		top: 0;
		padding: 0 10px;
		cursor: pointer;
	}
	.subnav-toggle span, 
	.subnav-toggle:after {
		display: inline-block;
		height: 50px;
		line-height: 50px;
	}
	.subnav-toggle:after {
		width: 40px;
		text-align: center;
		content: '\f077';
		font-family: 'FontAwesome';
	}
	.subnav-toggle span {
		padding: 0 10px;
	}
	.subnav-wrap {
		display: block;
		width: 340px;
		position: absolute;
		right: -340px;
		top: 0;
		background: #fff;
		padding: 40px;
		z-index: 10;
	}
	.subnav-wrap.active {
		right: 0;
		-webkit-box-shadow: -4px 0 0 0 rgba(50, 50, 50, 0.1);
		-moz-box-shadow: -4px 0 0 0 rgba(50, 50, 50, 0.1);
		box-shadow: -4px 0 0 0 rgba(50, 50, 50, 0.1);	
	}
	.subnav-wrap.active .subnav-toggle:after { content: '\f078'; }
	
	
	body.scrolled .sticky-nav-wrap {
		-webkit-box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.1);
		-moz-box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.1);
		box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.1);	
	}
	
	ul.dropdown-menu {
		display: block;
		padding: 0;
		margin: 60px 0 0 0;
		list-style-type: none;
		list-style-image: none;
		float: right;
		text-align: center;
		background-image: none;
		position: static;
	}

	ul.dropdown-menu > li {
		padding: 0;
		margin: 0 0 0 2px;
		display: block;
		float: left;
		margin: 0;
		position: static;
	}
	ul.dropdown-menu > li.sub-layout-4 {
		position: relative;
	}
	ul.dropdown-menu > li.first { border-left: none; }

	ul.dropdown-menu > li > a {
		position: relative;
		white-space: nowrap;
		display: block;
		text-align: center;
		margin: 0;
		text-decoration: none;
		background: transparent;
		color: #000;
		font-size: 1.4em;
		font-weight: normal;
		height: 60px;
		line-height: 60px;
		padding: 0 10px;
		
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-position: center bottom;
	}
	.nav-fixed  ul.dropdown-menu > li > a {
		height: 50px;
		line-height: 50px;
	}

	ul.dropdown-menu > li > a.act {
		text-decoration: underline;
	}
	ul.dropdown-menu > li:hover > a:after {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -15px;
		bottom: -20px;
		width: 30px;
		height: 15px;
		background: transparent url('../../../fileadmin/template/images/main_nav_hover_bg.png') no-repeat center bottom;
		z-index: 2010;
	}

	ul.dropdown-menu-sub { display: none !important; }
	
	
	/* ---------- 2. Ebene ---------- */

	.dropdown-menu-sub-custom {
		display: block;
		width: 100%;
		position: absolute;
		left: -999em;
		top: 100%;
		z-index: 2000; 

		padding: 20px 0;
		
		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	ul.dropdown-menu > li.sub-layout-4 .dropdown-menu-sub-custom {
		width: 300px;
	}	
	ul.dropdown-menu > li:hover > .dropdown-menu-sub-custom { left: 0; opacity: 1; }
	ul.dropdown-menu > li.last:hover > .dropdown-menu-sub-custom { right: 0; opacity: 1; }
	ul.dropdown-menu > li.sub-layout-4:hover .dropdown-menu-sub-custom { left: 50%; margin-left: -150px; }

	.dropdown-menu-table {
		width: 100%;
		background: #fff;
		padding: 20px;
		-webkit-box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.1);
		-moz-box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.1);
		box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.1);	
	}
	.dropdown-menu-row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: space-between;
		width: 100%;
	}
	
	.dropdown-menu-block {
		flex-basis: 33.3%;
		border-left: solid 2px #eee;
		vertical-align: top;
		position: relative;
		padding: 10px;
	}
	ul.dropdown-menu > li.sub-layout-4 .dropdown-menu-block { flex-basis: 100%; }
		
	.dropdown-menu-row .dropdown-menu-block:first-child {
		width: auto;
		border-left: none;
	}
	ul.dropdown-menu > li.photo-3rd-col .dropdown-menu-block:last-child {
		border: none;
		padding-bottom: 20px;
		padding-left: 20px;
	}
	
	.dropdown-menu-block img {
		display: block;
		max-width: 100%;
		height: auto;
		margin-top: 10px;
	}


	.dropdown-menu-sub-custom ul.dropdown-menu-sitemap li a {
		display: block;
		padding: 8px 10px;
		text-align: left;
		text-decoration: none;
		color: #000;
		font-size: 1.6em;
		font-weight: 100;
		position: relative;
	}
	/*
	.dropdown-menu-sub-custom ul.dropdown-menu-sitemap > li > a:after {
		display: block;
		content: '';
		width: 20px;
		height: 2px;
		background: #eee;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	*/
	.dropdown-menu-sub-custom ul.dropdown-menu-sitemap li:first-child a { border: none; }
	.dropdown-menu-sub-custom ul.dropdown-menu-sitemap > li > ul > li > a {
		padding: 4px 10px 4px 20px;
		font-size: 1.4em;
	}
	
	.dropdown-menu-sub-custom ul.dropdown-menu-sitemap li a:hover {
		text-decoration: underline;
	}
	
	
	a.search-icon-pc {
		display: block;
		width: 40px;
		height: 40px;
		cursor: pointer;
		background: transparent url('../../../fileadmin/template/images/search_button_dark.png') no-repeat center center;
		position: absolute;
		top: 40px;
		right: 20px;
	}
	a.search-icon-pc.open { background: transparent; }

	
}


@media only screen and (min-width: 1140px) {

	#main-nav { width: 1140px; }
	ul.dropdown-menu > li > a { font-size: 1.8em; padding: 0 15px; }

	.nav-toggle { top: 20px; }
	
	.mobile-menu-wrap { padding-top: 100px; }
	ul.mobile-menu {
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	ul.mobile-menu > li {
		display: block;
		width: 25%;
		float: left;
	}
	ul.mobile-menu > li > a { color: #ffcc00; display: block; font-size: 1.8em; margin-left: 25px; padding-bottom: 16px; border-bottom: 2px solid rgba(255,255,255,0.2); }
	ul.mobile-menu > li:nth-child(5) { clear: left; }
	ul.mobile-menu > li > span.no-sub, ul.mobile-menu > li > span.has-sub { display: none; }
	ul.mobile-menu > li > ul { display: block !important; }
	
	ul.topics-nav-mobile li { margin: 0 0 3px 0; padding: 0; }
	ul.topics-nav-mobile li a { font-size: 1.8em; font-weight: normal; height: 60px; line-height: 60px; padding: 0 20px; }
	
}


@media only screen and (min-width: 1800px) {
	
	.subnav-toggle { height: 70px; padding: 0 20px;}
	.subnav-toggle span, .subnav-toggle:after { height: 70px; line-height: 70px; }
	
}


@media only screen and (max-width: 959px) {

	#page-wrap, .open-nav #page-wrap {
		-webkit-transition: 0.5s ease-out;
		-moz-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
	}

	.sticky-nav-wrap, .sticky-nav-wrap.nav-fixed, #sticky-nav, #main-nav {
		border: none !important;
		position: absolute;
		margin: 0;
		padding: 0;
		height: auto;
		float: none;
	}
	.sticky-nav-wrap { font-size: 0.9em; }
	#sticky-nav { z-index: 10; background: transparent; }
	
	#main-nav .header-icons { top: 180px; width: 200px; }
	body.template-pagets__home #main-nav .header-icons { top: 70px; width: calc(100% - 100px); }
	
	#main-nav #header-logo { display: none; }
	
	
	div.sub-nav-header, div.sub-nav-header.act { border-bottom: solid 1px #000; background: transparent; padding: 0; }
	div.sub-nav-header.act .snh-text, div.sub-nav-header.act .snh-text a { color: #000; }
	div.sub-nav-header a { float: left; }
	.sub-nav { display: none; margin-top: 20px; background: #FFF; }
	.sub-nav > ul > li { border-bottom: solid 1px #EEE; }
	.sub-nav > ul > li > ul { background: #FFF; }
	
	
	ul.social-media-icons {
		display: block;
		position: relative;
		top: auto; right: auto; bottom: auto; left: auto;
		text-align: center;
		background: #FFF;
	}
	ul.social-media-icons li {
		display: inline-block;
		padding: 10px 5px;
	}
	
	
	/*---------- Suchfeld ----------*/

	.search-small {
		display: block;
		background: transparent;
		width: 300px;
		max-width: 80%;
		margin: 0 auto 40px auto;
	}

	#indexedsearch {
		text-align: center;
	}

	#indexedsearch input.search-small-input {
		display: block;
		border: none;
		font-size: 1em;
		color: #333;
		text-align: left;
		background: #fff;
		margin: 0;
		width: 100%;
		padding: 15px;
		outline: none;
		-webkit-appearance: none;
	}

	input.search-small-input::-webkit-input-placeholder { color: #999; }
	input.search-small-input:-moz-placeholder { color: #999; }
	input.search-small-input::-moz-placeholder { color: #999; }
	input.search-small-input:-ms-input-placeholder { color: #999; }

	#indexedsearch input.search-small-button {
		cursor: pointer;
		display: inline-block;
		width: 50px;
		height: 50px;
		margin: 10px 0 0 0;
		background: transparent url('../../../fileadmin/template/images/search_button.png') no-repeat center center;
		border: none;
	}

	
}



.frame-default {
	padding: 10px 0;
	background-color: transparent;
	width: 100%;
}
.frame {
	max-width: 1140px;
	margin: 0 auto;
}
#content-wrap > .frame-type-textpic,
#content-wrap > .frame-type-text {
	padding-left: 40px;
	padding-right: 40px;
}

.frame-ruler-after {
	padding: 20px 0;
	background-color: transparent;
	border-bottom: 2px solid #EEE;
}

.frame-ruler-before  {
	padding: 20px 0;
	background-color: transparent;
	border-top: 2px solid #EEE;
}

/* Rahmen um Bilder - siehe auch Constants im Main-Template */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border: none; padding: 0; }
div.csc-textpic-border div.image-border-if-set {
	border: solid 2px #EEE;
	padding: 3px;
	background-color: #fff;
}

/* DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; } */

.no-top-margin  h2, .no-top-margin h3, .no-top-margin h4, .no-top-margin h5 {
	margin-top: 0;
	padding-top: 0;
}


/* Bright */

.frame-custom-100, #content-col-0 blockquote {
	background-color: #f5f5f5;
	padding: 30px;
}
.frame-custom-100 > header * { padding-top: 0; }

/* Dark */

.frame-custom-110 {
	background-color: #ffcc00;
	padding: 30px;
	color: #000;
}
.frame-custom-110 a {
	color: #000;
}
.frame-custom-110 > header * { padding-top: 0; }
.frame-custom-110 h1, .frame-custom-110  h2, .frame-custom-110 h3, .frame-custom-110 h4, .frame-custom-110 h5 {
	color: #000;
}

.frame-custom-110 span.color-bold, .frame-custom-110 span.color-large { color: #000; }

.frame-custom-110 a.button-style, .frame-custom-110 a.button-style:hover {
	background-color: #FFF;
	color: #555;
}


.content-sub > .frame-custom-150 {
	width: 100%;
	max-width: 100%;
	padding: 20px;
}



/* Bright */

.bg-white {
	background-color: #FFF;
	padding: 10px;
}


/* groessere Schrift */

.frame-custom-140 {
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 20px 0;
}


/* Tipp */

.bg-icon {
	padding: 20px;
	background: transparent url('../../../fileadmin/template/images/struktur.jpg') repeat center center;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(237,191,102,1);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(237,191,102,1);
	box-shadow: inset 0px 0px 20px 0px rgba(237,191,102,1);

}



/* Rahmen um Bild */

.set-image-border .image-border-if-set {
	padding: 4px;
	border: solid 1px #ccc;
	background-color: #fff;
}


/*---------- Toggle Element ----------*/

.toggle-element {
	display: block;
}
.toggle-element h3.slide-200 {
	display: block;
	font-size: 1em;
	line-height: normal;
	font-weight: normal;
	font-family: inherit;
	color: #004182;
	text-transform: none;
	text-align: left;
	padding: 8px 14px;
	margin: 0 0 2px 0;
	cursor: pointer;
	border: solid 2px #e5ecf2;
	background: #edf2f6 url('../../../fileadmin/template/images/toggle_onoff.png') no-repeat right top;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.toggle-element h3.slide-200:hover { background-color: #e5ecf2; }

.toggle-element h3.slide-200.active {
	background-position: right -40px;
}

.toggle-element .slide-me-200 {
	padding: 0 10px 10px 10px;
}



/* Abstaende */

.frame-space-before-extra-small { margin-top: 20px; }
.frame-space-before-small { margin-top: 50px; }
.frame-space-before-medium { margin-top: 100px; }
.frame-space-before-large { margin-top: 200px; }
.frame-space-before-extra-large { margin-top: 300px; }

.frame-space-after-extra-small { margin-bottom: 20px; }
.frame-space-after-small { margin-bottom: 50px; }
.frame-space-after-medium { margin-bottom: 100px; }
.frame-space-after-large { margin-bottom: 200px; }
.frame-space-after-extra-large { margin-bottom: 300px; }


@media only screen and (max-width: 1180px) {

	.frame {
		padding-left: 20px;
		padding-right: 20px;
	}

}


h2.h2-intext-large { font-family: 'herberstein_hl', 'herberstein_ft', Arial, Helvetica, sans-serif; font-size: 3em; line-height: 1.2em; padding-top: 0; color: #000; }
h3.h3-intext-large { font-size: 2em; line-height: 1.2em; padding-top: 0; }

blockquote {
	display: block;
	position: relative;
	padding: 0 100px;
	font-size: 1.2em;
	line-height: 1.4em;
}
blockquote:before {
	display: block;
	content: '';
	width: 50px;
	height: 50px;
	background: transparent url('../../../fileadmin/template/images/paw_50.png') no-repeat center center;
	position: absolute;
	left: 30px;
	top: 0;
}
blockquote a { text-underline-offset: 0.3em; }

/* ----- Links mit Icon ----- */

a.email-link,
a.external-link,
a.tel-link,
a.fax-link,
a.website-link,
a.download,
a.download-pdf,
a.download-doc,
a.download-xls,
a.download-pic,
a.download-zip { color: #000; text-decoration: none; text-decoration: underline; }

a.email-link:before,
a.external-link:before,
a.tel-link:before,
a.fax-link:before,
a.website-link:before,
a.download:before,
a.download-pdf:before,
a.download-doc:before,
a.download-xls:before,
a.download-pic:before,
a.download-zip:before { display: inline-block; padding: 0 8px 0 4px; font-family: 'FontAwesome'; font-size: 1em; text-decoration: none; vertical-align: top; }

a.email-link:before { content: "\f003"; }
a.external-link:before { content: "\f08e"; }
a.tel-link:before { content: "\f095"; }
a.fax-link:before { content: "\f1ac"; }
a.website-link:before { content: "\f0ac"; }
a.download:before,
a.download-pdf:before { content: "\f1c1"; }
a.download-doc:before { content: "\f1c2"; }
a.download-xls:before { content: "\f1c3"; }
a.download-pic:before { content: "\f1c5"; }
a.download-zip:before { content: "\f1c6"; }

/*---------- Anfrage Button als Link und Submit-Button ----------*/


.button-style,
.readmore-button a,
a.multicol-teasermenu-button
.packageSliderButton a,
input.enquiry-button,
button.cr_button,
.tx-powermail input[type="submit"],
.tx-powermail a.btn,
button.btn {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	line-height: 26px;
	background: #ffcc00;
	border: 2px solid #ffcc00;
	padding: 10px 40px 10px 20px;
	margin: 20px 0 0 0;
	color: #000;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	transition: 0.2s ease;
}
.tx-powermail input[type="submit"] { padding: 10px 20px; }
.button-style { margin: 5px 10px 5px 0; }

.button-style:after,
.readmore-button a:after,
.packageSliderButton a:after,
.packageSliderButton a:after,
input.enquiry-button:after {
	display: block;
	width: 40px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	content: "\f105";
	font-family: 'FontAwesome';
	font-weight: normal;
	text-transform: none;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -23px;
}

.button-style:hover,
.readmore-button a:hover,
a.multicol-teasermenu-button:hover,
.packageSliderButton a:hover,
input.enquiry-button:hover,
button.cr_button:hover,
.tx-powermail input[type="submit"]:hover,
.tx-powermail a.btn:hover,
button.btn:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}

.button-style:active,
.readmore-button a:active,
a.multicol-teasermenu-button:active,
input.enquiry-button:active,
button.cr_button:active,
.tx-powermail input[type="submit"]:active,
.tx-powermail a.btn:active,
button.btn:active {
	background: #000;
	border-color: #000;
	color: #fff;
}

.button-style.inv { background: transparent; border: 2px solid #fff; color: #fff; }
.button-style.inv:hover, .button-style.inv:active { background: #fff; border: 2px solid #fff; color: #000; }

.button-style.inv-dark { background: transparent; border: 2px solid #000; color: #000; }
.button-style.inv-dark:hover, .button-style.inv-dark:active { background: #fff; border: 2px solid #fff; color: #000; }


.button-style-outline {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	height: 50px;
	line-height: 46px;
	background: transparent;
	border: 2px solid #000;
	padding: 0 40px 0 20px;
	margin: 20px 0 0 0;
	color: #000;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	transition: 0.2s ease;
}
.button-style-outline:after {
	display: block;
	width: 40px;
	height: 46px;
	text-align: center;
	content: "\f105";
	font-family: 'FontAwesome';
	font-weight: normal;
	text-transform: none;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -23px;
}

.button-style-outline:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}

.button-style-outline:active {
	background: #000;
	border-color: #000;
	color: #fff;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

a.arrow-button-style,
span.arrow-button-style {
	display: inline-block;
	color: #000;
	font-weight: 500;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 6px 10px 0 0;
	vertical-align: top;
}

a.arrow-button-style:after,
span.arrow-button-style:after { 
	display: inline-block;
	content: "\f061";
	padding: 0 0 0 10px;
	font-family: 'FontAwesome';
	font-size: 18px;
	color: #ffcc00;
	text-transform: none;
	font-weight: normal;
	vertical-align: top;
}

a.arrow-button-style:hover:after,
span.arrow-button-style:hover:after {
	text-decoration: none; color: #95c12d;
}

a.arrow-button-style.inv { color: #fff; }


span.color-bold { color: #000; font-weight: bold; }
span.color-large { color: #000; font-size: 1.4em; font-weight: normal; }
span.no-color-bold  { font-weight: bold; }


span.important { color: #333; font-weight: bold; }
span.name-of-person { color: #333; text-transform: uppercase; font-weight: normal; }
span.detail { font-weight: bold; }



p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center { text-align: center !important; }

p.break-column {
	break-before: column;
	break-after: avoid;
	break-inside: avoid;
	-webkit-column-break-before: always;
	-webkit-column-break-after: avoid;
	-webkit-column-break-inside: avoid;
}

body.htmlarea-content-body blockquote {
	background-color: #f5f5f5;
	padding: 10px;
}

table.csc-frame-frame1 td { padding-right: 10px; }



td.brightest, th.brightest {
	background-color: #fff;
	color: #000000;
}

td.very-bright, th.very-bright {
	background-color: #fbfaf8;
	color: #000000;
}

td.bright, th.bright {
	background-color: #f5f5f5;
	color: #000000;
}

td.medium, th.medium {
	background-color: #fff0b2;
	color: #000000;
}

td.dark, th.dark {
	background-color: #ffcc00;
	color: #000;
	font-weight: normal;
}

td.dark a {
	color: #FFFFFF;
}

td.align-center { text-align: center !important; }

td.align-left { text-align: left !important; }

td.align-right{ text-align: right !important; }

td.no-wrap { white-space: nowrap !important; }

tr.no-border td { border: none !important; }

p.bg-bright {
	background-color: #f5f5f5;
	padding: 20px 30px;
}

p.p-tiny { font-size: 0.8em; }
p.p-large { font-size: 1.4em; line-height: 1.4em; }


table.cell-spacing {
	background-color: #FFFFFF;
	color: #000000;
	border-collapse: collapse;
	width: 100%;
}

table.cell-spacing td, table.cell-spacing th {
	border-bottom: none;
	border-left: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	margin: 0;
	padding: 10px 5px;
	vertical-align: middle;
	text-align: left;
}

table.cell-spacing td:first-child { border-left: none; }

table.cell-spacing td.brightest, table.cell-spacing th.brightest { border-right: solid 2px #f5f5f5; }





table.bottom-lines {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
table.bottom-lines td, table.bottom-lines th {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #DDDDDD;
	font-family: inherit;
}
table.bottom-lines th { font-weight: bold; }

table.bottom-lines td.bright, table.bottom-lines th.bright,
table.bottom-lines td.medium, table.bottom-lines th.medium,
table.bottom-lines td.dark, table.bottom-lines th.dark {
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
}




table.no-lines {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table.no-lines td, table.no-lines th {
	background-color: #FFFFFF;
	padding: 5px 10px 0 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	border-bottom: none;
}
table.no-lines th { font-weight: bold; }


table.full-width { width: 100%; }




table.events {
	background-color: #FFFFFF;
	color: #000000;
	border-collapse: collapse;
	width: 100%;	
}
table.events td, table.events th {
	border-bottom: none;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	margin: 0;
	text-align: left;
	padding: 10px 5px;
	vertical-align: top;
}
table.events th:first-child, table.events td:first-child {
	background: #ffcc00;
	color: #000;
}
table.events th:nth-child(2), table.events td:nth-child(2) {
	background: #fff0b2;
	background: #f5f5f5;
}
table.events th:nth-child(3), table.events td:nth-child(3) {
	background: #f5f5f5;
}


@media only screen and (min-width: 960px) {

	p.p-large {
		font-size: 1.4em;
		line-height: 1.4em;
		font-weight: 100;
		max-width: 960px;
		margin: 0 auto;
	}
	p.p-large strong { font-weight: normal; }

}


@media only screen and (max-width: 719px) {
	
	blockquote {
		padding: 30px 10px;
		margin: 20px 0;
		text-align: left;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	blockquote:before {
		width: 100px;
		left: 50%;
		right: auto;
		margin-left: -50px;
		background-color: #fff;
	}
	blockquote:before { top: -25px; }
	
}

/*---------------------------------------------------------------*/
/*----------------- Fluid styled content ------------------------*/
/*---------------------------------------------------------------*/

/* Start Default */

.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

.ce-table td, .ce-table th { vertical-align: top; }

.ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

.ce-column { float: left; }

.ce-center .ce-row { text-align: center; }
.ce-center .ce-column { display: inline-block; float: none; vertical-align: top; }

.ce-right .ce-gallery { float: right; }

.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; font-size: 0.8em; line-height: 1.2em; padding-top: 5px; text-align: left; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border img,
.ce-border iframe {
	border: none;
	padding: 0;
}

.ce-left .ce-gallery { float: left; }
.ce-right .ce-gallery { float: right; }
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
	margin-bottom: 10px;
}
.ce-intext.ce-right .ce-gallery { margin-left: 40px; margin-top: 10px; }
.ce-intext.ce-left .ce-gallery { margin-right: 40px; margin-top: 10px; }
.ce-below .ce-gallery { margin-top: 10px; }

.ce-column { margin-right: 10px; }
.ce-column:last-child { margin-right: 0; }

.ce-row { margin-bottom: 10px; }
.ce-row:last-child { margin-bottom: 0; }

.ce-above .ce-bodytext { clear: both; }

.ce-image:after { display: block; content: ' '; float: none; clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }

.ce-headline-center { text-align: center; }
	
/* End Default */

hr.ce-div {
	display: block;
	width: 100%;
	max-width: 1140px;
	height: 4px;
	background: #ddd;
	border: none;
	margin: 20px auto;
	overflow: hidden;
	float: none;
	clear: both;
}


.ce-textpic .ce-bodytext { padding: 10px 0; }

.typo3-editPanel { clear: both; }
.typo3-feedit-element { margin-top: 20px; }
a.typo3-editPanel-btn.content-link { display: none; }
.frontEndEditIconLinks img { width: auto; height: auto; }

.ce-intext .ce-bodytext h2:first-child,
.ce-intext .ce-bodytext h3:first-child { padding-top: 0; }

.typo3-feedit-element { position: relative; padding-top: 20px; }
.typo3-feedit-element:hover {
	-webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
}
.typo3-editPanel { position: absolute; top: 0; left: 0; z-index: 100; padding: 0 5px; background: #ddd; }
.typo3-feedit-element:hover > form .typo3-editPanel { display: block !important; }
.typo3-editPanel .frontEndEditIconLinks { display: inline !important; }
.typo3-editPanel a { text-decoration: none; }
.typo3-editPanel .icon-markup { display: inline-block; width: 26px; height: 26px; padding: 5px; }
.typo3-editPanel-label {display: none;}

.ce-media img { width: 100%; height: auto; }

/* Sitemap */

#content-col-0 .frame-type-menu_sitemap_pages ul { margin: 10px 0 10px 30px; }
#content-col-0 .frame-type-menu_sitemap_pages > ul { margin-left: 0; border-left: 0; }
#content-col-0 .frame-type-menu_sitemap_pages ul li { padding: 5px 0 0 0; }
#content-col-0 .frame-type-menu_sitemap_pages ul a { text-decoration: none; }
#content-col-0 .frame-type-menu_sitemap_pages ul a:hover { text-decoration: underline; }
#content-col-0 .frame-type-menu_sitemap_pages > ul > li > a { font-size: 1.4em; }
#content-col-0 .frame-type-menu_sitemap_pages > ul > li > ul { font-size: 1.2em; }
#content-col-0 .frame-type-menu_sitemap_pages > ul > li > ul > li ul { font-size: 0.9em; }



@media only screen and (max-width: 959px) {
	
	/* ----- Fluid styled content ----- */

	.ce-gallery[data-ce-columns="2"] .ce-column { max-width: 49.375%; margin-right: 1.25%; }
	.ce-gallery[data-ce-columns="3"] .ce-column { max-width: 32.5%; margin-right: 1.25%; }
	.ce-gallery[data-ce-columns="4"] .ce-column { max-width: 24.06%; margin-right: 1.25%; }
	.ce-gallery[data-ce-columns="5"] .ce-column { max-width: 19%; margin-right: 1.25%; }
	.ce-gallery[data-ce-columns="6"] .ce-column { max-width: 15.62%; margin-right: 1.25%; }
	.ce-gallery .ce-column:last-child { margin-right: 0; }

	div[data-csc-cols="1"] img { width: 100% !important; }
	
}

@media only screen and (max-width: 479px) {
	
	.ce-left .ce-gallery,
	.ce-intext.ce-left .ce-gallery,
	.ce-right .ce-gallery,
	.ce-intext.ce-right .ce-gallery { float: none; margin-left: 0; margin-right: 0; }
	
}


.animaldata .animal-images {
	margin: 0 0 60px 0;
}

table.animal-facts {
	border: none;
	border-collapse: collapse;
	width: 100%;
	border-top: solid 1px #eee;
	margin: 0;
}
table.animal-facts td {
	padding: 20px 5px 10px 5px;
	border-bottom: solid 1px #eee;
	vertical-align: top;
	height: 62px;
	min-height: 62px;
}
table.animal-facts tr td:first-child {
	font-weight: bold;
	width: 20%;
	padding-left: 40px;
}

.animal-icon-wrap { display: block; float: left; }
.animal-icon-wrap img { display: inline-block; padding: 0 10px 10px 0; margin-top: -5px; }

table.animal-facts td.animal-fact {
	padding-left: 40px;
	background: transparent url('../../../fileadmin/template/images/animaldata/tagaktiv.png') no-repeat left 15px;
}
table.animal-facts td.animal-fact.lebensdauer { background-image: url('../../../fileadmin/template/images/animaldata/lebenserwartung.png'); }
table.animal-facts td.animal-fact.gewicht { background-image: url('../../../fileadmin/template/images/animaldata/gewicht.png'); }
table.animal-facts td.animal-fact.groesse { background-image: url('../../../fileadmin/template/images/animaldata/groesse.png'); }
table.animal-facts td.animal-fact.lebensdauer { background-image: url('../../../fileadmin/template/images/animaldata/lebenserwartung.png'); }
table.animal-facts td.animal-fact.fortpflanzung { background-image: url('../../../fileadmin/template/images/animaldata/tragezeit.png'); }

table.animal-facts td img { vertical-align: top; }

.animal-images ul li {
	float: left;
}

.animal-images .slick-track .slick-slide {
	margin: 1px;
}


.animal-images ul li img {
	display: block;
}

.animal-text-wrap {
	padding: 0 0 40px 0;
}

.animal-content-image {
	display: block;
	float: right;
	padding: 0 0 10px 10px;
}


/* --- Patenschaften auf Tier-Seite --- */

.sponsorship {
	display: inline;
	text-align: center;
}
.sponsorship-wrap h3 {
	font-size: 1.8em;
	text-align: center;
	padding-bottom: 40px;
}
.sponsorship .spons-image, .sponsorship .spons-text {
	display: block;
	text-align: center;
	padding: 0 0 10px 0;
}

.sponsorship-button-wrap {
	display: block;
	text-align: center;
	padding: 40px 0;
}
.sponsorship-button-wrap .button-style {
	height: 60px;
	line-height: 26px;
	padding: 15px 40px 15px 20px;
	font-size: 24px;
	margin: 0;
}
.sponsorship-button-wrap .button-style:after {
	height: 56px;
	line-height: 56px;
	margin-top: -28px;
}







/* --- Masonry --- */

.animal-image-tiles {
	display: block;
	padding: 0;
	width: 100%;
	margin: 0 auto 40px auto;
	position: relative;
}

.animal-image-tiles .cascading-grid {
	display: block;
	width: 100%;
	float: left;
	margin: 0 auto;
}

.animal-image-tiles .grid-sizer { width: 24%; }
.animal-image-tiles .gutter-sizer { width: 1.3%; }
.animal-image-tiles .tile { width: 24%; *float: left; *margin: 0 7px; }


.animal-image-tiles .tile .tile-height:after {
  padding-top: 5.45%;
  display: block;
  content: '';
}
.animal-image-tiles .tile.w2 .tile-height:after {
  padding-top: 2.66%;
  display: block;
  content: '';
}

.animal-image-tiles .tile img { display: block; width: 100%; height: auto; }
.animal-image-tiles .tile a { text-decoration: none; }


.animal-image-tiles .grid-sizer { width: 32.4%; }
.animal-image-tiles .gutter-sizer { width: 1.4%; }
.animal-image-tiles .tile { width: 32.4%; *float: left; *margin: 0 7px; }
.animal-image-tiles .tile .tile-height:after, 
.animal-image-tiles .tile.w2 .tile-height:after, 
.animal-image-tiles .tile.wh .tile-height:after { padding-top: 4.4%; }
.animal-image-tiles .tile div { position: relative; }

/* --- Flexbox --- */

.animal-images-flex-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	/* row-gap: 10px; */
	margin-bottom: 40px;
	/*
	background-image: url('../../../fileadmin/template/images/animaldata/gallery_bg.png');
	background-size: 33.80857%;
	*/
}

.animal-image-flex {
	flex-basis: 32.38%;
}
.animal-image-flex:after {
	display: block;
	width: 100%;
	content: '';
	padding-top: 4.4%;
}	
.animal-image-flex img {
	display: block;
	width: 100%;
	height: auto;
}
.img-spacer {
	display: block;
	width: 100%;
	background: #eee;
}
.img-spacer:after {
	display: block;
	content: '';
	width: 100%;
	padding-top: 100%;
}

.animal-images-flex-wrap.cols2 { background: #fff; }
.animal-images-flex-wrap.cols2 .animal-image-flex { flex-basis: 49.285%; }
.animal-images-flex-wrap.cols2 .animal-image-flex:after { padding-top: 3.03%; }

.animal-images-flex-wrap.cols3 { background: #fff; }
.animal-images-flex-wrap.cols3 .animal-image-flex { flex-basis: 32.38%; }
.animal-images-flex-wrap.cols3 .animal-image-flex:after { padding-top: 4.4%; }

.animal-images-flex-wrap.cols4 { background: #fff; }
.animal-images-flex-wrap.cols4 .animal-image-flex { flex-basis: 23.927%; }
.animal-images-flex-wrap.cols4 .animal-image-flex:after { padding-top: 6.25%; }

.animal-images-flex-wrap.cols5 { background: #fff; }
.animal-images-flex-wrap.cols5 .animal-image-flex { flex-basis: 18.856%; }
.animal-images-flex-wrap.cols5 .animal-image-flex:after { padding-top: 7.908%; }


@media only screen and (max-width: 479px) {

	.animal-icon-wrap { float: none; }
	
	
	.animal-image-tiles .grid-sizer { width: 49.3%; }
	.animal-image-tiles .gutter-sizer { width: 1.4%; }
	.animal-image-tiles .tile { width: 49.3%; *float: left; *margin: 0 7px; }
	.animal-image-tiles .tile .tile-height:after, 
	.animal-image-tiles .tile.w2 .tile-height:after, 
	.animal-image-tiles .tile.wh .tile-height:after { padding-top: 2.9%; }
	.animal-image-tiles .tile div { position: relative; }
	
	
	.sponsorship {
		width: 100%;
		float: none;
	}
	
}

.tx-powermail { background: #fff; padding: 0 0 40px 0; }
.tx-powermail fieldset:ater { Display: block; content: ' '; clear: both; float: none; }

.powermail_legend {
	display: block;
	float: none;
	clear: both;
	font-size: 1.4em;
	color: #000;
	font-weight: normal;
	padding: 60px 0 0 0;
}
.layout2 .powermail_legend { font-size: 1.8em; }

.powermail_fieldset.nolabel .powermail_legend { display: none; }

.powermail_morestep .powermail_legend { display: none; }
.powermail_morestep .powermail_form h3 { display: none; }

.powermail_fieldwrap {
	display: block;
	float: left;
	width: 100%;
	padding: 20px 20px 0 0;
}

.powermail_field input[type="text"], 
.powermail_field input[type="email"], 
.powermail_field select, 
.powermail_field textarea {
	display: block;
	width: 100%;
	border: solid 1px #ccc;
	background: #f5f5f5;
	font-size: inherit;
}
.powermail_field input[type="text"], 
.powermail_field input[type="email"], 
.powermail_field select {
	height: 50px;
	line-height: 48px;
	padding: 0 10px;
}
.powermail_field textarea {
	padding: 10px;
}

.powermail_field input:required, .powermail_field textarea:required { background: #fff url('../../../fileadmin/template/images/field_required.png') no-repeat right top; border-color: #ccc; }
.powermail_field select:required { background: #fff; border-color: #ccc; }
.powermail_field input.parsley-error, .powermail_field textarea.parsley-error { border: solid 1px #F00; background: #FFF url('../../../fileadmin/template/images/field_error.png') no-repeat right top; }
.powermail_field select.parsley-error { border: solid 1px #F00; }
li.parsley-required, li.parsley-custom-error-message { color: #FF0000; }
.powermail_field input.parsley-success, .powermail_field textarea.parsley-success { border: solid 1px #090; background: #fff url('../../../fileadmin/template/images/field_success.png') no-repeat right center; }
.powermail_field select.parsley-success { border: solid 1px #090; }

.powermail_fieldwrap_type_html { width: 100%; clear: both; float: none; }

.powermail_fieldwrap_pauschalen_teaser { width: 100%; float: none; clear: both; padding: 0; }
.powermail_fieldwrap_pauschale { /* display: none; */ width: 100%; float: none; clear: both; }

.powermail_fieldwrap_anreise { width: 40%; }
#powermail_field_anreise { position: relative; background: #fff url('../../../fileadmin/template/images/calendaricon.png') no-repeat right center; border-color: #ccc; }
.powermail_fieldwrap_naechte { width: 20%; }
.powermail_fieldwrap_personen { width: 20%; }
.powermail_fieldwrap_zimmer { width: 20%; }

.powermail_fieldwrap_kinder { width: 30%; }
.powermail_fieldwrap_erwachsene { width: 30%; }
.powermail_fieldwrap_alterderkinder { width: 70%; }

.powermail_fieldwrap_anrede { width: 15%; clear: left; }
#powermail_field_anrede { background-color: #fff; border-color: #ccc; }
.powermail_fieldwrap_titel { width: 15%; }
.powermail_fieldwrap_vorname { width: 35%; }
.powermail_fieldwrap_familienname { width: 35%; }
.powermail_fieldwrap_email { width: 50%; clear: left; }
.powermail_fieldwrap_telefon { width: 50%; }
.powermail_fieldwrap_firma { width: 100%; clear: left; }
.powermail_fieldwrap_strasse { width: 100%; clear: left; }
.powermail_fieldwrap_plz { width: 20%; clear: left; }
.powermail_fieldwrap_ort { width: 40%; }
.powermail_fieldwrap_land { width: 40%; }
.powermail_fieldwrap_nachricht { width: 100%; float: none; clear: both; }
.powermail_fieldwrap_aufmerksam { width: 100%; float: none; clear: both; }

.powermail_fieldwrap_spamspamspam { width: 50%; clear: left; }
#powermail_field_spamspamspam { max-width: 229px; }

.powermail_fieldwrap_pflichtfelder { clear: left; }

.powermail_fieldwrap_anzahl { width: 30%; float: none; clear: both; }
#powermail_field_anzahl { font-size: 1.6em; height: 60px; line-height: 60px; padding: 0 20px;}
.powermail_fieldwrap_beschenkter { width: 100%; float: none; clear: both; }
.powermail_fieldwrap_newsletter { width: 100%; float: none; clear: both; }

.powermail_fieldwrap_zimmerkategorie { width: 100%; clear: left; }
.powermail_fieldwrap_zimmerkategorie .powermail_field {
	display: block;
	width: 100%;
	padding: 0 10px;
	border: solid 1px #bbb;
	background: #F5F5F5;
}

.powermail_fieldwrap_zimmerkategorie .powermail_field .checkbox {
	display: inline-block;
	width: 220px;
	height: 40px;
	line-height: 40px;
	padding: 0 40px 0 0;
}

.powermail_fieldwrap_frage, .powermail_fieldwrap_antwort { float: none; clear: both; }
.powermail_fieldwrap_antwort { padding-bottom: 20px; }
/* .powermail_fieldwrap_antwort > label.powermail_label { display: none; } */
.powermail_fieldwrap_antwort .radio { padding: 5px 0; }
.powermail_fieldwrap_antwort .radio.parsley-error { color: #FF0000; }
.powermail_fieldwrap_teilnahme { width: 100%; float: none; clear: both; }

.powermail_fieldwrap_schutz .powermail_field:after { display: block; content: ' '; clear: both; float: none; }
.powermail_fieldwrap_schutz input[type="text"] { float: left; width: 40%; margin-right: 20px }
.powermail_fieldwrap_schutz img { float: left; max-width: 50%; height: auto; }
.powermail_field_error_container_schutz { float: none; clear: both; }
.powermail_fieldwrap_schutz input.powermail_field_error { border: solid 1px #F00; background: #FFF url('../../../fileadmin/template/images/field_error.png') no-repeat right top; }


.tx-powermail .btn-group  {
	display: block;
	padding: 20px 20px 0 0;
}
.tx-powermail .btn-group:after {
	display: block;
	content: " ";
	float: none;
	clear: both;
}
.powermail_form button.btn-default {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	border: solid 1px #555;
	background: #FFF;
	color: #555;
	padding: 0;
	width: 50%;
	margin: 0;
	cursor: pointer;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	text-transform: uppercase;
}
.powermail_form button.btn-primary {
	border: solid 1px #555;
	background: #555;
	color: #FFF;
}

.visible-xs-inline-block { display: block; float: right; }
.visible-xs-inline-block:first-child { float: left; }

.powermail_fieldset_1 .powermail_tab_navigation { float: none; clear: both; text-align: right; }
.powermail_fieldset_2 .powermail_tab_navigation { float: left; }
.powermail_fieldwrap_senden { float: right; }


.powermail_fieldwrap label { position: relative; }
.powermail_fieldwrap label span { display: inline-block; width: 40px; }

.powermail_fieldwrap label div.package-description {
	display: none;
	width: 600px;
	position: absolute;
	left: 20px;
	bottom: 30px;
	background: #FFF;
	font-size: 1em;
	padding: 5px 10px;
	border: solid 2px #e5e5e5;
}
.powermail_fieldwrap label:hover div.package-description { display: block; }

ul.parsley-errors-list li {
	padding: 0;
	background: none;
}

.powermail_confirmation table { width: 100%; }
.powermail_confirmation td { padding: 8px 20px 8px 0; border-bottom: solid 2px #e5e5e5; }

.privacy-confirmation { padding: 20px 0; }

.please-check-data {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 20px 0;
}

.powermail_fieldwrap_pauschalenteaser { padding: 0; width: 100%; float: none; clear: both; }
.packageteaser {
	display: block;
	padding: 40px 20px 20px 0;
}
.packageteaser-image {
	display: block;
	float: left;
	width: 31.25%;
}
.packageteaser-image img {
	display: block;
	width: 100%;
	height: auto;
}
.packageteaser-text {
	display: block;
	float: left;
	width: 65%;
	margin-left: 3.75%;
}
.packageteaser h3 { padding-top: 0; }
.packageteaser h3 span {
	display: block;
	float: right;
}

.powermail_fieldwrap_prospekte > .powermail_label { display: none; }
.powermail_fieldwrap_prospekte .powermail_field { padding: 0 0 20px 0; }
.powermail_fieldwrap_prospekte .checkbox { padding: 10px 0; }

.powermail_fieldwrap_betrieb { width: 100%; float: none; clear: both; }

/* Patenschaft */

.powermail_form_2 .powermail_fieldwrap_geburtsdatum { width: 30%; }
.powermail_form_2 .powermail_fieldwrap_email { width: 35%; clear: none; }
.powermail_form_2 .powermail_fieldwrap_telefon { width: 35%; }
.powermail_fieldset_6 { display: none; }
.powermail_fieldwrap_name_geschenk { width: 70%; }
.powermail_fieldwrap_geburtsdatum_geschenk { width: 30%; }
.powermail_fieldwrap_plz_geschenk { width: 30%; }
.powermail_fieldwrap_ort_geschenk { width: 70%; }

/* Tour */

.powermail_fieldwrap_std, .powermail_fieldwrap_min { width: 18%; position: relative; }
.powermail_fieldwrap_std:after { display: block; content: ':'; font-size: 30px; width: 20px; height: 50x; line-height: 50px; position: absolute; right: 0; bottom: 0; text-align: center; }

.powermail_form_4 .powermail_fieldwrap_anreise { width: 24%; }
.powermail_form_4 .powermail_fieldwrap_erwachsene { width: 20%; }
.powermail_form_4 .powermail_fieldwrap_kinder { width: 20%; }

/* Tour ohne Uhrzeit */
.powermail_fieldwrap_veranstaltung { width: 40%; }
.powermail_form_4 .powermail_fieldwrap_anreise { width: 20%; }
.powermail_form_4 .powermail_fieldwrap_erwachsene { width: 20%; }
.powermail_form_4 .powermail_fieldwrap_kinder { width: 20%; }


/* Checkbox, Radiobutton */

.powermail_fieldwrap div.radio.fancy,
.powermail_fieldwrap div.checkbox.fancy { padding: 5px 10px; }
.powermail_fieldwrap div.radio.fancy label,
.powermail_fieldwrap div.checkbox.fancy label { line-height: 1.6em; }

/* remove standard-styles */
.fancy input[type='checkbox'],
.fancy input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

/* graceful degradation for ie8 */
.fancy input[type='checkbox'],
.fancy input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

.fancy input[type='checkbox']:checked,
.fancy input[type='checkbox']:not(:checked),
.fancy input[type='radio']:checked,
.fancy input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

.fancy input[type='checkbox'] + label,
.fancy input[type='radio'] + label {
  cursor: pointer;
}

.fancy input[type='checkbox']:checked + label::before,
.fancy input[type='checkbox']:not(:checked) + label::before,
.fancy input[type='radio']:checked + label::before,
.fancy input[type='radio']:not(:checked) + label::before {
    content:' ';
    display: inline-block;
	vertical-align: top;
    width: 17px;
    height: 17px;
    position: relative;
    top: 4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 0.6em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.parsley-error input[type='checkbox']:not(:checked) + label::before,
.parsley-error input[type='radio']:not(:checked) + label::before { border-color: #ff0000; }

.fancy input[type=radio]:checked + label::before,
.fancy input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

.fancy input[type='checkbox']:hover  + label::before,
.fancy input[type='radio']:hover  + label::before {
  background: #ddd;
  box-shadow: inset 0 0 0 2px white;
}

.fancy input[type='checkbox']:checked  + label::before,
.fancy input[type='radio']:checked  + label::before {
  background: #ffcc00;
  box-shadow: inset 0 0 0 2px white;
}


@media only screen and (max-width: 767px) {
	
	.powermail_fieldwrap { width: 100% !important; }
	.powermail_form button.btn-default { display: block; width: 100%; }
	
	.powermail_fieldwrap_schutz input[type="text"] { width: 100%; float: none; clear: both; margin-right: 0; margin-bottom: 10px; }
	
}



/* ------------------------ */
/* ----- Gridelements ----- */
/* ------------------------ */

/* Weltkarte */

.ge-worldmap {
	display: block;
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.ge-svg-map {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
.ge-map {
	display: none;
	width: 240px;
	position: absolute;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
	/* border-radius: 10px; */
	overflow: hidden;
}
.ge-map-image {
	padding: 10px 10px 0 10px;
}
.ge-map-text {
	display: block;
	padding: 10px;
	font-size: 14px;
	line-height: 1.2em;
}
.ge-map-text p {
	padding: 0;
}
.ge-map-title {
	font-size: 24px;
	padding-bottom: 10px;
}
.ge-map-text a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #ffcc00;
	color: 000;
	margin-top: 10px;
	text-decoration: none;
	font-size: 16px;
}
.ge-map-text a:hover {
	background: #000;
	color: #fff;
}
#popup-karte-amerika {
	left: 10%;
	top: 20%;
}

#popup-karte-afrika {
	left: 45%;
	bottom: 10%;
}

#popup-karte-eurasien {
	right: 20%;
	top: 10%;
}

#popup-karte-australien {
	right: 15%;
	bottom: 5%;
}

/* 2-spaltig */

.ge-cols_2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
	
.ge-cols_2 .ge-left { flex-basis: 48%; }
.ge-cols_2 .ge-right { flex-basis: 48%; }

.w4060 .ge-left { flex-basis: 38%; }
.w4060 .ge-right { flex-basis: 58%; }
.w6040 .ge-left { flex-basis: 58%; }
.w6040 .ge-right { flex-basis: 38%; }

.w3070 .ge-left { flex-basis: 29%; }
.w3070 .ge-right { flex-basis: 67%; }
.w7030 .ge-left { flex-basis: 67%; }
.w7030 .ge-right { flex-basis: 29%; }

/* 3-spaltig */

.ge-cols_3 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
.ge-cols_3 .ge-col {
	flex-basis: 31%;
}

.ge-teasers-multicol a {
	text-decoration: none;
}



.ge-teaser-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
}

.ge-teaser {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	flex-basis: 50%;
}
.ge-teaser-wrap .ge-teaser:nth-child(3n), 
.ge-teaser-wrap .ge-teaser:nth-child(4n) { flex-direction: row-reverse; }
.ge-teaser, .ge-teaser h3, .ge-teaser a { color: #fff; }
.ge-teaser-image {
	flex-basis: 50%;
}
.ge-teaser-text {
	flex-basis: 50%;
	position: relative;
}
.ge-teaser-text:after {
	display: block;
	width: 100%;
	padding-top: 75%;
}
.ge-teaser-text-inner {
	display: block;
	width: 100%;
	padding: 30px 40px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.ge-teaser-text .button-style { margin: 0; }

.ge-teaser-wrap .ge-teaser:nth-child(1n) .ge-teaser-text { background: #00a5d9; }
.ge-teaser-wrap .ge-teaser:nth-child(2n) .ge-teaser-text { background: #e84a45; }
.ge-teaser-wrap .ge-teaser:nth-child(3n) .ge-teaser-text { background: #006a2f; }
.ge-teaser-wrap .ge-teaser:nth-child(4n) .ge-teaser-text { background: #95c12d; }

.ge-teaser-image img {
	display: block;
	width: 100%;
	height: auto;
}







.press-archive-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
.press-archive-teaser {
	flex-basis: 31%;
	position: relative;
	padding-bottom: 60px;
}
.press-archive-image {
	display: block;
	width: 100%;
	background: #eee;
	position: relative;
}
.press-archive-image:after {
	display: block;
	content: '';
	width: 100%;
	padding-top: 100%;
}
.press-archive-image img {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}
.press-archive-text {
	display: block;
	padding: 20px 0;
	font-size: 16px;
}
.press-archive-text p {
	padding: 0;
}

.press-archive-textonly {
	display: block;
	padding: 40px 0 0 0;
}
.press-archive-textonly p {
	padding: 0;
}





.press-teaser {
	display: block;
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
}
.press-teaser a {
	color: #000;
	text-decoration: none;
}
.press-teaser-text {
	text-align: center;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
}
.press-teaser h3 {
	font-size: 1.6em;
	padding-bottom: 0;
}
.press-teaser h4 {
	font-size: 20px;
	padding-bottom: 0;
}
.press-teaser-date {
	font-weight: 100;	
	font-size: 16px;
}







.press-teaser-multicol {
	display: block;
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
	padding: 0;
}
.press-teaser-multicol a {
	color: #000;
	text-decoration: none;
}
.press-teaser-mc-image {
	display: block;
	max-width: 210px;
	margin: 0 auto;
}
.press-teaser-mc-image img {
	display: block;
	width: 100%;
	height: auto;
}
.press-teaser-mc-text {
	text-align: center;
	padding: 20px;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 100;
}
.press-teaser-mc-text h3 {
	font-size: 22px;
	line-height: 1.2em;
	padding: 0;
}
.press-teaser-mc-text h4 {
	font-size: 20px;
	padding: 10px 0 0 0;
}
.press-teaser-mc-date {
	font-weight: 100;
	font-size: 16px;
}
.press-teaser-mc-noimage {
	display: block;
	max-width: 300px;
	margin: 0 auto;
	background: #f5f5f5;
	border: 4px solid #eee;
	position: relative;
}
.press-teaser-mc-noimage:after {
	display: block;
	content: '';
	padding-top: 141.42857%;
}
.press-teaser-mc-noimage p {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 40px;
	padding: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}




.quote-slide a {
	color: #000;
	text-decoration: none;
}
.quote-slide {
	text-align: center;
	padding: 20px;
}
.quote-text {
	text-align: center;
	font-size: 2.4em;
	font-weight: bold;
	line-height: normal;
	max-width: 600px;
	margin: 0 auto;
}
.quote-slide h3 {
	font-size: 20px;
	padding-bottom: 0;
}
.quote-date {
	font-weight: 100;	
	font-size: 16px;
}


/* Kacheln */

.ge-tiles-wrap {
	display: block;
}
.ge-tiles-wrap.content-width {
	max-width: 1140px;
	margin: 0 auto;
}
.ge-tile a { text-decoration: none; }
.ge-tile .tile-image {
	display: block;
	width: 100%;
	position: relative;
}
.ge-tile .tile-image img {
	display: block;
	width: 100%;
	height: auto;
}
.ge-tile .tile-image-title {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 40px;
	padding: 20px;
	font-size: 2em;
	background: #ffcc00;
	font-family: 'herberstein_hl', 'herberstein_ft', Arial, Helvetica, sans-serif;
}
.ge-tile .tile-text {
	display: block;
	padding: 40px;
	background: #ffcc00;
}	
.ge-tile .tile-text h3 {
	display: block;
	padding: 0 0 20px 0;
	font-size: 2em;
	font-family: 'herberstein_hl', 'herberstein_ft', Arial, Helvetica, sans-serif;
}




.ge-teasers-multicol-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
.ge-teasers-multicol-wrap .ge-teasers-multicol {
	flex-basis: 31%;
	position: relative;
	color: #fff;
	background: #ffcc00;
	padding-bottom: 60px;
}
.ge-teasers-multicol-wrap .ge-teaser-mc-button {
	position: absolute;
	bottom: 20px;
}


.ge-teasers-multicol-wrap .ge-teasers-multicol a,
.ge-teasers-multicol-wrap .ge-teasers-multicol h3,
.ge-teasers-multicol-wrap .ge-teasers-multicol .arrow-button-style,
.ge-teasers-multicol-wrap .ge-teasers-multicol .arrow-button-style:after {
	color: #fff;
}
.ge-teasers-multicol-wrap .ge-teasers-multicol:nth-child(1n) { background: #00a5d9; }
.ge-teasers-multicol-wrap .ge-teasers-multicol:nth-child(2n) { background: #e84a45; }
.ge-teasers-multicol-wrap .ge-teasers-multicol:nth-child(3n) { background: #006a2f; }
.ge-teasers-multicol-wrap .ge-teasers-multicol:nth-child(4n) { background: #95c12d; }



@media only screen and (min-width: 1025px) {
	
	.ge-tiles-wrap {
		display: block;
	}
	
	.ge-tiles {
		display: block;
		position: relative;
		padding-top: 53.1%;
	}
	.ge-tile {
		display: block;
		width: 33.33%;
		position: absolute;
		overflow: hidden;
	}
	.ge-tile > a {
		display: block;
		position: relative;
		text-decoration: none;
	}
	.ge-tile .tile-image {
		display: block;
		width: 100%;
		position: relative;
	}
	.ge-tile .tile-image img {
		display: block;
		width: 100%;
		height: auto;
	}
	.ge-tile .tile-text {
		display: inline-block;
		max-width: 50%;
		position: absolute;
		left: 40px;
		bottom: 0;
	}
	
	.img7 .ge-tile.nr1 { left: 0; top: 0; }
	.img7 .ge-tile.nr2 { left: 25.26%; top: 0; }
	.img7 .ge-tile.nr3 { left: 50.52%; top: 0; }
	.img7 .ge-tile.nr4 { right: 0; top: 0;}
	.img7 .ge-tile.nr5 { left: 0; bottom: 0; }
	.img7 .ge-tile.nr6 { left: 25.26%; bottom: 0; }
	.img7 .ge-tile.nr7 { right: 0; bottom: 0; width: 49.48%; }

	.ge-tiles.img4 { padding-top: 56.6246%; }
	.img4 .ge-tile.nr1 { width: 50.05%; left: 0; top: 0; }
	.img4 .ge-tile.nr2 { width: 24.975%; left: 50.05%; top: 0; }
	.img4 .ge-tile.nr3 { width: 24.975%; right: 0; top: 0; }
	.img4 .ge-tile.nr4 { width: 49.95%; right: 0; bottom: 0;  }
	
	/* ----- */
	
	
	
}



@media only screen and (max-width: 1600px) {
	
	.ge-teaser { flex-basis: 100%; }
	.ge-teaser-wrap .ge-teaser:nth-child(3n), 
	.ge-teaser-wrap .ge-teaser:nth-child(4n) { flex-direction: row; }
	.ge-teaser-wrap .ge-teaser:nth-child(even) { flex-direction: row-reverse; }
	
}


@media only screen and (max-width: 767px) {

	.ge-cols_2 .ge-left, .ge-cols_2 .ge-right { flex-basis: 100%; }
	.ge-cols_3 .ge-col { flex-basis: 100%; }
	
	.ge-teaser { flex-wrap: wrap; }
	.ge-teaser-image, .ge-teaser-text { flex-basis: 100%; }
	.ge-teaser-wrap .ge-teaser:nth-child(even) { flex-direction: row; }
	.ge-teaser-text:after { display: none; }
	.ge-teaser-text-inner {
		position: relative;
		left: auto;
		bottom: auto;
	}
	
	.ge-teasers-multicol-wrap .ge-teasers-multicol { flex-basis: 100%; }
	
	.press-archive-teaser { flex-basis: 48.25%; }

}

@media only screen and (max-width: 480px) {

	.press-archive-teaser { flex-basis: 100%; padding-bottom: 0; }
	.press-archive-image { display: none; }

}

/*---------- Mask Elements ----------*/


.ge-teasers-multicol {
	padding: 0 0 40px 0;
}
.ge-teaser-mc-image img {
	display: block;
	width: 100%;
	height: auto;
}
.ge-teaser-mc-image.image-size-1 {
	width: 100%;
	height: 260px;
	position: relative;
}
.ge-teaser-mc-image.image-size-1 img {
	width: 240px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.ge-teaser-mc-text, .ge-teaser-mc-button-wrap {
	padding: 0 20px;
	max-width: 547px;
	margin: 0 auto;
}

/* ----- */

.exteaser-fullwidth {
	display: block;
	width: 100%;
	background: #ffcc00;
	position: relative;
}
.et-fw-image {
	display: block;
	position: relative;
}
.et-fw-image img {
	display: block;
	width: 100%;
	height: auto;
}
.exteaser-fullwidth .et-image-label {
	position: absolute;
	right: 0;
	bottom: 0;
}
.et-fw-text {
	display: block;
	padding: 40px;
}
.et-fw-text h3 {
	font-size: 2.8em;
	font-size: 2em;
}
.et-fw-bodytext {
	display: block;
	max-width: 400px;
}

.exteaser-fullwidth.dark { background: #333; /* background: #806600; background: #B38F00; */ }
.exteaser-fullwidth.dark, .exteaser-fullwidth.dark h3 { color: #fff; }
.et-fw-newslabel {
	display: inline-block;
	font-family: 'herberstein_hl', 'herberstein_ft', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 4em;
	position: absolute;
	right: 40px;
	top: 40px;
}
.exteaser-fullwidth.dark .et-fw-newslabel { color: #ffcc00; }

.exteaser-fullwidth.news-intro {
	margin: 40px 0 60px 0;
}

/* ----- */

.exteaser-twopics {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}
.et-tp-image {
	flex-basis: 100%;
	position: relative;
}
.et-tp-image:after {
	display: block;
	content: '';
	width: 100%;
	padding-top: 95%;
}
.et-tp-image img {
	display: block;
	width: 75%;
	height: auto;
	position: absolute;
}
.et-tp-image img:first-child { left: 0; top: 0; }
.et-tp-image img:nth-child(2) { right: 0; bottom: 0; }
.et-tp-image .et-image-label {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -90px;
	min-width: 25%;
	text-align: center;
}
.et-tp-text {
	flex-basis: 100%;
	padding: 40px;
}
.et-tp-text h3 {
	font-size: 2.8em;
	font-size: 2em;
}
.et-tp-text-inner {
	display: block;
	max-width: 640px;
}

.swap .et-tp-image { order: 2; }
.swap .et-tp-text-inner { float: right; }
.swap .et-tp-image img:first-child { left: auto; right: 0; top: 0; }
.swap .et-tp-image img:nth-child(2) { right: auto; left: 0; bottom: 0; }
.swap .et-tp-image .et-image-label { right: auto; left: 0; }


/* ----- */

.exteaser-textonly-wrap {
	display: block;
}
.exteaser-textonly {
	display: block;
	width: 100%;
	padding: 40px;
	background: #ffcc00;
}
.exteaser-textonly .exteaser-text {
	display: block;
	width: 100%;
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	line-height: 1.8em;
}
.exteaser-textonly .exteaser-text h3 {
	font-size: 2em;
	line-height: normal;
	text-align: center;
	padding-bottom: 0.5em;
}


@media only screen and (min-width: 1600px) {
	
	.et-fw-text { padding: 80px 6%; }

}


@media only screen and (min-width: 1025px) {
	
	.et-fw-image {
		width: 50%;
	}
	.et-fw-text {
		width: 50%;
		position: absolute;
		left: 50%;
		bottom: 0;
	}
	
	.exteaser-textonly {
		padding: 2vw 40px;
	}
	
}

/* one-col (Standard) */

div.onecol-teasermenu {
	width: 100%;
	padding: 20px 0;
	border-bottom: 2px solid #eee;
}
.onecol-teasermenu-wrap div.onecol-teasermenu:last-child { border: none; }

div.onecol-teasermenu h3 {
	padding-top: 0;
}

div.onecol-teasermenu h3 span.room-size, div.onecol-teasermenu h3 span.package-price {
	font-weight: normal !important;
	display: inline-block;
	text-transform: none;
}

div.onecol-teasermenu-image {
	width: 32%;
	float: left;
}

div.onecol-teasermenu-image img {
	display: block;
	max-width: 100%;
	height: auto;
}

div.onecol-teasermenu-text {
	width: 66%;
	float: right;
}

div.onecol-teasermenu-details { min-height: 49px; }

div.onecol-teasermenu span.button-left { display: block; float: left; }
div.onecol-teasermenu span.button-right { display: block; float: right; margin-left: 20px; }

div.onecol-teasermenu a.button-style { margin-bottom: 0; }

div.onecol-teasermenu-eventdetails { width: 32%; float: left; }
p.teasermenu-event-details { font-size: 0.9em; }

/* Button Formatierung im rte.css */


/* einspaltige Alternative */

.onecol-teasermenu-wrap .teaser-col-0 { margin-bottom: 8px; } 

/* multi-col */

div.multicol-teasermenu {
	width: 32.4%;
	padding: 0;
	margin: 0 1.4% 8px 0;
	float: left;
	background: #fff9e6;
	position: relative;
}

div.multicol-teasermenu h3 {
	padding-top: 10px;
}

div.multicol-teasermenu-image {
	width: 100%;
	float: none;
	position: relative;
}
div.multicol-teasermenu-image img { display: block; }

div.multi-col-pricelabel {
	display: inline-block;
	*display: block;
	*width: 100px;
	height: 40px;
	line-height: 40px;
	background: #e9e4de;
	padding: 0 10px;
	color: #b61616;
	font-size: 1.2em;
	text-transform: none;
	text-align: center;
	position: absolute;
	top: 5px;
	right: -5px;
}

div.multicol-teasermenu-image img {
	width: 100%;
	height: auto;
}

div.multicol-teasermenu-text {
	padding: 10px;
	float: none;
	text-align: left;
	font-weight: 100;
}

div.multicol-teasermenu-text h3 {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
}

a.multicol-teasermenu-button {
	color: #000;
	background-color: #ffcc00;
	border: none;
	display: block;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	margin: 0;
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
a.multicol-teasermenu-button:hover {
	color: #000;
	background-color: #ffcc00;
	opacity: 0.8;
}

div.multicol-teasermenu.col-3 { margin-right: 0; }
div.multicol-teasermenu.clear-3 { clear: left; }


/* Button Formatierung im File rte.css */


/* Tiere multi-col */

.animals-multicol-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
.animals-multicol-wrap:after {
	display: block;
	content: '';
	flex-basis: 30%;
}
div.animals-multicol {
	flex-basis: 30%;
	background: transparent;
	position: relative;
	margin-bottom: 30px;
}

div.animals-multicol:hover {
	opacity: 0.9;
}

div.animals-multicol:nth-child(even) {
	-moz-transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	-ms-transform:rotate(-2deg);
	transform:rotate(-2deg);
}
div.animals-multicol:nth-child(odd) {
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	transform:rotate(3deg);
}

div.animals-multicol h3 {
	padding-top: 10px;
}

div.animals-multicol-image {
	width: 100%;
	float: none;
	position: relative;
	
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

div.animals-multicol-image img {
	display: block;
	width: 100%;
	height: auto;
}

a.animals-multicol-button {
	color: #000;
	border: none;
	display: block;
	width: 100%;
	height: 60px;
	background: #ffcc00;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	padding: 0;
	position: relative;
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
a.animals-multicol-button span {
	display: block;
	width: 90%;
	padding: 0 5%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}



/* News */

div.news-teasermenu {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	padding: 20px 0;
}

div.news-teasermenu h3 {
	padding-top: 0;
}

div.news-teasermenu-image {
	flex-basis: 48%;
}

div.news-teasermenu-image img {
	display: block;
	width: 100%;
	height: auto;
}

div.news-teasermenu-text {
	flex-basis: 48%;
}
div.news-teasermenu:nth-child(even) div.news-teasermenu-image {
	order: 1;
}
	
div.news-teasermenu a.button-style { margin-bottom: 0; }


/* Button Formatierung im File rte.css */


/* one Level up / back to List */

a.back-to-list {
	display: block;
	width: 80%;
	color: #555555;
	text-decoration: underline;
	font-size: 1em;
	line-height: 3em;
	padding: 50px 10px 10px 10px;
}


@media only screen and (max-width: 959px) {

	div.onecol-teasermenu-details { min-height: 0px; }
	
}


@media only screen and (max-width: 719px) {

	div.multicol-teasermenu { width: 49.2%; }
	div.multicol-teasermenu-text { min-height: 0; }
	
	div.multicol-teasermenu.col-3 { margin-right: 1.4%; }
	div.multicol-teasermenu.clear-3 { clear: none; }
	
	div.multicol-teasermenu.col-2 { margin-right: 0; }
	div.multicol-teasermenu.clear-2 { clear: left; }
	
	
	.animals-multicol-wrap:after { flex-basis: 49%; }
	div.animals-multicol { flex-basis: 49%; margin-bottom: 0; }
	div.animals-multicol:after { display: block; content: ''; width: 100%; padding-top: 5%; }
	div.animals-multicol:nth-child(even), div.animals-multicol:nth-child(odd) {
		-moz-transform:rotate(0);
		-webkit-transform:rotate(0);
		-o-transform:rotate(0);
		-ms-transform:rotate(0);
		transform:rotate(0);
	}
	div.news-teasermenu-image { flex-basis: 100%; order: 0; }
	div.news-teasermenu-text { flex-basis: 100%; order: 1; padding: 20px 0; }
	
}


@media only screen and (max-width: 479px) {

	div.onecol-teasermenu, div.onecol-teasermenu-image, div.onecol-teasermenu-text { width: 100%; float: none; }
	div.onecol-teasermenu-image { margin-bottom: 10px; }
	div.onecol-teasermenu-image img { width: 100% !important; }
	div.onecol-teasermenu-menu span.button-left, div.onecol-teasermenu-menu span.button-right { float: left; margin: 0 10px 0 0; }
	
	div.multicol-teasermenu { width: 100%; float: none; border: none; margin-right: 0 !important; }

}

.tx-indexedsearch-searchbox {
	display: block;
	margin: 20px 0;
}
.tx-indexedsearch-searchbox legend {
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: normal;
	color: #555;
	padding: 0 0 1em 0;
}


.tx-indexedsearch-form, .tx-indexedsearch-search-submit {
	display: inline-block;
}
input.tx-indexedsearch-searchbox-sword {
	display: inline-block;
	*display: inline;
	width: 280px;
	height: 40px;
	line-height: 40px;
	font-size: 1em;
	padding: 0 10px;
	border: solid 1px #ddd;
	vertical-align: middle;
}
input.tx-indexedsearch-searchbox-button {
	display: inline-block;
	*display: inline;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	background: #eee;
	border: solid 1px #ddd;
	color: #333;
	margin: 0 0 0 10px;
	font-size: 1em;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
}
input.tx-indexedsearch-searchbox-button:hover {
	background: #ddd;
}

.tx-indexedsearch-res {
	display: block;
	padding: 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #eee;
}

h3.tx-indexedsearch-title {
	text-decoration: underline;
	margin-top: 20px;
}
h3.tx-indexedsearch-title a {
	text-decoration: underline;
}
p.tx-indexedsearch-info {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0.9em;
	border-bottom: solid 1px #eee;
}
.tx-indexedsearch-browsebox {
	margin: 20px 0;
}
.tx-indexedsearch-browsebox li {
	display: inline-block;
	*display: inline;
	margin-right: 20px;
}
.tx-indexedsearch-browsebox li a {
	text-decoration: none;
}
.tx-indexedsearch-browsebox li a:hover {
	text-decoration: underline;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Slider */
.slick-loading .slick-list
{
    background: #fff;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../../fileadmin/template/slider/./fonts/slick.eot');
    src: url('../../../fileadmin/template/slider/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../../fileadmin/template/slider/./fonts/slick.woff') format('woff'), url('../../../fileadmin/template/slider/./fonts/slick.ttf') format('truetype'), url('../../../fileadmin/template/slider/./fonts/slick.svg#slick') format('svg');
}

.slick-slide:focus { outline: none; }

/* Arrows */

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
}

/* Header Slideshow */

#header .slick-prev,
#header .slick-next
{
    display: block;
    width: 50px;
    height: 100px;
    margin-top: -50px;
    padding: 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent url('../../../fileadmin/template/slider/images/slider_prev_next.png') no-repeat left top;
	z-index: 20;
}

#header .slick-prev  {
	left: 0px;
}
#header [dir='rtl'] .slick-prev  {
    right: 0px;
    left: auto;
}

#header .slick-next {
	right: 0px;
	background-position: -50px top;
}
#header [dir='rtl'] .slick-next {
    right: auto;
    left: 0px;
}

#header .slick-slide {  }
#header .slick-prev, #header [dir='rtl'] .slick-prev {
	-moz-transition: left 0.3s;
	-webkit-transition: left 0.3s;
	transition: left 0.3s;	
}
#header .slick-next, #header [dir='rtl'] .slick-next {
	-moz-transition: right 0.3s;
	-webkit-transition: right 0.3s;
	transition: right 0.3s;
}
#header .slick-slider:hover .slick-prev { }
#header .slick-slider:hover .slick-next {  }

#header .slick-slider {
	display: block;
	width: 100%;
}

/* hide Slider until images are loaded */

#header .variable-width { visibility: hidden; }
#header .slick-initialized { visibility: visible; }







/* Animal Image Slider */

.animal-images .slick-prev,
.animal-images .slick-next
{
    display: block;
    width: 30px;
    height: 60px;
    margin-top: -30px;
    padding: 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent url('../../../fileadmin/template/slider/images/slider_small_prev_next.png') no-repeat left top;
	z-index: 20;
}

.animal-images .slick-prev  {
	left: 0px;
}
.animal-images [dir='rtl'] .slick-prev  {
    right: 0px;
    left: auto;
}

.animal-images .slick-next {
	right: 0px;
	background-position: 0 -60px;
}
.animal-images [dir='rtl'] .slick-next {
    right: auto;
    left: 0px;
}

.animal-images .slick-slider {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.animal-images .slick-slide {
	height: auto;
}

/*
.animal-image img { opacity: 0.5; }
.animal-image.slick-current img { opacity: 1; }
*/


/* Dots */

.slick-dots
{
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 40px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #37564c;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
	color: #37564c;
}



@media only screen and (min-width: 1540px) {

	#header .slick-prev,
	#header .slick-next
	{
		background-position: left -100px;
		z-index: 20;
	}

	#header .slick-prev  {
		left: -50px;
	}
	#header [dir='rtl'] .slick-prev  {
		right: -50px;
		left: auto;
	}

	#header .slick-next {
		right: -50px;
		background-position: -50px -100px;
	}
	#header [dir='rtl'] .slick-next {
		right: auto;
		left: -50px;
	}

}


.header-slideshow-wrap { position: relative; display: block; width: 100%; }
.header-slideshow { position: absolute !important; }
.header-slideshow-wrap:after { display: block; content: ' '; padding-top: 27.78%; }
.header-slideshow .slick-slide img {
	width: 100%;
	height: auto;
}
.header-slideshow .slick-slide img.headerimage-desktop { display: block; }
.header-slideshow .slick-slide img.headerimage-mobile { display: none; }


@media only screen and (max-width: 959px) {

	.header-slideshow-wrap:after { padding-top: 75%; }
	.header-slideshow .slick-slide img.headerimage-desktop { display: none; }
	.header-slideshow .slick-slide img.headerimage-mobile { display: block; }
	
}
	
	
.featured-slider-wrap {
	position: relative;
}

.featured-slider {
	background: #fff;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-top: 120px;
}

.featured-slider .slide {
	padding: 0;
	margin: 0;
	background: none;
	zoom: 1;
	position: relative;
	
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.featured-slider .slide:after {
	display: block;
	content: '';
	padding: 0;
	height: calc(100vh - 120px);
}


.featured-slider-overlay {
	display: inline-block;
	position: absolute;
	left: 60px;
	bottom: 60px;
	text-align: left;
	font-family: 'herberstein_hl', Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 4em;
	font-size: 4vw;
	line-height: 1.2em;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	z-index: 20;
}


.featured-slide-overlay {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 60px;
	text-align: center;
	font-family: 'xeye_script', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #FFF;
	font-size: 6em;
	font-size: 6vw;
	line-height: 1.2em;
	opacity: 0;
	
	text-shadow: 0 3px 0 #000;
	
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
	
}

.featured-slide-overlay.subheader {
	bottom: auto;
	top: 50%;
	font-size: 2em;
	font-weight: normal;
	text-transform: none;
	-webkit-transition-delay: 3s;
	-moz-transition-delay: 3s;
	-o-transition-delay: 3s;
	transition-delay: 3s;
}

.flex-active-slide .featured-slide-overlay {
	opacity: 1;
}


.slider-item-overlay {
	display: inline-block;
	position: absolute;
	right: -999em;
	bottom: 60px;
	bottom: 3vw;
	color: #fff;
	font-family: 'xeye_script', 'Times New Roman', Georgia, Serif;
	text-shadow: 0 0 10px rgba(0,0,0,0.2);
	font-size: 5em;
	text-align: right;
	font-size: calc(30px + 3vw);
	opacity: 0;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
	transition-delay: 0.5s;
}

.flex-active-slide .slider-item-overlay {
	right: 60px;
	opacity: 1;
}


.featured-overlay {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 50;
	
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.featured-overlay img {
	width: 600px;
	max-width: 70%;
	height: auto;
}

.featured-text {
	display: block;
	padding: 0 60px;
	text-align: center;
	font-family: 'xeye_script', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFF;
	/* font-size: 5em; */
	font-size: 4em;
	line-height: 1.2em;
	text-shadow: 0 0 5px rgba(80,60,30,0.5);
}



.featured-slider ol.flex-control-nav {
	position: absolute;
	top: 200px;
	left: 155px;
	width: 200px;
	z-index: 2;
	color: #000;
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
	text-align: center;
	cursor: default;
}

.featured-slider ol.flex-control-nav li {
	float: left;
	margin-right: 10px;
	background-image: none;
}

.featured-slider ol.flex-control-nav a {
	display:block;
	width: 20px;
	height: 0px;
	padding-top: 20px;
	overflow: hidden;
	cursor: pointer;
}

.featured-slider ol.flex-control-nav a.active {}

.featured-slider .flex-direction-nav a { background-image: url('../../../fileadmin/template/images/slide_left_min_white.svg'); margin-top: -20px; }
.featured-slider .flex-direction-nav a.flex-next { right: 40px; }
.featured-slider .flex-direction-nav a.flex-prev { left: 40px; }


@media only screen and (min-width: 1200px) {

	.featured-slider-wrap:after {
		display: block;
		content: '';
		width: 620px;
		position: absolute;
		right: 0;
		bottom: 0;
		top: 0;
		background: transparent url('../../../fileadmin/template/images/tatzen_01.png') no-repeat right bottom;
	}

}


@media only screen and (max-width: 1400px) {

	.featured-slide-overlay, .featured-text { font-size: 5vw; }
	.featured-overlay {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.featured-button { font-size: 20px; margin: 40px 30px 0 30px; }

}


@media only screen and (max-width: 960px) {

	.featured-slider-wrap { height: 100vh; overflow: hidden; }
	.featured-slider { padding-top: 0; }
	.featured-slider .slide:after { height: 100vh; }
	.featured-slider-overlay { left: 40px; bottom: 140px; }
	
}


@media only screen and (max-width: 719px) {

	.featured-slider-overlay, .featured-slide-overlay, .featured-text { font-size: 8vw; }
	.featured-slider .flex-direction-nav { display: none; }
	.slider-item-overlay { display: none; }

}


.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;transition:background .15s ease-out,-webkit-transform 0s .15s;transition:background .15s ease-out,transform 0s .15s;-webkit-backface-visibility:hidden}/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */.picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}.picker__wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}.picker__wrap{display:block}}.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height:26.5em){.picker__box{font-size:1.25em}}@media (min-height:33.875em){.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}}@media (min-height:40.125em){.picker__frame{margin-bottom:7.5%}.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}}.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);zoom:1;background:rgba(0,0,0,.32);transition:background .15s ease-out}.picker--opened .picker__frame{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height:33.875em){.picker--opened .picker__frame{top:auto;bottom:0}}
.picker__footer,.picker__header,.picker__table{text-align:center}.picker__day--highlighted,.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{color:#000;cursor:pointer;background:#b1dcfb}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}

.showalways { display: block; }
.showmobile { display: none; }
.hidemobile { display: block; }

.csc-textpic-above .csc-textpic-single-image img { max-width: 100%; height: auto; }


@media only screen and (min-width: 960px) {

	th.event-td1, td.event-td1 { white-space: nowrap; }
	
	.content-sub { font-size: 1.2em; font-weight: 100; line-height: 1.4em; padding-bottom: 60px; }

}

@media only screen and (min-width: 1140px) {

	#footer, div#before-content, #content, #footer, ul.dropdown-menu-sub > li, #main-nav { width: 1140px; }
	#content-col-1 { width: 360px; }
	#content-col-0 { margin: 0 80px 0 0; }
	#page-headline { max-width: 1140px; }
	
}




/* --------------------------------- */
/* ------------- MOBIL ------------- */
/* --------------------------------- */

@media only screen and (max-width: 959px) {
	
	#scroll-up { display: none !important; }

	.showmobile { display: block !important; }
	.hidemobile { display: none !important; }
	div.clear-floating-mobile { display: block; clear: both; height: 0px; overflow: hidden; }
	
	.print-button { display: none; }
	
	#content-wrap, #bottom-wrap  { position: relative; top: auto; left: auto; bottom: auto; right: auto; width: 100%; padding: 0; }
	#content-col-0, #content-col-1, #content-col-2, #content-col-3 { width: 100%; padding: 0 20px; float: none; clear: both; margin: 0; min-height: 0; }
	#content-col-0 { padding-top: 20px; }
	
	.left-col-teaser { display: none; }

	.footer-block, .footer-block.first, .footer-block.last { max-width: 92%; margin: 0 4%; float: left; }
	#footer-logos { padding: 50px 0; }

	#scrollbg-footer, #scrollbg-header { height: auto; background-image: none !important; }
	
	#header { margin-top: 0; }
	
	#header-logo {
		display: block;
		position: relative;
		float: none;
		clear: both;
		margin: 10px auto;
		width: 50%;
		max-width: 200px;
		background-size: 100%;
	}
	
	img.header-logo-scrolled { display: none; }
	body.scrolled img.header-logo-scrolled { display: none; }
	body.scrolled img.header-logo-default { display: block; }
	
	.search-small { width: 80%; margin-left: 10%; }
	
	#search-icon {
		background: transparent url('../../../fileadmin/template/images/mobile_contact_buttons.png') no-repeat right top;
		margin: 5px 5px 0 0;
	}
	
	ul.header-icons {
		position: relative;
		top: auto; right: auto; bottom: auto; left: auto;
		background: #ffcc00;
	}
	ul.header-icons li {
		width: 25%;
		margin: 0;
	}
	ul.header-icons li:hover {
		padding-bottom: 0;
	}
	ul.header-icons li a {
		width: 100%;
		height: 100px;
		padding-top: 75px;
		font-size: 1em;
	}
	
	.button-style {
		height: auto;
		min-height: 50px;
	}

}

@media only screen and (max-width: 719px) {

	h1, .page-header h1 { font-size: 2.4em; }

	#content-left, #content-middle, #content-right   { min-height: 0; }
	
	.csc-textpic div { margin: 0 !important; }
	.csc-textpic-imagewrap, .csc-textpic-imagerow { width: auto !important; }
	.csc-textpic-imagewrap { float: none !important; }
	
	#footer-logos .single-logo {  padding: 5px; }
	
	div.csc-frame-rulerAfter { font-size: inherit; clear: both; }

	td { white-space: normal !important; }
	table { display: block; overflow-x: auto; }	
	table::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 20px;
		height: 20px;
		background-color: rgba(0, 0, 0, .1);
	}
	table::-webkit-scrollbar-thumb {
		border: 2px solid #fff;
		background-color: rgba(0, 0, 0, .3);
	}
	
	div.multicol-teasermenu-text { min-height: 0; }
	
	.ui-widget {  font-size: 1em; }
	
	ul.slides .overlay, ul.featured-controls { display: none !important; }
	
}

@media only screen and (max-width: 479px) {


}


body.template-12 #content-col-1 { padding-top: 40px; }


	/* ---------- Sprachmenue ---------- */

	.lang-menu-wrap {
		display: block;
		float: right;
		margin-left: 5px;
		position: relative;
	}
	.lang-menu-wrap:before {
		display: block;
		content: '';
		width: 2px;
		height: 20px;
		background: #000;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	a.current-language { cursor: pointer; }
	
	ul.dropdown-lang > li {
		display: block;
		position: relative;
	}
	ul.dropdown-lang > li > a {
		position: relative;
		white-space: nowrap;
		display: block;
		text-align: center;
		margin: 60px 0 0 0;
		text-decoration: none;
		background: transparent;
		color: #000;
		font-size: 1.4em;
		font-weight: normal;
		height: 60px;
		line-height: 60px;
		width: 66px;
		padding: 0;

	}

	ul.dropdown-lang > li:hover > a:after {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -15px;
		bottom: -20px;
		width: 30px;
		height: 15px;
		background: transparent url('../../../fileadmin/template/images/main_nav_hover_bg.png') no-repeat center bottom;
		z-index: 2010;
	}

	ul.dropdown-lang-sub {
		display: block;
		width: 56px;
		position: absolute;
		left: -999em;
		top: 100%;
		z-index: 2000; 
		padding: 20px 0;
		
		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	ul.dropdown-lang-sub li { background: #fff; }
	ul.dropdown-lang-sub li:first-child { padding-top: 20px; }
	ul.dropdown-lang-sub li:last-child { padding-bottom: 20px; }
	ul.dropdown-lang-sub li.cur { display: none; }

	ul.dropdown-lang > li:hover > ul.dropdown-lang-sub	{ left: 50%; margin-left: -28px; opacity: 1; }

	ul.dropdown-lang-sub li a {
		display: block;
		padding: 8px 0;
		text-align: center;
		text-decoration: none;
		color: #000;
		font-size: 1.4em;
		font-weight: 100;
	}

	ul.dropdown-lang-sub li a:hover {
		text-decoration: underline;
	}
	
	/* --- foreign --- */
	
	ul.inline-lang > li {
		display: inline-block;
		*display: block;
		*float: left;
	}
	ul.inline-lang > li > a {
		white-space: nowrap;
		display: block;
		text-align: center;
		margin: 0;
		text-decoration: none;
		background: transparent;
		color: #000;
		font-size: 1.4em;
		font-weight: normal;
		height: 40px;
		line-height: 40px;
		width: 56px;
		padding: 0;
		text-shadow: 1px 1px rgba(255,255,255,0.5);
		border-left: solid 1px #ffe583;
	}
	ul.inline-lang > li > a:hover, ul.inline-lang > li > a.act {
		text-decoration: underline;
	}
	
	
	
	.sticky-nav-wrap.foreign-language { background: transparent; }
	body.template-12 .header-distance { display: none;}
	body.template-12 #header-wrap { background-position: center top; }
	body.template-12.scrolled .sticky-nav-wrap.foreign-language { background: #ffcc00; }
	body.template-12 ul.dropdown-lang > li > a { border: none; }
	
	.dropdown-lang-bg {
		display: block;
		width: 56px;
		height: 100px;
		background: #ffcc00;
		position: absolute;
		right: 50%;
		top: 0;
		margin-right: -570px;
		padding: inherit;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	
	body.scrolled .dropdown-lang-bg { height: 60px; }
	



@media only screen and (min-width: 1140px) {
	ul.dropdown-lang > li > a { font-size: 1.8em; }
	body.template-12 .header-distance { width: 1140px; max-width: 100%; }
}



@media only screen and (max-width: 959px) {
	
	/* ---------- Sprachmenue ---------- */

	.lang-menu-wrap { padding-left: 0; }
	.lang-menu-wrap:before { display: none; }
	ul.dropdown-lang.active ul.dropdown-lang-sub { left: 50%; margin-left: -28px; opacity: 1; }
	ul.dropdown-lang.active > li > a:after {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -15px;
		bottom: -20px;
		width: 30px;
		height: 15px;
		background: transparent url('../../../fileadmin/template/images/main_nav_hover_bg.png') no-repeat center bottom;
		z-index: 2010;
	}
	
	ul.dropdown-lang > li {
		display: block;
		position: relative;
	}
	ul.dropdown-lang > li > a {
		color: #000;
		font-size: 1.8em;
		font-weight: normal;
		height: 50px;
		line-height: 50px;
		width: 56px;
		margin-top: 5px;
		text-shadow: none;
		border: none;
	}
	body.template-pagets__home ul.dropdown-lang > li > a { color: #fff; }

	ul.dropdown-lang > li.active > a {
		background-image: url('../../../fileadmin/template/images/main_nav_hover_bg.png');
		background-repeat: no-repeat;
		background-position: center bottom;
	}

	ul.dropdown-lang > li.active > ul.dropdown-lang-sub { left: 0; opacity: 1; }

	.dropdown-lang-bg { display: none; }
	
}


.acceptcookies {
	font-family: inherit;
	display: none;
	width: 100%;
	background: #fff;
	color: #000;
	font-size: 16px;
	font-weight: 100;
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	padding: 10px 0;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
}
.acceptcookies p {
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	padding: 5px 10px;
}
.acceptcookies a {
	color: #000;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
}
span.accept-cookies-close {
	display: inline-block;
	height: 50px;
	line-height: 46px;
	padding: 0 20px;
	margin: 5px;
	background: #ffcc00;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	border: 2px solid #ffcc00;
}
span.accept-cookies-close:hover { background: #000; border-color: #000; color: #fff; }
span.xeye-accept-tracking.accept-cookies-close {
	background: #ffcc00;
	border-color: #ffcc00;
	color: #000;
	font-size: 18px;
	font-weight: 500;
}
span.xeye-accept-tracking.accept-cookies-close:hover { background: #000; border-color: #000; color: #fff; }
span.xeye-decline-tracking.accept-cookies-close {
	background: #fff;
	border-color: #fff;
	color: #999;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
span.xeye-decline-tracking.accept-cookies-close:hover {
	background: #fff;
	color: #555;
}

/* popup */

.acceptcookies.overlay {
	display: none;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0;
	right: 0;
	text-align: left;
	padding: 0;
	z-index: 5000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.acceptcookies.overlay div.accept-cookies-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 480px;
	padding: 30px 20px;
	max-width: 100%;
	background: #fff;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.acceptcookies.overlay p {
	display: block;
	padding: 5px 0;
}
.acceptcookies.overlay span.accept-cookies-close {
	width: 280px;
	padding: 0;
	margin: 10px 0 0 0;
}
.acceptcookies.overlay span.cookie-button-break { display: block; }


/* disabled content */

.disabled-by-dsgvo {
	display: block;
	position: relative;
	background-color: #fff;
	background-image: repeating-linear-gradient(45deg, white 0%, white 2%, #eee 2%, #eee 4%, white 4%);
}
.disabled-by-dsgvo .vertical-center {
	display: block;
	position: absolute;
	text-align: center;
	font-size: 18px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.disabled-by-dsgvo:after {
	display: block;
	content: '';
	padding-top: 57%;
}

.map-wrap .disabled-by-dsgvo { height: 70vh; }
.map-wrap .disabled-by-dsgvo:after { display: none; }

@media only screen and (min-width: 640px) {

	.acceptcookies.overlay div.accept-cookies-inner {
		width: 500px;
		padding: 40px 40px 45px 40px;
	}

}

@media only screen and (max-width: 719px) {
	
	.disabled-by-dsgvo:after { display: none; }
	.disabled-by-dsgvo .vertical-center {
		position: relative;
		padding: 40px 20px;
		font-size: 18px;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

}