body,html 
{
	font:14px/22px 'robotoRegular',sans-serif;
	color:#000;
	background-color: #f0f0ef;
	margin:0;
	padding:0;
	text-align:left;
}

@font-face {
    font-family: 'oswald';
    src: url('/fonts/oswald-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoRegular';
    src: url('/fonts/Roboto-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoItalic';
    src: url('/fonts/Roboto-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoBold';
    src: url('/fonts/Roboto-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoBoldItalic';
    src: url('/fonts/Roboto-BoldItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoThin';
    src: url('/fonts/Roboto-Thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoThinItalic';
    src: url('/fonts/Roboto-ThinItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoCondensed';
    src: url('/fonts/RobotoCondensed-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoCondensedItalic';
    src: url('/fonts/RobotoCondensed-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoCondensedBold';
    src: url('/fonts/RobotoCondensed-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoCondensedBoldItalic';
    src: url('/fonts/RobotoCondensed-BoldItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



h1,h2,h3,h4,div,
p, a,
li, li span, li a
{
    -webkit-text-stroke: 1px transparent;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:focus {
    -moz-outline-style:none;
}

h1
{
	font-family:'robotoCondensedBold',sans-serif;
	clear:both;
	margin:0;
	padding:0 0 2px 0;
	font-size:30px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:normal;
    font-style: normal;
	letter-spacing:0px;
	color:#898980;
}

h2,
h3
{
	font-family:'robotoCondensedBold',sans-serif;
	margin:0;
	padding:1px 0;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	color:#898980;
	text-transform:uppercase;
}


h1 b,
h2 b,
h3 b,
b h1,
b h2,
b h3 {font-weight:normal !important;}


p,td
{
	font:14px/22px 'robotoRegular',sans-serif;
	margin:0;
	padding:0;
}
p b
{
	font-family:'robotoBold',sans-serif;
	font-weight:normal;
	font-style:normal;
}
p i
{
	font-family:'robotoItalic',sans-serif;
	font-weight:normal;
	font-style:normal;
}
p b i,
p i b
{
	font-family:'robotoBoldItalic',sans-serif;
	font-weight:normal;
	font-style:normal;
}

p.teaser
{
	padding:0 0 20px 0 !important;
}

a 
{
	color: #898980;
}

a:hover,
a:hover h2
{
	color: #000;
}

a:focus,
a:active {
	outline: none;
}	

small
{
	font-size:10px;
	line-height:13px;
	padding:0;
	margin:0;
}

ul
{
	display:inline;
	list-style-type:none;
	text-align:left;
}

img
{
	display:block;
	float:none;
	margin:10px 15px 10px 0;
	padding:0;
	border: none;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup { bottom: 1ex; }
sub { top: .5ex; }

.text_pink { color:#00a8cb; } 

.mitte,
.content_wrap 
{
	display:block;
	box-sizing:border-box;
    width:calc(100% - 80px);
	max-width:1024px;
	height:auto;
	padding:0;
	margin:60px auto 0 auto;
	position:relative;
	clear:left;
}
.scroll_margin
{
	scroll-margin-top:80px;
}

.content_wrap.cw_main {}
.mitte,
.content_wrap.cw_1 { margin-top:120px; }
.content_wrap.cw_0 { margin-top:0px; }
.content_wrap.cw_center { text-align:center; }
.content_wrap.cw_headline { margin-top:20px;margin-bottom:5px; }
.content_wrap.cw_back { margin-bottom:15px;padding-left:100px; }
.werkstaetten-kurse .content_wrap.cw_back { margin-bottom:25px;padding-left:0px; }
.content_wrap.cw_back .btn_transparent { margin-top:10px; }

.content_wrap.cw_100
{
	width:100%;
	max-width:100%;
	height:auto;
	background:yellow;
	margin-left:0;
	margin-right:0;
}
.content_wrap.cw_slider
{
	height:30vw;
	padding-top: 0px;
	margin-top:100px;
	overflow:hidden;
	min-height:300px;
	max-height:500px;
}
.content_wrap.cw_highlights
{
	height:330px;
	padding-top: 0px;
	overflow:hidden;
}
.swiper_elems,
.swiper_highlights
{
	width:100%;
	height:100%;
	position:absolute;
	top: 0;
	left: 0;
}
.swiper_highlights .swiper-slide
{
	width:320px;
	background: #fff;
	display: flex;
}
.swiper_highlights.aktuelles .swiper-slide
{
	background:transparent;
}
.swiper_slider
{
	width:100%;
	height:100%;
	position:absolute;
	top: 0;
	left: 0;
}
.slide_text
{
	display:block;
	position:relative;
	width: 100%;
	height: 100%;
	z-index:5;
}
.st_innen
{
	width:100%;
	height:auto;
	position:absolute;
	bottom: 30px;
	left: 0;
}

.swiper_slider .slide_text
{
    width:calc(100% - 80px);
	max-width:1024px;
	margin:0 auto 0 auto;

}
.swiper_slider .st_innen
{
	width:20%;
	min-width:300px;
}
.swiper_highlights .st_innen
{
	bottom:auto;
	top:0;
}
.slide_bild
{
	top: 0;
	left: 0;
	display:block;
	position:absolute;
	width: 100%;
	height: 100%;
	z-index:4;
}
.slide_bild img
{
	border: none;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: 50% 50%;
	z-index:4;
}
.slide_bild a
{
	top: 0;
	left: 0;
	display:block;
	position:absolute;
	border: none;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	cursor:pointer;
	z-index:5;
}
.swiper_highlights .slide_bild
{
	top: 0;
	left: 0;
	display:block;
	position:absolute;
	width:320px;
	height: 180px;
	z-index:4;
}
.swiper_highlights .slide_text
{
    position:absolute;
	left: 10px;
	top:190px;
	width:300px;
	height:130px;
	overflow:hidden;
}
.swiper_highlights.aktuelles .slide_text
{
	left: 0px;
	width:320px;
}
.slide_text h1,
.slide_text h2 
{ 
	margin-top:4px;
	font-size:30px;
	line-height:30px;
}
.slide_text h3
{
	font-family: 'robotoCondensed',sans-serif;	
}

.slide_text h1,
.slide_text h2,
.slide_text h3,
.slide_text p 
{ 
	color:#fff; 
	text-shadow: rgba(0,0,0,0.8) 0 0 20px;
}

.slide_text h1 a,
.slide_text h2 a,
.slide_text h3 a,
.slide_text p a
{ 
	text-decoration:none;
	color:#fff; 
}
.slide_text h1 a:hover,
.slide_text h2 a:hover,
.slide_text h3 a:hover,
.slide_text p a:hover
{ 
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.swiper_highlights .slide_text h1,
.swiper_highlights .slide_text h2
{ 
	margin-top:0px;
	font-size:20px;
	line-height:20px;
}
.swiper_highlights.aktuelles .slide_text h2,
.swiper_highlights.aktuelles .slide_text h2 a
{
	text-transform: none;
	padding-bottom:5px;
}
.swiper_highlights .slide_text h3
{ 
	font-size:15px;
	line-height:15px;
}
.swiper_highlights .slide_text h1,
.swiper_highlights .slide_text h2,
.swiper_highlights .slide_text h3,
.swiper_highlights .slide_text p,
.swiper_highlights .slide_text h1 a,
.swiper_highlights .slide_text h2 a,
.swiper_highlights .slide_text h3 a,
.swiper_highlights .slide_text p a
{ 
	color:#000;
	text-shadow: none;
}

.btn_tickets,
.btn_transparent,
.stoerer
{
	display: inline-block;
	position: relative;
	border: 0;
	overflow: visible;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #666;
	color: #fff;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	text-decoration: none;
	cursor: pointer;
	box-sizing: content-box;
	width: auto;
	z-index:6;
	font: 12px/19px 'robotoRegular',sans-serif;
}
.btn_tickets,
.btn_transparent,
.stoerer_tickets
{
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.btn_transparent
{
	width:auto;
	display: inline-block;
	margin:30px 0 0 0;
	background-color: transparent;
	border:1px solid #000;
}
.vak_info .btn_tickets,
.vak_info .stoerer_tickets
{
	float:right;
}
.vak_info  .ueber_container .btn_tickets
{
	position:absolute;
	bottom:0;
	right:0;
	float:none;

}

.vak_stoerer
{
	display:block;
	position:absolute;
	bottom: 10px;
	left: 0px;
	width:auto;
	height:auto;
	z-index:103;
	background-color: #666;
	box-sizing: content-box;
}

.vak_detail .vak_stoerer
{
	position:relative;
	bottom:auto;
	left:auto;
	margin:0px 0 30px 0;
	padding:0;
}


.vak_stoerer.mit_info
{
	background-image:url(/img/icon_i_wt_40.png);
	background-size:auto 70%;
	background-repeat:no-repeat;
	background-position:right 5px top 3px;
	cursor:pointer;
}
.vak_stoerer.mit_info h2 { padding-right:25px; }

.swiper_highlights .stoerer
{
	bottom: 10px;
	right: 10px;
	display:block;
	position:absolute;
}
.btn_tickets a,
.btn_transparent a,
.vak_stoerer h2,
.stoerer span, 
.stoerer a 
{
	color: #fff !important;
	margin: 0;
	padding: 0px 5px;
	font-family: 'robotoCondensedBold',sans-serif;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0em;
	white-space: nowrap;
	text-decoration: none;
}
.btn_transparent a
{
	color: #000 !important;
}
.vak_stoerer p
{
	display:none;
	color: #fff;
}
.vak_stoerer.mit_info.aktiv p
{
	display:block;
	padding:5px 10px 10px 100px;
}
.vak_detail .vak_stoerer h2
{
	font-size: 25px;
	line-height: 25px;
	padding:12px 10px 10px 12px;
	display:block;
	color: #fff;
}

.vak_stoerer.mit_info.aktiv h2
{
	font-size: 25px;
	line-height: 25px;
	padding:12px 10px 0 100px;
	display:block;
	color: #fff;
}
.vak_stoerer.mit_info.aktiv
{
	background-size:40px 40px;
	background-repeat:no-repeat;
	background-position:10px 10px;
	width:100%;
}
.swiper_highlights .stoerer {} 

.btn_tickets a,
.btn_transparent a,
.swiper_highlights .stoerer span, 
.swiper_highlights .stoerer a { font-size: 12px;line-height: 16px;}

.btn_tickets a,
.btn_transparent a,
.stoerer_tickets a
{
	font-family: 'robotoRegular',sans-serif;
	padding:0 15px;
	text-transform: none;
}

.btn_tickets:hover,
.btn_transparent:hover,
.stoerer:hover
{
	-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);
}

.stoerer_rot { background-color:#e62720;}
.stoerer_gelb { background-color:#ffc000;}
.btn_tickets,
.stoerer_tickets { background-color:#166699;}
.stoerer_gruen { background-color:#19a494;}
.stoerer_blau { background-color:#0578d9;}

.stoerer_weiss { background-color:#fff;}
.stoerer_weiss a { color:#999 !important;}


.rot { color:#e62720;}
.gelb { color:#ffc000;}
.gruen { color:#19a494;}
.blau { color:#0578d9;}

.swiper-pagination-bullet {
     background-color: #fff !important;
     text-shadow: rgba(0,0,0,0.8) 0 0 20px;
}
.swiper-pagination-bullet-active {
     background-color: #fff !important;
}

.clear_float
{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	padding:0;
	margin:0;
}

.clear_linie
{
	clear:both;
	height:2px;
	font-size:1px;
	line-height:1px;
	margin:10px 0 0 0;
	padding:0;
	border-top:1px solid #FCD53C;
}

#c3d,
#fsl
{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100002;
	margin: 0;
	padding: 0;
}

#c3d_cont,
#fsl_cont
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	margin: 0;
	padding: 0;
	text-align:center;
}


#fsl_cont
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	height: auto;
	line-height: 200px;
	z-index: 10;
	margin: 0;
	padding: 0;
	background-color:#d94c94;
	text-align:center;
	vertical-align:center;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#fsl_cont p { color:#fff;padding:20px;line-height: 1.5;
  display: inline-block;
  vertical-align: middle; }
  
  
#c3d_bg,
#fsl_bg
{
	margin: 0;
	padding: 0;
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#c3d_close,
#fsl_close
{
	position: absolute;
	right: 20px;
	top: 20px;
	width: 137px;
	height:32px;
	z-index: 11;
	margin: 0;
	padding: 0;
	cursor:pointer;
	background:transparent url(/img/btn_schliessen.gif) 0 0 no-repeat;
}

#wrapper
{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:transparent;
}

#aussen
{
	display:block;
	margin:0 auto;
	padding:0 0 60px 0;
	position: relative;
    width:100%;
	background:transparent;
}

#innen
{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:670px;
	background-color:#fff;
}

#kopf
{
	position:fixed;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,.9);
	z-index:200;
}

.hide-menu #kopf 
{ 
	top: -100px;
	filter: alpha(opacity = 0);
	opacity:0;
	-webkit-transition: opacity 0.5s ease-out 0.2s, top 0.5s ease-out 0.2s;
	-moz-transition: opacity 0.5s ease-out 0.2s, top 0.5s ease-out 0.2s;
	-o-transition: opacity 0.5s ease-out 0.2s, top 0.5s ease-out 0.2s;
	transition: opacity 0.5s ease-out 0.2s, top 0.5s ease-out 0.2s;
}

.kopf_container
{
	position: relative;
	float:none;
	display:block;
	width: calc(100% - 80px);
	max-width: 1024px;
	height:auto;
	margin: 0 auto;
	overflow:visible;
}

.kopf_bg { display:block;z-index:1;height:100px;width:100%;background:#fff;position:absolute;top:0;left:0; }
.kopf_logo 
{
	display:block;
	position:absolute;
	top:30px;
	left:0;
	padding:0;
	width:200px;
	height:55px;
	background:#fff url(/img/logo_werk2_2023_400.jpg) 0 0 no-repeat;
	overflow:hidden;
	background-size: contain;
	z-index:102;
}
.kopf_logo a {display:block;width:100%;height:100%;}

#nav_menu { display:block;width:35px;height:35px;position:absolute;top:43px;right:0px;z-index:101; }
.btn_menu
{ 
	width:35px; 
	height:29px; 
	background-size:100% auto;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
	cursor:pointer;
}
.btn_menu a { display:block;width:100%;height:100%;cursor:pointer; }

.btn_menu { background-image: url(/img/btn_menu_35.png);margin-left:0px; }
.btn_menu:hover { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }

.btn_suche { background-image: url(/img/btn_lupe_schwarz-stn.png);margin-left:10px; }
.btn_suche:hover { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }


#kopf_navigation 
{
	float:left;
	display:block;
	position:relative;
	margin: 100px 0 0 0;
	padding:0;
	width:100%;
	height:auto;
	max-height:0px;
	overflow:hidden;
}

#kopf_navigation
{ 
	animation-name: kopf_ani_b;
	animation-duration: 0.5s;
	animation-delay: 0s;
	animation-fill-mode:forwards;
	animation-iteration-count:1; 
}

.menu_aktiv #kopf_navigation 
{ 
	animation-name: kopf_ani_f;
	animation-duration: 0.5s;
	animation-delay: 0s;
	animation-fill-mode:forwards;
	animation-iteration-count:1; 

}


@keyframes kopf_ani_b 
{
	0% 
	{
		max-height:1000px;
	}

	100% 
	{
		max-height:0;
	}
}

@keyframes kopf_ani_f 
{
	0% 
	{
		max-height:0;
	}

	100% 
	{
		max-height:1000px;
	}
}



.logos::after,
.ueber_container::after,
.c_innen::after,
.content_wrap::after,
.kopf_container::after,
#kopf::after,
#aussen::after,
#hauptnavigation::after,
#hauptnavigation ul::after,
#kopf_navigation::after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }


#hauptnavigation
{
	clear:left;
	position:relative;
	margin:10px 0 20px 53px;
	padding:0 0 0 0;
	display:block;
	overflow:visible;
	width:auto;
	height:auto;
}


#hauptnavigation ul
{
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	display:block;
	list-style-type:none;
	text-align:left;
}

#hauptnavigation ul li
{
	clear:none;
	float:left;
	display:inline-block;
	overflow:visible;
	margin:0 0 0 15px;
    padding:0;
	width:200px;
	min-height:205px;
	height:auto;
	text-align:left;
	position:relative;
	border:none;
}
#hauptnavigation ul li.programm { width: 150px; }
#hauptnavigation ul li.werkstaetten-kurse { width: 230px; }
#hauptnavigation ul li.vermietung { width: 170px; }
#hauptnavigation ul li.menu_item_4 { width: 140px; }

#hauptnavigation ul li ul
{
	margin-top:5px;
}
#hauptnavigation ul li ul li
{
	clear:left;
    padding:3px 5px;
    margin-left:0;
	min-height:0;
}
#hauptnavigation ul li a,
#hauptnavigation ul li span
{
	display:block;
	font-family:'robotoCondensedBold',sans-serif;
	margin:0;
	padding:3px 5px;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
    -webkit-text-stroke: 1px transparent;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#hauptnavigation ul li ul li a,
#hauptnavigation ul li ul li span
{
	display:inline;
	color:#666;
	padding:0;
}
#hauptnavigation>ul>li.aktiv
{
    background-color:#fff;
    padding:5px 5px;
}
#hauptnavigation>ul>li a:hover,
#hauptnavigation ul li ul li:hover { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }



#fuss
{
	float:left;
	display:inline;
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	position:fixed;
	background:#666;
	bottom:0;
	left:0;
	z-index:200;
}
.industriekultur #fuss { display:none; }
#fuss_schatten
{	
	-webkit-box-shadow: 0px -10px 15px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -10px 15px 0px rgba(0,0,0,0.1);
	box-shadow: 0px -10px 15px 0px rgba(0,0,0,0.1);
}

.fuss_container
{
	position: relative;
	float:none;
	display:block;
	width: calc(100% - 80px);
	max-width: 1024px;
	height:auto;
	margin: 0 auto;
	overflow:visible;
}


div.social_liste_kopf,
div.liste_fuss { float:left;display:block;width:130px;height:30px;margin:5px 0 0 0; }
div.social_liste_kopf { margin:15px 0 0 20px;width:115px; }
div.social_liste_kopf ul,
div.liste_fuss ul { float:left;display:block;width:auto;margin:0 0 0 0;padding:0; }
div.social_liste_kopf li,
div.liste_fuss li { float:left;display:block;width:auto;padding:0px;border:none;margin:0 5px 0 0; }
div.social_liste_kopf li {-moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30);margin:0 0 0 5px;}
div.social_liste_kopf li a,
div.liste_fuss li a { width:100%;height:100%;display:block;text-decoration:none;color:#fff; }
div.social_liste_kopf li:hover,
div.liste_fuss li:hover { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }

li.btn_tiktok
{
	width:29px !important;
	height:28px;
	background:transparent url(/img/icon_tiktok_wb.png) 0 1px no-repeat; 
	background-size:auto 100%;
}

li.btn_spotify
{
	width:29px !important;
	height:28px;
	background:transparent url(/img/icon_spotify_wb.png) 0 1px no-repeat; 
	background-size:auto 100%;
}

li.btn_telegram
{
	width:29px !important;
	height:28px;
	background:transparent url(/img/icon_telegram_wb.png) 0 1px no-repeat; 
	background-size:auto 100%;
}

li.btn_facebook
{
	width:29px !important;
	height:28px;
	background:transparent url(/img/icon_facebook_wb.png) 0 1px no-repeat; 
	background-size:auto 100%;
}

li.btn_youtube
{
	width:37px !important;
	height:28px;
	background:transparent url(/img/icon_youtube_wb.png) 0 1px no-repeat; 
	background-size:auto 100%;
}

li.btn_instagram
{
	width:29px !important;
	height:28px;
	background:transparent url(/img/icon_instagram_wb.png) 0 1px no-repeat; 
	background-size:auto 100%;
}

div.social_liste_kopf li.btn_tiktok
{
	background-image:url(/img/icon_tiktok_bw.png); 
}

div.social_liste_kopf li.btn_spotify
{
	background-image:url(/img/icon_spotify_bw.png); 
}

div.social_liste_kopf li.btn_telegram
{
	background-image:url(/img/icon_telegram_bw.png); 
}

div.social_liste_kopf li.btn_facebook
{
	background-image:url(/img/icon_facebook_bw.png); 
}

div.social_liste_kopf li.btn_youtube
{
	background-image:url(/img/icon_youtube_bw.png); 
}

div.social_liste_kopf li.btn_instagram
{
	background-image:url(/img/icon_instagram_bw.png); 
}

.social-media { width:152px;height:28px;display:block;clear:both;padding-top:0px;mix-blend-mode: multiply; }

.ws_detail .social-media { position:absolute;bottom:8px;right:0px; }
.vak_detail .social-media { position:absolute;bottom:0px;right:0px; }
.social-media ul { width:100%; }
.social-media ul li { float:left;display:inline;height:30px; }

div.share_buttons
{
    background:transparent;
    position: relative;
    display:block;
    float:left;
    margin:0 0 0 0;
}

div.share_buttons .share_icon { background:transparent url(/img/icon_sh_link.png) center center no-repeat;display:block;float:left;width:28px;height:28px;margin:0 5px 0 0;padding:0;background-size:auto 100% ; }
div.share_buttons .share_icon a { display:block;width:100%;height:100%; }
div.share_buttons h3
{
	margin:5px 15px 0 0;
	display:inline;
	width:auto;
	float:left;
	padding:0;
	font-size:11px;
	color: #aaa;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
}

div.share_buttons .share_icon { -moz-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); }
div.share_buttons .share_icon:hover { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }

div.share_buttons .share_icon_link { background-image:url(/img/icon_sh_link.png); }
div.share_buttons .share_icon_facebook { background-image:url(/img/icon_sh_facebook.png);width:20px; }
div.share_buttons .share_icon_mail { background-image:url(/img/icon_sh_mail.png); }
div.share_buttons .share_icon_twitter { background-image:url(/img/icon_sh_twitter.png); }
div.share_buttons .share_icon_whatsapp { background-image:url(/img/icon_sh_whatsapp.png); }
div.share_buttons .share_icon_pinterest { background-image:url(/img/icon_sh_pinterest.png); }

.ausgabe_detail .share_buttons { float:left;clear:left;margin-top:0; }


.share_icon_link {
  position: relative;
  display: inline-block;
  margin-right:0 !important;
}

.share_icon_link .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1000;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.share_icon_link .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -1px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.share_icon_link:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}









#nebennavigation_1
{
	margin:14px 0 0 0;
	width:auto;
	height:auto;
	padding:0;
	position:relative;
	display:block;
	float:left;
	background:#666;
}

#nebennavigation_1 ul
{
	position:relative;
	margin:0;
	padding:0 0 0 0;
	width:100%;
	height:auto;
	border-top:none;
}

#nebennavigation_1 ul li
{
	float:left;
	display:inline;
	height:23px;
	padding:0;
	margin:0 0 0 20px;
	font-family:'robotoBold',sans-serif;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
}

#nebennavigation_1 ul li.erster
{
	margin-left:1px;
}

#nebennavigation_1 ul li a
{
	display:block;
	font-family:'robotoBold',sans-serif;
	font-size:11px;
	line-height:11px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	padding:0; 
	margin:0;
	text-decoration: none;
	text-transform:uppercase;
}

#nebennavigation_1 ul li:hover a,
#nebennavigation_1 ul li.active a { color:#ccc; }



.logos
{
	float:none;
	clear:left;
	display:block;
	height:auto;
	width:100%;
	margin:20px 0 0 0;
	padding:0 0 20px 20px;
	background:#fff;
	box-sizing:border-box;
}

.logos .logo
{
	float:left;
	display:inline;
	margin:20px 20px 0 0;
	padding:0;
	width:130px;
	height:130px;
}

.logos .logo img
{
	float:left;
	display:inline;
	margin: 0;
	padding: 0;
	height:auto;
	width:100%;
}

.logos .text
{
	float:left;
	display:inline;
	margin:20px 0 0 0;
	padding:10px 0;
	width:100%;
	font:12px/15px Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
}

.logos .text a
{
	font:12px/15px Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	color:#161405;
	text-decoration:none;
}

.container
{
	display:block;
	padding:0;
}


.mitte p { margin-top:10px; }

.mitte h1 { padding-bottom:10px;padding-top:10px;margin-top:0px; }
.mitte h2 { padding-bottom:10px;margin-top:10px; }

.mitte h1:first-of-type { position:sticky;top:100px;background:#f0f0ef;width:100% !important; }
.hide-menu .mitte h1:first-of-type { top:-1px;}

.stuck .mitte h1:before { 	
	content:"";
    position:absolute;
    width:200%;
    height:100%;
    top:0px;
    left:-50%;
    z-index:-1;
    background:#f0f0ef;
    -moz-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.1);
 }

.artikel_text p.zusatz_2,
.mitte p.zusatz_2
{	
	background: #fff;
	display: inline-block;
	float: left;
	padding: 10px;
	margin:20px 0 15px 0;
	width: 100%;
	box-sizing:border-box;
}



.mitte img 
{ 
	margin:0;
	padding:0;
}

.hp_bc
{
	float:left;
	display:block;
	margin:20px 0 20px 0;
	padding:0 0 0 0;
	width:100%;
	height:auto;
	position:relative;
}


.hp_bc img
{
	border: none;
	margin:0;
	padding:0;
	max-width: 100%;
	height: auto !important;
	position: relative;
}

.hp_bc_g img
{
	border: none;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: 50% 50%;
	z-index:4;
}



.artikel_text
{
	display:block;
	clear:both;
	float:left;
	margin:0 0 0 0;
	padding:20px 0 0 0;
	width:100%;
}


.artikel_text img 
{ 
	display:inline;
	float:left;
	margin:3px 0 10px 0;
}

.artikel_text h1, .artikel_text p { margin-left:0px;border:none; }
.artikel_text h2 { margin:20px 0 0 0;padding-top:20px;border-top:2px solid #fff;color:#000;clear:left; }
.artikel_text p { display:block;float:left;padding-bottom:20px;margin-top:0;width:100%; }
.artikel_text table { min-width:50%; }

.artikel_text p.zusatz_1 { padding-top:10px; }
.artikel_text p.bu { padding-top:0px;color:#666;margin-left:0 !important;font-size:11px;line-height:14px; }
.artikel_text p.teaser { font-size:16px;line-height:23px;padding-bottom:0 !important;color:#666; }

.artikel_text ul { list-style-type:disc;padding:0;}
.artikel_text li {margin-left:20px; }

.artikel_link
{
	clear:both;
	float:left;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	width:100%;
}

.artikel_rubrik
{
	clear:both;
	float:left;
	margin:0 0 0 0;
	padding-top:20px;
	width:100%;
}

.rubrik_head { padding-top:20px;margin-top:20px;border-top:2px solid #fff; }
.rubrik_head h3 { color:#000;padding-left:20px;position:relative;cursor: pointer; }
.rubrik_head.inaktiv h3 { color:#999; }
.rubrik_head.inaktiv { padding-top:0px;border-top:none; }

.rubrik_head.linie_oben { padding-top:20px;margin-top:0px;border-top:2px solid #fff; }

.rubrik_head h3::before
{
	position:absolute;
	content:"";
	top:6px;
	left:0px;
	width: 12px;
	height: 12px;
	margin:0;
	padding:0;
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;

	background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%2354595d\"><path d=\"m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z\" stroke=\"black\" stroke-width=\"2\" /></svg>");
}

.rubrik_head.inaktiv h3::before
{
	transform: scaleY(-1);
	top:4px;
	left:0px;
}

.rubrik_content { display:block; }
.rubrik_content.inaktiv { display:none; }

.artikel_rubrik_aktiv
{
	clear:both;
	float:left;
	margin:20px 0 0 0;
	padding-top:20px;
	border-top:2px solid #fff;
	width:100%;
}
.artikel_link img 
{ 
	display:inline;
	float:left;
	margin: 0 10px 0 0;
}

.artikel_link h2 { padding-bottom:10px; margin-left:0px; }
.artikel_link p a,
.artikel_link h2 a { text-decoration:none; }
.artikel_link p { font-family:'robotoCondensedBold',sans-serif;
	margin:0;
	padding:20px 0 0 0;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	color:#000; 
	border-top:2px solid #fff;
	}

.artikel_download
{
	clear:both;
	float:left;
	margin:0 0 0 0px;
	padding:0 0 10px 0;
	width:100%;
}
.artikel_download p { padding-bottom:0px; margin-left:0px; }

body.programm .mitte.maerkte>p,
body.programm .mitte.maerkte>h1,
body.programm .mitte.maerkte>h2,
body.vermietung .mitte.raeume>p,
body.vermietung .mitte.raeume>h1,
body.vermietung .mitte.raeume>h2
{
	width: calc(60% - 20px);
	padding:0px 20px 0 0;
	float:left;
}
body.programm .mitte.maerkte>h1,
body.vermietung .mitte.raeume>h1
{
	position:sticky;
	padding:10px 20px 10px 0;
}
body.programm .mitte.maerkte p.zusatz_2,
body.vermietung .mitte.raeume p.zusatz_2
{	

	display: block;
	float: left;
	margin:0;
	padding:10px;
	width: calc(40% - 20px);
}


body.verein .chronik .artikel_text
{
	clear:left;
	border-bottom:2px solid #fff;
	padding:10px 0;
}

body.verein .chronik .artikel_text h2 
{ 
	border:none; 
	display:inline;
	float:left;
	width:40px;
	margin:0;
	padding:0;
}

body.verein .chronik .artikel_text p
{ 
	display:inline;
	float:left;
	width:calc(100% - 50px);
	margin:0 0 0 10px;
	padding:0;
	text-align:left;	
}

.mitte div.o60_40,
.mitte div.o40_60,
.mitte div.o50_50,
.mitte div.c60_40,
.mitte div.c40_60,
.mitte div.c50_50
{
	border-top:2px solid #fff;
	padding-top:20px;
	margin-top:20px;
} 

.mitte div.o60_40 h2,
.mitte div.o60_40 p,
.mitte div.o40_60 h2,
.mitte div.o40_60 p,
.mitte div.o50_50 h2,
.mitte div.o50_50 p,
.mitte div.c60_40 .hp_bc,
.mitte div.c60_40 h2,
.mitte div.c60_40 p,
.mitte div.c40_60 .hp_bc,
.mitte div.c40_60 h2,
.mitte div.c40_60 p,
.mitte div.c50_50 .hp_bc,
.mitte div.c50_50 h2,
.mitte div.c50_50 p
{
	display:block;
	float:left;
	width:calc(50% - 10px);
}

.mitte div.c60_40 .hp_bc,
.mitte div.c40_60 .hp_bc,
.mitte div.c50_50 .hp_bc 
{ 
	margin:0;
	padding:0;
}

.mitte div.o60_40 h2,
.mitte div.o40_60 h2,
.mitte div.o50_50 h2,
.mitte div.c60_40 h2,
.mitte div.c40_60 h2,
.mitte div.c50_50 h2 
{ 
	border:none; 
	clear:none;
	margin:0 0 0 20px;
	padding-top:0;
}

.mitte div.o60_40 p,
.mitte div.o40_60 p,
.mitte div.o50_50 p,
.mitte div.c60_40 p,
.mitte div.c40_60 p,
.mitte div.c50_50 p
{ 
	clear:none;
	margin:0 0 0 20px;
}

.mitte div.o40_60 h2,
.mitte div.o40_60 p,
.mitte div.c60_40 .hp_bc,
.mitte div.c40_60 h2,
.mitte div.c40_60 p
{
	width:calc(60% - 10px);
}

.mitte div.o60_40 h2,
.mitte div.o60_40 p,
.mitte div.c40_60 .hp_bc,
.mitte div.c60_40 h2,
.mitte div.c60_40 p
{
	width:calc(40% - 10px);
}

.mitte div.o60_40 h2,
.mitte div.o60_40 p
{	
	margin-left:calc(60% + 10px);
}
.mitte div.o40_60 h2,
.mitte div.o40_60 p
{	
	margin-left:calc(40% + 10px);
}

.mitte div.o50_50 h2,
.mitte div.o50_50 p
{	
	margin-left:calc(50% + 10px);
}


body.programm .rueckblick .artikel_text h2
{ 
	color:#898980;
}

body.programm .rueckblick .hp_bc
{	
	max-width:500px;
}

body.programm .rueckblickXXX .artikel_rubrik h3
{ 
	color:#000;
	border-bottom:none;	
}

.artikel_oben {  }

.rubrik_teaser.artikel_rubrik,
.artikel_rubrik_teaser 
{
	float:left;
	display:inline;
	margin-top:10px;
	margin-left:140px;
	padding-top:0px;
	border-bottom:2px dotted #cc9900;
	width:520px;
}
.rubrik_teaser.artikel_rubrik,
.artikel_rubrik_teaser.artikel_oben { margin-top:0px;padding-top:0px !important; }

.rubrik_teaser.artikel_rubrik h3,
.artikel_rubrik_teaser h2
{
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
	clear:both;
	padding-top:2px;
	letter-spacing:0px;
	margin-left:0;
}
.artikel_rubrik_teaser.artikel_oben h2 { margin-top:0px; }

.rubrik_teaser.artikel_rubrik p,
.artikel_rubrik_teaser p
{
	margin-top:0;
	margin-left:0;
	padding-bottom:10px !important;
}

.artikel_rubrik_teaser h2 a { color:#cc9900; text-decoration: none; margin-top:0; }
.artikel_rubrik_teaser h2 a:hover { color:#ac872e;}

.kurs_info
{
	clear:left;
	float:left;
	display:inline;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	width:100%;
	border-top:2px solid #fff;
}

.kurs_info .kurs_info_label
{
	float:left;
	display:inline;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	width:120px;
}

.kurs_info .kurs_info_label h3
{
	font-size:15px;
	line-height:15px;
	border:none;
	color:#000;
	margin:0;
	padding:0;	
}

.kurs_info .kurs_info_text
{
	float:left;
	display:inline;
	margin:10px 0 0 10px;
	padding:0;
	width:calc(100% - 130px);
}

.kurs_info .kurs_info_text p
{
	width:auto;
	padding:0;
}

.vak_detail,
.ws_liste,
.vak_liste
{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:0;
}

.vak_detail
{
	margin-top:5px;
}

.ws_liste li,
.vak_liste li
{
	float:left;
	display:inline;
	margin-top:10px;
	padding-top:10px;
	border-top:2px solid #fff;
	width:100%;
	position:relative;
}
.ws_liste li.ws_anker,
.vak_liste li.ws_anker
{

	margin-top:0;
	padding-top:0;
	border-top:none;
}
.kurse_liste li 
{ 

}

.kurse_liste li h2 { margin-top:5px; }

.kurse_liste li .kurs_liste_container 
{ 

}

.vak_datum_oben
{
	display:block;
	clear:both;
	padding:10px 0 0 0;
	margin:0 0 0 0;
}

li.erster,
.vak_liste li.erster,
.vak_liste li.erster .vak_datum_oben
{
	margin-top:0;
	border-top:none;
}
.vak_liste li.erster.suche_item
{
	margin-top:10px;
	border-top:2px solid #fff;
}

li.kursliste_headline,
.vak_liste li.monats_trenner
{
	padding-top:0;
	position:sticky;
	top:98px;
	background:#f0f0ef;
	z-index:110;
	border-bottom:2px solid #fff;
}

.hide-menu li.kursliste_headline,
.hide-menu .vak_liste li.monats_trenner
{
	top:-2px;
}

.cw_headline h3,
li.kursliste_headline h3,
.vak_liste li.monats_trenner h3
{
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	font-weight:normal;
	color:#666;
	font-size:25px;
	line-height:25px;
}

li.kursliste_headline
{
	top:100px;
	margin-top:10px;
}
.show-ankermenu li.kursliste_headline
{
	top:130px; 
}

.hide-menu li.kursliste_headline 
{
	top:0px; 
}

.hide-menu.show-ankermenu li.kursliste_headline 
{
	top:30px; 
}



 li.kursliste_headline.trenner_headline
{
	height:0;
	top:100px;
	display:block;
	border:none;
	background:#f0f0ef;
	overflow:hidden;
}

.vak_liste li.kursliste_headline.trenner_headline,
.show-ankermenu li.kursliste_headline.trenner_headline
{ 
	top:100px;
	height:42px;
	z-index:111;
}
.hide-menu.show-ankermenu li.kursliste_headline.trenner_headline
{ 
	top:0px;
}

li.kursliste_headline.trenner_headline h3 { padding-top:10px; }

li.kursliste_headline.trenner_headline a { text-decoration:none; }
li.kursliste_headline.trenner_headline .ws_ankermenu { }


.vak_datum_oben p
{
	font-family: 'robotoCondensed',sans-serif;
	font-size:15px;line-height:22px;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	border-top:2px solid #fff;
}

.kurse_datum_links_container,
.vak_datum_links_container
{
	float:left;
	display:block;
	margin:10px 0 0 0;
	padding:0;
	width:100px;
	min-height:150px;
}

.kurse_datum_links_container .uhrzeit,
.vak_datum_links_container .wochentag,
.vak_datum_links_container .monat
{
	font-family: 'robotoCondensedBold',sans-serif;
	font-weight:normal;
	width:100%;
	height:auto;
	font-size:13px;
	line-height:13px;
	color:#000;
}

.kurse_datum_links_container .wochentag,
.vak_datum_links_container .tag
{
	font-family: 'oswald',sans-serif;
	font-weight:normal;
	width:100%;
	height:90px;
	font-size:80px;
	line-height:100px;
	letter-spacing:-1px;
}
.vak_datum_links_container .tag.mit_eins
{
	letter-spacing:-6px;
	text-indent:-3px;
}

.programm_news,
.vak_info,
.ws_info
{
	position:relative;
	float:left;
	display:inline-block;
	margin:0 0 0 0;
	padding:0;
	width:calc(100% - 100px);
}
.container_suche .vak_info,
.ws_info { width:100%;}

.vak_suchbegriff
{
	position:relative;
	float:left;
	display:inline;
	margin:0 0 0 0px;
	padding:7px 0 10px; 0;
	width:520px;
	/* border-bottom:2px dotted #00a8cb; */
}


span.suchbegriff { color:#000;text-transform:none; }

.programm_news
{
	margin:5px 0 25px 140px;
	padding:0px;
	border:none;
}

.programm_news li,
.vak_info .ueber_container,
.ws_info .ueber_container
{
	clear:both;
	float:none;
	display:block;
	margin:0 0 10px 0;
	padding:0 0 7px 0;
	width:100%;
	border-bottom:2px solid #fff;
	position:relative;
}

.vak_info .c_innen,
.ws_info .c_innen
{
	clear:both;
	float:none;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	position:relative;
}

.ws_ankermenu 
{ 
	position:relative;
	float:none;
	clear:left;
	display:block;
	margin:10px 0 5px 0;
	padding:0;
	width:100%;
}
.ws_ankermenu .stoerer { margin-right:15px;margin-bottom:15px;position:relative;padding-left:15px;}

.ws_ankermenu .stoerer::before
{
	position:absolute;
	content:"";
	top:4px;
	left:7px;
	margin:0;
	padding:0;
	width:10px;
	height:14px;
	background: transparent url(/img/icon_arrow_down_schmal.png) 0 0 no-repeat;
	background-size:contain;
  	transform: rotate(0deg);
  	-moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);
	
}
.ws_ankermenu .stoerer.stoerer_ws a { color:#000 !important; }
.ws_ankermenu .stoerer.stoerer_ws { padding-left:0; }
.ws_ankermenu .stoerer.stoerer_ws::before { display:none; }

.ws_ankermenu::after, .ws_ankermenu::before {
	content: " ";
	display: block;
	width: 5px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(240,240,239,0.8);
	-webkit-box-shadow: 0px 0px 10px 10px rgba(240,240,239,0.8);
	-moz-box-shadow: 0px 0px 10px 10px rgba(240,240,239,0.8);
	box-shadow: 0px 0px 10px 10px rgba(240,240,239,0.8);
	z-index: 2;
}

.programm_news li
{
	padding-top:5px;
	border-bottom:none;
	border-top:2px dotted #00a8cb;
}


.vak_info .bild_container,
.ws_info .bild_container
{
	float:left;
	display:block;
	margin:10px 0 10px 0;
	padding:0 0 0 0;
	width:240px;
	height:180px;
	position:relative;
}

.vak_info .bild_container img,
.ws_info .bild_container img
{
	border: none;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: 50% 50%;
	z-index:4;
}
.vak_info .bild_containerXXX img
{
	width:100%;
	height:auto;
	float:left;
	display:block;
	margin:0;
}

.vak_info .bild_container_detail,
.ws_info .bild_container_detail
{
	float:left;
	display:inline;
	margin:10px 0 30px 0;
	padding:0 0 0 0;
	width:100%;
}

.vak_info .bild_container_detail .bild_container,
.ws_info .bild_container_detail .bild_container
{
	float:left;
	display:inline;
	margin:20px 0 0 20px;
	padding:0;
	width:auto;
}

.vak_info .bild_container_detail .bild_container img,
.ws_info .bild_container_detail .bild_container img
{
	float:none;
	display:block;
	margin:0;
}

.vak_info .bild_container_detail .bildunterschrift,
.ws_info .bild_container_detail .bildunterschrift,
.vak_info .bild_container p,
.ws_info .bild_container p
{
	font:10px/15px 'robotoRegular',sans-serif;
	text-align:right;
	display:block;
	width:auto;
	margin:0;
	padding:5px 0 0 0;
	clear:left;
}

.vak_info .bild_container_detail .bild_container { width:100%;height:400px; }
.vak_info .bild_container_detail .bild_container.erster { margin-left:0;margin-top:0; }
.vak_info .bild_container_detail .bild_container.zweiter { margin-top:0;  }
.vak_info .bild_container_detail .bild_container.bu_rechts { width:520px; }
.vak_info .bild_container_detail .bild_container.bu_rechts img { float:left;display:inline; }
.vak_info .bild_container_detail .bild_container.bu_rechts p { padding-top:0;margin-left:10px;width:155px; }

.ws_info .bild_container_detail .bild_container { width:100%;height:400px; }
.ws_info .bild_container_detail .bild_container.erster { margin-left:0;margin-top:0; }
.ws_info .bild_container_detail .bild_container.zweiter { margin-top:0; }
.ws_info .bild_container_detail .bild_container.bu_rechts { width:520px; }
.ws_info .bild_container_detail .bild_container.bu_rechts img { float:left;display:inline; }
.ws_info .bild_container_detail .bild_container.bu_rechts p { padding-top:0;margin-left:10px;width:155px; }

.vak_info .text_container,
.ws_info .text_container
{
	float:left;
	display:block;
	margin:0px 0 10px 15px;
	padding:0;
	min-height:150px;
	width:calc(100% - 255px);
}

.ws_detail .ws_info .ueber_container
{
	padding:10px 0 10px 0;
	border-top:2px solid #fff;
}
.vak_detail .vak_info .text_container,
.ws_detail .ws_info .text_container
{
	margin:0px 0 0px 0px;
	width:100%;
	position:relative;
}

.vak_info .text_container_ohne_bild,
.ws_info .text_container_ohne_bild
{
	float:left;
	display:inline;
	margin:0px 0 10px 255px;
	padding:0;
	min-height:150px;
	width:calc(100% - 255px);
}

.suche_item .vak_info .text_container,
.suche_item .vak_info .text_container_ohne_bild { min-height:0; }


.programm_news h2,
.vak_liste .vak_info h2,
.kurse_liste .vak_info h2,
.ws_liste .ws_info h2
{
	font-size:25px;
	line-height:25px;
	text-transform:uppercase;
	font-weight:normal;
	clear:both;
	padding-top:2px;
	padding-right:120px;
}
.ws_liste .ws_info h2 { padding-top:8px; }

.vak_info h1, .vak_info h2, .vak_info h2 a,
.ws_info h1, .ws_info h2, .ws_info h2 a { color:#000; text-decoration: none; }
.vak_info h2 a:hover,
.ws_info h2 a:hover { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }
.vak_info h3,
.ws_info h3 { color:#000;font-size:15px;line-height:15px; }
.ws_infoXX h3 { margin-top:20px;}
.vak_info p.veranstalter,
.ws_info p.veranstalter { font-family: 'robotoCondensedBold',sans-serif;font-size:13px;line-height:15px; color:#999; float:left; }
.vak_info p.typen,
.ws_info p.typen { font-family: 'robotoCondensedBold',sans-serif;font-size:13px;line-height:15px; color:#000; float:right; }
.vak_info p.kurzbeschreibung, .programm_news p,
.ws_info p.kurzbeschreibung, .programm_news p { margin-top:0;padding-top:3px; }
.vak_info .buttons,
.ws_info .buttons { position:absolute;right:0;bottom:10px;margin:0;padding:0;width:calc(40% - 130px); }
.vak_info .kurzinfos,
.ws_info .kurzinfos { position:absolute;left:257px;bottom:10px;margin:0;padding:0;width:calc(60% - 130px); }
.vak_info .kurzinfos p,
.ws_info .kurzinfos p { font-family: 'robotoCondensed',sans-serif;font-size:15px;line-height:15px; color:#000;padding-top:13px;font-weight:normal; }
.vak_detail .vak_info p.infos,
.ws_detail .ws_info p.infos { font-family: 'robotoCondensed',sans-serif;font-size:15px;line-height:22px; border-top:2px solid #fff;margin-top:10px;padding:8px 80px 0px 0;box-sizing:border-box;clear:left; }
.vak_detail .vak_info h2,
.vak_detail .vak_info h1 { padding-right:165px; }
.vak_detail .vak_info .text_container_ohne_bild,
.ws_detail .ws_info .text_container_ohne_bild { margin-bottom:0; }
div.beschreibung { display:block;clear:both;margin-top:10px;width:calc(60% - 10px);float:left; }
div.beschreibung_zusatz { display:inline-block;float:left;margin-top:10px;margin-left:20px;width:calc(40% - 10px); }
div.beschreibung p,
div.beschreibung_zusatz p { margin-bottom:20px; }

.container_werkstatt div.beschreibung_zusatz { background:#fff;padding:10px 0;margin-bottom:15px; }
.kontakt_container { width:calc(100% - 20px);margin:0 10px; }
div.beschreibung_zusatz .kontakt_container p { margin-bottom:0; }

p.ticketlink { font:12px/15px Arial, Helvetica, Verdana, sans-serif; color:#161405;padding: 0 0 10px 0;font-weight:bold; }
p.links,
.vak_info p.links,
.ws_info p.links { font-family: 'robotoBold',sans-serif; color:#666;padding:3px 0 13px 0; }

p.links a,
.vak_info p.links a,
p.ticketlink a
{ 
	display:block;
	margin:0 0 0 0;
	line-height:18px;
	text-decoration:none;  
	padding:5px 0 0 25px; 
	background:transparent url(/img/btn_kreispfeil.gif) 0 7px no-repeat; 
}

p.ticketlink a
{ 
	color:#d94c94;
	background:transparent url(/img/btn_kreispfeil_pink.png) 0 0 no-repeat; 
}

p.links a:hover,
.vak_info p.links a:hover,
p.ticketlink a:hover
{ 
	-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);
}
	

.vak_info p.links .facebooklink
{
	padding:5px 0 0 25px; 
	line-height:18px;
	background:transparent url(/img/icon_facebook_bw.png) -3px 2px no-repeat; 
	background-size:auto 100%;
}
.vak_info p.links .facebooklink_ALT
{
	padding:5px 0 0 25px; 
	line-height:18px;
	background:transparent url(/img/facebook_16x16.gif) 0 6px no-repeat; 
}

.vak_info p.links .instagramlink
{
	padding:5px 0 0 25px; 
	line-height:18px;
	background:transparent url(/img/icon_instagram_bw.png) -3px 2px no-repeat; 
	background-size:auto 100%;
}
.vak_info p.links .instagramlink_ALT
{
	padding:5px 0 0 25px; 
	line-height:18px;
	background:transparent url(/img/instagram_glyph-logo_16x16.png) 0 6px no-repeat; 
}

.vak_info p.links .tiktoklink
{
	padding:5px 0 0 25px; 
	line-height:18px;
	background:transparent url(/img/icon_tiktok_bw.png) -3px 2px no-repeat; 
	background-size:auto 100%;
}

.vak_info p.links .telegramlink
{
	padding:5px 0 0 25px; 
	line-height:18px;
	background:transparent url(/img/icon_telegram_bw.png) -3px 2px no-repeat; 
	background-size:auto 100%;
}

.vak_info p.links .spotifylink
{
	padding:5px 0 0 25px; 
	line-height:18px;
	background:transparent url(/img/icon_spotify_bw.png) -3px 2px no-repeat; 
	background-size:auto 100%;
}

.vak_info p.links .youtubelink
{
	padding:5px 0 0 25px; 
	line-height:18px;
	background:transparent url(/img/icon_youtube_bw.png) -3px 2px no-repeat; 
	background-size:auto 100%;
}

.embeds
{
	float:left;
	display:inline;
	width:60%;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	border-top:2px solid #fff;
}

.embeds .embedcode,
.embeds .youtube_embed
{
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	position:relative;
}

.youtube_embed::before
{
	padding-bottom:56.25%;
	content: " ";
    display: block;
	width:1%;
	height:auto;
}
.youtube_embed iframe
{
	position:absolute;
	top:0;
	left:0;
	display:block;	
	width:100%;
	height:100%;
}
.embeds p
{
	color:#00a8cb;
	float:left;
	display:inline;
	margin:0;
	padding:10px 0 0 0;
}

.vak_info .faellt_aus
{
	position:absolute;
	zoom: 1;
	top:40%;
	left:110px;
	display:block;
	margin:0;
	padding:0;
	width:300px;
	background-color:#00a8cb;
	text-align:center;
	-moz-box-shadow: 1px 1px 5px 0px #ccc;
	-webkit-box-shadow: 1px 1px 5px 0px #ccc;
	box-shadow: 1px 1px 15px 0px #ccc;
	-moz-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
}

.vak_detail .vak_info .faellt_aus
{
	position:relative;
	clear:both;
	float:left;
	display:inline;
	margin:2px 0 10px 0;
	padding:0 0 7px 0;
	left:0;
	top:0;
	width:520px;
}

.vak_info .faellt_aus2
{
	position:absolute;
	zoom: 1;
	top:40%;
	left:110px;
	display:block;
	margin:0;
	padding:0;
	width:300px;
	background-color:#00a8cb;
	text-align:center;
	-moz-box-shadow: 1px 1px 5px 0px #ccc;
	-webkit-box-shadow: 1px 1px 5px 0px #ccc;
	box-shadow: 1px 1px 15px 0px #ccc;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-moz-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
}
.vak_info .faellt_aus h2
{
	padding:20px 13px 13px 13px;
	font-size:30px !important;
	line-height:30px;
	text-transform:uppercase;
	font-weight:bold !important;
	letter-spacing:1px;
	color:#fff;
}

.vak_info .faellt_aus p 
{ 
	font:12px/15px Arial, Helvetica, Verdana, sans-serif; 
	color:#fff;
	padding:0 13px 13px 13px;
	font-weight:bold; 
}



#vorschaukasten
{
	float:left;
	display:inline;
	margin:0;
	padding:25px 0 27px 0;
	background:#fff url(/img/vorschaukasten_unten.gif) 0 bottom no-repeat;	
}

#vorschaukasten ul
{
	width:260px;
	float:left;
	margin:0;
	padding:0;
}

#vorschaukasten ul li
{
	width:260px;
	float:left;
	display:inline;
	margin:0;
}

#vorschaukasten ul li.grau { background-color:#dcdcd9; }
#vorschaukasten ul li.monat { background:#161405 url(/img/navi_dreieck_weiss_schwarz.gif) 17px 0 no-repeat; margin-top:17px; }
#vorschaukasten ul li.monat.erster { margin-top:0px; }

#vorschaukasten ul li p
{
	float:left;
	display:inline;
	margin:0;
	padding:3px 0;
	font:12px/16px Arial, Helvetica, Verdana, sans-serif; 
}

#vorschaukasten ul li.monat p 
{ 
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-align:right; 
	width:255px;
}

#vorschaukasten ul li p.datum { width:45px;margin-left:10px;font-weight:bold; }
#vorschaukasten ul li p.veranstaltung { width:195px; }
#vorschaukasten ul li p a { color:#161405;text-decoration:none; }

/* ================== formular ============================================================ */

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner
{
  padding: 0;
  border: none;
}



.formular 
{
	margin:0 0 15px 0;
	padding:0;
	width:420px;
}	

.formular p 
{
	margin-bottom:0;
	padding-bottom:0;
}	

.formular p.linie 
{
	margin-bottom:20px;
	padding-bottom:0;
}	

.formular form
{
	margin:0;
	padding:0;
}	

.formular br { 
	clear: left; 
	}

.formular label {
	display: block;
	float: left;
	width:140px;
	margin-top:10px;
	}
	
.formular input.sichtbar,
.formular select,
.formular textarea 
{
	background: #fff url(/img/hg_input.gif) 0 0 no-repeat;
	width: 250px;
	color: #161405;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	margin: 8px 10px 0px 0px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #9b9b99;
	display: inline; 
}

.formular input.sichtbar,
.formular select 
{	
	padding: 2px 3px 2px 3px;
	float: left;
}
	
.formular select 
{
	padding: 1px 3px 1px 3px;
}

.formular input#btn_submit,
.formular input.btn_js 
{
	float:left;
	display:inline;
	background-color: #9b9b99;
	color: #fff;
	font-size: 11px;
	font-family: Helvetica, Arial, Tahoma, Verdana;
	margin: 10px 0 0 0;
	padding: 4px 5px 2px 5px;
	font-weight: bold;
	border: 1px solid #9b9b99;
 	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}

.formular textarea 
{
	height:100px;
}

.formular input.checkbox
{
	float:left;
	width:13px;  
	height:13px;
	padding:0px;
	margin:1px 6px 0 0;
}

.formular div.checkbox_spacer
{
	float: left;
	display: block;
	padding:0px;
	margin:0 0 0 0;
	height:18px;
}

.formular div.spacer
{
	clear: left;
	padding:0;
	margin:0;
	height:20px;
}

.formular label.checkbox
{
	text-align:left;
	width: auto;
	white-space: nowrap;
	padding:0;
	margin:0;
}

.form_newsletter
{
	width:520px;
	margin:10px 0 0 0px;
	padding:0;
}

.form_newsletter input.sichtbar
{
	font-size:11px;
	background-color:transparent;
	width:245px;
	margin:2px 0 0 0;
	display:inline;
}	

.form_newsletter form
{
	width:520px;
	height:auto;
}

.form_newsletter input#btn_submit
{
	background: transparent url(/img/btn_bestellen.gif) 0 0 no-repeat;
	padding:0;
	margin:0 0 0 10px;
	border:none;
	width:82px;
	height:25px;
	
}

.form_newsletter input#btn_submit:hover
{
	-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);
}

.fnl_klein
{
	background: #fff url(/img/kopf_newsletter.gif) 0 -8px no-repeat;
	width:130px;
	margin:0;
	padding:20px 0 0 0;
}

.fnl_klein form
{
	width:130px;
	margin:0;
	padding:0;
}

.fnl_klein input.sichtbar
{
	width:122px;
	margin:0;
}	

.fnl_klein input#btn_submit
{
	margin:5px 0 0 48px;
}


.form_suche
{
	float:left;
	display:block;
	position:relative;
    margin:20px 0 20px 70px;
    padding:0;
    width: calc(100% - 205px);
    height:auto;
    background-color:#fff;
    z-index:10;
}

.suchfeldXXX::before
{
	content:"";
	position:absolute;
	bottom:5px;
	left:-10px;
    width:calc(100vw - 80px);
    min-width:540px;
    max-width:920px;
    height:30px;
	background:rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 30px 30px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 30px 30px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 30px 30px rgba(0,0,0,0.2);

    z-index:10;
}

.suchfeld_innen
{
	display:block;
    padding:0;
    margin:0;

    position:absolute;
	bottom:0;
	left:0;
    width:100%;
    height:40px;
    z-index:10;

    background-color:#fff;
    border:2px solid #c3c3c3;
	-moz-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
}

.form_suche #such_form
{
    padding:0;
    margin:0;
    background-color:transparent;
    background-image:none;
    width:100%;
    height:44px;
    border:none !important;
}

.form_suche .input-text
{
    position:absolute;
    left:0;
    top:3px;

	font-family:'text',sans-serif;
	font-size:14px;
	line-height:24px;
	color:#333;
	font-weight:normal;
	font-style:normal;
    margin:0;
	box-sizing:border-box;
	border:none;
    background-color:#fff;
    width:calc(100% - 60px);
    height:35px;
    padding:5px 3px 3px 15px;
}



button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { border:0; padding:0; margin:0; background:transparent; /* line-height:21px; */ overflow:visible; cursor:pointer; vertical-align:middle;text-align:left; }



button.btn_close 
{
    margin:0;
    padding:0;
    width:25px;
    height:25px;
    position:absolute;
    top:11px;
    right:-12px;
}

button.btn_close span
{
    display:block;
    margin:0;
    padding:0;
    width:25px;
    height:25px;
	background:transparent url(/img/btn_zoom_close_v3.png) 0 0 no-repeat;
	background-size:100% auto;
}

button.btn_close:hover span,
button.btn_close:active span
{
	-moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=90); 
	background-position:0 0;
}

.btn_lupe
{
    position:relative;
    margin:0;
    padding:0;
    width:25px;
    height:25px;
	cursor:pointer;
}

button.btn_lupe 
{
    position:absolute;
    margin:0 !important;
    padding:0;
    top:11px;
    right:10px;
	-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); 
}
.btn_nav_lupe.btn_lupe
{
	float:left;
	margin-left:20px;
}
.btn_lupe span,
button.btn_lupe span
{
    display:block;
    margin:0;
    padding:0;
    width:25px;
    height:25px;
	background:transparent url(/img/btn_lupe.png) 0 0 no-repeat;
}

.btn_lupe:hover,
.btn_lupe:active,
button.btn_lupe:hover,
button.btn_lupe:active
{
	-moz-opacity:1; opacity:1; filter:alpha(opacity=100); 
}

/* ================== autosuggest ============================================================ */


input:focus
{
	outline:none;
}

div.autosuggest
{
	position: absolute;
	background:transparent url(../img/bg_autosuggest.png) -50px top repeat-y;
	padding: 0 0 0 0;
	z-index:100000;
	border-left:1px solid #BDD5E8;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	padding:0;
	margin:0;
	overflow: hidden;
	width:100%;
}

div.autosuggest div.as_header
{
	height: 8px;
	background-color: #fff;
}

div.autosuggest div.as_footer
{
	height: 20px !important;
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 1px;
	background-color: transparent;
}

div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	background-color: transparent;
}


div.autosuggest ul
{
	display:inline;
	float:left;
	list-style: none;
	margin: 0;
	padding: 0 !important;
	overflow: hidden;
	width: 100%;
}

div.autosuggest ul li
{
	font-family:'robotoRegular',sans-serif;
	font-size:15px;
	line-height:22px;
	color:#333;
	font-weight:normal;
	font-style:normal;
    margin:0;
	padding:0;
	text-align: left;
	width: 100%;
}

div.autosuggest ul li a
{
	color: #333;
	display: block;
	text-decoration: none;
	background-color: transparent;
	padding: 0;
}
div.autosuggest ul li a:hover,
div.autosuggest ul li.as_highlight a,
div.autosuggest ul li.as_highlight a:hover
{
	background:#E0F2FC;
}
div.autosuggest ul li a:hover em,
div.autosuggest ul li.as_highlight a em,
div.autosuggest ul li.as_highlight a:hover em
{
}

div.autosuggest ul li a span
{
	display: block;
	padding: 5px 15px;
}

div.autosuggest ul li a span small
{
	font-size:9px;
	padding-left:5px;
}

div.autosuggest ul li.as_highlight a span small
{
	padding-left:5px;
}

div.autosuggest ul li.as_highlight a
{
}

div.autosuggest ul li.as_highlight a span
{
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
}

div.autosuggest ul li.as_warning
{
	font-family:'robotoBold',sans-serif;
	font-weight:normal;
	font-style:normal;
	text-align: center;
}

div.autosuggest ul em
{
	font-family:'robotoBold',sans-serif;
	font-weight:normal;
	font-style:normal;
	color: #333;
}



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

	#hauptnavigation ul li
	{
		width:150px !important;
	}

}

@media only screen and (max-width: 800px)
{
	.menu_aktiv #kopf { position: absolute; }
	.menu_aktiv #aussen { position: fixed; }

	div.liste_fuss { display:none; }
	#kopf_navigation 
	{
		margin-top:60px;
	}
	
	#hauptnavigation
	{
		margin-left:27px;
	}
	#hauptnavigation ul
	{
		padding-top:0px;
		padding-bottom:10px;
	}
	#hauptnavigation ul li
	{
		width:calc(100% - 93px);
		clear:left;
		margin-top:20px;
		min-height:0;
	}	
	#hauptnavigation ul li ul li
	{
		margin-top:0;
	}

	#nav_menu 
	{
		top:23px;
	}
	.btn_menu
	{ 
		width:24px; 
		height:20px; 
	}
	.kopf_bg
	{
		height:60px;
	}
	.kopf_logo 
	{
		top:13px;
		width:132px;
		height:36px;
	}
	
	.kopf_container
	{
		width: calc(100% - 40px);
	}



	.form_suche
	{
		margin:20px 0 0px 43px;
		width: calc(100% - 55px);
	
	}
	
	.form_suche .input-text
	{
		width:calc(100% - 40px);
	}
	
	div.social_liste_kopf 
	{
		margin: 0;
		position:absolute;
		right:0;
		top:80px;
	}

	.content_wrap
	{
		width: calc(100% - 20px);
	}

	.content_wrap.cw_1
	{
		margin-top:80px;	
	}
	.content_wrap.cw_slider
	{
		margin-top:60px;	
	}
	.content_wrap.cw_highlights
	{
		width:100%;	
	}

	.content_wrap.cw_back { padding-left:60px; }
	
	.content_wrap.cw_highlights { height:300px; }
	.swiper_highlights { width:100%; }
	.swiper_highlights .swiper-slide { width:300px; }
	.swiper_highlights .swiper-wrapper:first-child { margin-left:12px; }
	.swiper_slider .slide_text { width:calc(100% - 40px); }
	.swiper_highlights .slide_bild { width:300px;height:170px; }
	.swiper_highlights .slide_text { top:180px;width:280px;height:130px; }
	.swiper_highlights .slide_text h2 { font-size:18px;line-height:18px; }

	.ws_liste li,
	.vak_liste li { padding-top:5px;margin-top:5px; }


	.kurse_datum_links_container,
	.vak_datum_links_container
	{
		width:60px;
		min-height:100px;
	}

	.kurse_datum_links_container .uhrzeit,
	.vak_datum_links_container .wochentag,
	.vak_datum_links_container .monat
	{
		font-size:12px;
		line-height:13px;
	}

	.kurse_datum_links_container .wochentag,
	.vak_datum_links_container .tag
	{
		font-size:50px;
		line-height:50px;
		height:60px;
		letter-spacing:-.6px;
	}
	.vak_datum_links_container .tag.mit_eins
	{
		letter-spacing:-3px;
		text-indent:-2px;
	}

	.programm_news,
	.vak_info
	{
		width:calc(100% - 60px);
	}


	.vak_info .bild_container
	{
		margin:10px 0 10px 0;
		width:120px;
		height:120px;
	}

	.ws_info .bild_container
	{
		margin:10px 0 10px 0;
		width:180px;
		height:120px;
	}

	.vak_info .text_container
	{
		margin:0px 0 10px 10px;
		min-height:0;
		width:calc(100% - 130px);
		position:relative;
		overflow-x:hidden;
	}
	
	.vak_detail .vak_info .text_container 
	{
		margin: 0px 0px 0px -60px;
		width:calc(100% + 60px);
		position: relative;
	}

	.ws_info .text_container
	{
		margin:0px 0 10px 10px;
		min-height:0;
		width:calc(100% - 190px);
		position:relative;
		overflow-x:hidden;
	}

	.vak_info .text_container_ohne_bild
	{
		margin:0px 0 10px 130px;
		min-height:120px;
		width:calc(100% - 130px);
		overflow-x:hidden;
	}

	.vak_liste .vak_info .kurzinfos,
	.vak_liste .vak_info .buttons 
	{ 
		background-color:rgba(240,240,240,1);
		-webkit-box-shadow: 0px -5px 20px 10px rgba(240,240,240,1);
		-moz-box-shadow: 0px -5px 20px 10px rgba(240,240,240,1);
		box-shadow: 0px -5px 20px 10px rgba(240,240,240,1);
	}
	.vak_info .buttons 
	{ 
		min-height:19px;
	}

	.programm_news h2,
	.ws_liste .ws_info h2,
	.ws_liste .vak_info h2,
	.vak_liste .vak_info h2
	{
		font-size:18px;
		line-height:18px;
		padding-right:60px;
	}
	.programm_news h3,
	.ws_liste .ws_info h3,
	.ws_liste .vak_info h3,
	.vak_liste .vak_info h3
	{
		font-size:13px;
		line-height:13px;
	}

	.vak_info .buttons { bottom:10px;margin:0;padding:0;width:calc(40% - 65px); }
	.vak_info .kurzinfos { left:132px;bottom:10px;width:calc(60% - 65px);height:auto; }
	.vak_info .kurzinfos p { font-size:13px;line-height:13px; color:#000;padding-top:3px;padding-right:10px;font-weight:normal; }

	.cw_headline h3,
	li.kursliste_headline h3,
	.vak_liste li.monats_trenner h3
	{
		font-size:18px;
		line-height:18px;
	}

	li.kursliste_headline,
	.vak_liste li.monats_trenner { top:60px; }
	li.kursliste_headline { top:60px; }
	.show-ankermenu li.kursliste_headline { top:90px; }
	li.kursliste_headline.trenner_headline { top:60px; }
	.show-ankermenu li.kursliste_headline.trenner_headline { top:60px; }

	.mitte h1:first-of-type { top:60px; }

	div.beschreibung { width:100%; }
	div.beschreibung_zusatz { width:100%;margin-left:0;	border-top:2px solid #fff; }
		
	.vak_detail .vak_info p.links { padding:10px 0 0 0; }
	.vak_detail .vak_info .embeds { width:100%; }


	.ws_detail .ws_info h2,
	.ws_detail .ws_info h1,
	.vak_detail .vak_info h2,
	.vak_detail .vak_info h1 { padding-right:0px; }
	.ws_detail .social-media,
	.vak_detail .social-media { position:relative;bottom:auto;right:auto;margin:10px 0 0 0;clear:both;float:right;}

	.vak_info .bild_container_detail .bild_container
	{
		float: left;
		display: inline;
		margin: 0 0 20px 0 !important;
		padding: 0;
		width: 100% !important;
	}

	.ws_ankermenu .stoerer { margin-right:10px;margin-bottom:10px;padding-left:0;}
	.ws_ankermenu .stoerer::before { display:none;}

	.mitte div.o60_40 h2,
	.mitte div.o60_40 p,
	.mitte div.o40_60 h2,
	.mitte div.o40_60 p,
	.mitte div.o50_50 h2,
	.mitte div.o50_50 p,
	.mitte div.c60_40 .hp_bc,
	.mitte div.c60_40 h2,
	.mitte div.c60_40 p,
	.mitte div.c40_60 .hp_bc,
	.mitte div.c40_60 h2,
	.mitte div.c40_60 p,
	.mitte div.c50_50 .hp_bc,
	.mitte div.c50_50 h2,
	.mitte div.c50_50 p	{ 
		width:100%;
		margin-left:0;
	}
	.mitte div.o60_40 h2,
	.mitte div.o40_60 h2,	
	.mitte div.o50_50 h2,
	.mitte div.c60_40 h2,
	.mitte div.c40_60 h2,	
	.mitte div.c50_50 h2
	{
		margin-top:20px;
	} 
	
	body.programm .mitte.maerkte>p,
	body.programm .mitte.maerkte>h1,
	body.programm .mitte.maerkte>h2,
	body.vermietung .mitte.raeume>p,
	body.vermietung .mitte.raeume>h1,
	body.vermietung .mitte.raeume>h2,
	body.programm .mitte.maerkte p.zusatz_2,
	body.vermietung .mitte.raeume p.zusatz_2
	{ 
		float:left;
		width:100%;
		margin-left:0;
	}
	
	body.programm .mitte.maerkte p.zusatz_2,
	body.vermietung .mitte.raeume p.zusatz_2
	{ 
				margin-top:20px;

	}
}
@media only screen and (max-width: 500px)
{
	#aussen { overflow: hidden; }
	
	.programm_news h2,
	.vak_liste .vak_info h2
	{
		padding-right:0px;
	}
}