/*--------------------------------------------------------------
0.0 Project
----------------------------------------------------------------

* Projektname: cms.trionline.de
* Version: 2.3
* (c) 2017 Trion Visual Concepts GmbH

*/


/*--------------------------------------------------------------
0.1 Colordefinition
----------------------------------------------------------------

* grey75	rr/gg/bb #xxyyzz
* grey50	rr/gg/bb #xxyyzz
* blue		rr/gg/bb #xxyyzz
* blue75	rr/gg/bb #xxyyzz
* blue50	rr/gg/bb #xxyyzz
* ...

*/

/*--------------------------------------------------------------
>>>>  Table of Contents
----------------------------------------------------------------

0.1	Fonts
0.2 Cookie Banner
1.0 Normalize
2.0	Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Colors
7.0 Lists
8.0	Links
9.0	Tables
10.0 Forms
  10.1 Forms Messages
11.0 Images, Lines
12.0 TinyMCE
13.0 Layout
  13.1 tophead (includes,fixed, Sekundärnavigation)
  13.2 <header>
  13.3 <nav> (Primärnavigation))
  13.4 <main>
  13.5 <section> (entspricht einer Seite)
  13.6 <article> (entspricht dem Bereich einer Seite)
  13.7 <footer> incl. zertifikate(includes)
  13.8 subfooter (includes)
14.0 Template "Startseite" == Startseite
15.0 Template "Default" == alle Folgeseiten
  15.1 Template "Default" general
  15.2 Section xxx
  15.3 Section xxx
    15.3.1 Section xxx
16. Print
17. Media Queries
*/


/*--------------------------------------------------------------
0.1 Fonts
--------------------------------------------------------------*/

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=616acdb8-9971-4990-b6c5-9ceae37e379a");

	@font-face {
		font-family: 'Bauer Bodoni Bold Italic';
		src: local('Bauer Bodoni Bold Italic'), local('BauerBodoni-BoldItalic'),
			url('Fonts/BauerBodoni-BoldItalic.woff2') format('woff2'),
			url('Fonts/BauerBodoni-BoldItalic.woff') format('woff');
		font-weight: bold;
		font-style: italic;
		font-display: swap;
	}

    @font-face{
        font-family:"Bodoni W01 Italic_709617";
        src:url("Fonts/baaa1e87-9d8b-409b-93ea-c7142d5419a5.eot?#iefix");
        src:url("Fonts/baaa1e87-9d8b-409b-93ea-c7142d5419a5.eot?#iefix") format("eot"),url("Fonts/af9d39a1-300c-4126-9441-1946b171e140.woff2") format("woff2"),url("Fonts/0e91160c-e1f6-4798-b6e8-d78cd4227090.woff") format("woff"),url("Fonts/0b5fa5e0-256b-42f0-91d4-d82fffa719a9.ttf") format("truetype"),url("Fonts/795566f4-2834-41a7-adf2-a6165a4518a1.svg#795566f4-2834-41a7-adf2-a6165a4518a1") format("svg");
    }

	 @font-face{
        font-family:"Bauer Bodoni Pro_1 W01 Italic";
        src:url("Fonts/222b92ed-c250-48fd-98a2-2e16e74d3d09.eot?#iefix");
        src:url("Fonts/222b92ed-c250-48fd-98a2-2e16e74d3d09.eot?#iefix") format("eot"),url("Fonts/1791f364-9061-4459-a14d-0b188cfd7193.woff2") format("woff2"),url("Fonts/cf9c8c0b-5324-4c4a-b72c-48ba07888cbf.woff") format("woff"),url("Fonts/a842cfef-4388-46ae-854c-d7b0cfc07428.ttf") format("truetype"),url("Fonts/316ba827-0473-4c94-8ae4-a1c4f8b6c0ad.svg#316ba827-0473-4c94-8ae4-a1c4f8b6c0ad") format("svg");
    }

    @font-face{
        font-family:"DIN Next LT W01 Bold";
        src:url("Fonts/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot?#iefix");
        src:url("Fonts/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot?#iefix") format("eot"),url("Fonts/03008527-67bd-478e-98e3-3b56dd9a6520.woff2") format("woff2"),url("Fonts/557f817d-9c25-4a23-baaf-a3cf84a7cd7c.woff") format("woff"),url("Fonts/92ed1479-1d40-4a94-8baf-6abd88b17afa.ttf") format("truetype"),url("Fonts/36ae914b-b535-47cd-b3d2-8c43073d8634.svg#36ae914b-b535-47cd-b3d2-8c43073d8634") format("svg");
    }

	@font-face{
        font-family:"DIN Next LT W01 Heavy";
        src:url("Fonts/215d2e40-5e98-4976-b7d4-80d770fb5de9.eot?#iefix");
        src:url("Fonts/215d2e40-5e98-4976-b7d4-80d770fb5de9.eot?#iefix") format("eot"),url("Fonts/a173e9a2-1b5d-4cd0-bd6e-ee2185940233.woff2") format("woff2"),url("Fonts/ac5c3376-2fd7-405c-82f6-75ddc1f8d386.woff") format("woff"),url("Fonts/2fe26fac-819f-4bb8-adb0-4d1a62fab72d.ttf") format("truetype"),url("Fonts/1e2398cd-764e-4793-bdfe-de2505ea5c3c.svg#1e2398cd-764e-4793-bdfe-de2505ea5c3c") format("svg");
    }

    @font-face{
        font-family:"DIN Next W01 Light";
        src:url("Fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
        src:url("Fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"),url("Fonts/de1216be-00c2-43c0-9c45-3e7f925eb519.woff2") format("woff2"),url("Fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"),url("Fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"),url("Fonts/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg");
    }
    @font-face{
        font-family:"DIN Next W01 Regular";
        src:url("Fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
        src:url("Fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"),url("Fonts/44e7b0fa-6c8d-43c2-b19e-f1e3ce9ea57c.woff2") format("woff2"),url("Fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),url("Fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),url("Fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
    }

	@font-face {
  font-family: 'FontAwesome';
  src: url('Fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('Fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('Fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('Fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('Fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('Fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*--------------------------------------------------------------
0.2 Cookie Banner
--------------------------------------------------------------*/

#cookie_warning				{ border-top: 1px solid #99b1b7; position: fixed; width: 100%; bottom: 0px; left: 0px; background-color: #003c4b; z-index: 999; }
	#accept_page_cookie 	{ width: 140px; background-color: #003c4b; color: #FFF; padding:6px 20px 0px 10px;  cursor: pointer; line-height: 1; text-align: center; cursor: pointer; float: right; border: none; float:right; border: 1px solid white; height: 30px; margin-top: 7px;  }



/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html					{ font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; line-height: 1; }
*,
*:before,
*:after					{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body					{ position: relative; background: #fff; }
article, aside, details, figcaption,
figure, footer, header, main,
nav, section			{ display: block; }
ol, ul					{ list-style: none; }
table					{ border-collapse: separate; border-spacing: 0; }
caption, th, td			{ }
blockquote:before,
blockquote:after,
q:before, q:after		{ content: ""; }
blockquote, q			{ quotes: "" ""; }
a:focus					{  }
a:hover, a:active		{ outline: 0; }
a img					{ border: 0; }
pre 					{ position: fixed; bottom: 0px; left: 0px; width: 100%; height: 300px; font-size: 14px; line-height: 18px; padding: 10px; border-top: 1px solid #000; color: #000;  background-color: #fff; z-index: 1000; overflow: scroll; }

section  small { font-size: 0.6em !important; }

.slider_boxen_text_wrapper small a  {
    color: #f7c3dc;
    text-decoration: underline;
}

/*--------------------------------------------------------------
2.0 Accessibiltiy
--------------------------------------------------------------*/
.usercentrics-button.uc-button-bl .uc-privacy-button-wrapper { display: none !important }

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.center					{ position: relative; width: 100%; max-width: 1080px; margin: 0px auto; }
.right					{ float: right; }
.left					{ float: left; }

.text-center				{ text-align: center}
.white 							{color: #fff;}
.white 	p						{color: #fff !important}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear					{ position: relative; display: block; float: none; width: 100%; clear: both; height: 1px; overflow: hidden; }
.clear_big				{ position: relative; display: block; float: none; width: 100%; clear: both; height: 20px; overflow: hidden; }


.square {
  width: 48%;
  margin: 1%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body, button, input,
select, textarea		{ color: #747474; font-family: 'DIN Next W01 Regular', sans-serif, "Lato", Helvetica, sans-serif; font-weight: 300; }


h1, h2, h3, h4, h5, h6	{ clear: both; font-weight: 500; line-height: 1.3; color: #000; }
h1						{ font-size: 32px; text-transform: uppercase; }
h2						{ font-size: 24px; text-transform: uppercase; letter-spacing: -0.02em; }
h3						{ }
h4						{ color: #9b8741 } /* Subtitle */
h5						{ }
h6						{ }

main > *:not(:first-child) .headline { margin-top: 90px;  }
#first_sction .headline { margin-top: 0; }
.headline 				{ display: block; width: 100%; line-height: 1.3; text-align: center; margin-bottom: 45px; }
.headline * 			{ color: #000; display: block; }

/* headline startseite */
.headline .main 		{ font-family: "DIN Next LT W01 Heavy"; text-transform: uppercase; font-size: 45px; line-height: 1.185; }
.headline .sub 			{ font-family: "Bauer Bodoni Bold Italic"; text-transform: uppercase; font-size: 45px; line-height: 1.185; font-style: italic; }

/* headline 1 */
.headline b 			{ font-family: "DIN Next LT W01 Heavy"; text-transform: uppercase; font-size: 35px; line-height: 1.166; }
.headline i 			{ font-family: "Bauer Bodoni Bold Italic"; text-transform: uppercase; font-size: 35px; line-height: 1.166; font-style: italic; }

/* headline 3 */
.headline small 		{ font-size: 20px !important; line-height: 1.46; }

.headline h3 b 			{ font-family: "DIN Next LT W01 Heavy"; font-size: 20px; line-height: 1.33; }
.headline h3 i 			{ font-family: "Bauer Bodoni Bold Italic"; font-size: 20px; line-height: 1.33; font-style: italic; }
.headline h3 small 		{ font-size: 15px; line-height: 1.33; }

.slider .headline b 	{ font-size: 35px; }
.slider .headline i 	{ font-size: 35px; }
.slider .headline small { font-size: 16px; }

.slider_boxen_text_wrapper .headline b		{ font-size: 20px !important;}
.slider_boxen_text_wrapper .headline i		{ font-size: 20px !important;}

p						{ }
a						{ line-height: 1; }
b, strong				{ font-weight: 700; }
em						{ font-weight: 400; color: #003c4b; }
dfn, i					{ font-style: normal; }
cite					{ font-style: normal; font-size: 24px; line-height: 24px; }
blockquote				{ margin-left: 3em; font-family: 'DIN Next W01 Regular', sans-serif, "Lato", Helvetica, sans-serif; font-weight: 300; font-style: normal; }
address					{ }
pre						{ }
code, kbd, tt, var		{ }
abbr, acronym			{ border-bottom: 1px dotted #666; cursor: help; }
mark, ins				{ background: #fff9c0; text-decoration: none; }
sup, sub				{ font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }
sup						{ bottom: 1ex; }
sub						{ top: .5ex; }
small					{ font-size: 75%; }
big						{ font-size: 125%; }

.category				{ display: block; width: 100%; height: 45px; padding-top: 6px; color: #9b8741; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; border-top: 2px dotted #ddd; border-bottom: 2px dotted #ddd; }
.subheader				{ display: block; padding: 20px 0; font-size: 22px; font-weight: 400; line-height: 1.3; color: #003c4b; }
.supheader				{ display: block; padding: 20px 0 10px 0; font-size: 20px; font-weight: 400; line-height: 1.3; color: #003c4b; text-transform: none; }
.source					{ display: block; float: right; padding: 10px 20px 0 0; font-size: 14px; }
.subtitle				{  }


picture img				{width: 100%; }
/*--------------------------------------------------------------
6.0 Colors
--------------------------------------------------------------*/

.bg_white				{ background-color: #fff; }
.bg_grey				{ background-color: #cdcdc8; }
.bg_dark_grey			{ background-color: #747474; }
.bg_light_grey			{ background-color: #f7f7f7; }

.light_blue				{ color: #99b1b7; }
.dark_blue				{ color: #003c4b; }

/*--------------------------------------------------------------
7.0 Lists
--------------------------------------------------------------*/

ul, ol					{ }
ul						{ display: block; list-style: none; }
.inline_ul				{ display: inline; }
ol						{ list-style: decimal; }
li > ul, li > ol		{ margin-bottom: 0; margin-left: 1.5em; }
.bulletlist	li			{ background-image:url(../images/square_bronze_12x12.png); background-repeat: no-repeat; background-position: 0px 7px;}

/*--------------------------------------------------------------
8.0 Links
--------------------------------------------------------------*/

a						{ color: #000; text-decoration: none; border: none; outline: none; text-transform: none }
a:visited				{  }
a:focus					{  }
a:hover					{ }
a:active				{  }

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table					{ table-layout: fixed; border-collapse: collapse; line-height: 1.4; }
th						{ }
td						{ }

/*--------------------------------------------------------------
10.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea				{ margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*--------------------------------------------------------------
10.1 Forms Messages
--------------------------------------------------------------*/

#message_container	{ position: relative; width: 100%; line-height: 15px; padding: 10px 20px 30px 20px; font-size: 16px; }

	.msg_error {position: relative; width: 100%; padding: 15px 15px; background-color: #fceae7; color: #e6614f;  }
	.msg_success {position: relative; width: 100%; padding: 15px 15px; background-color: #e8f8f3; color: #51d2a9;  }

	.error_input { border: 1px solid #e6614f !important;  }
		.error_input + label { color: #e6614f !important; }

/*--------------------------------------------------------------
11.0 Images, Lines
--------------------------------------------------------------*/

.hr, hr					{ background-color: #747474; width: 100%; height: 1px; margin-top: 20px; margin-bottom: 20px; border: none;}
img						{ height: auto; max-width: 100%; border: none; outline: none; }
figure					{ margin: 0; }


/*--------------------------------------------------------------
12.0 TinyMce
--------------------------------------------------------------*/

.box100_1		{ width: 100%; padding: 0px 10px; border: 1px solid green  }
.box100_2		{ width: 100%; padding: 0px 10px; border: 1px solid green  }
.box100_2.col1,
.box100_2.col2	{ width: 50%; float: left; border: 1px solid green }
.box100_3		{ width: 100%; padding: 0px 10px; border: 1px solid green  }
.box100_3.col1,
.box100_3.col2,
.box100_3.col3	{ width: 33.33%; float: left; border: 1px solid green }


.box33_1		{ position: relative; display: block; float: left; padding: 0 14px; width: 33.33333333333%; border: 1px solid #FFFFFF;  }
.box33_1 > h	{ display: block; margin-bottom: 25px; }
.box33_1 > p	{ display: block;  margin: 25px 0px; }
.box33_1 > h4	{ display: block; margin: 25px 0px; }
.box33_1 > ul	{ display: block; margin: 25px 0px; }
.box33_1  a		{ display: block; }

.box67_1 		{ position: relative; display: block; float: left; padding: 0 14px; width: 66.66666666666%; }

.bodoni_i			{ font-family:"Bauer Bodoni Pro_1 W01 Italic"; }

.din_light			{ font-family: "DIN Next W01 Light" }

.schraeg		{ -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }


 i						{ font-family:"Bauer Bodoni Pro_1 W01 Italic"; display: inline-block; }
 b						{ font-family:"DIN Next LT W01 Heavy", 'FontAwesome'; font-weight: normal; display: inline-block; }

.booking_cta  i {
	font-family: "DIN Next W01 Light";
 	display: inline-block;
 }



.text h2				{ font-family: "DIN Next W01 Light"; font-size: 24px; margin: 10px auto; }

.bxslider  .text h2		{ font-family: "DIN Next LT W01 Heavy"; font-size: 24px; margin: 0px auto; }


.text .btn_pink {
    width: 250px;
    margin: 25px auto 20px;    color: #000;
    font-size: 20px;
    line-height: 26px;
	text-align: center
}


.text.freitext			{ z-index: 5; font-family: "DIN Next W01 Light"; } 
.text.freitext strong	{ font-family: "DIN Next LT W01 Heavy"; }
.text.freitext b		{ font-family: "DIN Next LT W01 Heavy"; }

.text.freitext h1 { font-size: 32px !important; }
.text.freitext h1 b { font-size: 32px !important; }
.text.freitext h1 strong { font-size: 32px !important; }

.text.freitext h2 { font-size: 24px !important; }
.text.freitext h2 b { font-size: 24px !important; }
.text.freitext h2 strong { font-size: 24px !important; }

.text.freitext h3 { font-size: 20px !important; }
.text.freitext h3 b { font-size: 20px !important; }
.text.freitext h3 strong { font-size: 20px !important; }

.freitext > div > a		{ text-transform: uppercase; }

.skew {  background-color: rgba(0,0,0,0.8); z-index: 5;position: relative; float: left; padding-left: 20px; margin-left: -20px;}
	.skew > div	{ }


#livechat-compact-container		{ display: none; }

.img_wrap						{ overflow: hidden; max-width: 33%;  }

.upgrade_boxes .img_wrap { background-color: #000; display: flex; justify-content: center; align-items: center; }



/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

#cover_teaser       { position: absolute; right: 10px; margin: auto; top: 20%; width: 130px; }
.usp_teaser         { width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; padding-bottom: 60px; padding-top: 30px; }
.usp_teaser div     { flex: 1 0 0%; width: 33%; padding: 0px 1%; text-align: center; color: #000; font-size: 15px; line-height: 1.4; text-transform: uppercase; font-family: "DIN Next W01 Light"; }
.usp_teaser div b	 { font-family: "DIN Next W01 Light" !important;}


body		{ background-color: #fff; overflow-x: hidden; width: auto; line-height: 0px;}
body.noscroll	{ overflow: hidden; }
body main	{ padding-top: 90px;}
body header, body main { position: relative; max-width: 940px; width: 100%; margin: 0px auto; background-color: #fff; }



body header				{ position: fixed; left: 0px; right: 0px; top: 0px; width: 100%; max-width: 940px; height: 60px; background-color: #fff;  padding: 20px 15px; z-index: 300 }


body.noscroll #slideUp	{ overflow: scroll; }


body.noscroll.iphone #wrapper { display: none; }



body header.scroll		{ background-color: rgba(0,0,0,0.7); }

.fixed_footer			{ position: fixed; left: 0px; right: 0px; bottom: 0px; width: 100%; max-width: 940px; height: 60px; background-color: rgba(255,255,255,0.5); padding: 20px 15px; z-index: 300;     margin: 0px auto; }

footer						{ position: relative; max-width: 940px; width: 100%; background-color: #fff; text-align: center; padding: 50px 20px 80px 20px; z-index: 4 }

footer .center				{  font-family:"DIN Next LT W01 Heavy"; color: #000; font-size: 16px; line-height: 26px; text-transform: uppercase }
footer .center *			{ color: #000;  font-size: 16px; line-height: 26px; text-transform: none; }
footer .center .btn_pink	{ width: 250px; margin: 25px auto 20px auto; }
footer .center li			{ padding: 6px 0px; }
footer .center li a			{ text-transform: uppercase; font-family: "DIN Next W01 Light"}

#wrapper				{ position: relative; max-width: 940px; width: 100%; margin: 0px auto; line-height: 0px; overflow: hidden;  }

main						  { line-height: 0px;  }
main section			{ position: relative; line-height: 0px; }

/* Schulkalender */
.multiline-placeholder { line-height: 12px; }
.panorama-btn-wrapper	{ position: absolute; right: 10px; top: 25px; margin: auto; margin-top: 10px; z-index: 1; text-align: center; }
/* -------------- */

.invisible { display: none; }

section	table			{ width: 100% !important; height: auto !important; }
section	table td		{ width: auto !important; padding: 10px 0px; }
section	table td *		{ font-family:"DIN Next W01 Light"; font-size: 24px; line-height: 30px !important; }
section	table td strong	{ font-family:"DIN Next LT W01 Heavy"; font-size: 24px; line-height: 30px !important; margin-bottom: 0px !important; }
section	table tr td:first-child	{ border-right: 1px solid #000; }
section	table tr td	{ border-right: 1px solid #000; }
section	table tr td:last-child	{ border-right: none; }

section .text table td h2 strong {
	font-size: 20px !important;

}
section .text table td h3 strong {
	font-size: 18px !important;
}

.navActive {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

#mobile_navi			{ position: fixed; z-index: 30001; top: 0; right: -webkit-calc(-100% + 60px); right: -moz-calc(-100% + 60px); right: calc(-100% + 60px); width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); height: 700px; background-color: #fff; padding-top: 20px; 
 height: calc(100vh - calc(100vh - 100%)); border-left: 1px solid #666; overflow: scroll; }

	.menutext		{  display: block; float: left; margin-right: -37px; margin-top: 34px;  font-family: "DIN Next W01 Light"; font-size: 16px; color: #000; }


#mobile_navi .c-hamburger span 			{ display: block; position: absolute; top: 14px; left: 0px; right: 0px; height: 3px; background: #000; }
	#mobile_navi .c-hamburger span::before,
	#mobile_navi .c-hamburger span:after	 	{ position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #000; content: ""; }
	#mobile_navi .c-hamburger--htx.is-active 	span { background-color: transparent; }


#mobile_navi > ul > li		{ border-bottom: 1px solid #d1d3d4; }
#mobile_navi > ul > li > a	{ display: block;  padding: 15px 15px; font-family:"DIN Next LT W01 Heavy"; font-size: 30px; color: #000; text-transform: uppercase }

#mobile_navi > ul ul			{ display: none; margin-left: 0px; }
#mobile_navi > ul ul > li		{ border-bottom: 1px solid #d1d3d4; }
#mobile_navi > ul ul > li:last-child	{ border-bottom: none; }
#mobile_navi > ul ul > li > a	{ display: block;  padding: 10px; padding-left: 30px; font-family:"DIN Next W01 Light"; font-size: 20px; color: #000; text-transform: uppercase }

#mobile_navi	.active.has_children ul	{ display: block; }

#mobile_navi	.active >	a			{ color: #f7c3dc; }
.tert_navi { line-height: 1; padding-bottom: 0px;}
.tert_navi ul > li > a	{ display: block;  padding: 15px 15px; font-family:"DIN Next LT W01 Heavy"; font-size: 16px; color: #000; text-transform: uppercase;  }

.tert_navi b { display: block; text-align: center; color: #000; font-size: 16px; }
.tert_navi > a { display: block; text-align: center; color: #000; font-size: 16px; text-transform: uppercase; }
.tert_navi > span { display: block; text-align: center; color: #000; font-size: 16px; }


#logo_head					{ height: 40px; margin: 0px auto; display: inline-block; margin-top: -10px; opacity: 1 }

.c-hamburger 				{ display: block; position: relative; float: right; overflow: hidden; margin: 0; padding: 0; width: 35px; height: 35px; margin-top: -5px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; background-color: transparent }
	.c-hamburger:focus 			{ outline: none; }
	.c-hamburger span 			{ display: block; position: absolute; top: 14px; left: 0px; right: 0px; height: 3px; background: #000; }
	.c-hamburger span::before,
	.c-hamburger span:after	 	{ position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #000; content: ""; }
	.c-hamburger span::before 	{ top: -9px; }
	.c-hamburger span:after	 	{ bottom: -9px; }

	.c-hamburger--htx 				{ background-color: transparent; }
	.c-hamburger--htx span 			{ -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; transition: transform 0.3s; }
	.c-hamburger--htx span::before,
	.c-hamburger--htx span:after	 	{ -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
	.c-hamburger--htx span::before 	{ -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
	.c-hamburger--htx span:after	 	{ -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; }

	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active 				{ background-color: transparent; }
	.c-hamburger--htx.is-active span 			{ background: none; }
	.c-hamburger--htx.is-active span::before 	{ top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg); }
	.c-hamburger--htx.is-active span:after	 	{ bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span:after			{ -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }



	/* active state, i.e. menu open */
	.c-hamburger--htx.active_animation 				{ background-color: transparent; }
	.c-hamburger--htx.active_animation span 			{ transform: rotate(90deg);    margin-left: 2px; width: 25px; }



	ul li.has_children > a				{ background-image: url(../images/navi_arrow.png); background-repeat: no-repeat; background-position: right center; }
	ul li.has_children > a.active		{ background-image: url(../images/navi_arrow_active.png); background-repeat: no-repeat; background-position: right center; }

	.social								{ width: 24px; height: 24px; background-image: url(../images/social_media_icons.png); background-repeat: no-repeat; margin: auto; }
	.social.ic_facebook					{ background-position: -72px center; }
	.social.ic_instagram				{ background-position: -48px center; }
	.social.ic_youtube					{ background-position: 0px center; }
	.social.ic_whatsapp					{ background-position: -24px center; }
	.social.ic_snapchat					{ background-position: -96px center; }
  	.social.ic_tiktok				    { background-position: -120px center; }
  	.social.ic_spotify					{ background-position: -144px center; }


  .checkbox_whatsapp      { margin-left: 10px; margin-top: 7px !important; }
	#line_overlay						{ width: 100%; }




	.hashtag							{ position: absolute; color: #fff; font-family:"DIN Next LT W01 Heavy"; font-size: 23px; width: 100%; text-align: center; bottom: 95px; }
	.datum								{  color: #fff; font-size: 23px; line-height: 24px; width: 100%; text-align: center; text-transform: none; display: inline-block; margin-top: 10px;}
	.btn_pink							{  font-family:"DIN Next LT W01 Bold"; display: block; background-color: #f7c3dc; color: #000; text-transform: uppercase; font-size: 16px; line-height: 15px; padding: 6px 6px 5px 6px; cursor: pointer; }


	.youtube 							     { position: relative; width: 100%; height: auto; }
	.youtube iframe						{ position: relative; width: 100% !important; height: 70vw; z-index: 10 }


  .videoWrapper {
    position: relative;
    height: 0;
    width: calc(100% + 30px);
    padding-bottom: 58.25%;
    margin-left: -15px;
    margin-top: -20px;
    margin-bottom: 10px;
  }

  .videoWrapper_new { position: relative;
      height: 0;
      width: 100%;
      padding-bottom: 56.25%;

    }

    .videoWrapper_new iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .format_1-1 .videoWrapper_new {
    padding-bottom: 100%;
  }

  .bxslider .format_16-9 .img_wrap { display: block;
    width: 100%; padding-bottom: 56.25%; background-size: cover; background-position: center;}


  .bxslider .format_1-1 .img_wrap { display: block;
    width: 100%; padding-bottom: 100%; background-size: cover; background-position: center;}


  .video_einzeln { background: rgb(149,75,151);
  background: linear-gradient(90deg, rgba(149,75,151,1) 28%, rgba(213,183,213,1) 100%); padding: 10px; }
  .video_einzeln .violett {  margin-top: 40px; }
  .video_einzeln .skew { position: relative; ; }

  .freitext .videoWrapper {

    background: rgb(149,75,151);
    background: linear-gradient(90deg, rgba(149,75,151,1) 28%, rgba(213,183,213,1) 100%);
    margin-top: 0px;
  }

  .freitext .videoWrapper iframe {
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px) ;
    height: calc(100% - 20px) ;
  }


  .partnerlogo {
      display: inline-block;
      width: 32%;
      padding: 1.5%;
      text-align: center;
  }
  .partnerlogo img {
      max-height: 100px;
      max-width: 100%;
      width: auto !important;

  }

  	.slider_boxen_text_wrapper img {position: absolute; width: 80px !important; top: 55px !important; right: 10px; }

	.teaser_box_text						{ position: absolute; left: 0px; top: 0px; z-index: 15; }




	.teaser_box_text *						{ display: inline-block; line-height: 24px; font-size: 18px; text-transform: uppercase; }
	.teaser_box_text h3						{ line-height: 0px; display: inline-flex; }
	.teaser_box_text i						{ font-family:"Bauer Bodoni Pro_1 W01 Italic"; display: inline; }

	.teaser_box_text b						{ font-family:"DIN Next LT W01 Heavy"; }

	.teaser_box_text small					{ font-size: 12px !important; }

	.teaser_box_text h3 *					{ font-size: 28px; }

    .teaser_box_text .clear                 { font-size: 0; line-height: 0; }

	.teaser_box_text .zeile1					{ margin-top: 30px; background-color: rgba(0,0,0, 0.9); color: #fff;  padding: 2px 20px 0px 20px; margin-left: -10px; }

	.teaser_box_text .zeile2					{ margin-top: 0px; background-color: rgba(0,0,0, 0.9); color: #fff;  padding: 2px 20px 0px 20px; margin-left: -10px; }

	.teaser_box_text .zeile3					{ margin-top: 0px; background-color: rgba(0,0,0, 0.9); color: #fff;  padding: 2px 20px 0px 20px; margin-left: -10px; }

    .teaser_box_text .zeile4					{ margin-top: 0px; background-color: rgba(0,0,0, 0.9); color: #fff;  padding: 2px 10px 0px 20px; margin-left: -10px; }

    /* .slider .teaser_box_text .zeile2 { margin-left: -15px; }
    .slider .teaser_box_text .zeile3 { margin-left: -20px; } */

	.teaser_box_link							{ position: absolute; font-size: 16px; line-height: 15px; padding: 6px 6px 3px 6px; bottom: 20px; left: 0; right: 0; margin: auto;  z-index: 20;         max-width: -moz-max-content; max-width: -webkit-max-content;  max-width: max-content; text-align: center; padding-left: 0px; padding-right: 0px; box-sizing:content-box; padding-right: 10px;  padding-left: 10px; }

	.slider_boxen_text_wrapper 	.teaser_box_link			{ max-width: 100%; }

    .slider_boxen_text_wrapper p a { color: #f7c3dc; text-decoration: underline; }
    .slider_boxen_text_wrapper p a:hover { color: #f7c3dc; text-decoration: none; }
    .slider_boxen_text_wrapper .text {background-color: #fff; }
    .slider_boxen_text_wrapper h2 .small { font-size: 16px;}


	.freitext ol							{ margin-left: 15px; }


	#slideUp								{ display: none; position: fixed; width: 100%; bottom: 0px; top: 0px; left: 0px; right: 0px; height: 100vh; background-color: rgba(0,0,0,0.8); z-index: 30003; -webkit-overflow-scrolling: touch;  }
	#slideUp iframe							{ display: none; width: 100%; height: 90vh; position: absolute; bottom: 0px; left: 0px; z-index: 101; background-color: #fff; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: scroll; }

	.main { overflow: hidden; }
	.slider.boxen				{ z-index: 15; }
	.bxslider.no_controls ul:not(.slick-dots) li	{ padding: 2px 20px;
    margin: 0px; }

    .bxslider.no_controls ul:not(.slick-dots) li::before			{ margin-top: 5px}
	.pageID_1 .slider.boxen .bx-wrapper,
	.pageID_46 .slider.boxen .bx-wrapper{ padding-bottom: 18px;
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa900+0,e05b5e+49,c5386e+63,860e30+100 */
					background: #ffa900; /* Old browsers */
					background: -moz-linear-gradient(-45deg, #ffa900 0%, #e05b5e 49%, #c5386e 63%, #860e30 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(-45deg, #ffa900 0%,#e05b5e 49%,#c5386e 63%,#860e30 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(135deg, #ffa900 0%,#e05b5e 49%,#c5386e 63%,#860e30 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa900', endColorstr='#860e30',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
					}

	.slider.boxen .bx-wrapper	{ padding-bottom: 18px;  }




	body.noscroll.iphone #slideUp { position: relative !important; height: 1500px; overflow: scroll; }
	body.noscroll.iphone #slideUp iframe { position: relative ; min-height: 1500px; }



	.slider.boxen .bx-wrapper .bx-pager, .slider.boxen .bx-wrapper .bx-controls-auto { bottom: 14px; }

  .slider.boxen .slider_boxen_text_wrapper .text table { margin-bottom: 20px; margin-top: 20px;  }

	.slider.boxen .slider_boxen_text_wrapper .text table tr { line-height: 0; }
	.slider.boxen .slider_boxen_text_wrapper .text table svg	{ width: 20px; display: inline; margin-left: -5px; margin-right: -5px; }
.slider.boxen .slider_boxen_text_wrapper .text table tr td {border: none; }
	.slider.boxen .slider_boxen_text_wrapper .text table tr td:first-child { text-align: center;  border: 1px solid rgb(0, 0, 0); margin-bottom: 10px; max-width: 30%;  }

	.slider.boxen .slider_boxen_text_wrapper .text table tr td:nth-child(2) {padding-left: 10px;}

	.slider.boxen .slider_boxen_text_wrapper .text table tr td:last-child {    font-family: "DIN Next LT W01 Heavy"; text-align: right; max-width: 100px;}
  .pageID_91 .bxslider.no_controls .slick-track li {padding-bottom: 0px; }

   /*.slider.boxen .headline { margin-top: 25px;}*/

  .slider_boxen_text_wrapper table { table-layout: auto}



	.slider_follow_btn 		{ background-color: #3897f0; position: absolute; right: 15px; top: auto; z-index: 30; bottom: 15px; width: 90px; text-align: center;  }

	.slider_text			{ position: relative; padding: 5px 30px 5px 10px; z-index: 5; font-size: 20px; line-height: 24px; color: #fff; float: left;  }
	.slider_text *			{ text-transform: uppercase; }
	.slider_text i 			{ font-family:"Bauer Bodoni Pro_1 W01 Italic", 'FontAwesome'; }
	.slider_text b 			{ font-family:"DIN Next LT W01 Heavy", 'FontAwesome'; }
	.text strong			{ font-family:"DIN Next LT W01 Heavy"; font-weight: normal; font-size: 24px; line-height: 16px; }

	.slider_text.normal		{ transform: none; background-color: transparent; color: #000; float: none; text-align: center; padding: 0px !important; }
	.slider_text.normal b	{ font-size: 24px; line-height: 35px; }

	.normal.text  h3				{ font-family:"DIN Next LT W01 Heavy"; font-size: 60px; color: #000; position: relative; margin-bottom: 20px; margin-top: 10px; }
	.normal.text  h4				{ font-family:"DIN Next LT W01 Heavy"; font-size: 25px; color: #000; position: relative; margin-bottom: 20px; margin-top: 10px; }
	.normal.text  h4::before		{ content: ''; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; z-index: 1; background-image: url(../images/pink_cross.png); background-size: contain; background-repeat: no-repeat; background-position: center center }

	.fs-22 { font-size: 22px !important; }

	.slider_boxen_text_wrapper	{ overflow: hidden; position: relative; }

	.slider_boxen_text_wrapper .slider_text	{ padding-right: 50px; }

	.slider_boxen_text_wrapper .img_wrap	{  max-width: none; }
	.slider_boxen_text_wrapper h2 { font-family:"DIN Next LT W01 Heavy"; }


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


	/*.row2 .ticket_sale			{ position: absolute; padding-left: 20px; padding-right: 20px; margin-top: -300px; left: 0; right: 0; }

	.row2 .ticket_sale .countdown_wrapper	{     padding: 30px 9px 10px 9px; -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);  }*/

	.row_last					{ z-index: 5; }

	.ticket_sale .skew			{ margin-left: -40px; }


	.ticket_sale_image			{ position: absolute; z-index: 10; width: 100%; text-align: center; bottom: -50px; }

	.ticket_sale_image	img		{ width: 80%; max-width: 350px; }


	.countdown_wrapper			{  font-family:"DIN Next W01 Light"; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #000; position: relative; background-color: rgba(255,255,255, 0.8); padding: 0px 9px 80px 9px; margin-bottom: 190px; z-index: 5; }
	.countdown_wrapper	.teaser_box_link 	{ font-family:"DIN Next W01 Light"; bottom: 10px; min-width: 250px; text-align: center; }



	.bar_border					{ width: 100%; border: 1px solid #000;  margin-bottom: 30px; }
	.bar_loading				{ position: relative; height: 38px; background-color: #f7c3dc; color: #000; line-height: 38px; font-family:"DIN Next LT W01 Heavy"; font-size: 20px; text-align: right; padding-right: 10px;  }
	.bar_loading.border			{ border-right: 2px solid #000; }

	#getting-started			{ width: 100%; display: block; margin: 0px auto; margin-top: 5px; text-align: center  }
	#getting-started div		{ width: auto; display: inline-block; position: relative; line-height: 150%; font-size: 12px; text-align: center; font-family:"Bauer Bodoni Pro_1 W01 Italic";  overflow: hidden; }

	#getting-started > div 		{ font-family:"DIN Next LT W01 Heavy";  padding: 0px 0px;  }
	/**/
	#getting-started div span	{ display: block; width: 100%; letter-spacing: 0.4em; text-indent: 0.4em;  margin: 0px auto; padding: 15px 0px;  font-size: 20px; line-height: 100%; background-color: #000; color:#fff; float: none; text-align: center;overflow: hidden; position: relative; }
	#getting-started > div span::before	{ content: ''; position: absolute; height: 100%; width: 1px; background-color: #fff; left: 50%; top: 0; }
	#getting-started > div span.threeLetters::before	{ content: ''; position: absolute; height: 100%; width: 1px; background-color: #fff; left: 33.3%; top: 0; }
	#getting-started > div span.threeLetters::after	{ content: ''; position: absolute; height: 100%; width: 1px; background-color: #fff; left: 66.6%; top: 0; }


	#getting-started div div	{ display: block; width: 100%; margin: 0px auto; padding: 5px 0px; font-size: 11px;  float: none; text-align: center; text-transform: none; }


	.bildordner	{ background-color: #fff; z-index: 5; position: relative;  }

	.image_gallery {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		margin: 0px auto !important;

    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
	}
	.image_gallery .img_wrap {
		flex: 1 1 33%;
		padding: 20px 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		vertical-align: middle;
	}


	.bxslider  .text 			{ padding: 20px 15px 20px 15px; }
	.text ul					{ margin-top: 20px; }
	.text > ul > li::before		{ content: ''; background-image: url(../images/list_icon.png); display: block; float: left; width: 20px; height: 15px; margin-top: 3px ;background-repeat: no-repeat; background-position: left top; margin-left: -20px; }
	.text ul li					{ padding-left: 20px; }

	.text form > ul > li::before { content: ''; background-image: url(../images/list_icon.png); display: block; float: left; width: 20px; height: 15px; margin-top: 3px ;background-repeat: no-repeat; background-position: left top; margin-left: -20px; }


	.text ul ul { margin-top: 0px; margin-bottom: 10px; }
	.text ul ul li {     list-style: disc;  padding-left: 0px; }

	.row1 .teaser_box_text .zeile1	{ margin-top: 80px; }
	.pageID_12 .row1 .teaser_box_text .zeile1 {
		margin-top: 48px;
	}

	.folgeseite .row1 .teaser_box_text .zeile1	{ margin-top: 30px; }

	.text							{ position: relative; background-color: #fff; color: #000; font-size: 16px; line-height: 24px; font-family:"DIN Next W01 Light"; text-transform: none; padding: 15px; }

	.text img						{ max-width: 100%; max-height: 100%; height: auto; display: inline-block; width:auto; margin: 0px auto; }

	.text.einzeilig h2				{ float: left; }
	.text.einzeilig p				{ float: left; margin-top: 3px; }

	.auszeichnungen					{ background-color: #fff; }

	.auszeichnungen img				{ max-width: 33%; float: left; }
	.auszeichnungen > div:not(.clear)				{ width: 33%; display: inline-block;  float: left; position: relative; }

	div.hc-widget.hc-widget-small div.hc-widget-body	{ width: 100% !important; height: 100%; min-height: 100%; position: absolute;}
	.hc-widget-body	{     height: 100%; max-height: none !important; }


	.blue		{ background-color: #0066cc; color: #fff; font-size: 20px; line-height: 30px; font-family: "DIN Next W01 Light"; padding: 40px 15px; text-align: center; font-size: 16px; line-height: 20px; }
	.blue img	{position: relative; max-width: 45%; margin: -40px auto 20px auto; display: block; -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); }
	.blue h3	{  font-family:"DIN Next LT W01 Heavy"; font-size: 23px; margin-bottom: 20px; text-align: center; text-transform: uppercase; }

	.blue a 	{ color: #fff; text-decoration: underline; }



	.ausklapp_wrapper	{  border-bottom: 1px solid #000;  background-color: #fff;}

		section .ausklapp_wrapper  table tr td { border-right: none}

		.ausklapp_titel	{  font-family:"DIN Next LT W01 Heavy"; font-size: 24px; line-height: 24px; text-transform: uppercase; padding: 25px 15px; color: #000; background-image: url(../images/navi_arrow.png); background-repeat: no-repeat; background-position: center right 20px;}

		.ausklapp_titel.active	{ background-image: url(../images/navi_arrow_active.png);  border-bottom: 1px solid #000; }
		.ausklapp_text			{ display: none; font-size: 16px; line-height: 25px; font-family: "DIN Next W01 Light"; padding: 15px !important; }

	.storybox				{  padding: 15px !important }
	.storybox h2			{ font-family:"DIN Next LT W01 Heavy"; margin-bottom: 10px;   }
	.storybox strong		{ margin-bottom: 8px; margin-top: 15px; }


#secretcode-section	{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */}

#secretcode-section	div {background-color: transparent}
#secretcode-section .placeholder { display: none;}
#secretcode	{ padding-top: 8px !important; }

.presentation_textarea					{  font-family: "DIN Next LT W01 Heavy"; border: 1px solid #fff;; border-bottom: 1px solid #d7d7d7; margin-top: 30px; text-transform: none; font-size: 16px; color: #000; width: 100%; padding: 10px; clear:both; display: block; min-height: 100px; }


	section:nth-child(odd) .storybox_wrapper { left: -100%; }
	section:nth-child(even) .storybox_wrapper {right: -100%; }

	section:nth-child(odd) .storybox_wrapper.come-in {
		  transform: translateX(-100%);
		  animation: come-in 1.0s ease forwards;
	}


	section:nth-child(even) .storybox_wrapper.come-in {
		  transform: translateX(100%);
		  animation: come-in 1.0s ease forwards;
	}

	@keyframes come-in {
	  to { transform: translateX(0); }
	}


	.hide-section-opac {
		opacity: 0;
	}

	.show-section-opac {
		opacity: 1;
	}

	.hide-section-opac-animated {
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-ms-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
     	opacity: 0;
	}

	.show-section-opac-animated {
		-webkit-transition: opacity 2s ease-in-out;
		-moz-transition: opacity 2s ease-in-out;
		-ms-transition: opacity 2s ease-in-out;
		-o-transition: opacity 2s ease-in-out;
		transition: opacity 2s ease-in-out;
     	opacity: 1;
	}



	.switch, .custom-switch				{ text-align: center; background-color: #fff; padding: 20px 0px; }
	.switch	div, .custom-switch div 	{ cursor: pointer; font-size: 24px; line-height: 40px; text-transform: uppercase;  font-family: "DIN Next W01 Light"; border: 1px solid #f7c3dc; width: 150px; min-height: 40px; color: #f7c3dc; display: inline-block }
	.switch	div:first-child, .custom-switch	div:first-child 	{ border-right: none }

	.switch	div.active, .custom-switch	div.active		{ background-color: #f7c3dc; color: #fff; }


	.downloads_wrap			{ display: none; }

	.faq_wrap .ausklapp_titel	{ font-size: 16px; line-height: 20px; padding-right: 45px; }

	.ausklapp_text iframe		{ width: 100%; }

	.ausklapp_text a 			{ font-size: inherit; text-transform: uppercase; text-decoration: underline; }


	.btn_facebook			{ display: block; width: 345px; height: 50px; font-size: 24px; text-align: center; line-height: 54px; color: #fff; text-transform: uppercase; margin: 0px auto; background-color: #3b5998  }


	.btn_instagram			{ display: block; width: 345px; height: 50px; font-size: 24px; text-align: center; line-height: 54px; color: #fff; text-transform: uppercase; margin: 20px auto; background-color: #40719a ; }



	label					{ width: 100%; display: block; padding: 0px 10px; position: relative; }

	label .placeholder				{ position: absolute; font-size: 11px; top: -7px; left: 12px; font-family: "DIN Next LT W01 Heavy"; color: #333; text-transform: uppercase; }

	label.halbbox .placeholder				{ position: absolute; font-size: 12px; top: 15px; left: 10px; font-family: "DIN Next LT W01 Heavy"; color: #333; text-transform: uppercase; }

	input					{  font-family: "DIN Next LT W01 Heavy"; border: 1px solid #fff;; border-bottom: 1px solid #d7d7d7; margin-top: 20px; text-transform: none; font-size: 16px; color: #000; width: 100%; padding: 10px; clear:both; display: block; border-top: none; }
	input[type=checkbox] { float: left; width: auto; margin-top: 4px; margin-right: 10px; }
	@media (min-width: 992px) {
		input[type=checkbox] { margin-top: 7px; margin-right: 10px; }
	}
	input.error				{border: 1px solid #f00; }
	textarea.error			{border: 1px solid #f00 !important; }
	label.error	p			{border: 1px solid #f00; }

	textarea:focus, input:focus{
		outline: none;
	}

	select.error				{border: 1px solid #f00; }
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color:  #c3c3c3; text-transform: uppercase; font-size: 16px; font-family: "DIN Next W01 Light";
	}
	::-moz-placeholder { /* Firefox 19+ */
	  color:  #c3c3c3; text-transform: uppercase; font-size: 16px; font-family: "DIN Next W01 Light";
	}
	:-ms-input-placeholder { /* IE 10+ */
	  color:  #c3c3c3; text-transform: uppercase; font-size: 16px; font-family: "DIN Next W01 Light";
	}
	:-moz-placeholder { /* Firefox 18- */
	  color:  #c3c3c3; text-transform: uppercase; font-size: 16px; font-family: "DIN Next W01 Light";
	}

	button.btn_pink							{ font-family: "DIN Next LT W01 Bold"; display: block; background-color: #f7c3dc; color: #000; text-transform: uppercase; font-size: 16px; line-height: 18px; padding: 10px 20px; padding-top: 12px; cursor: pointer; border: none; margin: 0px auto; margin-top: 20px; }

	select {
    font-family: "DIN Next LT W01 Heavy";
    border: 1px solid #fff;
    border-bottom: 1px solid #d7d7d7;
    margin-top: 20px;
    text-transform: none;
    font-size: 16px;
    color: #000;
    width: 100%;
    padding: 10px;
    clear: both;
    display: block;
}

	select.gebmonat, select.gebjahr {
		margin-top: 5px;
	}

	.pageID_12 .row1 { overflow: hidden; }

	.pageID_1 #first_sction > .text.freitext { padding-top: 0; }
	.pageID_1 section.row2 { border-top: 0; padding-top: 10px; }
	.pageID_1 section.row3 { border-top: 0; }
	.pageID_1 section.row4 { border-top: 0; }
	.pageID_1 section.row4 .headline { margin-top: 80px; }
	.pageID_1 section.row8 { border-top: 0; }
	.pageID_1 section.row8 .headline { margin-top: 80px; }
	.pageID_1 section.row8 { margin-bottom: 90px; }

	.pageID_3 section.row3 { border-top: 0; }
	.pageID_3 section.row3 .slider.boxen .headline { margin-top: 65px; }
	.pageID_3 section.row4 { border-top: 0; }
	.pageID_3 section.row4 .slider.boxen .headline { margin-top: 80px; margin-bottom: 0; }
	.pageID_3 section.row4 .slider_boxen_text_wrapper .headline { margin-top: 5px !important; margin-bottom: 45px !important; }
	.pageID_3 section.row8 { border-top: 90px solid #fff; }
	.pageID_3 .row13	{ z-index: 0; }
	.pageID_3 .row17	{ z-index: 32; }

	.pageID_4 section.row3 { border-top: 0; }
	.pageID_4 section.row3 .slider.boxen .headline { margin-top: 75px; margin-bottom: 15px; }
	.pageID_4 section.row5 { border-top: 0; }
	.pageID_4 section.row6 .slider.boxen .headline { margin-top: 50px; margin-bottom: 15px; }

	.pageID_4 section.row4 { border-top: 0; }
	.pageID_4 section.row4 .headline { margin-top: 60px; margin-bottom: 0; }

	.pageID_6 section.row3 .slider.boxen .headline { margin-top: 55px; margin-bottom: 0; }
	.pageID_6 section.row3 .slider_boxen_text_wrapper .headline { margin-top: 5px !important; margin-bottom: 45px !important; }
	.pageID_6 section.row5 .slider.boxen .headline { margin-top: 35px; margin-bottom: 15px; }

	.pageID_7 section.row3 .slider.boxen .headline { margin-top: 20px; margin-bottom: 0; }
	.pageID_7 section.row3 .slider_boxen_text_wrapper .headline { margin-bottom: 45px !important; }
	.pageID_7 section.row4 .slider.boxen .headline { margin-top: 20px; margin-bottom: 0; }
	.pageID_7 section.row4 .slider_boxen_text_wrapper .headline { margin-bottom: 45px !important; }
	.pageID_7 section.row5 { margin-bottom: 65px; }

	.pageID_8 .row2	{ z-index: 4; }
	.pageID_8 section.row4 .slider.boxen .headline { margin-top: 50px; margin-bottom: 0; }
	.pageID_8 section.row5 .headline { margin-top: 30px; margin-bottom: 10px; }
	.pageID_8 .row8 .text	{ /* background-color: transparent; */  }
	.pageID_8 .row8 .text h2	{ background-color: #fff; margin: 20px auto; font-size: 24px; }

/*	.pageID_6 .row4 { min-height: 530px; } */

	.pageID_9 .week { padding: 20px 15px;}
	.pageID_9 section.row2 { border-top: 0; }
	.pageID_9 section.row2 .headline { margin-top: 90px; }
	.pageID_9 section.row3 .headline { margin-top: 50px; }
	/*.pageID_9 section.row5 .slider.boxen .headline { margin-top: 35px; }*/
	/*.pageID_9 section.row6 .slider.boxen .headline { margin-top: 65px; margin-bottom: 0; }*/
	.pageID_9 section.row6 .slider.boxen .headline { margin-bottom: 0; }
	.pageID_9 section.row6 .slider_boxen_text_wrapper .headline { margin-top: 5px !important; margin-bottom: 45px !important; }
	.pageID_9 section.row12 .slider.boxen .headline { margin-top: 65px; margin-bottom: 0; }
	.pageID_9 section.row12 .slider_boxen_text_wrapper .headline { margin-top: 5px !important; margin-bottom: 45px !important; }
	.pageID_9 section.row7 { border-top: 0; }
	/*.pageID_9 section.row7 .headline { margin-top: 65px; margin-bottom: 10px; }*/
	.pageID_9 section.row7 .headline { margin-bottom: 10px; }
	/*.pageID_9 section.row7 .slider.boxen .headline { margin-top: 65px; margin-bottom: 0; }*/
	.pageID_9 section.row7 .slider.boxen .headline { margin-bottom: 0; }
	.pageID_9 section.row7 .slider_boxen_text_wrapper .headline { margin-top: 5px !important; margin-bottom: 45px !important; }
	.pageID_9 section.row8 { border-top: 0; }
	.pageID_9 section.row8 .headline { margin-bottom: 0; }
	.pageID_9 section.row9 .slider.boxen .headline { margin-top: 45px; margin-bottom: 0; }
	.pageID_9 section.row9 .slider_boxen_text_wrapper .headline { margin-top: 5px !important; margin-bottom: 45px !important; }
	.pageID_9 section.row10 { border-top: 0; }
	.pageID_9 section.row10 .headline { margin-top: 65px; margin-bottom: 30px; }
	.pageID_9 section.row10 .slider.boxen .headline { margin-top: 45px; margin-bottom: 0; }
	.pageID_9 section.row10 .slider_boxen_text_wrapper .headline { margin-top: 5px !important; margin-bottom: 45px !important; }
	.pageID_9 section.row11,
	.pageID_9 section.row12,
	.pageID_9 section.row13,
	.pageID_9 section.row14,
	.pageID_9 section.row15,
	.pageID_9 section.row16,
	.pageID_9 section.row17,
	.pageID_9 section.row18,
	.pageID_9 section.row19,
	.pageID_9 section.row20,
	.pageID_9 section.row21,
	.pageID_9 section.row22,
	.pageID_9 section.row23,
	.pageID_9 section.row24,
	.pageID_9 section.row25,
	.pageID_9 section.row26 { border-top: 0; }
	.pageID_9 section.row26 .booking_cta{ border-top: 30px solid #fff; }

	.pageID_11 .freitext strong		{ font-size: 20px;display: block; margin: 0px auto;  margin-bottom: 15px;  }
	.pageID_11 .freitext div		{ font-size: 20px; line-height: 26px; }
	.pageID_11 .freitext a.popOut	{
		font-family: "DIN Next W01 Light";
		display: inline-block;
		background-color: #f7c3dc;
		color: rgb(255, 255, 255);
		text-transform: uppercase;
		font-size: 20px;
		line-height: 26px;
		cursor: pointer;
		padding: 6px 10px 3px 10px;
	}
	.pageID_17  .zeile1 			{ margin-top: 50px !important; }


	.pageID_54 .main section.row1 { border-top: 0 !important; }
	.pageID_54 .main section.row5 { border-top: 0 !important; }
	.pageID_54 .main section.row6 { border-top: 0 !important; }
	.pageID_54 .main section.row7 { border-top: 0 !important; }
	.pageID_54 .main section.row10 { border-top: 0 !important; }
	.pageID_54 .main section.row11 { border-top: 0 !important; }
	.pageID_54 .main .row1 .headline { margin-top:0; }
	.pageID_54 section.row6 .slider.boxen .headline { margin-bottom: 0; }
	.pageID_54 section.row6 .slider.boxen .bxslider .headline { margin-top: 65px; margin-bottom: 0; }
	.pageID_54 section.row6 .slider_boxen_text_wrapper .headline { margin-top: 5px !important; margin-bottom: 45px !important; }
	.pageID_54 section.row7 .slider.boxen .headline { margin-bottom: 0; }
	.pageID_54 section.row7 .slider.boxen .bxslider .headline { margin-top: 65px; margin-bottom: 0; }
	.pageID_54 section.row7 .slider_boxen_text_wrapper .headline { margin-top: 5px !important; margin-bottom: 45px !important; }
.pageID_54 section.row10 .slider.boxen .headline { margin-bottom: 0; }
.pageID_54 section.row10 .slider.boxen .bxslider .headline { margin-top: 65px; margin-bottom: 0; }
.pageID_54 section.row10 .slider_boxen_text_wrapper .headline { margin-top: 5px !important; margin-bottom: 45px !important; }
.pageID_54 .main .booking_cta { margin-top: 45px; }

	.notification_wrapper			{ position: fixed; width: 90%; max-width: 400px; background-color: #fff; z-index: 35; left: 0px; right: -200%; margin: auto; top: 70px; padding: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; z-index: 1000; }

	.notification_wrapper div		{ position: relative; width: 100%; border: 1px dashed #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-size: 16px; line-height: 20px;  font-family:"Bauer Bodoni Pro_1 W01 Italic"; text-align: left; color: #000; padding-top: 20px; padding-bottom: 20px; }

	.notification_wrapper div img	{ float: left; margin-right: 20px; margin-left: 20px; }


	/*.popout	section table		{ border-top: 1px solid #000; margin-top: 5px; }*/
	.popout main:not(.pageID_54) section table		{ border-top: 1px solid #000; margin-top: 5px; }
	.popout main:not(.pageID_54)	section table tr td:first-child	{ border: none; }

	#schulen tr td:first-child	{ width: 50px !important; }

	#schulen tr td:last-child strong	{ font-size: 14px; color: #a7a9ac; margin-top: -10px; display: block; }

	.popout .switch	div, .popout .custom-switch	div			{ font-size: 16px; line-height: 24px; padding: 7px 0px 5px 0px; }


	.pageID_11 .btn_facebook 	{ width: 250px; font-size: 20px; padding: 6px 6px 3px; line-height: 26px; height: auto;}
	.pageID_11	.btn_pink 		{ text-transform: uppercase; }

	.social_text  				{ text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); }
	.social_text * 				{ text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); }


	.slide_title *				{ float: left; }



	.sk-folding-cube {
	  margin: 20px auto;
	  width: 80px;
	  height: 80px;
	  position: relative;
	  -webkit-transform: rotateZ(45deg);
			  transform: rotateZ(45deg);
	}

	.sk-folding-cube .sk-cube {
	  float: left;
	  width: 50%;
	  height: 50%;
	  position: relative;
	  -webkit-transform: scale(1.1);
		  -ms-transform: scale(1.1);
			  transform: scale(1.1);
	}
	.sk-folding-cube .sk-cube:before {
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: #fff;
	  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
			  animation: sk-foldCubeAngle 2.4s infinite linear both;
	  -webkit-transform-origin: 100% 100%;
		  -ms-transform-origin: 100% 100%;
			  transform-origin: 100% 100%;
	}
	.sk-folding-cube .sk-cube2 {
	  -webkit-transform: scale(1.1) rotateZ(90deg);
			  transform: scale(1.1) rotateZ(90deg);
	}
	.sk-folding-cube .sk-cube3 {
	  -webkit-transform: scale(1.1) rotateZ(180deg);
			  transform: scale(1.1) rotateZ(180deg);
	}
	.sk-folding-cube .sk-cube4 {
	  -webkit-transform: scale(1.1) rotateZ(270deg);
			  transform: scale(1.1) rotateZ(270deg);
	}
	.sk-folding-cube .sk-cube2:before {
	  -webkit-animation-delay: 0.3s;
			  animation-delay: 0.3s;
	}
	.sk-folding-cube .sk-cube3:before {
	  -webkit-animation-delay: 0.6s;
			  animation-delay: 0.6s;
	}
	.sk-folding-cube .sk-cube4:before {
	  -webkit-animation-delay: 0.9s;
			  animation-delay: 0.9s;
	}
	@-webkit-keyframes sk-foldCubeAngle {
	  0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
				transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	  } 25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
				transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	  } 90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
				transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	  }
	}

	@keyframes sk-foldCubeAngle {
	  0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
				transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	  } 25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
				transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	  } 90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
				transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	  }
	}

  .categorylist { margin-top: -30px; }
  .categorylist ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; }
  .categorylist li { width: 50%; padding: 10px; }
  .categorylist li a {display: block; width: 100%; height: 100%; background-color: red; position: relative; padding-top: 1%; padding-bottom: 4%; overflow: hidden; }
  .categorylist .border-top { display: block; width: 100%; min-height: 2px; position: absolute; top: 0; left: 0; right: 0; }
  .categorylist .border-top:before { content: ""; display: block; width: 100%; padding-top: 1%; }
  .categorylist .border-bottom { display: block; width: 100%; min-height: 6px; position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .categorylist .border-bottom:before { content: ""; display: block; width: 100%; padding-top: 15%; }
  .categorylist .gradient { display: block; width: 100%; height: 60%; position: absolute; left: 0; right: 0; bottom: 0; }
  .categorylist .gradient div { display: block; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,.0) 0%,rgba(0,0,0,0.5) 100%);}
  .categorylist .title { display: block; width: 100%; position: absolute; bottom: 12%; left: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); text-align: center; color: #FFF; font-family:"DIN Next LT W01 Bold"; font-size: 24px;  text-transform: uppercase; line-height: 1; -webkit-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .categorylist img { display: block; width: 100%; height: auto; }
  .categorylist li a:hover .border-bottom { min-height: 100%; }
  .categorylist li a:hover .title { bottom: 50%; }
  .categorylist .teaser_box_text { position: static; margin-bottom: 8%; display: block; width: 100%; line-height: 1; }
  .categorylist .teaser_box_text .zeile2,
  .categorylist .teaser_box_text .zeile3 { margin-top: -7px; }
  /* .categorylist .teaser_box_text .zeile3 small { position: absolute; line-height: 1.2; display: block; background-color: rgba(0, 0, 0, 0.9); padding: 5px 10px; left: -10px; bottom : -33px; max-width: 50%;  } */
  .categorylist .teaser_box_text .zeile3 small { line-height: 1.2}



@media(max-width: 550px) {
		/* .headline .main { font-size: 35px; } 
		.headline .sub { font-size: 30px; } */
 
		.pageID_1 .new { min-height: auto !important; }

		/* .headline b {
			font-family: "DIN Next LT W01 Heavy";
			text-transform: uppercase;
			font-size: 28px;
			line-height: 1;
		}
	
		.headline i {
			font-family: "Bauer Bodoni Bold Italic";
			text-transform: uppercase;
			font-size: 22px;
			line-height: 1.2;
		}
	
		.headline small {
			font-size: 15px !important;
		}

		.slider .headline b {
			font-size: 22px;
		}

		.slider .headline i {
			font-size: 20px;
		}

		.slider .headline small {
			font-size: 15px;
		}


		h3 .headline b {
			font-size: 22px;
		}

		h3 .headline i {
			font-size: 20px;
		}

		h3 .headline small {
			font-size: 15px;
		}


		.headline h3 b {
			font-size: 22px;
		}

		.headline h3 i {
			font-size: 20px;
		}

		.headline h3 small {
			font-size: 15px;
		} */
	.text.freitext h1 { font-size: 32px !important; }
	.text.freitext h1 b { font-size: 32px !important; }
	.text.freitext h1 strong { font-size: 32px !important; }

	.text.freitext h2 { font-size: 24px !important; }
	.text.freitext h2 b { font-size: 24px !important; }
	.text.freitext h2 strong { font-size: 24px !important; }

	.text.freitext h3 { font-size: 20px !important; }
	.text.freitext h3 b { font-size: 20px !important; }
	.text.freitext h3 strong { font-size: 20px !important; }
	
	.text.freitext strong	{ font-size: 100%; }

  .categorylist .title { font-size: 14px; }
	#chat-widget-container { display: none; }
	.unfassbar { top: 120px !important; font-size: 23px !important; line-height: 24px !important;}
	#startlogo { top: 30vh !important}
	#stamp  { top: 20vh !important}

	section table td * {
		font-family: "DIN Next W01 Light";
		font-size: 21px;
		line-height: 30px !important;
	}


	
	.slider_boxen_text_wrapper .skew .slider_text b { display: block;}
}

  .badge { display: block; width: 100%; position: absolute; top: 0; left: 0; right: 0; text-align: right; z-index: 2; }
  .badge span:first-child { display: block; width: 100%; height: 5px; position: absolute; top: 0; left: 0; right: 0; }
  .badge span:last-child { display: inline-block; position: relative; font-size: 18px; color: #FFFFFF; line-height: 1; text-transform: uppercase; padding: .4em 1em; font-family:"DIN Next LT W01 Bold"; font-style: italic; }

.link-overlay { position: absolute; display: block; width: 100%; height: 100%; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; }

        .row1, #first_sction { border-top: none; }
        section, .bildordner { border-top: 30px solid #fff; }



@media screen and (min-width: 1000px) and (max-height: 850px) {
	#startlogo { top: 60px !important}
}









/* DJs Wanted */
.djs_wanted { font-size: 18px; line-height: 1.333; color: #000; background-color: #fff; }

.djs_wanted .slider { position: relative; }
.djs_wanted .slider h2.schraeg { position: absolute; top: 5%; left: 0; z-index: 2; pointer-events: none; }

ol.steps { display: block; list-style: none; counter-reset: steps-counter; }
ol.steps li { display: flex; counter-increment: steps-counter; margin: 30px 15px; }
ol.steps li::before { content: counter(steps-counter)"."; display: inline-block; color: #853A8D; font-size: 50px; line-height: 1.05;  padding-right: 15px; }


ol.rounds { display: block; list-style: none; counter-reset: rounds-counter; }
ol.rounds li { display: block; position: relative; counter-increment: rounds-counter; background-color: #853A8D; color: #fff; margin: 20px 15px; padding: 0 10px 20px 10px; }
ol.rounds li::before { content: "Runde " counter(rounds-counter); display: inline-block; background-color: #002b58; padding: 5px 8px; line-height: 1; margin-left: -10px; font-family: "DIN Next LT W01 Bold"; }
ol.rounds li:after	 { content: ""; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #853A8D; border-width: 12px; margin-left: -12px; }
ol.rounds li:last-child:after	 { display: none; }
ol.rounds li h3 { margin: 5px 0 25px 0; font-family: "DIN Next LT W01 Bold"; font-size: 45px; text-align: center; }

.djs_wanted .headline { margin: 8% 0; }
.djs_wanted h2.schraeg  { font-size: 4.5vw; }
.djs_wanted h2.schraeg b { font-size: 1.75em; font-family: "DIN Next LT W01 Bold"; }
.djs_wanted h2.schraeg span { margin-left: -15px; margin-bottom: 4px; display: inline-block; background-color: rgba(0,0,0,.85); color: #fff; padding: 5px 10px 5px 35px;  }


.djs_wanted .switch { padding-top: 0; }
.djs_wanted .switch div { color: #000; font-size: 18px; }
.djs_wanted .switch div.active { color: #fff; }

.videocontainer { display: block; width: 100%; position: relative; }
.videocontainer::before { content: ""; display: block; width: 100%; padding-top: 56.25% }
.videocontainer iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.djs_wanted .videocontainer { margin-top: 10px; }

.bigUpload { background-color: #f7f7f7; padding: 15px; }
.bigUpload.error label { color: #f7c3dc; }
.bigUpload.error #bigUploadFile { border: 1px dashed #f7c3dc; }
#bigUploadFile { border: 1px dashed #ccc; margin-top: 10px; }

#bigUploadProgressBarContainer { width: 100%; border: 1px solid #000; margin-top: 15px; box-sizing: border-box; }
#bigUploadProgressBarFilled { background-color: #000; overflow: hidden; color: #fff; padding: 4px 10px; box-sizing: border-box; }
#bigUploadTimeRemaining { margin-top: 10px; }
#bigUploadResponse { margin-top: 10px; }

.bigUploadButton { margin: 15px auto 0 auto; max-width: 305px; border: none; background-color: #f7c3dc; color: #fff; cursor: pointer;  }
.bigUploadButton.bigUploadAbort { background-color: #ddd; color: #000; }


@media (min-width: 755px) {
	.djs_wanted h2.schraeg  { font-size: 30px; }
	.usercentrics-button.uc-button-bl .uc-privacy-button-wrapper { margin-bottom: 0px !important }

    .pageID_33 .row1 .zeile1 i { margin-right: 0px; }
	.text h2 {
		font-family: "DIN Next W01 Light";
		font-size: 24px;
		margin: 10px auto;
	}

    #cover_teaser { position: absolute; right: 20px; margin: auto; top: 40%; width: 180px; }

    .usp_teaser         { width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; padding-bottom: 60px; }
    .usp_teaser div     { width: 33%; padding: 0px 2%; text-align: center; color: #000; font-size: 18px; line-height: 1.4; text-transform: uppercase; font-family: "DIN Next W01 Light"; }
	.usp_teaser div b	 { font-family: "DIN Next LT W01 Heavy" !important;}

    .video_einzeln { background: rgb(104,89,160);
		background: linear-gradient(45deg, rgba(104,89,160,1) 0%, rgba(143,130,191,1) 100%); padding: 10px; }
    .video_einzeln .violett {     margin-top: 70px; }
    .video_einzeln .skew { position: relative; ; }

	.slider_boxen_text_wrapper img {position: absolute; width: 180px !important; top: 10px !important; right: 10px; }

		section .text table td h2 strong {
			font-size: 24px !important;
	
		}
	
		section .text table td h3 strong {
			font-size: 22px !important;
		}
}



/*---------------------------	----------------------------------
17. Media Queries
--------------------------------------------------------------*/
@media screen and (min-width: 375px) {



    .teaser_box_text small					{ font-size: 12; }

	.teaser_box_text h3 *					{ font-size: 28px; }
  .teaser_box_text h3 .small		{ font-size: 20px; }
	.teaser_box_text *						{ font-size: 28px; line-height: 1.2}
	.switch	div, .custom-switch	div 	{ cursor: pointer; font-size: 24px; line-height: 40px; text-transform: uppercase;  font-family: "DIN Next W01 Light"; border: 1px solid #f7c3dc; width: 170px; min-height: 40px; color: #f7c3dc; display: inline-block }

	.slider_follow_btn	{  right: 15px; top: 5px; z-index: 17; bottom: auto; }

	#getting-started div div { font-size: 14px; }

	.pageID_9 .row1 	{ padding-top: 0px; min-height: auto;  }

	#getting-started div span 	{ font-size: 2em; }

}

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




		body 								{  background-color: #fff;}

    .square {
      width: 31%;
      margin: 1%;
    }

    .square:after {
      content: "";
      display: block;
      padding-bottom: 100%;
    }


		.youtube iframe						{ position: relative; width: 100% !important; height: 400px; z-index: 10 }

		.teaser_box_text *						{ display: inline-block; line-height: 1.3; font-size: 35px; text-transform: uppercase; }
		.teaser_box_text h3						{ line-height: 0px; display: inline-flex; }
		.teaser_box_text i						{ font-family:"Bauer Bodoni Pro_1 W01 Italic"; }

		.teaser_box_text b						{ font-family:"DIN Next LT W01 Heavy"; }



		.teaser_box_link							{ position: absolute; font-size: 24px; line-height: 29px; padding-top: 6px; bottom: 20px; left: 0; right: 0; margin: auto;  z-index: 20;         max-width: -moz-max-content; max-width: -webkit-max-content;  max-width: max-content; text-align: center; padding-left: 0px; padding-right: 0px; box-sizing:content-box; padding-right: 10px;  padding-left: 10px; }

		.teaser_box_text h3 *					{ font-size: 35px; line-height: 1.3; }

		#mobile_navi							{ max-height: 100vh; position: absolute; width: 50%; z-index: 30001; right: -100% ;  }

		#slideUp								{ max-width: 940px; margin: 0px auto; }


		.slider_text							{ font-size: 35px; line-height: 35px; padding-top: 10px; padding-bottom: 10px; }

		#getting-started div span				{ font-size: 38px; }
		#getting-started div div				{ font-size: 18px; }

		.text							{ position: relative; background-color: #fff; color: #000; font-size: 20px; line-height: 30px; font-family:"DIN Next W01 Light"; text-transform: none; /* padding: 40px 15px; */ }


		.-no-padding {
			
			padding: 0px !important;
		}


		.pageID_6 .row4 .zeile1 			{ margin-top: 300px !important; }

		.pageID_6 .row8 .zeile3 			{ margin-top: 400px !important; }

		.text table							{ margin-top: 50px; }

		.ausklapp_titel 					{ cursor: pointer; }


		


		#getting-started div span 	{ font-size: 4em; }

		.bildordner	{ background-color: #fff; z-index: 5; position: relative;  }

		.image_gallery {
			display: flex;
			flex-wrap: wrap;
			text-align: center;
			margin: 0px auto !important;
		}
		.image_gallery .img_wrap {
			flex: 1 1 25%;
			padding: 20px 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			vertical-align: middle;
		}

    .bxslider .square picture { position: relative; display: block; width: 100%; }
    .bxslider .square picture:before { content: ""; display: block; width: 100%; padding-top: 100%; }
    .bxslider .square img { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }


    .videoWrapper {
      position: relative;
      height: 0;
      width: calc(100% + 30px);
      padding-bottom: 58.25%;
      margin-left: -15px;
      margin-top: 38px;
      margin-bottom: 10px;
    }

    .videoWrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }


    .freitext .videoWrapper {

      background: rgb(149,75,151);
      background: linear-gradient(90deg, rgba(149,75,151,1) 28%, rgba(213,183,213,1) 100%);
      margin-top: 0px;
    }

    .freitext .videoWrapper iframe {
      position: absolute;
      top: 30px;
      left: 30px;
      width: calc(100% - 60px) ;
      height: calc(100% - 60px) ;
    }
}

textarea,
input[type="search"],
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}





/*SLICK Changes*/
.slick-slider {position: relative;  }
.slick-slide {position: relative; }

.slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: -35px;
	outline: 0;
	width: 27px;
	height: 75px;
	text-indent: -9999px;
	z-index: 20;
	border: none;
	cursor: pointer
}

.slick-prev {
	left: 0;
    background: url(../images/controls.png) no-repeat;
}
.slick-next {
	right: 0;
	background: url(../images/controls.png) -27px 0 no-repeat;
}
.slick-dots {
    position: absolute;
    width: 100%;
    height: 25px;
    bottom: 7px;
	text-align: center;
	cursor: pointer;
}
.slick-dots li.slick-active {
    background: #f7c3dc;
}

.bg_rosa .slick-dots li.slick-active {
	background: #fff;
}

.slick-dots li {
	background: #000;
    text-indent: -9999px;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}


.pageID_97 .partnerlogo img {
    max-height: 260px;
}
.pageID_97 .partnerlogo {
    text-align: right;
      width: 100%;
}

.slider.boxen .skew { position: relative;display: inline-block; }
.bxslider.no_dots  .slick-dots { display: none;}
.slider.boxen .bxslider.no_controls .slick-list {
		padding-top: 40px !important;
			padding-bottom: 25px !important;

   
}

.slider.boxen.no_padding_top .bxslider.no_controls .slick-list {
	 padding-top: 10px !important;
}

.slider.boxen .slick-slider { width: 100%; display: block;  }
.slick-slide .text { position: relative;; }
.slick-slide .text p strong {
    position: absolute;
    right: 10px;
    /*bottom: 60px;*/
}

.bxslider.no_controls .slick-track li {     padding: 20px 20px 20px 50px; margin-left: -50px;
   }

.bxslider.no_controls .slick-list {padding: 0px 20px !important}

.presseinformation {  background-color: #f7f7f7; margin: 0 -15px; padding: 30px 15px;}
.presseinformation h3 { color: #000; font-size: 24px; font-family: "DIN Next LT W01 Heavy"; }
.presseinformation a { display: inline-block; background-color: #f7c3dc; color: #fff; padding: 10px 15px; text-transform: uppercase; margin-top: 15px; font-family: "DIN Next W01 Light"; font-size: 16px; }

/* Teile deine Buchung auf Instagram */
.insta_follow { padding: 15px; text-align: center; background-color: #3897f0; border-radius: 3px; margin: 5px; }

.ig-share { background-color: #f7f7f7; margin: 15px -15px; padding: 40px 15px; border-top: 5px dashed #f7c3dc; border-bottom: 5px dashed #f7c3dc; }
.ig-share h2 { font-size: 44px; color: #f7c3dc; font-weight: bold; line-height: 1.2; margin-bottom: 50px; text-transform: none; }
.ig-share h3 { font-size: 24px; color: #f7c3dc; margin-bottom: 15px; }

.ig-share ol,
.ig-share ul { line-height: 1.2; }
.ig-share ol li,
.ig-share ul li { font-size: 20px; color: #000; }

.ig-share ol { list-style: none; counter-reset: custom-counter; }
.ig-share ol li { counter-increment: custom-counter; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; }
.ig-share ol li:first-child { margin-top: 0; }
.ig-share ol li::before { content: counter(custom-counter); display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #f7c3dc; font-weight: bold; border: 2px solid #f7c3dc; border-radius: 100%; margin-right: 15px; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.ig-share ul { list-style: disc; margin-left: 20px; }
.ig-share ul li { margin-top: 10px; }
.ig-share ul li:first-child { margin-top: 0; }

.ig-share .flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -15px; }
.ig-share .flexbox.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.ig-share .flexbox > div { padding: 15px; }
.ig-share .flexbox.reverse .small { width: 33.333%; }
.ig-share .flexbox .small { width: 40%; }
.ig-share .flexbox.reverse .big { width: 66.666%; }
.ig-share .flexbox .big { width: 60%; }

.ig-share .download-button { display: block; width: 100%; padding: 15px; background-color: #f7c3dc; color: #fff; text-decoration: none; font-size: 20px; text-align: center; }

@media (max-width: 755px) {
	.ig-share .flexbox { display: block; }
	.ig-share .flexbox > div { padding: 15px !important; width: 100% !important; }
	.ig-share .download-button { margin-bottom: 40px; }
}

@media (max-width: 950px) {
	.hide_mobile {display: none;;}
}
.footer_images {justify-content: space-between;}
.footer_images img { max-width: calc(20% - 12px); height: auto ; max-height: 150px;}
@media (max-width: 555px) {
	.ig-share h2 { font-size: 30px; }

	.flex-footer { flex-direction: column-reverse; }
	.flex-footer > div:first-child { margin-top: 20px;;}
	.flex-footer div { width: 100%; text-align: left !important; }
	
}



.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    font-size: 13px;
    width: auto !important;
}

.autocomplete-suggestion {
    line-height: 1.3;
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
}


.termine_wrap { display: flex; flex-wrap: wrap; justify-content: flex-start;  }
.termine_wrap .termin_item { width: 48%; margin: 0px 1%; }
@media (min-width: 768px) {
  .termine_wrap .termin_item { width: 31%;  margin: 0px 1%; }
}



.checkbox-budget { opacity: 0; }

.checkbox-budget:checked + label,
.checkbox-budget:not(:checked) + label{
	position: relative;
	display: inline-block;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	font-size: 26px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0 auto;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;

    color: #fff;
}

.for-checkbox-budget span { font-size: 16px; font-weight: normal; font-family: "DIN Next W01 Light"; text-transform: none;}

.checkbox-budget:not(:checked) + label{
	background-color: #f7c3dc;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.checkbox-budget:checked + label{
	background-color: #f7c3dc;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-budget:not(:checked) + label:hover{
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-budget:checked + label::before,
.checkbox-budget:not(:checked) + label::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-image: linear-gradient(138deg, #f7c3dc, #f7c3dc);
	z-index: -1;
}
.checkbox-budget:checked + label span,
.checkbox-budget:not(:checked) + label span{
	position: relative;
	display: block;
}

.checkbox-budget:not(:checked) + label span::before{
	max-height: 0;
}
.checkbox-budget:checked + label span::before{
	max-height: 100%;
}


.checkbox:checked ~ .checkbox-budget:not(:checked) + label{
	background-color: #f7c3dc;
	-webkit-text-stroke: 1px #f7c3dc;
    text-stroke: 1px #f7c3dc;
	box-shadow: 0 1x 4px 0 rgba(0, 0, 0, 0.05);
}


a.termin_item {
	position: relative;
	display: inline-block;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	font-size: 26px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0 auto;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;

    color: #fff;
    margin-bottom: 15px;
}

.termine_wrap a.termin_item {   margin-bottom: 15px; }

a.termin_item span { font-size: 16px; font-weight: normal; font-family: "DIN Next W01 Light"; text-transform: none;}

a.termin_item {
	background-color: #f7c3dc;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

a.termin_item:hover{
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}


@media (min-width: 755px) {

    .slider.boxen .bxslider.no_controls .slick-list {
    	padding-top: 70px !important;
        padding-bottom: 45px !important;

    }


    .slider.boxen.no_padding_top .bxslider.no_controls .slick-list {
    	 padding-top: 20px !important;
    }


}

.apartment {
	display: flex;
	width: 100%;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}

.week {
	width: 100%;
	padding: 20px;
}
.week_title {
	font-size: 24px;
	line-height: 35px;
	font-family: "DIN Next LT W01 Heavy";
}

.vertical-line {
	border-left: 1px solid black;
	height: 100%;
	margin: 20px 0 20px;
}