/*--------------------------------------------------------------
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:"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; }
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						{ }
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; }




.text h2				{ font-family: "DIN Next W01 Light"; font-size: 32px; 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: rgb(255, 255, 255);
    font-size: 20px;
    line-height: 26px;
	text-align: center
}


.text.freitext			{ z-index: 5; }
.text.freitext strong	{ font-size: inherit; }
.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 2%; text-align: center; color: #fff; font-size: 16px; line-height: 1.4; text-transform: uppercase; font-family: "DIN Next W01 Light"; }





.usp_teaser div:first-child { border-right: 1px solid #f7c3dc }
.usp_teaser div:last-child { border-left: 1px solid #f7c3dc }

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

body main {-webkit-box-shadow: 0px 4px 5px 0px #848484;
box-shadow: 0px 4px 5px 0px #848484;}
#wrapper { -webkit-box-shadow: 0px 4px 5px 0px #848484;
box-shadow: 0px 4px 5px 0px #848484;
}

body header				{ position: fixed; left: 0px; right: 0px; top: 0px; width: 100%; max-width: 940px; height: 60px; background-color: #000;  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(0,0,0,0.7); padding: 20px 15px; z-index: 300;     margin: 0px auto; }

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

footer .center				{  font-family:"DIN Next LT W01 Heavy"; color: #fff; font-size: 16px; line-height: 26px; text-transform: uppercase }
footer .center *			{ color: #fff;  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; }


.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; -webkit-box-shadow: inset 6px 0px 19px -5px rgba(36,36,36,1); -moz-box-shadow: inset 6px 0px 19px -5px rgba(36,36,36,1); box-shadow: inset 6px 0px 19px -5px rgba(36,36,36,1); height: calc(100vh - calc(100vh - 100%)); overflow: scroll;  }

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


#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: #fff; }
	.c-hamburger span::before,
	.c-hamburger span:after	 	{ position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #fff; 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%; }


	h1.startseite		{  color: #fff; font-family:"DIN Next LT W01 Heavy"; font-size: 45px; line-height: 40px; width: 100%; text-align: center; margin-top: -80px; text-shadow: 0px 0px 10px #000000; }
	h1.startseite span	{ font-size: 23px; line-height: 23px; padding-left: 20px; }

	.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 W01 Light"; display: block; background-color: #f7c3dc; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 15px; padding: 6px 6px 3px 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_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			{ 	background: rgb(104,89,160);
		background: linear-gradient(45deg, rgba(104,89,160,1) 0%, rgba(143,130,191,1) 100%); 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: 30px 9px 80px 9px; margin-top: 40px; 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: 2px dashed #000; padding: 3px; margin-bottom: 30px; }
	.bar_loading				{ position: relative; height: 38px; background-color: #000; color: #f00; line-height: 38px; font-family:"Bauer Bodoni Pro_1 W01 Italic"; font-size: 20px; text-align: right; padding-right: 10px;  }
	.bar_loading.border			{ border-right: 2px solid #f00; }

	#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 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;}

		.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.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 W01 Light"; display: block; background-color: #f7c3dc; color: #fff; 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_3 .row13	{ z-index: 0; }

	.pageID_3 .row17	{ z-index: 32; }

	.pageID_8 .row2	{ z-index: 4; }

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

	.pageID_8 .row8 .text	{ /* background-color: transparent; */  }
	.pageID_8 .row8 .text h2	{ background-color: #fff; margin: 20px auto; font-size: 24px; }

	

	.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; }



	.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	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; background-image: -webkit-gradient(linear, left top, right top, from(#aacbde), color-stop(#b8d3e4), color-stop(#c6dbe9), color-stop(#d4e4ef), color-stop(#e1ecf4), color-stop(#e5eff6), color-stop(#eaf2f7), color-stop(#eef5f9), color-stop(#ebf3f8), color-stop(#e9f1f7), color-stop(#e6f0f5), to(#e3eef4)); background-image: -webkit-linear-gradient(left, #aacbde, #b8d3e4, #c6dbe9, #d4e4ef, #e1ecf4, #e5eff6, #eaf2f7, #eef5f9, #ebf3f8, #e9f1f7, #e6f0f5, #e3eef4); background-image: -o-linear-gradient(left, #aacbde, #b8d3e4, #c6dbe9, #d4e4ef, #e1ecf4, #e5eff6, #eaf2f7, #eef5f9, #ebf3f8, #e9f1f7, #e6f0f5, #e3eef4); background-image: linear-gradient(to right, #aacbde, #b8d3e4, #c6dbe9, #d4e4ef, #e1ecf4, #e5eff6, #eaf2f7, #eef5f9, #ebf3f8, #e9f1f7, #e6f0f5, #e3eef4); padding-bottom: 15px; }
  .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) {
  .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; }

    #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: #fff; font-size: 18px; line-height: 1.4; text-transform: uppercase; font-family: "DIN Next W01 Light"; }


    .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; }
}



/*---------------------------	----------------------------------
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) {

    h1.startseite							{ color: #fff; font-family:"DIN Next LT W01 Heavy"; font-size: 45px; line-height: 40px; width: 100%; text-align: center; margin-top: -255px; }
  	h1.startseite span						{ font-size: 23px; line-height: 23px; padding-left: 20px; }


		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% ; -webkit-box-shadow: -6px 0px 19px -5px rgba(36,36,36,1);    -moz-box-shadow: -6px 0px 19px -5px rgba(36,36,36,1); box-shadow: -6px 0px 19px -5px rgba(36,36,36,1); }

		#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; }





		.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; }


		.pageID_1 #first_sction  h1.startseite {  font-size: 65px; line-height: 60px }
		.pageID_1 #first_sction  h1.startseite span	{ font-size: 35px; }

		.pageID_46 #first_sction  h1.startseite {  font-size: 65px; line-height: 60px }
		.pageID_46 #first_sction  h1.startseite span	{ font-size: 35px; }


		#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;
}

.slick-dots li {
	background: #fff;
    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;
    padding-right: 20px;

    padding-left: 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(25% - 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;
}