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

/*--------------------------------------------------------------
2.0 Accessibiltiy
--------------------------------------------------------------*/
.usercentrics-button.uc-button-bl .uc-privacy-button-wrapper { margin-bottom: 25px !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;
}

td.crossed { position: relative; }
	td.crossed::before		{ content: ''; position: absolute; top: 0; left: 0; 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 }

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

/*--------------------------------------------------------------
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; }
 b::after				{ content: " "; width: 5px; float: left;  }

	i::after				{ content: " "; width: 5px; float: left; }
	h3 i::after				{ content: " "; width: 10px; float: left; }



.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-transform: none;
	text-align: center
}


.text.freitext			{ z-index: 5; }
.text.freitext strong	{ font-size: inherit; }
.freitext > div > a		{ text-transform: uppercase; }

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


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

.img_wrap						{ overflow: hidden;  }

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

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


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 header				{ position: fixed; left: 0px; right: 0px; top: 0px; width: 100%; max-width: 940px; height: 60px; background-color: transparent;  padding: 20px 15px; z-index: 30000 }


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: 30000;     margin: 0px auto; }

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

footer .center				{ line-height: 24px; font-family:"DIN Next LT W01 Heavy"; color: #fff; font-size: 20px; line-height: 26px; text-transform: uppercase }
footer .center *			{ color: #fff;  font-size: 20px; line-height: 26px; text-transform: none; }
footer .center .btn_pink	{ width: 250px; margin: 25px auto 20px auto; }
footer .center li			{ padding: 10px 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; background-color: #000 !important; }
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; }



#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); 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: 100%; }


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

.menutext					{ display: none; }

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

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

	#line_overlay						{ width: 100%; }


	h1.schraeg		{ position: absolute; color: #fff; font-family:"DIN Next LT W01 Heavy"; font-size: 45px; line-height: 40px; width: 100%; text-align: center; bottom: 135px; }
	h1.schraeg 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								{ position: absolute; color: #fff; font-size: 23px; line-height: 24px; width: 100%; text-align: center; bottom: 25px; }
	.btn_pink							{  font-family:"DIN Next W01 Light"; display: block; background-color: #e61c58; 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 }


	.pageID_9 .row1 .teaser_box_text .zeile1 { margin-top: 60px; }



	.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 i::after				{ content: " "; width: 5px; float: left; display: none; }
	.teaser_box_text h3 i::after			{ content: " "; width: 10px; float: left; display: none;}
	.teaser_box_text b						{ font-family:"DIN Next LT W01 Heavy"; }
	.teaser_box_text b::after				{ content: " "; width: 5px; float: left; display: none;}
	.teaser_box_text small					{ font-size: 12px; }

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

    .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 10px 0px 20px; margin-left: -10px; }

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

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

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


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

	.pageID_31  .text.freitext { padding-top: 0px; }
.pageID_31  .text ul { margin-top: 0px; }



	#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: 20px; padding-right: 0px; padding-left: 50px; margin-left: -30px;  }
	.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; background-image:url(../images/slideshow_bg.jpg); background-size: cover; background-position: left bottom; }

    .slider.boxen.resort .bx-wrapper	{ background-image: -webkit-gradient(linear, left bottom, right top, from(#b8d378), color-stop(#c0d688), color-stop(#c8da99), color-stop(#cfdda9), color-stop(#d6e0b9), color-stop(#d6e0b9), color-stop(#d6e0b9), color-stop(#d6e0b9), color-stop(#cfdda9), color-stop(#c8da99), color-stop(#c0d688), to(#b8d378));
background-image: -webkit-linear-gradient(left bottom, #b8d378, #c0d688, #c8da99, #cfdda9, #d6e0b9, #d6e0b9, #d6e0b9, #d6e0b9, #cfdda9, #c8da99, #c0d688, #b8d378);
background-image: -o-linear-gradient(left bottom, #b8d378, #c0d688, #c8da99, #cfdda9, #d6e0b9, #d6e0b9, #d6e0b9, #d6e0b9, #cfdda9, #c8da99, #c0d688, #b8d378);
background-image: linear-gradient(to right top, #b8d378, #c0d688, #c8da99, #cfdda9, #d6e0b9, #d6e0b9, #d6e0b9, #d6e0b9, #cfdda9, #c8da99, #c0d688, #b8d378); }
    .slider.boxen.sport_and_action .bx-wrapper	{ background-image: -webkit-gradient(linear, left bottom, right top, from(#fdcb51), color-stop(#fbd56a), color-stop(#fade82), color-stop(#fae69a), color-stop(#faeeb2), color-stop(#faeeb2), color-stop(#faeeb2), color-stop(#faeeb2), color-stop(#fae69a), color-stop(#fade82), color-stop(#fbd56a), to(#fdcb51));
background-image: -webkit-linear-gradient(left bottom, #fdcb51, #fbd56a, #fade82, #fae69a, #faeeb2, #faeeb2, #faeeb2, #faeeb2, #fae69a, #fade82, #fbd56a, #fdcb51);
background-image: -o-linear-gradient(left bottom, #fdcb51, #fbd56a, #fade82, #fae69a, #faeeb2, #faeeb2, #faeeb2, #faeeb2, #fae69a, #fade82, #fbd56a, #fdcb51);
background-image: linear-gradient(to right top, #fdcb51, #fbd56a, #fade82, #fae69a, #faeeb2, #faeeb2, #faeeb2, #faeeb2, #fae69a, #fade82, #fbd56a, #fdcb51); }


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

	.slider.boxen.no_bg .bx-wrapper	{ background: none; background-color: transparent; }

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

	.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: 60px; 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 }


	.slider_boxen_text_wrapper	{ overflow: hidden; position: relative; background-color: #fff; }

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

	.slider_boxen_text_wrapper .img_wrap	{ max-height: 600px; }
	.slider_boxen_text_wrapper h2 { font-family:"DIN Next LT W01 Heavy"; }

	.pageID_1 .ticket_sale,	
	.pageID_46 .ticket_sale,
.pageID_85 .ticket_sale { 	background: #003642; /* Old browsers */
								background: -moz-linear-gradient(top, #003642 0%, #5bacc7 39%, #5bacc7 62%, #005971 100%); /* FF3.6-15 */
								background: -webkit-linear-gradient(top, #003642 0%,#5bacc7 39%,#5bacc7 62%,#005971 100%); /* Chrome10-25,Safari5.1-6 */
								background: linear-gradient(to bottom, #003642 0%,#5bacc7 39%,#5bacc7 62%,#005971 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003642', endColorstr='#005971',GradientType=0 ); /* IE6-9 */ padding-left: 20px; padding-right: 20px; }


	.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;}
	.pageID_85 .bxslider.no_controls .slick-track li { padding-bottom: 0px; }



	/*.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 60px 9px; margin-top: 40px; margin-bottom: 190px; z-index: 5; }
	.countdown_wrapper	.teaser_box_link 	{ font-family:"DIN Next W01 Light"; bottom: -33px; 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;
	}
	.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 40px 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; }

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

	.text							{ position: relative; background-color: #fff; color: #000; font-size: 16px; line-height: 24px; font-family:"DIN Next W01 Light"; text-transform: none; padding: 40px 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-top: 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 #e61c58; width: 150px; min-height: 40px; color: #e61c58; display: inline-block }
	.switch	div:first-child, .custom-switch	div:first-child 	{ border-right: none }

	.switch	div.active, .custom-switch	div.active		{ background-color: #e61c58; 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;  }
	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: #e61c58; 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 .row1 .teaser_box_text .zeile1	{ margin-top: 80px; }
	.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_9 .row1 				{ min-height: 515px; padding-top: 111px; background-color: #e0eef1; }

	.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: rgb(230, 28, 88);
		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; }

	.slide_title i::after		{ display: none; }


	.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 { 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: 4%; }
  .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: 18%; 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; font-style: italic; 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: 0; }

@media(max-width: 550px) {
  .categorylist .title { font-size: 18px; }
	#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}
}

  .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: rgb(230, 28, 88); }
.bigUpload.error #bigUploadFile { border: 1px dashed rgb(230, 28, 88); }
#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: rgb(230, 28, 88); 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 }
}



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

	h1.schraeg							{ position: absolute; color: #fff; font-family:"DIN Next LT W01 Heavy"; font-size: 45px; line-height: 40px; width: 100%; text-align: center; bottom: 150px; }
	h1.schraeg span						{ font-size: 23px; line-height: 23px; padding-left: 20px; }
.teaser_box_text small					{ font-size: 14px; }

	.teaser_box_text h3 *					{ font-size: 34px; line-height: 46px; }
	.teaser_box_text h3 .small					{ font-size: 30px; line-height: 46px; }
	.teaser_box_text *						{ font-size: 20px; }
	.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 #e61c58; width: 170px; min-height: 40px; color: #e61c58; 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-image: url(../images/bg_desktop2.jpg);  background-repeat: no-repeat; background-attachment: fixed; background-position: bottom left;     background-size: cover; }


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

		.teaser_box_text *						{ display: inline-block; line-height: 34px; font-size: 28px; 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 i::after				{ content: " "; width: 5px; float: left; }
		.teaser_box_text h3 i::after			{ content: " "; width: 20px; float: none; display: inline-block; }
		.teaser_box_text b						{ font-family:"DIN Next LT W01 Heavy"; }
		.teaser_box_text b::after				{ content: " "; width: 5px; float: left;  }


		.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: 50px; line-height: 66px; }

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


		.slider_boxen_text_wrapper .img_wrap	{ max-height: 600px; }


		.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.schraeg {  font-size: 65px; line-height: 60px }
		.pageID_1 #first_sction  h1.schraeg span	{ font-size: 35px; }
    
		.pageID_46 #first_sction  h1.schraeg {  font-size: 65px; line-height: 60px }
		.pageID_46 #first_sction  h1.schraeg 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;
		}

	.menutext		{  display: block; float: left; margin-right: 20px; margin-top: 11px;  font-family: "DIN Next W01 Light"; font-size: 20px; color: #fff; }
    
    .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%); }
}

textarea,
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: 9px;
	text-align: center;
	cursor: pointer;
}
.slick-dots li.slick-active {
    background: #e61c58;
}

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

.slider.boxen.no_bg 	{ padding-bottom: 80px;}
.slider.boxen.no_bg  .slick-dots {    bottom: -55px;}

.slider.boxen .skew {position: absolute; top: 0; left: 0; }

.slider.boxen:not(.no_bg)  .bxslider.no_controls .slick-list {
	padding-top: 70px !important;
    padding-bottom: 45px !important;
    background-image: url(../images/slideshow_bg.jpg);
    background-size: cover;
    background-position: left bottom;
}

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

.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: #e61c58; 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 #e61c58; border-bottom: 5px dashed #e61c58; }
.ig-share h2 { font-size: 44px; color: #e61c58; font-weight: bold; line-height: 1.2; margin-bottom: 50px; text-transform: none; }
.ig-share h3 { font-size: 24px; color: #e61c58; 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: #e61c58; font-weight: bold; border: 2px solid #e61c58; 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: #e61c58; 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: 555px) {
	.ig-share h2 { font-size: 30px; }
}