@charset "utf-8";
/* CSS Document */

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


    @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:"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:"Bauer Bodoni Pro_1 W01 Roman";
        src:url("Fonts/ada6576a-cbce-4da0-994b-b4719f95ac06.eot?#iefix");
        src:url("Fonts/ada6576a-cbce-4da0-994b-b4719f95ac06.eot?#iefix") format("eot"),url("Fonts/79de9df8-0826-46b9-beea-eb39122d4762.woff2") format("woff2"),url("Fonts/77fac51a-d062-438a-a493-6b67508aa97f.woff") format("woff"),url("Fonts/f1f853cb-6239-4c68-b259-70b41671b488.ttf") format("truetype"),url("Fonts/4458621b-5c78-460d-9643-70ba305b7276.svg#4458621b-5c78-460d-9643-70ba305b7276") 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: '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;
	}

  /*--------------------------------------------------------------
  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 Alignments
  --------------------------------------------------------------*/

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

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

  /*--------------------------------------------------------------
  4.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: normal;font-family:"DIN Next LT W01 Heavy"; line-height: 1.3; text-align: center; color: #000 }
  h1						{ font-size: 40px; text-transform: uppercase; }
  h2						{ font-size: 36px; 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: italic; 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: italic; }
  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: italic; 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				{  }

  i						{ font-family:"Bauer Bodoni Pro_1 W01 Italic"; }
  b						{ font-family:"DIN Next LT W01 Heavy", 'FontAwesome'; font-weight: normal;  }
  b::after				{ content: " "; width: 5px; float: left;  }

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

  picture img				{width: 100%; }
  /*--------------------------------------------------------------
  5.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; }

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

  /*--------------------------------------------------------------
  7.0 Links
  --------------------------------------------------------------*/

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


  /*--------------------------------------------------------------
  8.0 Layout
    --------------------------------------------------------------*/

  main { display:block; position:relative; width: 100%; /*background-image: url(../images/bg_img.jpg); background-size:cover; background-repeat:no-repeat; background-position: center center;*/ min-height:  970px;   }

  #headline { position:relative; display: block; margin:0 auto; padding-top:40px; padding-bottom: 40px; }
  #headline > * { position:relative; display: block; margin:0 auto; text-align:center; text-transform:uppercase; font-size: 50px; line-height:60px;   }

  section {position:relative; width: 100%; display: block;  max-width: 943px; margin:  0px auto; }
  section article { position:relative; display: inline-block; box-sizing:border-box; max-width: 450px; min-height: 400px; max-height: 650px; margin: 40px auto 0px auto; }
	section a:first-child article  { margin-right: 20px; }
	section a:last-child article	{ margin-left: 20px; }


  .alt { background-image: url(../images/bg_2018.jpg); background-size:cover; background-repeat:no-repeat; background-position: center center;}
  .neu { background-image: url(../images/bg_2020.jpg); background-size:cover; background-repeat:no-repeat; background-position: center top 20px; }

.xday { background-image: url(../images/xday_headimage.jpg); background-size:contain; background-repeat:no-repeat; }

  h3	{  font-family:"Bauer Bodoni Pro_1 W01 Italic"; font-family:"DIN Next LT W01 Heavy"; font-weight: normal; font-style:normal; display: block; text-align:center; text-transform:uppercase; font-size: 30px; background-color: rgb(0, 0, 0); padding: 6px 0px;color: #FFF; }

  .button { position:relative; display:block; margin: 0 auto;  padding: 6px 20px; background-color:  rgb(230, 28, 88);; color: #ffffff; font-family: "DIN Next W01 Light"; font-size:20px; text-transform: uppercase; text-align:center; max-width: 200px; margin-bottom: 20px; padding-top: 9px; }

  .details { margin-top: 96%; }

  .details > i { font-family: "Bauer Bodoni Pro_1 W01 Italic"; display: block; text-align: center; color: #ffffff; font-size: 20px; line-height: 28px; }

  footer { /*position:absolute;*/ bottom:0px; width: 100%; background-color:none ; text-align:center; padding: 17px 0px 15px 0px;    }
  	footer a { color: #FFF; text-transform:uppercase; font-family: "DIN Next W01 Light"; font-size: 20px;    }


@media(max-width: 960px) {


	main { background-size:cover; height: 100%; min-height: 500px; }
	#headline { display:none;}
	section { padding-top:40px; }
	#headline	{ padding: 20px 15px; }

	/* Cards */
  section a { width: 100%; position: relative; display: block;}
	section a article:first-child  {  margin: 0px auto; }
	section a article:last-child 	{ margin:0px auto 0px auto; }
  	section a:last-child 	{ margin-top:  0px; }

	section a article { max-width: 450px; width: 100%; height: 400px; margin:  0px auto; display: block; }

  .alt {}
  .neu {}

	.details	{ margin-top: 200px; }
  .button   { margin-top:  28px; }
	footer { position: relative; /*margin-top: 50px;*/ }

	.neu {
		height: 550px;
	}

	.alt {
		background-position: 75% center;
	}
}

@media(max-width: 530px) {
	#headline > * { font-size: 35px; line-height: 35px; }
  .neu { background-position: center 25px; }
  section { padding-top:0px; }
	.gallery-selector {
		max-width: 200px !important;
	}
}

.gallery {
	margin-top: 100px !important;
	display: none;
}

.gallery-selector-wrapper {
	text-align: right;
	width: 90%;
	display: flex;
	justify-content: flex-end;
	margin: auto;
}

.gallery-selector {
	max-width: 450px;
	padding-right: 10px;
	padding-left: 3px;
	padding-top: 8px;
	padding-bottom: 6px;
	color: black;
	text-transform: uppercase;
	font-size: 1.6em;
}

.gallery-selector-title {
	font-size: 1.8em;
	margin-right: 10px;
	color: #ffffff;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.gallery span { width: 100%; height: 300px; display: flex; align-content: center; justify-content: center; background-color: black; overflow: hidden; cursor: pointer;}

.gallery-navigation {
	text-align: center;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	max-width: 450px;
	z-index: 1000;
	position: relative;
}

.vertical-gallery-navigation {
	text-align: center;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	max-width: 450px;
	z-index: 1000;
	position: relative;
}


.empty-gallery-text-wrapper {
	background-color: black;
	text-align: center;
	position: absolute;
	padding: 5px;
	bottom: 0;
}

.empty-gallery-text {
	font-size: 19px;
	font-family: "DIN Next LT W01 Heavy";
	color: #fff;
}

.btn {
	margin-top: 0 !important;
	border: 1px solid black;
	background-color: lightskyblue;
	width: 48% !important;
	font-size: 17px !important;
	line-height: 140% !important;
	padding: 0.7em !important;
	display: inline-block !important;
	text-decoration: none !important;
}

.tile-title {
	font-family: "Bodoni MT";
	font-style: italic;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 10px;
}

.tile-subtitle {
	font-family: "DIN Next LT W01 Heavy";
	font-weight: bold;
	font-size: 30px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 10px;
}

.tile-title-centered-large {
	font-family: "Bodoni MT";
	font-style: italic;
	font-size: 24px;
	text-align: center;
	color: black;
}

.tile-subtitle-centered-large {
	font-family: "DIN Next LT W01 Heavy";
	font-weight: bold;
	font-size: 45px;
	text-align: center;
	color: black;
}

@media (max-width: 370px) {
	.tile-title {
		font-size: 16px;
	}

	.tile-subtitle {
		font-size: 24px;
	}

	.tile-title-centered-large {
		font-size: 21px;
	}

	.tile-subtitle-centered-large {
		font-size: 38px;
	}

	.gallery-selector {
		font-size: 1.7em;
		max-width: 165px !important;
	}

	.gallery-selector-title {
		font-size: 1.7em;
	}

	.gallery-selector-title {
		font-size: 1.7em;
	}

	.empty-gallery-text {
		font-size: 12px;
	}
}

@media (min-width: 371px) {
	.empty-gallery-text {
		font-size: 16px;
	}
}

@media (min-width: 500px) {
	.empty-gallery-text {
		font-size: 19px;
	}
}

.black-on-white {
	background-color: black;
	color: #fff;
}

.btn-spacer {
	width: 2%;
	display: inline-block
}

.date-details {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: auto;
}

.date-details > i {
	font-family: "Bauer Bodoni Pro_1 W01 Italic";
	text-align: center;
	display: block;
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
}

.gallery-loader-wrapper {
	margin-top: 100px !important;
	height: 290px;
	width: 100%;
	max-width: 920px;
	margin: 0px auto;
	display: flex;
	justify-content: center;
}

.gallery-loader {
	border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #e61c58; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.fb-frame_big {
	display: none !important;
}

.fb-frame-small {
	display: flex !important;
}

.whatsapp-frame-wrapper {
	width: 100%;
	max-width: 450px;
	margin: auto;
	background-image: linear-gradient(to bottom, #004052 0%,#0097b7 34%,#00a8c5 100%);
	padding-top: 25px;
	overflow: hidden;
	padding-bottom: 40px;
}

.gallery-wrapper {
	/*background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);*/
	background-image: url("../images/bg_party_pic.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 40px;
	padding-bottom: 40px;
	max-width: 450px;
	margin: auto;
	overflow: hidden;
}

.fb-frame-wrapper {
	width: 100%;
	margin: auto;
	/*background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%); */
	background-image: url("../images/bg_fb.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	padding-top: 25px;
	padding-bottom: 40px;
	max-width: 450px;
	overflow: hidden;
}

.off-hashtag-wrapper {
	width: 100%;
	background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
	padding-top: 25px;
	padding-bottom: 40px;
	max-width: 450px;
	margin: auto;
	overflow: hidden;
}

.rotated-title {
	transform: rotate(-6deg);
}

.quick-navigation-top {
	display: flex;
	flex-direction: row;
	max-width: 450px;
	margin: auto;
	justify-content: center;
}

.quick-navigation-top .button, .quick-navigation-top a {
	margin-top: 0 !important;
}

.quick-navigation-top a .button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.gallery span {
	/*margin-top: 0 !important;*/
}

@media (min-width: 961px) {
	.quick-navigation-top {
		/*padding-top: 40px;*/
		max-width: 943px;
	}

	.whatsapp-frame-wrapper {
		max-width: 943px;
	}

	.gallery-wrapper {
		max-width: 943px;
		background-repeat: repeat;
	}

	.fb-frame-wrapper {
		max-width: 943px;
		background-position: center center;
	}

	.off-hashtag-wrapper {
		max-width: 943px;
	}

	section article {
		width: 943px;
		/*margin-top: 40px !important;*/
		max-width: 100%;
		height: 730px;
		max-height: 730px;
	}

	.neu {
		background-image: url(../images/bg_2019-2.jpg);
	}

	section a:last-child article {
		margin-left: 0;
	}

	.tile-title {
		font-size: 26px;
	}

	.tile-subtitle {
		font-size: 40px;
	}

	.tile-title-centered-large {
		font-size: 30px;
	}

	.tile-subtitle-centered-large {
		font-size: 60px;
	}

	.date-details > i {
		font-size: 32px;
		line-height: 40px;
	}

	.whatsapp-logo-mobile {
		display: none;
	}

	.gallery-selector {
		padding-right: 50px;
		padding-left: 2px;
	}

	.fb-frame-small {
		display: none !important;
	}

	.fb-frame_big {
		display: flex !important;
	}

	.empty-gallery-text {
		font-size: 25px;
	}
}




#vertical-gallery {
	border-top: 6px solid #e61c58;
}

#vertical-gallery span {
	display: flex !important;
	flex-direction: column !important;
	z-index: 101 !important;
	transform: scale(1) !important;
	opacity: 1 !important;
	max-width: 849px;
	/*height: 477px !important;*/
	margin: auto;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}








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

  .video-container { display: block; width: 100%; position: relative; overflow: hidden; }
  .video-container::before { content: ""; display: block; width: 100%; padding-top: 56.25%; }
  .video-container iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }


 

.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: 0px; margin-bottom: 20px; z-index: 5; }
.countdown_wrapper	.teaser_box_link 	{ font-family:"DIN Next W01 Light"; bottom: 10px; min-width: 250px; text-align: center; }


#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: 50px; 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: 18px;  float: none; text-align: center; text-transform: none; }


.text p {
    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;
	padding-bottom: 15px;
}

.text ul, .text li {color: #000;
    font-size: 20px;
    line-height: 30px;
    font-family: "DIN Next W01 Light";
    text-transform: none; }

.text ul { list-style: disc; padding-left: 40px;}

.pricing * {color: #000;
	font-size: 20px;
    line-height: 30px;
    font-family: "DIN Next W01 Light";
    text-transform: none;
	text-align: left
}
.pricing { padding: 10px;}
.pricing th { font-weight: normal;font-family:"DIN Next LT W01 Heavy"; }
.pricing th, .pricing td { padding: 1px 10px; border-bottom: 1px solid #000}


.sticker { position: relative; width: 150px; height: 150px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; background-color: #A86DA9; color: #fff; font-size: 20px;  z-index: 2; text-align: center; padding: 50px 10px; font-family:"DIN Next LT W01 Heavy"; transform:rotate(355deg); -webkit-box-shadow: 1px 1px 4px 2px #000000; 
box-shadow: 1px 1px 4px 2px #000000; float: right; margin: 10px;  }

@media (max-width: 700px) { 
	
	h3 { font-size: 28px; }
	
	
	.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 0px 9px; margin-top: 0px; margin-bottom: 0px; z-index: 5; }
.countdown_wrapper	.teaser_box_link 	{ font-family:"DIN Next W01 Light"; bottom: 10px; min-width: 250px; text-align: center; }


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