@import '/layout/microsites/css/plugins/plyr.css';
@import '/layout/microsites/css/plugins/slick.css';


/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/layout/microsites/fonts/roboto-condensed-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('/layout/microsites/fonts/roboto-condensed-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/microsites/fonts/roboto-condensed-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/microsites/fonts/roboto-condensed-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/layout/microsites/fonts/roboto-condensed-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/microsites/fonts/roboto-condensed-v18-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/layout/microsites/fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('/layout/microsites/fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/microsites/fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/microsites/fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/layout/microsites/fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/microsites/fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/layout/microsites/fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('/layout/microsites/fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/microsites/fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/microsites/fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/layout/microsites/fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/microsites/fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/layout/microsites/fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/layout/microsites/fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/microsites/fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/microsites/fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/layout/microsites/fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/microsites/fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/layout/microsites/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/layout/microsites/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/microsites/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/microsites/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/layout/microsites/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/microsites/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/layout/microsites/fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/layout/microsites/fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/microsites/fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/microsites/fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/layout/microsites/fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/microsites/fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}



html,button,input,select,textarea{font-family: 'Roboto Condensed', sans-serif;font-weight: 400;color: #000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html
*,*:before,*:after
body{font-size:16px;margin:0;overflow-x: hidden;}
::-moz-selection
::selection
hr{display:block;height:1px;border:0;border-top:1px solid #ccc}
img{vertical-align:middle;width: 100%;height: auto}
fieldset
textarea
h1,h2,h3,h4,h5,h6

.clearfix:before,
.clearfix:after{
	content:" ";
	display:table
}
.clearfix:after{
	clear:both
}


a {
	text-decoration: none;
	cursor: pointer;
}

button{
	cursor: pointer;
}

body{
	background-image: url('/assets/body-bg-jazzpreis_00c06c444b04c95efd8499.png');
	background-size: cover;
	background-attachment: fixed;
	background-color: rgba(0,0,0,.95);
}

a:focus{
	outline: 1px solid #FFD600;
}

h1.h1{
	font-size: 0;
	color: transparent;
}

/* ==========================================================================
   FLEXBOX
   ========================================================================== */

.flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.flex_wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.flex_col {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.flex_item {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

/* ==========================================================================
   BUTTON
   ========================================================================== */

a.button,
input.button,
.button,
button.button{
	background: #000;
	font-size: 0.9375rem;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 30px;
	text-align: center;
	display: inline-block;
	transition: color .23s ease-out;
	border: none;
}

a.button:hover,
input.button:hover,
.button:hover,
button.button:hover{
	color: #FFD600;
}

a.button:focus,
input.button:focus,
.button:focus,
button.button:focus{
	border: 1px solid #FFD600;
}

a.button.yellow,
input.button.yellow,
.button.yellow,
button.button.yellow{
	background: #FFD600;
	color: #000;
}

a.button.yellow:hover,
button.button.yellow:hover,
.button.yellow:hover,
button.button.yellow:hover{
	color: #fff;
}

a.button.yellow:focus,
button.button.yellow:focus,
.button.yellow:focus,
button.button.yellow:focus{
	border: 1px solid #fff;
}

/* ==========================================================================
   LAYOUT
   ========================================================================== */

.space-b{
	margin-bottom: 5rem;
}

.site{
	max-width: 87.5rem;
	margin: 0 auto;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

.header_inner{
	max-width: 75rem;
	margin: 0 auto;
}

.meta_nav{
	background: #2b2b2b;
}

.meta_nav_inner{
	position: relative;
	padding: 1.25rem 0;
	overflow: hidden;
}

.meta_menu{
	float: left;
	padding: 0 20px;
}

.meta_navigation{
	float: right;
}

.meta_menu li{
	list-style: none;
	float: left;
	padding-right: 0.625rem;
}

.meta_menu li a{
	font-size: 0.75rem;
	color: rgba(255,255,255,.75);
	line-height: 1;
	transition: color .23s ease-out;
	text-decoration: none;
}

.meta_menu li a:hover{
	color: #fff;
}

.meta_menu li.active a{
	color: #FFD600;
}

.meta_menu li a:before{
	content: '';
	display: inline-block;
	height: 0.625rem;
	width: 1px;
	background: rgba(255,255,255,.75);
	margin-right: 0.625rem;
	margin-bottom: -1px;
}

.meta_menu li:first-child a:before,
.meta_navigation li a:before{
	display: none;
}

.main_nav{
	padding: 1.25rem 1.25rem;
}

.logo_container{
	width: 11.75rem;
	float: left;
}

a.logo{
	display: block;
	width: 100%;
}

.logo_container.biberach{
	width: 8rem;
	float: right;
}

.logo_container.jugendaktiv_logo_container{
	float: right;
	max-width: 45px;
	width: 45px;
	margin-right: 20px;
}

.navigation{
	float: left;
	width: calc(100% - 19.75rem);
	text-align: center;
	padding-top: 1.5625rem;
}

.jugendaktiv_logo_container{
}

.navigation li{
	list-style: none;
	display: inline-block;
	margin-right: 1.5625rem;
}

.navigation li:last-child{
	margin-right: 0;
}

.navigation li a{
	font-size: 1rem;
	color: #fff;
	transition: color .23s ease-out;
	padding: 5px;
}

.navigation li a.active{
	background: #FFD600;
	color: #000;
}

.navigation li a.active:focus{
	outline: 1px solid #fff;
}

.navigation li:hover a{
	background: #FFD600;
	color: #000;
}

.mobile_navigation,
.close_mob_nav,
.hamburger{
	display: none;
}

/* ==========================================================================
   TEASER
   ========================================================================== */

.teaser{
	position: relative;
	margin-bottom: 4.0625rem;
}

.thankyou .teaser{
	margin-bottom: 0;
}

.teaser_event{
	position: absolute;
	left: 1.25rem;
	bottom: 1.25rem;
	max-width: 400px;
	width: 100%;
}

.teaser_event_info{
	background: rgba(86,86,86,.85);
	padding: 1.25rem;
	order: 1;
}

.teaser_event_info h2{
	color: #fff;
	font-size: 1.875rem;
	line-height: 1.16;
	font-weight: 400;
	margin-bottom: 0.625rem;
}

.teaser_event_info p{
	color: #fff;
	font-size: 0.9375rem;
}

.teaser_event_schedule{
	padding: 0.9375rem 1.25rem 0.9375rem 6.25rem;
	position: relative;
	background: rgba(195,154,0,.75);
	min-height: 5.625rem;
}

.teaser_event_schedule .day{
	color: #fff;
	font-size: 4.0625rem;
	position: absolute;
	left: 1.25rem;
	top: 0.9375rem;
	line-height: 1;
}

.teaser_event_schedule_info .month_year{
	color: #fff;
	margin-bottom: 0.3125rem;
	font-size: 1.6875rem;
}

.teaser_event_schedule_info .data{
	font-weight: 300;
	color: rgba(255,255,255,.75);
	font-size: 0.9375rem;
	line-height: 1.3;
}

.teaser_headline{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 1;
	max-width: 1000px;
}

.teaser_headline h2{
	color: #fff;
	text-transform: uppercase;
	font-size: 3.4375rem;
	line-height: 1.09;
	display: block;
	font-weight: 400;
	text-shadow: 0 0 4px rgba(0,0,0,0.50);
}

.thankyou .teaser_headline h2{
	margin: 1.25rem;
}

.teaser_headline{
	font-size: 1.125rem;
	color: #FFFFFF;
	font-family: 'Roboto';
	font-weight: 400;
	line-height: 1.4;
}

.teaser.overlay:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}

.teaser_sidelement{
	background: #242424;
	padding-top: 100px;
	max-width: 380px;
	min-height: 500px;
}

.teaser_sidelement .teaser_event_schedule{
	background: #525252;
}

.teaser_sidelement .teaser_event_schedule .day{
	color:  #FFD600;
}

.teaser_sidelement_text,
.finalist_teaser_sidelement{
	padding: 25px 20px;
}

.teaser_sidelement_text h1,
.finalist_teaser_sidelement h1{
	color: #fff;
	font-size: 2.5rem;
	font-weight: 400;
	margin-bottom: 1.5625rem;
}

.finalist_teaser_sidelement h1{
	color:  #FFD600;
}

.teaser_sidelement_text p,
.finalist_teaser_sidelement p{
	color: #fff;
	font-size: 1.0625rem;
	font-weight: 300;
}

.teaser_right_img{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: calc(100% - 380px);
	background-size: cover;
}

.teaser_right_img img{
	opacity: 0;
}

.teaser_inner{
	position: relative;
}

.teaser_banner{
	background: #525252;
	text-align: center;
	padding: 15px 20px;
}

.teaser_banner p{
	color: #fff;
	font-size: 0.875rem;
	line-height: 1;
	font-family: 'Roboto';
	font-weight: 300;
}

.teaser_banner p:after{
	content: '';
	display: inline-block;
	width: 16px;
	height: 10px;
	background-image: url('/layout/microsites/images/chevron-white-down.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 15px;
}


/* ==========================================================================
   TEXTBANNER
   ========================================================================== */

.textbanner{
	background: rgba(255,255,255,.15);
	padding: 3.125rem 0 3.75rem;
}

.textbanner_inner{
	margin: 0 auto;
	max-width: 67.5rem;
	text-align: center;
}

.textbanner_inner h2 {
	font-size: 2.5rem;
	color: #fff;
	line-height: 1.05;
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 auto 2.5rem;
}

.textbanner_inner h2 strong{
	color: #FFD600;
	font-weight: 400;
}

.textbanner_inner p{
	font-size: 0.875rem;
	color: #fff;
	line-height: 1.42;
	font-weight: 300;
	width: 90%;
	margin: 0  auto;
}

/* ==========================================================================
   VIDEO
   ========================================================================== */

.video_element{
	margin-left: auto;
	margin-right: auto;
	max-width: 950px;
}

.plyr button.plyr__control.plyr__control--overlaid{
	height: 90px;
	width: 90px;
	padding: 0;
	display: block;
	background: transparent;
	border: 8px solid #FFD600;
}

.plyr--video .plyr__control[aria-expanded="true"] {
    background: #fff;
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    fill: #FFD600;
}

.plyr--full-ui input[type="range"] {
    color: #FFD600;
}

/* ==========================================================================
   TRIPLE IMAGES
   ========================================================================== */

.image_links_triple{
	margin-left: 10px;
	margin-right: 10px;
}

.triple_img{
	-webkit-flex: 0 1 calc(33.33333% - 20px);
    -ms-flex: 0 1 calc(33.33333% - 20px);
    flex: 0 1 calc(33.33333% - 20px);
    margin: 0 10px;
    transition: all .23s linear;
	border: 2px solid transparent;
    position: relative;
}

.triple_img:hover,
.triple_img:focus{
	border: 2px solid #FFD600;
}

.triple_img:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .75;
    background-image: linear-gradient(0deg, #262626 19%, rgba(216,216,216,0.00) 62%);
}


.triple_text{
	position: absolute;
	left: 1.25rem;
	bottom: 1.25rem;
	z-index: 1;
}

.triple_text p{
	color: #fff;
	font-size: 2.0625rem;
	line-height: 1.15;

}

.triple_text p span{
	display: block;
	margin-top: 0.625rem;
	text-transform: uppercase;
	font-size: 1.125rem;
	color: rgba(255,255,255,.7);
	line-height: 1;
}

/* ==========================================================================
   TRIPLE IMAGES
   ========================================================================== */

.veranstaltungen_slider_container{
	max-width: 1340px;
	margin-left: auto;
	margin-right: auto;
}

.veranstaltungen_slider_header{
	padding: 0 4.375rem;
}

.veranstaltungen_slider_header h3{
	font-size: 2.5rem;
	color: #fff;
	line-height: 1.05;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 2.5rem;
}

.veranstaltungen_slider_header h3 strong{
	color: #FFD600;
	font-weight: 400;
}

.veranstaltungen_slider{
	padding-left: 4.375rem;
	padding-right: 4.375rem;
}

.veranstalungsreihe_element_logo {
	position: relative;
	height: 15rem;
	background: rgba(36,36,36,.97);
}

.veranstalungsreihe_element_logo img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 6.875rem;
	width: auto;
}

.veranstalungsreihe_element{
	border: 2px solid transparent;
	transition: border .23s ease-out;
}

.veranstalungsreihe_element:hover,
.veranstalungsreihe_element:focus{
	border: 2px solid #FFD600;
}

/* the slides */
.veranstaltungen_slider .slick-slide {
	margin: 0 1.25rem;
}
/* the parent */
.veranstaltungen_slider .slick-list {
	margin: 0 -1.25rem;
}

.veranstalungsreihe_text{
	padding: 0.9375rem 1.25rem;
	background: rgba(86,86,86,.95);
}

.veranstalungsreihe_text p.name{
	color: #fff;
	font-size: 1.6875rem;
}

.veranstalungsreihe_text p.info{
	font-size: 0.875rem;
	color: rgba(255,255,255,.75);
	font-weight: 300;
}

.slick-prev{
	background-image: url('/layout/microsites/images/slick-prev.svg');
	left: 0;
}

.slick-next{
	right: 0;
	background-image: url('/layout/microsites/images/slick-next.svg');
}

.slick-arrow{
	height: 3.125rem;
	width: 3.125rem;
	background-color: #242424;
	border-radius: 50%;
	background-size: 0.8125rem 0.875rem;
	background-position: center;
	background-repeat: no-repeat;
}

.slick-arrow:before{
	display: none;
}

.slick-disabled.slick-arrow{
	opacity: 0;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.footer{
	background: #242424;
	padding: 2.5rem 9%;
}

.footer_long{
	-webkit-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
}

.footer_short{
	-webkit-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
}

.footer_header{
	margin-bottom: 1.25rem;
}

.footer_header h4{
	color: #fff;
	font-weight: 400;
	font-size: 1.5625rem;
}

.footer_content{
	-webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
}

.footer_content p,
.footer_content a{
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.8;
	font-weight: 300;
	display: block;
	transition: color .23s linear;
}

.footer_content a:hover,
.footer_content a:focus{
	color: #FFD600;
}

.footer_content p strong{
	color: #565656;
	font-weight: 400;
}

a.mail,
a.phone{
	font-weight: 400;
	padding-left: 1.875rem;
	position: relative;
	margin-top: 0.625rem;
}

a.mail:before,
a.phone:before{
	content: '';
	display: block;
	height: 0.8125rem;
	width: 1.125rem;
	background-image: url('/layout/microsites/images/mail.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 6px;
}

a.phone:before{
	height: 0.8125rem;
	width: 1.125rem;
	background-image: url('/layout/microsites/images/phone.svg');
}

.footer_social{
	text-align: right;
}

.footer_social a{
	display: inline-block;
	width: 2.5625rem;
	height: 2.5625rem;
	margin-left: 10px;
	transition: all .23s ease-out;
}

.footer_social a:hover{
	transform: scale(1.1);
}

.footer_legal{
	text-align: right;
	padding: 1.25rem 9%;
	background: #565656;
}

.footer_legal a{
	font-size: 0.875rem;
	color: #fff;
	margin-left: 20px;
	transition: color .23s linear;
}

.footer_legal a:hover{
	color: #000;
}

.footer_logos{
	padding: 20px 0 0;
	text-align: right;
}

.footer_logos a{
	display: inline-block;
	max-width: 50px;
}

/* ==========================================================================
   COLUMN CONTENT
   ========================================================================== */

.column_content{
	max-width: 1270px;
	margin-left: auto;
	margin-right: auto;
}

.column_content_long{
	-webkit-flex: 0 1 calc(100% - 370px);
    -ms-flex: 0 1 calc(100% - 370px);
    flex: 0 1 calc(100% - 370px);
    padding-right: 4.375rem;
    padding-left: 1.25rem;
}

.column_content_short{
	-webkit-flex: 0 1 370px;
    -ms-flex: 0 1 370px;
    flex: 0 1 370px;
}

.column_content h2 {
	font-size: 2.5rem;
	color: #fff;
	line-height: 1.05;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 1.875rem;
}

.column_content h2 strong{
	color: #FFD600;
	font-weight: 400;
}

.column_content p{
	color: #fff;
	font-size: 0.9375rem;
	line-height: 1.46;
	font-family: 'Roboto';
	font-weight: 300;
}

.column_content .simple_text{
	margin-bottom: 2.5rem;
}

.column_content .simple_text p strong{
	color: #FFD600;
	font-weight: 300;
}

.simple_text a.button{
	margin-top: 1.875rem;
}

/* ==========================================================================
   ACCORDION
   ========================================================================== */
.accordion_header{
	background: #242424;
	padding: 15px 20px;
}

.accordion_header p{
	font-size: 1.125rem;
	line-height: 1;
	font-weight: 400;
}

.accordion_trigger{
	padding: 20px 20px 20px 40px;
	position: relative;
	display: block;
	background: transparent;
	border: none;
	width: 100%;
	text-align: left;
}

.accordion_trigger:before{
	content: '';
	display: block;
	width: 8px;
	height: 13px;
	position: absolute;
	left: 12px;
	top: 25px;
	background-image: url('/layout/microsites/images/chevron-yellow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform  .23s ease-out;
}

.accordion_trigger:focus{
	border: 1px dotted #fff;
}

.accordion_trigger p{
	font-size: 1.0625rem;
	line-height: 1.4;
	color: #fff;
	transition: color .23s ease-out;
}


.accordion.open .accordion_trigger p{
	color: #FFD600;
}

.accordion.open .accordion_trigger:before{
	transform: rotate(90deg);
}

.accordion.open{
	background: rgba(255,255,255,.15);
	transition: background .14s ease-out .46s;
	padding-bottom: 25px;
}

.accordion_hidden{
	padding-left: 40px;
	display: none;
}

.accordion_hidden p{
	color: #fff;
	font-size: 0.9375rem;
	line-height: 1.46;
	font-family: 'Roboto';
	font-weight: 300;
}

.accordion_preisliste table{
	min-width: 230px;
}

.accordion_preisliste td{
	color: #fff;
	font-size: 0.9375rem;
	line-height: 1.46;
	font-family: 'Roboto';
	font-weight: 300;
}

.accordion_preisliste tr td:first-child{
	font-weight: 400;
}

.accordion_hidden ul{
	margin: 1.25rem 0;
}

.accordion_hidden li{
	color: #fff;
	font-size: 0.9375rem;
	line-height: 1.46;
	font-family: 'Roboto';
	font-weight: 300;
	padding-left: 1.45rem;
	list-style: none;
	position: relative;
}
.accordion_hidden li:before{
	content: '';
	display: block;
	width: 0.4375rem;
	height: 0.4375rem;
	border-radius: 50%;
	background: #FFD600;
	position: absolute;
	left: 0;
	top: 0.4375rem;
}

.accordion_img_text{
	margin-top: 25px;
}

.accordion_img{
	-webkit-flex: 0 1 200px;
    -ms-flex: 0 1 200px;
    flex: 0 1 200px;
}

.accordion_text{
	-webkit-flex: 0 1 calc(100% - 200px);
    -ms-flex: 0 1 calc(100% - 200px);
    flex: 0 1 calc(100% - 200px);
    padding-left: 25px;
}

.accordion_text h3{
	font-size: 1.125rem;
	color: #FFD600;
	margin-bottom: 10px;
}

.accordion_text a{
	display: block;
	font-size: 0.875rem;
	color: #FFD600;
	margin-top: 10px;
}

/* ==========================================================================
   SIDEBAR
   ========================================================================== */

aside.sidebox{
	padding: 35px 25px;
	background: #242424;
}

.sidebox h4{
	color: #FFD600;
	font-size: 1.5625rem;
	font-weight: 400;
	margin-bottom: 1.25rem;
}

.sidebox p{
	font-size: 0.875rem;
	line-height: 1.5;
	font-weight: 300;
	margin-bottom: 0.625rem;
}

.sidebox p strong{
	font-weight: 500;
}

.sidebox p span{
	font-weight: 400;
	display: inline-block;
	width: 55px;
	padding-right: 5px;
}

.sidebox p:last-child{
	margin-bottom: 0;
}

.sidebox a.button{
	margin-top: 1.875rem;
}

/* Music / Hörpoben */

.music_title a{
	display: block;
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.5;
	margin-bottom: 1.25rem;
	padding-left: 1.875rem;
	position: relative;
	font-family: 'Roboto';
	transition: color .23s ease-out;

}

.music_title a:hover,
.music_title a:focus{
	color: #FFD600;
}

.music_title a:before{
	content: '';
	display: block;
	width: 1.375rem;
	height: 1.375rem;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/layout/microsites/images/icon-music.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* Image Link Box */

.sidebar_linkbox{
	position: relative;
	display: block;
	margin-bottom: 1.25rem;
	border: 2px solid transparent;
	transition: all .24s ease-out;
}

.sidebar_linkbox:hover,
.sidebar_linkbox:focus{
	border: 2px solid #FFD600;
}


.sidebar_linkbox:after{
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	opacity: 0.6;
    background-image: linear-gradient(0deg, #000000 19%, rgba(216,216,216,0.00) 62%);
    position: absolute;
    left: 0;
    top: 0;
}

.sidebar_linkbox_text{
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 1;
}

.sidebar_linkbox_text p{
	font-size: 2.0625rem;
	font-weight: 400;
	line-height: 1.16;
}

.sidebar_linkbox_text p span{
	display: block;
	font-size: 1.125rem;
	margin-top: 5px;
}

.sidebox .bottom{
	margin-top: 1.875rem;
	padding-top: 1.875rem;
	border-top: 1px solid rgba(255,255,255,.2);
}

.galleryimg{
	margin-top: 1.25rem;
}

/* contact data */


.contact_data a{
	color: #fff;
	margin-top: 1.25rem;
	display: block;
}
/* ==========================================================================
   SIMPLE TEXT ICONS
   ========================================================================== */

.simple_text_icons{
	padding: 20px 0;
	border-top: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
	margin-bottom: 1.875rem;
}

.simple_text_icon{
	padding-left: 2.1875rem;
	padding-right: 2.5rem;
	position: relative;
}

.simple_text_icon p{
	font-weight: 500;
	font-size: 0.9375rem;
}

.simple_text_icon:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.simple_text_icon.calendar:before{
	background-image: url('/layout/microsites/images/icon-calendar.svg');
	height: 1.5rem;
	width: 1.5rem;
}

.simple_text_icon.clock:before{
	background-image: url('/layout/microsites/images/icon-clock.svg');
	height: 1.5rem;
	width: 1.5rem;
}

.simple_text_icon.location:before{
	background-image: url('/layout/microsites/images/icon-location.svg');
	height: 1.5rem;
	width: 1.0625rem;
}

/* ==========================================================================
   FINALISTEN
   ========================================================================== */
.finalisten_container {
    max-width: 1250px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
}

.finalisten_header h2 {
	font-size: 2.5rem;
	color: #fff;
	line-height: 1.05;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 1.875rem;
}

.finalisten_header h2 strong{
	color: #FFD600;
	font-weight: 400;
}

.finalisten{
	margin: 0 -10px;
}

a.finalist_link{
	-webkit-flex: 0 1 calc(33.33333% - 24px);
    -ms-flex: 0 1 calc(33.33333% - 24px);
    flex: 0 1 calc(33.33333% - 24px);
    width: calc(33.33333% - 24px);
    margin: 10px;
    border: 2px solid transparent;
    transition: border .23s ease-out;
}

a.finalist_link:hover,
a.finalist_link:focus{
	border: 2px solid #FFD600;;
}

.finalist_text{
	padding: 1.5625rem;
	background: rgba(86,86,86,.95);
}

.finalist_text p{
	color: #fff;
	font-size: 1.6875rem;
}

.finalist_text p span{
	display: block;
	font-size: 0.875rem;
	color: rgba(255,255,255,.75);
	font-weight: 300;
}

/* ==========================================================================
   FORMULAR GENERELL
   ========================================================================== */

.form_element{
	width: calc(50% - 15px);
	float: left;
}

.form_element.left{
	margin-right: 15px;
}

.form_element.right{
	margin-left: 15px;
}

.form_element.full{
	width: 100%;
	float: none;
}

.form_element.short{
	width: 140px;
}

.form_element.long{
	width: calc(100% - 170px);
}

.form_row label{
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Roboto';
	font-size: 0.875rem;
	margin-bottom: 0.3125rem;
}

.form_row input{
	width: 100%;
	background: #565656;
	border: none;
	padding: 0 0.625rem;
	color: #fff;
	height: 2.8125rem;
	margin-bottom: 1.25rem;
	width: calc(100% - 1.25rem);
}

.form_row textarea{
	width: 100%;
	background: #565656;
	padding:  0.625rem;
	color: #fff;
	border: none;
}

.form_row .form_element textarea{
	margin-bottom: 1.25rem;
}

.error.form_element input,
.error.form_row textarea{
	background: #AE3838;
}

.error.form_element label{
	color: #AE3838;
}

.form_row input:focus{
	outline: 1px solid #FFD600;
	border-radius: 0;
}

 /* Customize the label (the container) */
.checkbox_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin: 1.25rem 0;
  cursor: pointer;
  font-size: 0.875rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Roboto';
  font-weight: 300;
}

.checkbox_container.error p{
	color: #AE3838;
}

.checkbox_container p a{
	color:  #FFD600;
	font-weight: 400;
}

/* Hide the browser's default checkbox */
.checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.0625rem;
  width: 1.0625rem;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.25);
  border-radius: 5px;
}

.checkbox_container input:checked ~ .checkmark {
  background-color: #FFD600;
}

.checkbox_container input:focus + span{
	border: 1px solid #FFD600;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.submit_row{
	text-align: right;
}

.submit_row input.button{
	display: inline-block;
	max-width: 100%;
	margin-top: 1.875rem;
	padding:1.25rem 0.625rem;
	height: auto;
	font-weight: 400;
	font-size: 1.0625rem;
	border: 2px solid transparent;
	transition: all .23s ease-out;
	width: calc(50% - 15px);
}

.submit_row input.button:hover,
.submit_row input.button:focus{
	border: 2px solid #fff;
}

.submit_row input.button.inactive{
	pointer-events: none;
	opacity: .3;
}

.form{
	max-width: 710px;
}

.form legend{
	color: #fff;
	font-size: 1.5rem;
	border-bottom: 1px solid rgba(255,255,255,.25);
	padding-bottom: 5px;
	margin-bottom: 1.25rem;
	display: block;
	width: 100%;
	text-transform: uppercase;
}

.form fieldset{
	margin-bottom: 1.875rem;
	border: none;
}

.form_note p{
	color: rgba(255,255,255,.75);
	font-size: 0.875rem;
	font-family: 'Roboto';
	font-weight: 300;
}

/* ==========================================================================
   BILDER UPLOAD
   ========================================================================== */

.upload-column label{
	color: #fff;
	font-weight: 500;
	font-family: 'Roboto';
}

.upload-column li{
	color: #fff;
	font-size: 0.9375rem;
	line-height: 1.46;
	font-family: 'Roboto';
	font-weight: 300;
	padding-left: 1.45rem;
	list-style: none;
	position: relative;
	margin-top: 0.9375rem;
}

.upload-column li:before{
	content: '';
	display: block;
	width: 0.4375rem;
	height: 0.4375rem;
	border-radius: 50%;
	background: #FFD600;
	position: absolute;
	left: 0;
	top: 0.4375rem;
}

.upload-column .button{
	position: relative;
	margin-top: 30px;
	cursor: pointer;
}

#fileupload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
}

.upload-button{

    cursor: pointer;
}
.upload-button *{
	cursor: pointer;
}

#progress {
  	width: 80%;
  	display: none;
  	margin-bottom: 10px;
}

.upload-node:nth-child(n+6) {
	color: tomato;
	font-weight: bold;
}

.bar {
  	height: 18px;
  	-webkit-animation: processing 0.5s linear infinite;
  	animation: processing 0.5s linear infinite;
  	background-color: #FFD600;
 	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
	-webkit-transition: width 0.3s ease-out;
	transition: width 0.3s ease-out;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,.2);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,.2);
 }

@-webkit-keyframes processing {
  	from {
   	 	background-position: 40px 0;
   	}

  	to {
    	background-position: 0 0;
   	}
}

@keyframes processing {
  	from {
    	background-position: 40px 0;
   	}

 	to {
    	background-position: 0 0;
   	}
}

.file_list{
	margin-bottom: 30px;
}

.upload-node{
	width: 100%;
	max-width: 510px;
	background: #242424;
	border-radius: 12px;
	padding: 10px 20px;
	position: relative;
	margin-bottom: 20px;
}

.upload-node .delete-upload{
	position: absolute;
	right: -10px;
	top: 0;
	background-color: #565656;
	width: 43px;
	height: 43px;
	display: block;
	border-radius: 50%;
	background-image: url('/layout/microsites/images/icon-delete-white.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 21px 22px;
}

/* ==========================================================================
   Mitglieder Block
   ========================================================================== */

.member_block{
	background: #242424;
	padding: 1.25rem;
	position: relative;
}

.member_block_header p{
	color: #FFD600;
	font-size: 1.5rem;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 1.25rem;
}

.remove_member{
	position: absolute;
	right: 1.25rem;
	top: 0.5rem;
	width: 2.6875rem;
	height: 2.6875rem;
	background-color: #fff;
	border-radius: 50%;
	border: none;
	background-image: url('/layout/microsites/images/icon-delete.svg');
	background-size: 1.3125rem 1.375rem;
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid transparent;
	transition: all .23s ease-out;
}

.remove_member:hover,
.remove_member:focus{
	border: 2px solid #FFD600;
}

.add_member_row{
	margin-top: 1.5rem;
}

/* ==========================================================================
   DANCEPRIX
   ========================================================================== */

.danceprix .logo_container{
	width: 5.75rem;
}


.danceprix .teaser_event_schedule {
    background: #FFD600;
}

.danceprix .teaser_event_schedule .day,
.danceprix .teaser_event_schedule_info .month_year,
.danceprix .teaser_event_schedule_info .data{
	color: #000;
}

.danceprix .teaser_event_info {
    background: rgba(0,0,0,.85);
}

.danceprix .teaser_event_info h2{
	color: #FFD600;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media screen and (max-width: 940px){
	.meta_nav {
	    background: #2b2b2b;
	    position: fixed;
	    right: 0;
	    top: 0;
	    height: 100vh;
	    width: 15.625rem;
	    z-index: 100;
	    transition: transform .23s ease-out;
	    transform: translateX(100%);
	}

	.meta_nav.open{
		transform: none;
	}

	.meta_menu,
	.meta_navigation {
	    float: none;
	}

	.meta_menu li {
	    float: none;
	}

	.lang_menu.meta_menu{
		margin-bottom: 1.25rem;
	}

	.lang_menu.meta_menu li {
	    float: left;
	}

	.mobile_navigation{
		display: block;
		margin-top: 1.25rem;
	}

	.meta_menu.mobile_navigation li a {
	    font-size: 1.25rem;
	    color: #fff;
	    margin-top: 1.25rem;
	    display: block;
	}

	.meta_menu li a::before{
		display: none;
	}

	.close_mob_nav{
		display: block;
		position: absolute;
		right: 1.25rem;
		top: 1.25rem;
		height: 1.25rem;
		width: 1.25rem;
		background-image: url('/layout/microsites/images/close.svg');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		border: none;
		background-color: transparent;
		z-index: 101;
		font-size: 0;
		color: transparent;
	}

	.close_mob_nav:focus{
		border: 1px dotted #fff;
	}

	.logo_container{
		width: 110px;
	}

	.navigation{
		display: none;
	}


	.logo_container.biberach{
		width: 90px;
		margin-right: 70px;
	}

	.main_nav{
		position: relative;
	}

	.hamburger{
		display: block;
		background: transparent;
		border: none;
		position: absolute;
		right: 20px;
		bottom: 25px;
	}
	.hamburger:focus{
		border: 1px dotted #fff;
	}

	.hamburger span{
		display: block;
		width: 23px;
		height: 2px;
		background: #FFD600;
		margin-bottom: 4px;
	}

	.hamburger span:last-child{
		margin-bottom: 0;
	}

	.triple_text p {
	    font-size: 1.0625rem;
	}

	.triple_text p span {
	    font-size: 0.79rem;
	}
}

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

	.footer > .flex{
		flex-wrap: wrap;
	}

	.footer_long,
	.footer_short{
		flex: 0 1 100%;
		width: 100%;
		margin-bottom: 20px;
	}

	.teaser_headline h2{
		font-size: 1.875rem;
	}

	.column_content{
		flex-wrap: wrap;
	}

	.column_content_long {
	    -webkit-flex: 0 1 100%;
	    -ms-flex: 0 1 100%;
	    flex: 0 1 100%;
	    padding-right: 1.25rem;
	    padding-left: 1.25rem;
	}

	.column_content_short {
	    -webkit-flex: 0 1 100%;
	    -ms-flex: 0 1 100%;
	    flex: 0 1 100%;
	    padding-right: 1.25rem;
	    padding-left: 1.25rem;
	    margin-top: 1.25rem;
	}
}

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

	.teaser_event{
		position: static;
		max-width: unset;
		width: 100%;
	}
}

@media screen and (max-width: 768px){
	.teaser_sidelement{
		width: 100%;
		max-width: unset;
		padding-top: 40px;
		height: auto;
		min-height: unset;
	}

	.teaser_right_img{
		position: static;
		width: 100%;
	}

	.simple_text_icons{
		flex-wrap: wrap;
	}

	.simple_text_icon{
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.simple_text_icon::before {
	    top: 19px;
	}

	a.finalist_link {
	    -webkit-flex: 0 1 calc(50% - 20px);
	    -ms-flex: 0 1 calc(50% - 20px);
	    flex: 0 1 calc(50% - 20px);
	    width: calc(50% - 20px);
	}

	.thankyou .teaser_headline{
		position: static;
		transform: none;
		padding-bottom: 1.5rem;
	}

	.thankyou .teaser_headline p{
		font-size: 0.875rem;
	}
}

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

	.image_links_triple{
		flex-wrap: wrap;
	}

	.triple_img{
		flex: 1 0 100%;
		width: 100%;
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
	}

	.footer_sub{
		flex-wrap: wrap;
	}

	.footer_content{
		flex: 1 0 100%;
		width: 100%;
		text-align: center;

	}

	a.mail, a.phone {
	    display: inline-block;
	}

	.footer_header{
		text-align: center;
	}

	.accordion_img_text{
		flex-wrap: wrap;
	}

	.accordion_img{
		-webkit-flex: 0 1 100%;
	    -ms-flex: 0 1 100%;
	    flex: 0 1 100%;
	    margin-bottom: 20px;
	}

	.accordion_text{
		-webkit-flex: 0 1 100%;
	    -ms-flex: 0 1 100%;
	    flex: 0 1 100%;
	    padding-left: 0;
	}

}

@media screen and (max-width: 550px){
	a.finalist_link {
	    -webkit-flex: 0 1 100%;
	    -ms-flex: 0 1 100%;
	    flex: 0 1 100%;
	    width: 100%;
	}
}

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

	.textbanner_inner{
		padding: 0 20px;
	}

	.textbanner_inner h2,
	.veranstaltungen_slider_header h3{
		font-size: 1.5rem;
	}

	.textbanner_inner p{
		width: 100%;
	}

	.plyr button.plyr__control.plyr__control--overlaid{
		height: 50px;
		width: 50px;
	}

	.teaser_headline h2,
	.column_content h2,
	.finalisten_header h2{
		font-size: 1.375rem;
	}

	.form_element,
	.form_element.short,
	.form_element.long{
		width: 100%;
		float: none;
	}

	.form_element.left{
		margin-right: 0;
	}

	.form_element.right{
		margin-left: 0;
	}

	.submit_row input.button{
		width: 100%;
		margin-top: 0;
	}

}

/* ==========================================================================
skiplinks */

a.skip-main {
	left: -999px;
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
	left: 0;
	top: auto;
	width: 30%;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	padding: 5px;
	border-radius: 15px;
	border: 4px solid red;
	text-align: center;
	font-size: 1.2em;
	z-index: 999991;
}

/* ==========================================================================
   404 Error Page */

.error_page {
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.30);
}

.error_page #main {
  padding: 0 1rem;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
  max-width: 32rem;
  margin: 0 auto;
}

.error_page h1 {
  font-size: 5rem;
  font-weight: 400;
  margin-bottom: 0.625rem;
  color: #fff;
}

.error_page .error_message {
  margin-bottom: 3.75rem;
}

.error_page .error_message img {
  width: 4.6875rem;
  margin-right: 1.25rem;
  margin-top: 1rem;
}

.error_page .error_message h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1875;
  text-transform: none;
  color: #fff;
}

.error_page h5 {
  font-family:'Roboto';
  color:#FFD600;
  font-size: 1.063em;
  line-height: 1em;
  font-weight:400;
  padding-bottom:8px;
}

.error_page ul li a:hover,
.error_page ul li a:focus {
  font-weight: 400;
}

.error_page ul li a {
  font-weight: 300;
  color: #fff;
}


.error_page ul li {
  padding-bottom: 5px;
}

@media screen and (max-width: 940px) {
  .error_page #main {
      padding-top: 9.375rem;
  }

  .error_page #main h5 {
    text-align: center;

  }

  .error_page #main ul li {
    text-align: center;
  }

}

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

  .error_page .error_message img {
    width: 3.5rem;
    margin-top: 1.75rem;
  }

}


/* ==========================================================================
   Text-Page */

.textpage {
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.30);
}

.textpage #main {
  padding: 0 3rem;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
  width: 100%;
  margin: 0 auto;
}


.textpage #main h1 {
  font-size: 3.125em;
  margin-bottom: 0.625rem;
  line-height: 1em;
  padding-bottom: 40px;
  color: #fff;
}

.textpage #main h5 {
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  font-weight: 500;
  font-size: 1.125rem;
  color: #fff;
}

.textpage #main a {
  color: #FFD600;
  font-weight: 400;
}

.textpage #main h2 {
  margin-bottom: 0.625rem;
  font-size: 2rem;
  text-transform: none;
  font-weight: 500;
  color: #fff;
}

.textpage #main p {
  color: #fff;
  font-weight: 300;
}

.textpage #main p strong {
  font-weight: 400;
}

.textpage #main li {
  font-size: 0.938em;
  line-height: 1.46em;
  font-weight: 300;
  list-style-position: inside;
  color: #fff;
} 

.textpage #main ul li {
  list-style-type: '-';
}