@font-face {
  font-family: 'MDLZ';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/MDLZBITETYPE-Regular.html'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/MDLZBITETYPE-Regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/MDLZBITETYPE-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/MDLZBITETYPE-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/MDLZBITETYPE-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/MDLZBITETYPE-Regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* html, body */
html,
body
				{
				margin:0;
				padding:0;
				}

body
				{
				background: #FFF;
				}

/* default */
*
				{
				padding:0px;
				margin:0px;
				font-family: 'Open Sans', sans-serif, Tahoma, Arial, Verdana;
				font-size:100%;
				font-weight: 400;
				color:#502171;
				background-repeat: no-repeat!important;
				outline: none;
				text-decoration:none;
				}

body.blue *
				{
				color:#034182;
				}

h1
				{
				font-family: 'MDLZ', sans-serif, Tahoma, Arial, Verdana;
				font-weight: normal;
				font-size: 5rem;
				line-height: 1em;
				margin-bottom: 30px;
				}

h2
				{
				font-family: 'MDLZ', sans-serif, Tahoma, Arial, Verdana;
				font-weight: normal;
				font-size: 2.2rem;
				line-height: 1em;
				margin-bottom: 20px;
				}

h3
				{
				font-family: 'MDLZ', sans-serif, Tahoma, Arial, Verdana;
				font-weight: normal;
				font-size: 3.2rem;
				line-height: 1em;
				margin-bottom: 30px;
				}

h4
				{
				font-size: 1.1rem;
				line-height: 1.2em;
				font-weight: 600;
				color: #E6AF23;
				margin-bottom: 20px;
				}

h5
				{
				font-family: 'MDLZ', sans-serif, Tahoma, Arial, Verdana;
				font-weight: normal;
				font-size: 1.6rem;
				line-height: 1em;
				margin-bottom: 20px;
				}

.head h3
				{
				margin-bottom: 10px;
				}

.head h5
				{
				color: #E6AF23;
				}

.stage h5
				{
				font-size: 1rem;
				}

h6
				{
				font-size: .75rem;
				font-weight: 600;
				line-height: 1em;
				margin-bottom: 8px;
				text-transform: uppercase;
				}

p,
li
				{
				font-size: .95rem;
				line-height: 1.5em;
				margin: 0 0 20px 0;
				}

strong
				{
				font-weight: 600;
				}

p.small
				{
				font-size: .8rem;
				font-weight: 600;
				line-height: 1.3em;
				}

ul
				{
				margin: 0 0 20px 0;
				list-style: none;
				}
img
				{
				max-width: 100%;
				height: auto;
				}

.btn
				{
				border: none;
				padding: 8px 12px;
				display: inline-block;
				color: #FFF!important;
				background: #532172;
				text-align: center;
				font-weight: 600;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				white-space: nowrap;
				margin-left: 10px;
				transition: all 500ms;
				}

.btn:Hover
				{
				background: #806898;
				}

.slick-prev,
.slick-prev:before,
.slick-next,
.slick-next:before
				{
				width: 40px!important;
				height: 40px!important;
				}

.slick-prev
				{
				left: -50px!important;
				}

.slick-next
				{
				right: -50px!important; 
				}
				
.slick-prev:before,
.slick-next:before
				{
				opacity: 1!important;
				content: ''!important;
				display: block;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				}

.slick-prev:before
				{
				background-image:url('../images/left-lila.svg');
				}

.slick-next:before
				{
				background-image:url('../images/right-lila.svg');
				}

.lila .slick-prev:before
				{
				background-image:url('../images/left-white.svg');
				}

.lila .slick-next:before
				{
				background-image:url('../images/right-white.svg');
				}

/* ------------------------------------------------------------------------------------------------------------ */

#id_home
				{
				display: block;
				width: 60px;
				height: 60px;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				background-image:url('../images/home.svg');
				position: absolute;
				top:0px;
				left: 0px;
				}

#id_home span
				{
				display: none;
				}

.tx-syntegon-login
				{
				max-width: 800px;
				margin: auto;
				padding: 40px 60px;
				background: #E6AF23;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				box-sizing: border-box;
				}

.tx-syntegon-login p,
.tx-syntegon-login h4
				{
				color: #FFF;
				}

.tx-syntegon-login .btn
				{
				background: #502171!important;
				}

#id_main
				{
				width: 100%;
				min-height: 100vh;
				}

body.blue #id_main
				{
				background-image: none;
				}

#id_header
				{
				width: 100%;
				text-align: center;
				padding: 60px 0 40px 0;
				}

#id_header #id_ci
				{
				margin-bottom: 20px;
				}

#id_header *,
#id_footer *
				{
				color: #FFF;
				}

#id_footer ul
				{
				margin-bottom: 0;
				}

#id_footer p
				{
				opacity: .75;
				margin: 0;
				}

#id_content_header,
#id_content_footer,
#id_content
				{
				}

#id_content
				{
				background-position: center top;
				background-image: url('../images/main-bg.svg');
				background-repeat: repeat-y!important;
				background-size: 100%;
				box-sizing: border-box;
				padding-bottom: 200px;
				}

#id_content_header,
#id_content_footer
				{
				display: none;
				}

#id_content_header img,
#id_content_footer img
				{
				width: 100%;
				height: auto;
				margin-bottom: -8px;
				}

#id_content_footer
				{
				margin-top: -2px;
				}

#id_content .left
				{
				float: left;
				width: 48%;
				margin-right: 2%;
				margin-bottom: 20px;
				}

#id_content .right
				{
				float: right;
				width: 48%;
				margin-left: 2%;
				margin-bottom: 20px;
				}

#id_footer
				{
				padding: 40px 0 20px 0;
				text-align: center;
				margin-top: -140px;
				height: 80px;
				/*background: #502171;*/
				background-position: center top;
				background-image: url('../images/footer.svg');
				background-repeat: no-repeat;
				background-size: 100% auto;
				position: relative;
				}

#id_footer img
				{
				position: absolute;
				right: 0;
				top:-100px;
				width: 260px;
				height: auto;
				}

#id_footer ul
				{
				text-align: center;
				}

#id_footer ul li
				{
				display: inline;
				margin: 0 20px;
				}

#id_footer ul li a
				{
				text-decoration: underline;
				}


#id_login_wrapper
				{
				width: 60%;
				margin: auto;
				display: flex;
				position: relative;
				}

.flex-wrapper
				{
				position: relative;
				display: flex;
				flex-wrap: wrap;
				}

.flex-wrapper.flex-centered
				{
				justify-content: center;
				}

.flex-wrapper .teaser .flex-wrapper
				{
				flex-wrap: nowrap;
				align-items: flex-end;
				}

.teaser-wrapper
				{
				width: 48%;
				margin: 0 1% 20px 1%;
				}

.teaser-wrapper .teaser
				{
				width: 100%;
				height: 100%;
				/*height: 0;
				padding-top: 69%;*/
				position: relative;
				/*background-image:url('../images/teaser-yellow.svg');
				background-size: cover;
				background-position: 0px 0px;
				background-repeat: no-repeat;*/
				background: #E6AF23;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				}

.teaser-wrapper .teaser.teaser-purple
				{
				background: #532172;
				}

.teaser-wrapper .teaser *
				{
				color: #FFF;
				}

.teaser-wrapper .teaser img,
.video-teaser-wrapper .video-teaser .video-teaser-inner a,
#id_thumb img
				{
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				overflow: hidden;
				}

.teaser-wrapper .teaser img
				{
				margin-bottom: 20px;
				}

.teaser-content
				{
				width: 65%;
				}

.teaser-c2a
				{
				position: absolute;
				right: 20px;
				bottom: 20px;
				}

.video-teaser-wrapper
				{
				width: 31.33%;
				margin: 0 1% 20px 1%;
				}

.video-teaser-wrapper .video-teaser
				{
				width: 100%;
				height: 0;
				overflow: hidden;
				padding-top: 100%;
				position: relative;
				/*background-image:url('../images/teaser-quadrat.svg');
				background-size: cover;
				background-position: 0px 0px;
				background-repeat: no-repeat;*/
				background: #E6AF23;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				margin-bottom: 20px;
				}

.teaser h4,
.video-teaser-wrapper h4,
.teaser h4 span
				{
				font-family: 'MDLZ', sans-serif, Tahoma, Arial, Verdana;
				font-weight: normal;
				color:#502171;
				font-size: 1.4rem;
				line-height: 1em;
				margin-bottom: 5px;
				}

.teaser p
				{
				font-size: .9rem;
				line-height: 1.2em;
				margin-bottom: 0;
				}

.teaser h4
				{
				margin-bottom: 10px;
				}

.teaser h4 span
				{
				/*opacity: .7;*/
				margin: 0;
				}

.grey .teaser *,
.lila .teaser *,
.yellow .teaser *
				{
				color:#502171;
				}

.teaser-wrapper .teaser .teaser-inner
				{
				padding: 20px;
				height: 100%;
				box-sizing: border-box;
				}

/*.teaser-wrapper .teaser .teaser-inner,*/
.video-teaser-wrapper .video-teaser .video-teaser-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 20px;
				box-sizing: border-box;
				}

.video-teaser-wrapper .video-teaser .video-teaser-inner a
				{
				display: block;
				width: 100%;
				height: 100%;
				background-size: 100%;
				background-position: center center;
				background-repeat: no-repeat;
				position: relative;
				cursor: pointer;
				}

.video-teaser-wrapper .video-teaser .video-teaser-inner a span
				{
				display: block;
				width: 30%;
				height: 30%;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				background-image:url('../images/play.svg');
				position: absolute;
				top:50%;
				left: 50%;
				transform: translate(-50%, -50%);
				transition: all 500ms;
				}

.video-teaser-wrapper .video-teaser .video-teaser-inner a:Hover span
				{
				width: 20%;
				height: 20%;
				}

#id_content .module
				{
				padding: 100px 0 80px 0;
				background-size: cover;
				background-position: 0px 0px;
				background-repeat: no-repeat;
				}

.teaser-wrapper .teaser.teaser-purple .btn
				{
				background: #FFF;
				color: #502171!important;
				}
				
/*
#id_content .module:last-child
				{
				padding-bottom: 0;
				}
*/

#id_content .module.no-padding
				{
				padding: 0;
				}

#id_content .module:first-child
				{
				padding: 0 0 40px 0;
				}

#id_content .module:first-child .head
				{
				margin-bottom: 40px;
				}

#id_content .module:first-child .head img
				{
				margin-top: -80px;
				}

.yellow,
.module-inner.module-inner-yellow
				{
				background: #E6AF23;
				}

.grey
				{
				background: #dcdcdc;
				}

.lila

				{
				background: #502171;
				}

.module-inner

				{
				padding: 60px 0 40px 0;
				}

.grey .teaser,
.lila .teaser,
.yellow .teaser,
.module-inner-yellow .teaser
				{
				background: #FFF;
				}


.module-inner-yellow .teaser *
				{
				color: #502171;
				}


.module-inner-yellow .teaser .btn,
.module-inner-yellow .teaser .btn *
				{
				color: #FFF!important;
				}

.inner
				{
				width: 94%;
				margin:auto;
				max-width: 1080px;
				position: relative;
				}

.centered,
.centered *
				{
				text-align: center;
				}

.module-yellow h3
				{
				color: #FFF;
				}

#id_steam
				{
				margin: 0 1% 0 5%;
				width: 69%;
				background: #f4f4f4;
				}

#id_chat
				{
				margin: 0 5% 0 1%;
				width: 19%;
				background: #f4f4f4;
				}

#id_steam iframe,
#id_chat iframe
				{
				border: none;
				}

body.blue .module.highlight
				{
				background-image:url('../images/main-bg-blue.svg');
				}

body.blue .module.highlight *
				{
				color: #FFF;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.modal
				{
				display: none;
				width: 80%;
				max-width: 800px;
				box-sizing: border-box;
				padding: 40px;
				background: #000;
				}

.modal *
				{
				color: #FFF;
				}

#id_modal_video
				{
				width: 100%;
				max-width: 1200px;
				padding: 0;
				}

#id_modal_video
				{
				max-width: 1200px;
				}

.video-wrapper
				{
				position: relative;
			    padding-top: 56.56%;
			    height: 0;
			    overflow: hidden;
				background-repeat: no-repeat;
				background-size: cover;
				}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.video-wrapper video
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.head-icon
				{
				padding: 5px 0 5px 50px;
				background-position: left top;
				background-size: 36px 36px;
				background-repeat: no-repeat;
				display: inline-block;
				}

h3.flag
				{
				max-width: 80%;
				text-align: center;
				background-image:url('../images/flag.svg');
				padding: 5px 0 5px 50px;
				background-position: left center;
				background-size: 36px 36px;
				background-repeat: no-repeat;
				display: inline-block;
				}

h3.download
				{
				max-width: 80%;
				text-align: center;
				background-image:url('../images/download.svg');
				padding: 5px 0 5px 50px;
				background-position: left center;
				background-size: 36px 36px;
				background-repeat: no-repeat;
				display: inline-block;
				}

h3.photo
				{
				max-width: 80%;
				color: #E6AF23;
				text-align: center;
				background-image:url('../images/photo.svg');
				padding: 5px 0 5px 50px;
				background-position: left center;
				background-size: 36px 36px;
				background-repeat: no-repeat;
				display: inline-block;
				}

h3.bubble
				{
				max-width: 80%;
				text-align: center;
				background-image:url('../images/bubble.svg');
				padding: 5px 0 5px 50px;
				background-position: left center;
				background-size: 36px 36px;
				background-repeat: no-repeat;
				display: inline-block;
				}

h3.bulb
				{
				max-width: 80%;
				color: #E6AF23;
				text-align: center;
				background-image:url('../images/bulb.svg');
				padding: 5px 0 5px 50px;
				background-position: left center;
				background-size: 36px 36px;
				background-repeat: no-repeat;
				display: inline-block;
				}

h3.speaker
				{
				max-width: 80%;
				color: #E6AF23;
				text-align: center;
				background-image:url('../images/speaker.svg');
				padding: 5px 0 5px 50px;
				background-position: left center;
				background-size: 36px 36px;
				background-repeat: no-repeat;
				display: inline-block;
				}

h3.arrow
				{
				max-width: 80%;
				text-align: center;
				background-image:url('../images/arrow.svg');
				padding: 5px 0 5px 50px;
				background-position: left center;
				background-size: 36px 36px;
				background-repeat: no-repeat;
				display: inline-block;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.tabs figure
				{
				display: block;
				clear: both;
				}

nav
				{
				text-align: center;
				}

nav label
				{
				font-family: 'MDLZ', sans-serif, Tahoma, Arial, Verdana;
				font-weight: normal;
				font-size: 1.2rem;
				line-height: 1em;
				display: inline-block;
				padding: 20px 44px 10px 44px;
				background-position: center bottom;
				background-repeat: no-repeat;
				background-size: contain;
				/*font-size: .9rem;*/
				font-weight: 600;
				text-align: center;
				color:#502171;
				}

#tab1:checked ~ nav #tab1label,
#tab2:checked ~ nav #tab2label,
#tab3:checked ~ nav #tab3label,
#tab4:checked ~ nav #tab4label
				{
				background-image:url('../images/tab.svg');
				color:#FFF;
				}

.tabs > input,
.tabs .tab-content
				{
				display: none;
				}

.tabs figure>div.tab-content
				{
				padding: 20px;
				width: 100%;
				background: #fff;
				}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4
				{
				display: block;
				}

.tab-content
				{
				padding: 40px 0 0 0;
				width: 100%;
				}

.flex-wrapper .stage
				{
				width: 33.33%;
				padding: 0 4%;
				border-left: 1px solid #FFF;
				box-sizing: border-box;
				}

.tab-content .stage
				{
				padding: 0 30px;
				border-left: 1px solid #FFF;
				box-sizing: border-box;
				height: 100%;
				}


.flex-wrapper .stage:last-child
				{
				border: none;
				}
				
.stage
				{
				border-left: 1px solid #FFF;
				}

.stage *
				{
				color: #FFF;
				}

.stage p a
				{
				color: #E6AF23;
				}

.slick-slide:first-child .stage
				{
				border-left: none;
				}


.tab-content .stage strong { color: #E6AF23; }

.tab-content .slick-slide div p { font-size: .8rem; }
.tab-content .slick-slide div p strong { font-size: 1rem; }

.slide-inner
				{
				height: 0;
				overflow: hidden;
				padding-top: 56.25%;
				position: relative;
				}

.slide-inner .slide-inner-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				text-align: center;
				}

.slide-inner .slide-inner-inner *
				{
				margin: auto;
				width: auto;
				max-width: 100%;
				max-height: 100%;
				}

.slide-inner .slide-inner-inner video
				{
				width: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				}

.slide-inner .slide-inner-inner img
				{
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				}

/* ------------------------------------------------------------------------------------------------------------ */

#id_gallery
				{
				margin-bottom: 60px;
				}

#id_big
				{
				padding: 50px 70px;
				box-sizing: border-box;
				/*background-image:url('../images/teaser.svg');
				background-size: contain;
				background-position: center center;
				background-repeat: no-repeat;*/
				}

#id_thumbs
				{
				padding: 0 70px;
				}

.thumb
				{
				padding: 10px;
				box-sizing: border-box;
				/*background-image:url('../images/teaser.svg');
				background-size: contain;
				background-position: 0px 0px;
				background-repeat: no-repeat;*/
				}

.thumb img
				{
				box-sizing: border-box;
				}

.slick-current .thumb img,
.slick-current .thumb video
				{
				border: 2px solid #FFF;
				}


/* ------------------------------------------------------------------------------------------------------------ */

#id_downloads .download
				{
				padding: 15px 0;
				}

#id_downloads .download:nth-child(even)
				{
				background-image:url('../images/main-bg-grey.svg');
				background-size: cover;
				background-position: 0px 0px;
				background-repeat: no-repeat;
				}

#id_downloads .download a
				{
				display: block;
				padding-left: 60px;
				background-image:url('../images/pdf.svg');
				background-size: 40px;
				background-position: 0px 0px;
				background-repeat: no-repeat;
				transition: all 500ms;
				}

#id_downloads .download a span
				{
				font-size: .85rem;
				transition: all 500ms;
				}

#id_downloads .download a:Hover,
#id_downloads .download a:Hover *
				{
				color: #E6AF23;
				}

/* ------------------------------------------------------------------------------------------------------------ */

input[type="email"],
input[type="file"]
				{
				width: 100%;
				box-sizing: border-box;
				padding: 15px;
				background: #ededed;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius:  30px;
				-webkit-appearance: none;
				border: none;
				margin: 0;
				text-align: left;
				}

::-webkit-input-placeholder,
::-webkit-input-placeholder
				{
				color: #85649b;
				}

:-ms-input-placeholder,
:-ms-input-placeholder
				{
				color: #85649b;
				}

::placeholder,
::placeholder
				{
				color: #85649b;
				}

input[type="submit"],
#btnlogin
				{
				border: none;
				padding: 15px 30px;
				display: inline-block;
				color: #FFF;
				background: #E6AF23;
				text-align: center;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				transition: all 500ms;
				}

input[type="submit"]:Hover,
#btnlogin:hover
				{
				background: #806898!important;
				}

#btnlogin.clicked
				{
				background: #444!important;
				}

/* ------------------------------------------------------------------------------------------------------------ */

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

	#id_main
				{
			    max-width: 100%;
			    }

}

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

	h1
				{
				font-size: 2.6rem;
				margin-bottom: 20px;
				}

	#id_content .left,
	#id_content .right,
	.form-block
				{
				margin: 0 0 10px 0;
				}

	#id_content
				{
				padding-bottom: 40px;
				}

	p
				{
				font-size: .8rem;
				}

	input[type="email"]
				{
				padding: 10px;
				}

	input[type="submit"]
				{
				padding: 10px 15px;
				}

	#id_content .module
				{
				padding: 60px 0 40px 0;
				}

	.flex-wrapper .teaser .flex-wrapper
				{
				display: block;
				}

	.flex-wrapper .teaser .flex-wrapper p
				{
				margin: 0 0 10px 0;
				}

	.flex-wrapper .teaser .flex-wrapper a
				{
				margin: 0;
				}
				
	#id_footer img
				{
				width: 200px;
				top: -80px;
				}
				
	.teaser-wrapper .teaser .teaser-inner
				{
				padding: 0;
				}
				
	.teaser-wrapper .teaser
				{
				padding: 0;
				}
				
	.teaser-wrapper .teaser .teaser-inner
				{
				position: relative;
				padding: 20px;
				}
				
	.slick-prev,
	.slick-prev:before,
	.slick-next,
	.slick-next:before
				{
				width: 25px!important;
				height: 25px!important;
				}

.slick-prev
				{
				left: -30px!important;
				}

.slick-next
				{
				right: -30px!important; 
				}

.teaser-content
				{
				width: 100%;
				}

.teaser-c2a
				{
				float: right;
				position: relative;
				right: inherit;
				bottom: inherit;
				margin: 10px 0 0 0!important;
				}

.teaser-c2a .btn
				{
				margin: 10px 0 0 0!important;
				}

}

@media screen and (max-width: 768px) {
	
	label.uploadLabel {
	    width: 100%;
    display: block;
    box-sizing: border-box;
}
			
	.teaser-wrapper .teaser
				{
				height: auto;
				}
	
	.slider-agenda
				{
				width: 90%;
				margin: auto;
				}
	
	#id_content .module:first-child .head img
				{
				margin-top: -60px;
				}

	#id_content .module,
	#id_content .module:first-child
				{
				padding: 40px 0 20px 0;
				}



	h2
				{
				font-size: 2rem;
				}

	h3
				{
				font-size: 1.8rem;
				background-position: left 2px!important;
				text-align: left!important;
				}

	h4,
	.teaser h4,
	.video-teaser-wrapper h4
				{
				font-size: 1.2rem;
				margin-bottom: 5px;
				}

	#id_login_wrapper
				{
				width: 100%;
				display: block;
				}

	#id_header
				{
				padding: 40px 0 0 0;
				}

	#id_header #id_ci
				{
				margin-bottom: 20px;
				}

	#id_header #id_ci img
				{
				width: 40%;
				}

	#id_content .left,
	#id_content .right,
	.teaser-wrapper,
	.flex-wrapper .stage,
	.video-teaser-wrapper,
	#id_steam,
	#id_chat
				{
				float: none;
				width: 100%;
				margin: 0 0 20px 0;
				border: 0;
				}

#upload
				{
				float: none;
				width: 100%!important;
				margin: 0 0 10px 0;
				}

#id_chat
				{
				height: 500px;
				}

nav label
				{
				padding: 10px 20px;
				width: 40%;
				box-sizing: border-box;
				}

#tab1:checked ~ nav #tab1label,
#tab2:checked ~ nav #tab2label,
#tab3:checked ~ nav #tab3label,
#tab4:checked ~ nav #tab4label
				{
				background-image:none;
				background: #502171;
				color:#FFF;
				}

	.flex-wrapper
				{
				position: relative;
				display: block;
				}

	input[type="email"]
				{
				text-align: center;
				}


	#id_login_wrapper input[type="email"]
				{
				margin-bottom: 5px;
				}
	
	#id_content
				{
				padding-bottom: 40px;
				}
	
	#id_footer
				{
				height: auto;
				margin-top: 0;
				background-size: auto;
				}
				
	#id_footer img
				{
				position: relative;
				}
	
	.teaser-c2a
				{
				width: 100%!important;
				float: none;
				}
	
	.btn,
	input[type="submit"]
				{
				width: 100%!important;
				float: none;
				padding: 10px 0;
				margin: 0;
				}

	#id_gallery
				{
				margin-bottom: 30px;
				}

	#id_thumbs
				{
				display: none;
				}

	#id_big
				{
				padding: 30px 0;
				}

	.slick-slider
				{
				max-width: 80%;
				margin: auto;
				}
				
	.stage
				{
				border: none!important;
				}

	.slick-slider video
				{
				max-width: 100%;
				height: auto;
				}
				
	#id_home
				{
				width: 46px;
				height: 46px;
				}

}