@font-face {font-family: 'Radikal-Black';src: url('../fonts/2DA728_0_0.eot');src: url('../fonts/2DA728_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2DA728_0_0.woff2') format('woff2'),url('../fonts/2DA728_0_0.woff') format('woff'),url('../fonts/2DA728_0_0.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
 
  
@font-face {font-family: 'Radikal-Bold';src: url('../fonts/2DA728_1_0.eot');src: url('../fonts/2DA728_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2DA728_1_0.woff2') format('woff2'),url('../fonts/2DA728_1_0.woff') format('woff'),url('../fonts/2DA728_1_0.ttf') format('truetype');
font-weight: normal;
    font-style: normal;
}
 
  
@font-face {font-family: 'Radikal';src: url('../fonts/2DA728_2_0.eot');src: url('../fonts/2DA728_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2DA728_2_0.woff2') format('woff2'),url('../fonts/2DA728_2_0.woff') format('woff'),url('../fonts/2DA728_2_0.ttf') format('truetype');
font-weight: normal;
    font-style: normal;
}
 
  
@font-face {font-family: 'Radikal-Italic';src: url('../fonts/2DA728_3_0.eot');src: url('../fonts/2DA728_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2DA728_3_0.woff2') format('woff2'),url('../fonts/2DA728_3_0.woff') format('woff'),url('../fonts/2DA728_3_0.ttf') format('truetype');
font-weight: normal;
    font-style: normal;
}

@font-face {font-family: 'Radikal-Light';src: url('../fonts/2E91FA_0_0.eot');src: url('../fonts/2E91FA_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2E91FA_0_0.woff2') format('woff2'),url('../fonts/2E91FA_0_0.woff') format('woff'),url('../fonts/2E91FA_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Radikal-Medium';src: url('../fonts/2E91FA_1_0.eot');src: url('../fonts/2E91FA_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2E91FA_1_0.woff2') format('woff2'),url('../fonts/2E91FA_1_0.woff') format('woff'),url('../fonts/2E91FA_1_0.ttf') format('truetype');}


img { border: none; }
form {margin:0px; padding:0px;}



/* ### HTML ###################################################################### */
html {
	margin: 0px;
	padding: 0px;
	height:100%;

}

/* ### BODY ###################################################################### */
body {
	color: #706f6f;
	font-family: 'Radikal-Light';
	margin: 0px;
	padding: 0px;
	line-height: 1;
	/*font-size:16px;*/
	font-size:62.5%; /*10px*/
	height:100%;
	background-color:#fff;
	}
	
body#veranstaltung_detailseite {background-color:#fff;}

body#bg_grau {background-color:#f3f3f4;}

	
.site-rahmen {
	max-width:1026px;
	padding-left:2.7624309392265194%; /* 30 / 1086 */
	padding-right:2.7624309392265194%; /* 30 / 1086 */
	margin:auto;	
	position:relative;
}

.site-rahmen.margin {
	max-width:1056px;
	/*322 x 3 = 966 + 30 + 30 + 15 + 15*/	
}

.site-rahmen.teaser {
	padding-left:2.3020257826887662%; /* 25 / 1086 */
	padding-right:2.3020257826887662%; /* 25 / 1086 */

}

.site-rahmen.inhalt {
	font-size:1.400em; line-height:1.400em; letter-spacing:0.5px;
	padding-bottom:4%;
	padding-top:4%;	
}

.site-rahmen.inhalt.no_padding_top { padding-top:0%;	}
.site-rahmen.inhalt.no_padding_bottom { padding-bottom:0%;	}


.flexbox { 
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	  	  
	  }

.nowrap { 
  -webkit-flex-flow: nowrap;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap;
	/*breite flexibel passt sich ein - standard*/ 
	  }	

.wrap { 
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	/*breite fix passt sich nicht ein*/
	  }
	  
.space-between { 	    
-webkit-box-pack:justify;
      -ms-flex-pack:justify;
		-webkit-justify-content:space-between;
          justify-content:space-between;
}

.horizontal-mitte {
-webkit-box-flex:1;
      -ms-flex:1 auto;
          flex:1 auto; 
		  display:flex;  
		  -webkit-box-align:center;  
		  -ms-flex-align:center;  
		  align-items:center; 
		  
		  /*-webkit-box-pack:center; 
		  -ms-flex-pack:center; 
		  justify-content:center;*/
		   
		  -ms-flex-item-align:stretch; 
		  align-self:stretch; 
}




.beige_hg {background-color:#f2f3f3; padding-top:4%; margin-bottom:4%;}
.blau_hg {background-color:#f1f7fa; padding-top:4%; margin-bottom:4%;}
.weiss_hg {background-color:#fff;}
.beige_hg.no_margin_bottom, .blau_hg.no_margin_bottom {margin-bottom:0%;}

/*extended background*/
#full-width {
    width: 100%;
    overflow: hidden;
}

.ext {position:relative;}

.ext:before, .ext:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 500%;
  right: 100%;
}
.ext:after { 
  width: 320px;
  width: 500%;
  left:100%;
}
.ext.weiss_hg:before, .ext.weiss_hg:after{ background: #fff; }
.ext.beige_hg:before, .ext.beige_hg:after { background: #f2f3f3; }
.ext.blau_hg:before, .ext.blau_hg:after { background: #f1f7fa; }

/* ### INHALT ###################################################################### */
.clear {clear:both; font-size:1px; line-height:1px; height:1px;}

/*h1*/
.site-rahmen.inhalt h1, #detailseite h1, #veranstaltungsort h1 {font-size:1.8em; font-family: 'Radikal-Bold'; line-height:1.200em; color:#000; margin-bottom:0.1%;}

#detailseite h1 {margin-bottom:2%;}
#veranstaltungsort h1 {margin-bottom:2%;}

.site-rahmen.inhalt h1.rot {color:#EB5658;}

@media screen and (min-width: 750px) {
	
	.site-rahmen.inhalt h1, #detailseite h1, #veranstaltungsort h1 {font-size:2.857em;}
}

/*h2*/
.site-rahmen.inhalt h2 {color:#6a979c; font-size:1.429em; font-family: 'Radikal-Bold'; line-height:1.150em; margin-bottom:3%;}

h4 {color:#005a98; font-family:"Radikal-Medium"; font-size:1.250em; line-height:1.150em; margin-bottom:3%;}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.svg-container {
 position: relative; 
 height: 0; 
 width: 100%; 
 padding: 0;
 padding-bottom: 100%; /* override this inline for aspect ratio other than square */
}

.svg-container svg {
 position: absolute; 
 height: 100%; 
 width: 100%; 
 left: 0; 
 top: 0;
}


.text {max-width:655px;}
.text_foto_box {max-width:873px; margin-bottom:8%;}
.text_li {width:100%;}
.foto_re {width:100%; }
.foto_re img, .foto_li img {width:100%; max-width:338px; height:auto;} 

.wrapper_text_foto_box_re {width:100%; text-align:right;}
.wrapper_text_foto_box_re .text_foto_box {display:inline-block;}
.text_re {text-align:left;}

.text2_spalten_box {}
.text2_spalten {width:100%; padding-bottom:4%; padding-top:4%;}
.text3_spalten {width:100%; padding-bottom:4%; padding-top:4%;}



.margin_8 {margin-bottom:8%;}


@media screen and (min-width: 650px) {
.text_li {float:left; width:56.70103092783505%; /* 495 / 873 vorher 1027 */ margin-right:4.581901489117984%; /* 40 / 873 */}
.foto_re {float:left; width:38.71706758304697%; /* 338 / 873 */}	
.text_re {float:right; width:56.70103092783505%; /* 495 / 873 vorher 1027 */}
.foto_li {float:left; width:38.71706758304697%; /* 338 / 873 */  margin-right:4.581901489117984%; /* 40 / 873 */}	
.text2_spalten {width:48.00389483933788%; /* 493 / 1027 */ margin-right:3.894839337877313%; /* 40 / 1027 */ float:left;}
.text3_spalten {float:left; width:30.37974683544304%; /* 312 / 1027 */ margin-right:2.9211295034079843%; /* 30 / 1027 */ padding-bottom:4%; padding-top:4%;}
	}

.no_margin {margin-right:0px;}


#content_box {}

* html #content_box { /*nur IE6*/
}

*+html #content_box { /*nur IE7*/
}

:root #element { background: #fff \0/IE9; } /* nur IE9 + IE10pp4 */


/*nur safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #xxx {}
}



/*Allgemeines*/
a {color:#005a98; text-decoration:underline;}
a:hover {color: #706f6f;}

p {padding-bottom:12px;}
blockquote p {font-size:1.143em; font-family: 'Radikal-Italic'; line-height:1.40em; padding-left:15%;}
blockquote p strong {font-family: 'Radikal-Italic'; font-weight:bold;}

strong, b {font-family: 'Radikal-Medium';}
i, em {font-family: 'Radikal-Italic';}
.gross {text-transform:uppercase;}

.klein {font-size:0.875em;}
.linie_1px {line-height:1px; font-size:1px; height:1px; background-color:#d0cfc5; display:block; margin-top:8px; margin-bottom:9px; clear:both;}

.blau {color:#005a98;}
.rot {color:#EB5658;}


ul {list-style-position:outside; list-style-type:disc; padding-left:20px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
ol {list-style-position:outside; list-style-type:decimal; padding-left:20px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; margin-left:0px;}
ul li {padding-left:3px; padding-bottom:6px;}
ol li {padding-left:3px; padding-bottom:6px;}


.small_spacing {font-size:4px; line-height:4px; height:4px; background-color:transparent; margin:0; paddding:0; display:block; text-indent: -1000em;}
.abstand_8px {font-size:8px; line-height:8px; height:8px; background-color:transparent; clear:both;}
.abstand_20px {font-size:20px; line-height:20px; height:20px; background-color:transparent; clear:both;}
.abstand_30px {font-size:30px; line-height:30px; height:30px; background-color:transparent; clear:both;}
.abstand_4pro {font-size:1px; line-height:1px; height:4%; background-color:transparent; clear:both;}


.temp_fotogal a {display:inline-block; margin-bottom:4px;}

a.button {border:#005a98 1px solid; background-color:#005a98; color:#fff; cursor:pointer; padding:0; margin:0; text-align:center; height:22px; padding-top:8px; padding-left:12px; padding-right:12px; font-family: 'Radikal-Bold'; text-transform:uppercase; letter-spacing:4px; text-decoration:none; display:inline-block;}


/*Teaser*/
#teaser .shadow_top {top:0px; left:0px; height:125px; z-index:auto;}
#teaser .shadow_bottom {
	position:absolute; width:100%;
	bottom:0px; left:0px; height:125px; z-index:auto;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 69%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(69%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
#teaser h1 {font-size:1.643em; font-family: 'Radikal-Bold'; line-height:1.200em; margin-bottom:8px;}
#teaser .t_big h1 {font-size:1.643em; font-family: 'Radikal-Bold';}

#teaser h2 {font-size:1.286em; line-height:1.100em;}
#teaser .t_big h2 {font-size:1.929em;}

@media screen and (min-width: 450px) {
	#teaser .t_big h1 {font-size:1.929em;}
}

#teaser {font-size:1.400em; line-height:1.400em; letter-spacing:0.5px; margin-top:15px; max-width:760px; color:#fff;}
#teaser div {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.teaser.weiss, .teaser.weiss a {color:#fff;}
.teaser.schwarz, .teaser.schwarz a {color:#000;}

#teaser a.schwarz {color:#000; text-decoration:none;}
#teaser a.weiss {color:#fff; text-decoration:none;}

#teaser .abs_text {position:absolute; height:100%; top:0px;}

#teaser .teaser_table {
	display: table;   
  border-collapse: separate;
  border-spacing: 0px;
  height:100%;
  }




#teaser .teaser_cell {display: table-cell; padding:12px 12px 12px 0px;}
#teaser .teaser_cell.unten {vertical-align:bottom;}
#teaser .teaser_cell.oben {vertical-align:top;}

#teaser .t_lang {margin-bottom: 10px; padding:15px;}
 #teaser .t_big,  #teaser .t_med, #teaser .t_sm {background-position:top center; background-repeat:no-repeat; padding:15px; position:relative;
 }
#teaser .t_sm img {width:100%; height:auto; }
#teaser .t_med img {width:100%; height:auto;}
#teaser .t_big img {width:100%; height:auto;}

#teaser .t_med {height:auto; margin-bottom: 10px; background-size:110%;}
#teaser .t_sm {height:auto; margin-bottom: 10px; background-size:110%;}
#teaser .t_big {height:auto; margin-bottom: 10px; background-size:110%;}

#teaser .abs_text.nur_text {position:relative; height:auto; top:auto;}

@media screen and (min-width: 1086px) {
 #teaser {max-width:1026px;}
 #teaser .t_big,  #teaser .t_med, #teaser .t_sm {overflow:hidden; width:100%; }
#teaser .t_med {height:360px; background-size:250%;}
#teaser .t_sm {height:235px; background-size:180%;}
#teaser .t_big {height:605px; background-size:auto; }

#teaser .t_sm img {/*width:100%; height:auto;*/ width:auto; height:100%;  }
#teaser .t_med img {/*width:100%; height:auto;*/ width:auto; height:100%;}
#teaser .t_big img {width:auto; height:100%;}


#teaser .spalte_1, #teaser .spalte_2, #teaser .spalte_3, #teaser .t_lang {margin-left:5px; margin-right:5px;  }
#teaser .spalte_1	{width:270px; float:left;}
#teaser .spalte_2 {width:456px; float:left;}
#teaser .spalte_3 {width:270px; float:left;}

#teaser .abs_text.nur_text {position:absolute; height:100%; top:0px;}

}
/*Veranstaltungen*/
.container {font-size:1.400em; line-height:1.400em; letter-spacing:0.5px; margin-top:40px;}
#ver_filter {margin-top:55px; font-size:1.400em; }
.toggle_filter {color:#6a979c; background-color:#fff; padding-top:20px; padding-bottom:10px; cursor:pointer;}
.toggle_filter:hover {color: #706f6f;}
.toggle_filter .site-rahmen span {display:block; background-image:url(../bilder/icon_filter.png); background-repeat:no-repeat; background-position:52px 0px; height:17px; padding-top:2px;}

.accordion_filter {display:block;}

/*
.accordion_filter {display:none;}

@media screen and (min-width: 925px) {
	.accordion_filter {display:block;}
} */

#ver_filter #search {display:none;}
.filter-group {/*background-color:#f3eee7;*/background-color:#fff;	}
.group_1 {padding:0px 0px 10px 0px; margin-bottom:0px;}
.group_2 {padding:5px 0px 20px 0px; }

.item {    
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;
	width:95%;	   
	margin:auto;	
	margin-bottom:30px;
     height: 380px;
 
	 border: 1px solid #f3eee7;
	 float:left;
	 position:relative;
	 background-color:#fff;
	 overflow:hidden;
	 }

.item .teaser_kat {display:inline-block; text-align:right; width:150px; font-size:0.850em; color:#000;}

.item .teaser_online {position: absolute; left:0px; top: 22px; width:81px; height: 19px; background-color: #005a98; color:#fff; text-transform: uppercase; padding:1px 0px 0px 17px; font-family: 'Radikal-Bold'; letter-spacing: 1px;}

a.filter-item {display:block; background-color:#f2f2f2; color: #706f6f; padding:23px 1% 8px 1%; text-align:center; text-decoration:none; height:27px; /*float:left;*/ margin-right:2px; margin-bottom:2px; font-size:0.875em; /*background-color:#f3eee7;*/ -webkit-box-flex:1;
      -ms-flex-positive:1;
          flex-grow:1; }
a.filter-item.zeilen2 {padding-top:15px; height:35px;}
a.filter-item span {display:block; height:14px;}
a.filter-item.active { color:#fff; background-color:#6a979c; } 

.filter-group.group_2 a.filter-item {padding:18px 1.72% 8px 1.72%; height:22px;}

@media screen and (min-width: 935px) {
a.filter-item {font-size:1em;} 
}

@media screen and (min-width: 1100px) {
a.filter-item {padding:23px 1.48% 8px 1.48%; } 
.filter-group.group_2 a.filter-item {padding:18px 1.3% 8px 1.3%;}
}


/*.filter-item .count-holder { display: none; }
.filter-item.has-elements .count-holder { display: inline; }*/ 

.filter-flexbox { 
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	

	
	  	  
}

@media screen and (min-width: 430px) {
	.item {
	width: 322px;/*30.492424242424242%;  322 / 1056 */
	margin-left: 15px;/*1.4204545454545454%;  15 / 1056 */ 
	margin-right:15px;/*1.4204545454545454%;  15 / 1056 */
	/*height: 600px;*/
	}
}


@media screen and (min-width: 1010px) {
	.item {
	width: 290px;/*30.492424242424242%;  322 / 1056 */
	}
	.item .teaser_kat {width:123px;}
}

@media screen and (min-width: 1125px) {
	.item {
	width: 322px;/*30.492424242424242%;  322 / 1056 */
	}
	.item .teaser_kat {width:150px;}
}

.item .teaser_img {width:100%; height:auto;}
.merken {background-color:#f3eee7; height:37px; position:relative;}

.merken_active {background-color:#8F8420;}

.teaser_icon {position:absolute; right:2px; top:-4px; width:45px; height:45px;}
@media screen and (min-width: 336px) {
	.teaser_icon {right:10px;}
	}
.merken_button {border:none; text-transform:uppercase; display:inline-block; width:100px; text-align:center; padding:0px; margin:0px; font-size:0.850em; letter-spacing:1px; background-color:#6a979c; padding-top:9px; height:28px; z-index:1500; color:#fff; border-radius:0px; font-family: 'Radikal-Bold'; cursor:pointer;}
.merken_button:hover {background-color:#8c8c8c;}

.site-rahmen .item h1 {font-size:1.214em; letter-spacing:1px; margin-bottom:16px; color:#000; line-height:1.300em; font-family: 'Radikal-Bold';}
.site-rahmen .item h1 a {color:#000;}
.item .teaser_text {padding:18px 15px 0px 15px;}
.item .teaser_text a {text-decoration:none; color:#706f6f;}
.item .teaser_text a:hover {color:#005a98;}

.item .teaser_kurzbeschreibung, .ver_name {display:none;}

.item .teaser_kurzbeschreibung {}

@media screen and (min-width: 760px) {
	.item .teaser_kurzbeschreibung, .ver_name {display:block;}
	.item {
	height: 600px;
	}
}

.item .teaser_info {margin-bottom:16px; color:#005a98; /*border-left:2px #005a98 solid;*/ padding-left:8px; position:relative;}
.item .teaser_info:before {position:absolute; content:''; height:80%; width:3px; background-color:#005a98; left:0px; top:2px;}
.item .teaser_ausgebucht {height:17px; background-color:#c4002f; color:#fff; position:absolute; top:0px; left:0px; width:100%; text-align:center; text-transform:uppercase; font-size:0.850em;	 padding-top:2px;}
.ver_ort {margin-bottom:8px;}
.ver_name {color:#000; line-height:1.15em; position:absolute; margin-top:7px; bottom:16px; width:92%;}
.ver_name:before {content:''; display:block; width:27px; height:1px; background-color:#c8c7c7; position:absolute; left:0px; top:-4px;}

/*Veranstaltungen Detail*/
#detail_leiste {background-color:#005a98; height:50px; margin-bottom:4%; width:100%; position:relative;}
.site-rahmen.sm {background-color:#f3eee7; height:50px; max-width:645px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:0;}
.site-rahmen.sm:before {content:''; width:3%; display:block; height:50px; background-color:#005a98; position:absolute; left:0px; top:0px;}

@media screen and (min-width: 800px) {
	.site-rahmen.sm:before {width:8%;}
}
@media screen and (min-width: 1600px) {
	.site-rahmen.sm:before {width:12%;}
}
@media screen and (min-width: 2400px) {
	.site-rahmen.sm:before {width:14%;}
}

.social_icon {display:inline-block; margin-left:2%; width:25px;}
.social_icon img{height:100%; width:100%;}
img.cal {height:50%; width:50%;}
#atedrop1 {display:inline-block; margin-left:2%;}
.merken #atedrop1, #detail_leiste #atedrop1 {margin-left:0px;}
#detail_leiste .addthisevent-drop {font-size:inherit;}

#detail_leiste:after {content:''; width:40%; display:block; height:50px; background-color:#f3eee7; position:absolute; right:0; top:0px;}
.merken_detail_button {border:none; text-transform:uppercase; display:inline-block; width:100px; text-align:center; padding:0px; margin:0px; letter-spacing:1px; background-color:#005a98; padding-top:18px; height:32px; z-index:1500; color:#fff; border-radius:0px; font-size:1.300em; text-align:center;}
.merken_detail_button:hover {background-color:#8c8c8c;}

#seitenl_icon {display:none;}
@media screen and (min-width: 335px) {
#seitenl_icon {display:block; position:absolute; right:15px; top:-5px; z-index:1; text-align:right;}
}
#seitenl_text {display:none;}
@media screen and (min-width: 550px) {
#seitenl_text {display:block; position:absolute; right:90px; top:20px; color: #706f6f; z-index:500; text-align:right; letter-spacing:1px; font-size:1.300em; text-transform:uppercase; color:#000;}
}


#detailseite, #veranstaltungsort {font-size:1.400em; line-height:1.400em; letter-spacing:0.5px;}
.back {margin-bottom:4%;}
.back a {color:#005a98; text-decoration:none; text-transform: uppercase; display: inline-block; border:1px solid #005a98; background-image: url(../bilder/pfeil_zurueck.png); background-repeat: no-repeat; background-size: 16px 19px; background-position: 6px 3px; padding: 5px 15px 3px 35px; font-size:0.90em; letter-spacing: 0.8px;}
.back a:hover {color:#706f6f;}

.detail_li {width:100%;}
.detail_re {width:100%;}

#detailseite h2 {color:#000; font-size:1.8em; font-family: 'Radikal-Bold'; line-height:1.150em; margin-bottom:3%; text-transform: uppercase;}

.info_box .teaser_ausgebucht {height:17px; background-color:#c4002f; color:#fff; width:100%; text-align:center; text-transform:uppercase; font-size:0.850em; padding-top:2px; margin-bottom:12px;}

.website p {padding-bottom:2px;}
.website {padding-bottom:12px;}

.info_box { padding:12px 2.6%; color:#005a98; margin-bottom:10%; background-color: #deeaf1;}
.info_box.margin_bottom_kurz {margin-bottom:4%;}
.datum {background-image:url(../bilder/icon_datum.png); background-repeat:no-repeat; background-position:14px 22px; background-size: 25px 25px; padding:20px 25px 20px 55px; margin-bottom:5px;}
.datum th, .datum td {text-align:left; font-size:1.2em; padding-bottom:3px;}
.datum th:first-of-type, .datum td:first-of-type {padding-left:5px;}
.datum td {color:#005a98; background-color: #fff; padding-top:5px; padding-bottom:5px;}
.datum td.farbe_0 {background-color: #deeaf1; padding-top:0; padding-bottom:0px;}
.datum th {font-family: 'Radikal-Black'; }

@media screen and (max-width: 600px) {
.datum th {display:none;}
.datum tr {float: left; width: 100%;}
.datum td {float: left; width: 100%; margin-bottom:2px; background-color:transparent; padding-top:0; padding-bottom:0px;}
.datum td.farbe_0 {background-color:transparent;}
.datum td.td_none {display:none;}
.datum td::before {content:attr(data-label); width: 35%; float:left; color:#005a98; font-weight:bold;}
.datum th:first-of-type, .datum td:first-of-type {padding-left:0px;}
}

.info_ort {background-image:url(../bilder/icon_ort.png); background-size: 25px 25px; background-repeat:no-repeat;  background-position:14px 2px; margin-bottom:5px;  font-family: 'Radikal-Black'; font-size:1.4em; padding: 8px 0px 5px 59px; color:#005a98; /*color:#0071bb;*/}

.info_datum {background-color: #fff; box-shadow: 4px 3px 6px 2px #ccc; }


.info_covid { padding:12px 2.6%; color:#005a98; margin-bottom:10%; background-color: #deeaf1;}
.info_covid_box_weiss {background-color: #fff; box-shadow: 4px 3px 6px 2px #ccc; }
.covid_alert {background-image:url(../bilder/icon_hinweis_covid.png); background-repeat:no-repeat; background-position:14px 15px; background-size: 30px 30px; padding:20px 25px 20px 60px; margin-bottom:5px;}
.info_covid h3 {font-family: 'Radikal-Black'; font-size:1.125em;}

.ort {background-image:url(../bilder/icon_location.png); background-size: 22px 31px; background-repeat:no-repeat;  background-position:14px 12px; padding: 13px 0px 5px 59px; margin-bottom:5px; font-family: 'Radikal-Black'; font-size:1.3em; min-height: 25px;}
.ort span {font-family: 'Radikal';}

.ort_bundesland {background-image:url(../bilder/klein_ort_bundesland_icon.png); background-repeat:no-repeat;  background-position:0px 3px; padding-left:15px;}
#anmeldung_button {margin-left:0%; display:inline-block; background-color:#005a98; text-decoration:none; color:#fff; text-transform:uppercase; letter-spacing:2px; font-size:1.214em; padding:13px 20px 8px 12px; margin-top:0%; margin-bottom:8%; border:none; font-family: 'Radikal'; text-align:center;}
#anmeldung_button:hover {background-color:#6a979c;}
#anmeldung_button_klein {margin-left:0%; display:inline-block; background-color:#005a98; text-decoration:none; color:#fff;  letter-spacing:0px; font-size:1.0em; padding:5px 25px 5px 25px; margin-top:0%;  border:none; font-family: 'Radikal-Bold'; text-align:center; width:100%; text-transform: uppercase; box-sizing: border-box;}
#anmeldung_button_klein:hover {background-color:#6a979c;}
.anmeldung_button_klein_rot {display:inline-block; background-color:#c4002f; text-decoration:none; color:#fff;  letter-spacing:0px; font-size:1.0em; padding:5px 25px 5px 25px; margin-top:0%; border:none; font-family: 'Radikal-Bold'; text-align:center; width:100%; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.anmeldebutton_extern {margin-top: 5px;}
.anmeldebutton_extern a {max-width: 200px; }

.detail_ausgebucht {background-color:#c4002f; color:#fff; width:100%; text-align:center; text-transform:uppercase; font-size:1.4em; padding:5px 0; margin-bottom:12px; font-family: 'Radikal-Bold'}

.zusatz_termine {margin-top: 20px; }
.zusatz_termine span {display: block; font-size:1.2em; font-family: 'Radikal-Black';}

.detail_inhalt { margin-bottom:7%;}
.detail_fotos { margin-bottom:7%;}

.detail_facts {border: 1px solid #005a98; position: relative; margin-top: 15%; color:#005a98; font-size: 1.1em; margin-bottom: 10%;}
.detail_facts_i {width:63px; height: 63px; position: absolute; left: calc(50% - 31px); top:-45px;}
.detail_facts_i img {width: 100%; height: auto;}

.facts_flexbox {display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	
-webkit-box-pack:justify;
      -ms-flex-pack:justify;
		-webkit-justify-content:space-between;
          justify-content:space-between;
	
	padding:25px 10px 15px 10px;
	  
}

.facts_flexbox div {width:47.5%; padding-top: 5px; padding-bottom: 8px;}
.facts_flexbox div:nth-child(odd) {text-align: right;}
.facts_flexbox div:nth-child(even) {}
.facts_flexbox div h3 {font-family: 'Radikal-Black'; text-transform: uppercase;}
.facts_flexbox div a {text-decoration: none;}
.facts_flexbox div p {padding-bottom: 5px;}

@media screen and (max-width: 600px) {
	#anmeldung_button_klein, .anmeldung_button_klein_rot {margin-bottom:20px;}
	#anmeldung_button_klein {padding:5px 10px 0px 10px;}
	
	.facts_flexbox {display: block;}
	.facts_flexbox div {width:100%; text-align: center;}
	.facts_flexbox div:nth-child(odd) {text-align: center;}
}




.re_box h3 {font-size:0.800em; display:inline-block; color:#fff; font-family: 'Radikal-Bold';	 background-color:#6a979c; padding:0px 5px; margin-bottom:2%; text-transform:uppercase; border-top:2px #6a979c solid;}
.re_box a {text-decoration:none; color: #706f6f;}
.re_box a:hover {color:#005a98;}
.re_box p.down a {font-size:0.857em; display:inline-block; color:#fff; font-family: 'Radikal-Bold';	 background-color:#005a98; padding:1px 5px; margin-bottom:2%;}
.re_box p.down a:hover {background-color:#6a979c;}
.detail_logo img {width:100%; height:auto; max-width:215px; display: inline-block; padding: 10px 2%; }
.detail_logo {margin-bottom:4%; text-align: center;}

/*.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
#detailseite {margin-bottom:8%; max-width: 645px; margin: auto;}
#veranstaltungsort {margin-bottom:8%; padding-bottom:4%;}
#map_canvas {width:100%; height:300px;}


@media screen and (min-width: 750px) {
	.detail_li {width:60%; margin-right:10%; float:left;}
	.detail_re {width:30%; float:left;}
	#map_canvas {width:100%; height:495px;}
	
}

.detail_fotogal {
	max-width:1024px;
	width:100%;
	margin:auto;
}
.detail_fotogal a img {width:100%; height:auto;}
.detail_fotogal a {display:block; width:100%; margin:0px 0px 4px 0px; }
@media screen and (min-width: 450px) {
.detail_fotogal a {width:49.609375%; /* 508 / 1024 */ margin:0.1953125%; /* 2 / 1024 */ float:left;}
}
@media screen and (min-width: 750px) {
.detail_fotogal a {width:24.609375%; /* 252 / 1024 */ margin:0.1953125%; /* 2 / 1024 */ float:left;}
}


/** Veranstaltung Anmeldung **/
#anmeldung {background-color:#fff;}
.anmeldung_info {font-size:1.286em; line-height:1.200em; margin-top:-2%;}


/** User Bereich **/
.meine_veranstaltungen h3 {font-size:0.800em; display:inline-block; color:#fff; font-family: 'Radikal-Bold';	 background-color:#6a979c; padding:0px 5px; margin-bottom:2%; text-transform:uppercase; border-top:2px #6a979c solid;}
.veranstaltung_row { background-color:#ddecf4; margin-bottom:4px; padding:2px 4px; color:#005a98;}
.veranstaltung_row strong {}
.edit_row form {display:inline-block;}
.edit_row form .submit, .edit_row a {border:none; background-color:transparent; color:#706f6f; font-weight:normal; font-family:"Radikal-Light"; text-decoration:none;}
.edit_row form .submit_blau {border:none; background-color:transparent; color:#005a98; font-weight:normal; font-family:"Radikal-Light"; text-decoration:none;}
.edit_row form .submit:hover, .edit_row a:hover { color:#005a98;}
.edit_row form input {padding:0px;}
.meine_veranstaltungen .linie_1px {margin-bottom:18px;}
.vrow_li {float:left;}
.vrow_re {float:right;}
.edit_row a.down_blau {color:#005a98;}

/* ### Header ###################################################################### */
#header {position:relative; line-height:1; width:100%; /*overflow:hidden;*/}
#header_bild {width:250%; height:auto; margin-left:-7%;}
#header_bild_detail {width:150%; height:auto;}
.shadow_top { z-index:500;
position:absolute; top:0px; width:100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(34%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.shadow_top.lang {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.62) 5%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(5%,rgba(0,0,0,0.62)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.62) 5%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.62) 5%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.62) 5%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.62) 5%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.trigger_mob {color:#fff; cursor:pointer;}

.header_li {float:none; width:152px; display:block; height:29px; z-index:800; padding-top:20px; padding-left:20px;}
.header_re {float:none; width:100%; margin-top:20px; text-align:left; z-index:500;}

.header_re ul, .header_re li {padding:0px; margin:0px;} 
.header_re ul {text-align:right;}
.header_re li {list-style:none; display:block;}
.header_re ul li a {display:inline-block; color:#fff; text-decoration:none; text-transform:uppercase; font-size:1.400em; font-family: 'Radikal-Bold'; padding-bottom:2px; letter-spacing:1.5px; margin-bottom:11px; }
.header_re ul li a:hover, .header_re ul li a.active {border-bottom:3px solid #fff; margin-bottom:8px;}

#navi {margin-top:0px;}
#navi .site-rahmen {padding:0px;} 

.h_datum_box {padding-left:0%; padding-top:38%;} 
.h_datum_box h1 {font-size:5.100em; font-family: 'Radikal-Bold'; color:#fff;} 
.h_datum_box h3 {font-size:1.600em; font-family: 'Radikal-Bold'; letter-spacing:2px; color:#fff; text-transform:uppercase;} 
.headline_box {padding-left:0%; padding-top:20%;} 
.headline_box h2 {font-size:3.800em; font-family: 'Radikal-Bold'; color:#fff; letter-spacing:2px; line-height:1.500em;} 

.h_link {margin-left:0%; display:inline-block; background-color:rgb(58,46,31); background-color:rgba(58,46,31,0.75); text-decoration:none; color:#fff; text-transform:uppercase; letter-spacing:2px; font-size:1.300em; padding:13px 20px 8px 12px; margin-top:5%;}



svg.logo {position:relative; z-index:4;}
.lines-button {display:block; position:absolute; top:11px; height:40px; right:20px; z-index:3; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;}

.lines-button:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}
.lines-button:active {
}
.lines {
    background: #ecf0f1 none repeat scroll 0 0;
    border-radius: 0.28571rem;
    display: inline-block;
    height:5px;
    height: 0.3143rem;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:40px;
    width: 2.5rem;
}
.lines:before, .lines:after {
    background: #ecf0f1 none repeat scroll 0 0;
    border-radius: 0.28571rem;
    content: "";
    display: inline-block;
    height:5px;
    height: 0.3143rem;
    left: 0;
    position: absolute;
    -webkit-transform-origin: 0.28571rem center 0;
        -ms-transform-origin: 0.28571rem center 0;
            transform-origin: 0.28571rem center 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:40px;
    width: 2.5rem;
}
.lines:before {
    top:11px;
    top: 0.7rem;
}
.lines:after {
    top:-11px;
    top: -0.7rem;
}
/*.lines-button:hover .lines:before {
    top:16px;
    top: 1rem;
}
.lines-button:hover .lines:after {
    top:-16px;
    top: -1rem;
}*/
.lines-button.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
}
.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
    top: 0;
    width:35px;
    width: 2.22222rem;
}
.lines-button.arrow.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
            transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
            transform: rotate3d(0, 0, 1, -40deg);
}
.lines-button.arrow-up.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
            transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}
.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width:48px;
    width: 3rem;
}
.lines-button.x.close .lines {
    background: transparent none repeat scroll 0 0;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    top: 0;
    -webkit-transform-origin: 50% 50% 0;
        -ms-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    width:48px;
    width: 3rem;
}
.lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
}

#navi_desk {
	display:none;
	background-color:#000; background-color:rgba(0,0,0,0.5); position:absolute; width:100%; top:0px; left:0px; padding-top:68px; padding-bottom:10px; z-index:2; padding-right:20px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;
}

@media screen and (min-width: 450px) {
	#header_bild {width:150%; margin-left:0;}
	#header_bild_detail {width:100%;}
	.h_datum_box {padding-top:20%;}	
	.headline_box {padding-top:2%;}
}

@media screen and (max-width: 670px) {
	.sujet_unten .svg-container {background-color:rgba(255,255,255,0.5);/*120,120,120,0.4*/ display:block; width:100%; }
	
	.sujet_oben .svg-container {background-color:rgba(255,255,255,0.5);}
	
}

@media screen and (min-width: 980px) {
	
	.h_datum_box h1 {font-size:7.100em; } 
	.h_link {font-size:1.700em;}
	
	#header_bild {width:100%;}
	button.lines-button {display:none;}
	#navi_desk {
		background-color:transparent;
		position:relative;
		padding:0px;
		display:block !important; 
	} 
	#navi {margin-top:44px;}
	#navi .site-rahmen {padding-left:2.7624309392265194%; /* 30 / 1086 */
	padding-right:2.7624309392265194%; /* 30 / 1086 */
	}
	.header_li {float:left; padding:0px;}
	.header_re {float:right; width:765px; margin-top:0px; text-align:right;}
	.header_re ul {text-align:right;}
	.header_re li {display:inline;}
	.header_re ul li a {display:inline-block; margin-left:2% }
	.h_datum_box {padding-left:60%; padding-top:19%;}
	.headline_box h2 {font-size:4.800em;}
	.headline_box {padding-left:53%; padding-top:19%;}
	.h_link {margin-left:60%; } 
	
	
}

@media screen and (min-width: 800px) {
	.headline_box h2 {font-size:5.000em;}
}
 
.social-buttons {
    position: fixed;
    top: 35%;
    width: 42px;
    z-index: 9999;
	right:0px;
}
.social-icon {display:block; height:42px; margin-bottom:2px; overflow:hidden; float:right;}

.social-text {
	color:#FFF;
	text-transform:uppercase;
	display:block;
	font-size:18px;
	margin-left:45px;
	margin-top:14px;
	line-height:1;
}

#facebook-btn span {background-image:url(../bilder/social_media_button_facebook.png); background-repeat:no-repeat; background-position:0px 0px;}

#facebook-btn span.social-text, #youtube-btn span.social-text, #twitter-btn span.social-text, #kontakt-btn span.social-text {background-image:none;}


#slider ul, #slider li {margin:0px; padding:0px;}
#slider {z-index:-1;}

.align_right {text-align:right;}


.sujet_box {width:100%; display:inline-block; margin-top:2%;}


@media screen and (min-width: 480px) {
.sujet_box {margin-top:5%;}
}

@media screen and (min-width: 920px) {
.sujet_box {margin-top:10%; width:46% /*50.38910505836576%;  518 / 1028 */}
}

@media screen and (min-width: 1000px) {
.sujet_box {margin-top:15%;}
}

@media screen and (min-width: 1450px) {
.sujet_box {margin-top:25%;}
}

.sujet_oben {}
.sujet_box svg, .sujet_box img {width:100%; height:auto;}

.sujet_link {display:block; width:100%;

background: url(../files/sujet_button.png);
  background: url(../files/sujet_button.svg),
    linear-gradient(transparent, transparent);
background-size:cover;
background-color:rgb(255,255,255);
background-color:rgba(255,255,255,0.3);
margin-top:5%;
margin-bottom:5%;
}

.sujet_link:hover {
	
background: url(../files/sujet_button_hover.png);
  background: url(../files/sujet_button_hover.svg),
    linear-gradient(transparent, transparent);
background-color:rgb(255,255,255);
background-color:rgba(255,255,255,0.3);	
	
}


/* ### SUBMENÜ ###################################################################### */
#subemnu {margin-top:15px; font-size:1.400em; background-color:#fff;}
#subemnu ul , #subemnu li {padding:0px; margin:0px;}
#subemnu li {display:inline-block;}
#subemnu ul li a {display:inline-block; /*background-color:#f3eee7;*/ background-color:#f2f2f2; color: #706f6f; padding:23px 15px 8px 15px; text-align:center; text-decoration:none; height:27px; margin-top:3px; margin-bottom:3px;}
#subemnu ul li a:hover, #subemnu ul li a.aktiv {color:#fff; background-color:#6a979c;}

.toggle_submenu {display:none;}
.toggle_submenu {color:#005a98; background-color:#fff; padding-top:20px; padding-bottom:10px; cursor:pointer;}
.toggle__submenu:hover {color: #706f6f;}
.toggle_submenu .site-rahmen span {display:block; background-image:url(../bilder/pfeil_filter.png); background-repeat:no-repeat; background-position:52px 0px;}

/* ### FOOTER ###################################################################### */
.footer_unten {background-color:#005a98; color:#fff; padding-top: 15px;}
.footer_unten a {color:#fff; text-decoration: none;}
.footer_unten a:hover {text-decoration: underline;}

.fu_site-rahmen {max-width: 645px; width: 100%; margin: auto;}
	
#foo {background-color:#deeaf1; padding-top:1%; padding-bottom:1%;}
#foo a {color:#000; text-decoration:none;}
#foo a:hover {color:#005a98;}


.foo_spalte {
	
	display:block;
	vertical-align:top;
	 color:#000;
	font-size:1.280em; line-height:1.300em;
	/*text-align:center;*/
	margin-bottom:4%;
}
.foo_fb {display:inline-block;
background: url(../bilder/fb_footer.png);
  background: url(../bilder/fb_footer.svg),
    linear-gradient(transparent, transparent);
	background-repeat:no-repeat;
	background-size:20px 43px;
	background-position:0px 15px;
	padding-left:35px;
	padding-right:35px;
	font-size:1.200em;
	line-height:1.500em;
	padding-top:12px;
	
	
}
.line_right {border-right:none;}
.foo_spalte h5 {font-family: 'Radikal-Bold'; margin-bottom:4%; font-size:1.2em;}

.foo_bigger { font-size:1.42em; font-family: 'Radikal-Bold';}
#foo .fo_button {display: block; width: 100%; background-color: #fff; font-family: 'Radikal-Black'; color:#005a98; text-align: center; font-size: 1.3em; letter-spacing: 3px; text-transform: uppercase; padding: 5px 0 3px 0; margin-top: 3px;}
#foo .fo_button:hover {color:#000;}

.abstand_h5_foo {margin-top: 15px;}

.foo_kontakt {font-size:0.95em;}

.sp3_li {width:100%;}
.sp3_re {width:140px; margin-top:20px; padding-right:25px; height:38px;}

.fo_li, .fo_re {font-size:1.100em; line-height:1.100em;}
.fo_li {width:140px; /*margin:auto;*/ margin-bottom:10px; height:35px;}
.fo_re {width:100%; /*text-align:center;*/}

.fo_fb {width: 53px; height: auto; float: right; margin-left: 10px; margin-bottom: 15px;}

.unhcr_foo {width: 100%; max-width: 167px;}

@media screen and (min-width: 660px) {
	.foo_spalte {
		width: 15%;/*27.46212121212121%;  290 / 1056 */ /*30.492424242424242%;  322 / 1056 */
	padding-left: 1.4204545454545454%;  /*15 / 1056 */
	padding-right:1.4204545454545454%;  /*15 / 1056 */
		display:table-cell; height:130px;
		text-align:left;
		margin-bottom:0;
		}
	.line_right {border-right:1px solid #005a98}
	.sp3_re {width:50%; margin:0; margin-top:10px; padding-right:0px;}

.fo_li {width:27.81439393939394%; /* 167 / 1056 */ float:left; margin:0; height:40px;}
.fo_re {width:70%; float:right; text-align:left;}

}

@media screen and (min-width: 850px) {
.sp3_li {float:left;
	vertical-align:top; width:55%;}
.sp3_re {float:right;
	vertical-align:top; width:38%; margin-top:0px;}

.foo_fb {
font-size:1.300em;
	line-height:1.500em;
	padding-top:0px;
	padding-right:0px;
	text-align:left;
}


}


/* 
--------- X-FORM ANMELDUNG ZUR VERANSTALTUNG ------------ 
*/

.form_warning, .alert-danger, .has-error, .has-error .form-control {color:#EB5658;}

.alert ul, ul.form_warning, div.form_warning {padding-bottom:15px; margin-bottom:15px; font-size:1.350em; font-weight:bold; border-bottom:1px solid #EB5658;}

.form-group, .formcheckbox {padding-bottom:16px;}

#anmeldung h1 {margin-bottom:3%;}

/* Allow only vertical resizing of textareas.*/
#anmeldung textarea { 
    resize: vertical;
} 

#anmeldung #rex-yform, #rex-yform #form {width:100%; max-width:580px;}

.form_li {width:100%;}
.form_re {width:100%;}

@media screen and (min-width: 560px) {
.form_li {float:left; width:45%;}
.form_re {float:right; width:45%;}

}

#anmeldung .form_check {margin-top:2%;}
#anmeldung .form_abstand {margin-bottom:3%;}

#anmeldung #rex-yform p, #rex-yform #form p {padding-bottom:16px;}

#anmeldung p#yform-formular-ver_id, #anmeldung p#yform-formular-ver_name, #anmeldung p#yform-formular-ver_bundesland {display:none;}

#anmeldung ul.form_warning, #rex-yform #form ul.form_warning{margin-bottom:3%;}
#anmeldung .form_warning, #anmeldung .form_warning .radio label {color:#EB5658;}
#anmeldung .answertext {color:#EB5658; margin-left:10px;}


#anmeldung #rex-yform input.radio {}

#anmeldung label {letter-spacing:0px;}
#anmeldung label.captcha, #rex-yform #form label.captcha {display:block;}

#anmeldung #rex-yform input {border:#f2f3f3 1px solid; width:100%; height:24px; background-color:#f2f3f3; padding-left:1%; padding-top:4px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;}
#anmeldung #rex-yform textarea {border:#f2f3f3 1px solid; width:100%; height:96px; background-color:#f2f3f3; padding-left:1%; padding-top:4px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;
}


#rex-yform #form input{ width:100%; height:24px; padding-left:1%; padding-top:4px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;}
#rex-yform #form input textarea{width:100%; height:96px; padding-left:1%; padding-top:4px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;
}

#anmeldung #rex-yform input.checkbox, #anmeldung #rex-yform input[type="checkbox"] {width:20px; display:inline-block;}

#anmeldung #rex-yform input.uploadbox {width:375px; height:30px; background-color:transparent;}

#anmeldung #rex-yform input.captcha, #anmeldung #rex-yform .form-captcha input {clear:both; border:#fff 1px solid; margin-top:10px; max-width:261px;}
#anmeldung span.as-label {display:block;}

#rex-yform #form input.captcha, #rex-yform #form .form-captcha input {clear:both;  margin-top:10px; max-width:261px;}
	

#anmeldung #rex-yform input.submit, #rex-yform #form input.submit, #rex-yform button[type="submit"]  {border:#005a98 1px solid; background-color:#005a98; color:#fff; cursor:pointer; padding:0; margin:0; text-align:center; width:160px; height:30px; font-family: 'Radikal-Bold'; text-transform:uppercase; letter-spacing:4px; }

@media screen and (min-width: 850px) {
#anmeldung #rex-yform input.input_kurz {width:350px;}
}




/* 
--------- Y-FORM VERANSTALTUNG ÄNDERN EINFÜGEN ------------ 
*/

/* Allow only vertical resizing of textareas.*/

#veranstaltung_form .flexbox_form {}

#veranstaltung_form .form_flex_half {width: 100%;}
@media screen and (min-width: 560px) {
#veranstaltung_form .form_flex_half {width: 45%;}
}


#veranstaltung_form .form_order_1 {order:1;}
#veranstaltung_form .form_order_2 {order:2;}
#veranstaltung_form .form_order_3 {order:4;}
#veranstaltung_form .form_order_4 {order:3;}


.form-inline {display: inline-block;}

#veranstaltung_form textarea { 
    resize: vertical;
} 

#veranstaltung_form h5 {font-weight: bold; padding-bottom: 5px; font-family: 'Radikal-Bold';}
#veranstaltung_form h4.margin_half {margin-bottom: 1.5%; }

#veranstaltung_form p {padding-bottom:16px;}

#veranstaltung_form label {font-family: 'Radikal-Bold'; font-weight: bold; padding-bottom: 5px; display: inline-block;}

#veranstaltung_form #yform-veranstaltung_form-datum_beginn label, 
#veranstaltung_form #yform-veranstaltung_form-datum_ende label,
#veranstaltung_form #yform-veranstaltung_form-uhrzeit_beginn label, 
#veranstaltung_form #yform-veranstaltung_form-uhrzeit_ende label
{font-weight: normal; font-family: 'Radikal-Light';}

#veranstaltung_form #yform-formular-programm {display:none;}

#login .form_warning, #veranstaltung_form .form_warning, #veranstaltung_form .form_warning .radio label {color:#EB5658;}
#veranstaltung_form .answertext {color:#EB5658; margin-left:10px;}

#veranstaltung_form .has-error .radio label span {color:#EB5658;}


#veranstaltung_form #yform-formular-field-6-0, #veranstaltung_form label[for=yform-formular-field-6-0], #veranstaltung_form label[for=yform-formular-field-6] {display:none;}

#veranstaltung_form .form_li .radio-group:first-of-type label,
#veranstaltung_form .form_flex_half .radio-group:first-of-type label
{display:none;}
#veranstaltung_form .form_li .radio-group:first-of-type .radio label,
#veranstaltung_form .form_flex_half .radio-group:first-of-type .radio label
{display:inline-block;}
#veranstaltung_form .form_li .radio-group:first-of-type .radio:first-of-type,
#veranstaltung_form .form_flex_half .radio-group:first-of-type .radio:first-of-type
{display:none;}
#veranstaltung_form yform-veranstaltung_form-field-2-0 {display:none;}

#veranstaltung_form .radio label {}
#veranstaltung_form .radio label span {font-family: 'Radikal-Bold'; color:#005a98;}

#veranstaltung_form .formtext label, /*#veranstaltung_form .formdate label, #veranstaltung_form .formtime label, */#veranstaltung_form .formselect label {display:block;}
#yform-veranstaltung_form-art_veranstaltung, #yform-veranstaltung_form-art_veranstaltung_2, #yform-veranstaltung_form-bundesland {display:block;}

#veranstaltung_form p.formdate, #veranstaltung_form p.formdate_25092015 {display:inline-block; margin-right:10px;}
#veranstaltung_form p.formtime {display:inline-block; }


#yform-veranstaltung_form-datum_beginn {display:inline-block; margin-right:10px;}
#yform-veranstaltung_form-uhrzeit_beginn {display:inline-block;}
#yform-veranstaltung_form-datum_ende {display:inline-block; margin-right:10px;}
#yform-veranstaltung_form-uhrzeit_ende {display:inline-block;}

#yform-veranstaltung_form-uhrzeit_beginn_1, #yform-veranstaltung_form-uhrzeit_beginn_2, #yform-veranstaltung_form-uhrzeit_beginn_3, #yform-veranstaltung_form-uhrzeit_beginn_4, #yform-veranstaltung_form-uhrzeit_beginn_5, #yform-veranstaltung_form-uhrzeit_beginn_6, #yform-veranstaltung_form-uhrzeit_beginn_7, #yform-veranstaltung_form-uhrzeit_beginn_8, #yform-veranstaltung_form-uhrzeit_beginn_9  {display:inline-block; margin-right:10px;}
#yform-veranstaltung_form-uhrzeit_ende_1, #yform-veranstaltung_form-uhrzeit_ende_2, #yform-veranstaltung_form-uhrzeit_ende_3, #yform-veranstaltung_form-uhrzeit_ende_4, #yform-veranstaltung_form-uhrzeit_ende_5, #yform-veranstaltung_form-uhrzeit_ende_6, #yform-veranstaltung_form-uhrzeit_ende_7, #yform-veranstaltung_form-uhrzeit_ende_8, #yform-veranstaltung_form-uhrzeit_ende_9 {display:inline-block;}

/*#f2f3f3*/
#veranstaltung_form input {border:#b1d3e5 1px solid; width:100%; height:24px; background-color:#b1d3e5; padding-left:1%; padding-top:4px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;}

#veranstaltung_form input[type="file"] {height:38px; border-bottom-width: 5px;}

#veranstaltung_form input.inp_disabled, #veranstaltung_form #yform-veranstaltung_form-id input, #veranstaltung_form #yform-veranstaltung_form-freigabe input {border:#f2f3f3 1px solid; background-color:#f2f3f3;}
#veranstaltung_form textarea {border:#b1d3e5 1px solid; width:100%; height:134px; background-color:#b1d3e5; padding-left:1%; padding-top:4px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;
}

#veranstaltung_form #yform-veranstaltung_form-plaetze input {width: 100px; display: block;}

#veranstaltung_form input.radio, #veranstaltung_form .radio-group .radio input, #veranstaltung_form input[name=freischaltung_anforderung] {width:20px; height:20px; margin-right:10px; background-color:#fff; vertical-align:bottom;}



#veranstaltung_form input.checkbox {width:auto; height: 15px;}
#veranstaltung_form label.checkbox {line-height: 1;}

#veranstaltung_form input.uploadbox {height:40px;}

#veranstaltung_form .formcaptcha label {display:block;}
#veranstaltung_form input.captcha, #veranstaltung_form .form-captcha input {clear:both; border:#fff 1px solid; margin-top:10px;}

#veranstaltung_form input.submit {border:#005a98 1px solid; background-color:#005a98; color:#fff; cursor:pointer; padding:0; margin:0; text-align:center; width:200px; padding-top:5px; height:40px; font-family: 'Radikal-Bold'; text-transform:uppercase; letter-spacing:4px; font-size:19px;}

/*#f2f3f3*/
#veranstaltung_form select {
background-color: #b1d3e5;
    border: medium none;
    box-shadow: none;
    text-transform: none;
	height:24px;
	padding-top:4px;
	-moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;
}
#veranstaltung_form select[name^=uhrzeit], #veranstaltung_form select[name^=datum] {background-color: #f2f3f3;}

#yform-formular-art_veranstaltung select, #yform-formular-bundesland select {width:100%;}
#veranstaltung_form .klein {color:#9a9a9a; margin-top:-12px; margin-bottom:16px; font-weight: normal; font-family: 'Radikal-Light';}

#veranstaltung_form span.formmcheckbox {display:block;}
#veranstaltung_form .formmcheckbox input, #veranstaltung_form .checkbox input {width:auto;}


#veranstaltung_form #yform-veranstaltung_form-freigabe input[value=nein] {color: #e31e13; font-family: "Radikal-Bold"; text-transform:uppercase; letter-spacing:4px; font-size:18px;}
#veranstaltung_form #yform-veranstaltung_form-freigabe input[value=ja]{color: #005a98; font-family: "Radikal-Bold"; text-transform:uppercase; letter-spacing:4px; font-size:18px;}

#veranstaltung_form input::-moz-selection, #veranstaltung_form textarea::-moz-selection, #veranstaltung_form select::-moz-selection,
#veranstaltung_form input::selection, #veranstaltung_form textarea::selection, #veranstaltung_form select::selection {background-color:#6a979c; color:#fff;}

#form_veranstaltungsort_box, #form_online_moeglich_box {display: none;}
#form_veranstaltungsort_box.active, #form_online_moeglich_box.active {display: block;}

/* 
--------- X-FORM BESTELLUNG PRINTMATERIAL ------------ 
*/


#bestellung_form  .form_li {width:100%;}
#bestellung_form  .form_re {width:100%;}

@media screen and (min-width: 560px) {
#bestellung_form  .form_li {float:left; width:45%;}
#bestellung_form  .form_re {float:right; width:45%;}

}

/* Allow only vertical resizing of textareas.*/
#bestellung_form textarea { 
    resize: vertical;
} 

#bestellung_form .form_abstand {margin-bottom:25px; }
#bestellung_form .form_abstand_2 {margin-bottom:42px; }

#bestellung_form p, #bestellung_form .form-group {padding-bottom:16px;}
#bestellung_form p.headinfo {padding-bottom:11px;}

#bestellung_form #yform-formular-programm {display:none;}

#login .form_warning, #bestellung_form .form_warning, #bestellung_form .form_warning .radio label {color:#EB5658;}
#bestellung_form .answertext {color:#EB5658; margin-left:10px;}


#bestellung_form #yform-formular-field-6-0, #bestellung_form label[for=yform-formular-field-6-0], #bestellung_form label[for=yform-formular-field-6] {display:none;}


#bestellung_form .radio label {}
#bestellung_form .radio label span {font-family: 'Radikal-Bold'; color:#005a98;}

#bestellung_form .formtext label, /*#bestellung_form .formdate label, #bestellung_form .formtime label, */#bestellung_form .formselect label {display:block;}

#bestellung_form p.formdate, #bestellung_form p.formdate_25092015 {display:inline-block; margin-right:10px;}
#bestellung_form p.formtime {display:inline-block; }

#bestellung_form input {border:#fff 1px solid; width:100%; height:24px; background-color:#fff; padding-left:1%; padding-top:4px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;}
#bestellung_form textarea {border:#fff 1px solid; width:100%; height:134px; background-color:#fff; padding-left:1%; padding-top:4px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;
}

#bestellung_form input.radio {width:30px; height:30px; margin-right:10px; background-color:#fff; vertical-align:bottom;}

#bestellung_form input.uploadbox {height:40px;}

#bestellung_form .formcaptcha label {display:block;}
#bestellung_form input.captcha, #bestellung_form .form-captcha input {clear:both; border:#fff 1px solid; margin-top:10px;}

#bestellung_form input.submit, #bestellung_form button[type="submit"] {border:#005a98 1px solid; background-color:#005a98; color:#fff; cursor:pointer; padding:0; margin:0; text-align:center; width:160px; height:30px; font-family: 'Radikal-Bold'; text-transform:uppercase; letter-spacing:4px; }

#bestellung_form button[type="submit"] {margin-bottom: 16px;}

#bestellung_form select {
background-color: #fff;
    border: medium none;
    box-shadow: none;
    text-transform: none;
	height:24px;
	padding-top:4px;
	-moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;
		width:100%;
		color:#706f6f;
}
#yform-formular-art_veranstaltung select, #yform-formular-art_veranstaltung_2 select, #yform-formular-bundesland select, #yform-formular-sticker select, #yform-formular-plakat select, #yform-formular-plakat_a3 select, #yform-formular-wegweiser select, #yform-formular-postkarte select, #yform-formular-flyer select, #yform-veranstaltung_form-art_veranstaltung select, #yform-veranstaltung_form-art_veranstaltung_2 select, #yform-veranstaltung_form-bundesland select, #yform-veranstaltung_form-veranstaltung_online_moeglich select {width:100%;}
#bestellung_form .klein {color:#000; margin-top:-12px; margin-bottom:16px;}

#bestellung_form span.formmcheckbox {display:block;}
#bestellung_form .formmcheckbox input {width:auto;}


/* 
--------- X-FORM USER LOGIN BEREICH ------------ 
*/

#user_form textarea { 
    resize: vertical;
} 

#user_form p {padding-bottom:16px;}

#user_form .form_warning, #user_form .form_warning .radio label {color:#EB5658;}
#user_form .answertext {color:#EB5658; margin-left:10px;}

#user_form .radio label {}
#user_form .radio label span {font-family: 'Radikal-Bold'; color:#005a98;}

#user_form .formtext label, /*#user_form .formdate label, #user_form .formtime label, */#user_form .formselect label {display:block;}

#user_form p.formdate {display:inline-block; margin-right:10px;}
#user_form p.formtime {display:inline-block; }

#user_form input {border:#f2f3f3 1px solid; width:100%; height:24px; background-color:#f2f3f3; padding-left:1%; padding-top:4px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;}
#user_form textarea {border:#f2f3f3 1px solid; width:100%; height:134px; background-color:#f2f3f3; padding-left:1%; padding-top:4px;
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;
}

#user_form input.radio {width:30px; height:30px; margin-right:10px; background-color:#fff; vertical-align:bottom;}

#user_form input.uploadbox {height:40px;}

#user_form .formcaptcha label {display:block;}
#user_form input.captcha, #user_form .form-captcha input {clear:both; border:#fff 1px solid; margin-top:10px;}

#user_form input[name="rex_ycom_auth_stay"] {height:auto; width:auto;}

#user_form input.submit {border:#005a98 1px solid; background-color:#005a98; color:#fff; cursor:pointer; padding:0; margin:0; text-align:center; width:160px; height:30px; font-family: 'Radikal-Bold'; text-transform:uppercase; letter-spacing:4px; }

#user_form select {
background-color: #f2f3f3;
    border: medium none;
    box-shadow: none;
    text-transform: none;
	height:24px;
	padding-top:4px;
	-moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;
}
#user_form .klein {color:#000; margin-top:-12px; margin-bottom:16px;}

#user_form span.formmcheckbox {display:block;}
#user_form .formmcheckbox input {width:auto;}


#neue_veranstaltung input.submit {border:#005a98 1px solid; background-color:#005a98; color:#fff; cursor:pointer; padding:0; margin:0; text-align:center; width:280px; height:30px; font-family: 'Radikal-Bold'; text-transform:uppercase; letter-spacing:4px; }


/* ### SPECIAL ###################################################################### */


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ### BREAKPPOINT 964 ###################################################################### */
@media screen and (min-width: 964px) {

	
}