/*@import 'editorial.css';*/




/*
hkw 2014 
zusätzliche styles
20sec
*/



/*
js/touchcarousel/hkw-carousel-skin/hkw-carousel-skin.css
*/

.touchcarousel.hkw-carousel{
   margin-bottom:20px;
}

.page-home .touchcarousel.hkw-carousel{
   margin-bottom:0;
}

.touchcarousel.hkw-carousel .touchcarousel-item {
   
}

.touchcarousel.hkw-carousel .touchcarousel-container{

}

.touchcarousel.hkw-carousel .touchcarousel-item .img-container{
   float:left;
   height:48px;
   width:48px;
   overflow:hidden;
   margin-right: 18px;
   text-align:center;
}

/* bildunterschriften max. 2-zeilig */
.hkwSlide .stage-slider-caption, .rsCaption{
	/*
	edit 160223 ticket HKWDE-141 
	anzeige soll nicht begrenzt sein
	height:2.6em;
	overflow:hidden;
	*/
}
/* bei einzelbild wird royalslider nicht initialisiert -> 
und die bildunterschrift dadurch nicht eingeblendet */
.hkwSlide > .rsCaption{
	display:block;
}

#slider-home-hero .rsGCaption{
	min-height: 1.6em;
}


/* HKWDE-325 */
.rsHKW .rsBullets{
	width:auto;
}
.rsGCaption{
	position: relative;
	/*z-index: 40;*/
}



@media (min-width: 1200px) {
	.touchcarousel.hkw-carousel .touchcarousel-item .img-container{
		width: 57px;
		height: 57px;
		margin-right: 18px;
	}
}

/*
.touchcarousel.hkw-carousel .touchcarousel-item img{
	max-width:none;
	width:auto;
	margin:auto;
	display:block;
	height:100%;
	float:none;
}
*/

.maincontent h2{}
.maincontent h3{ margin-bottom:0.5em;}
.maincontent h4{}



.event-db-content-sections{
	clear:left;
	margin-top:20px;
}



/*
bootstrap.css
strong, b {font-family: 'FaktPro-Bold';}

browser stylesheet
strong, b {font-weight: bold;}
*/
b{
   font-weight:normal;
}


/* styles für bestandselemente */
.contentNav{
	margin-bottom:20px;
}

/* HKWDE-358 */
.pressefotos .well-press{
	margin-top:20px;
}
.pressefotos .well-press .image{
	margin-top:0; 
}

/*in den texten zu pressefotos sind alle zeilen als p umgesetzt*/
.pressefotos .well-press p{
	margin-bottom:0;
}

/* ticket hkw-29 */
.pressefotos .well-press .image a{
	border-bottom:none;
}
/* 
chrome verkleinert bilder mit "max-width=100%" 
in tabellenzellen ohne vorgegebene breite.
dieser patch behebt dies, 
allerdings entfällt damit die responsiveness 
*/
table img{
	max-width: none; 
}

/* ticket HKWDE-240 */
.pressefotos .well-press .img-placeholder{
	height:5em; 
	background-color:lightgrey; 
	padding:2em;
}
.pressefotos .well-press .img-placeholder .file-extension{
	position: relative; 
	top: 50%; 
	transform: translateY(-50%); 
	display:block; 
	font-size:2em; 
	color:white;
}

/*serviceteaser (bisher nicht von denny implementiert)*/
.serviceteaser a{
	
}

.superteaser{
	padding-bottom: 20px;
	/*border-bottom: 1px solid #ddd;*/
	/*margin-bottom: 20px;*/
}
.superteaser h4{
	color:#ff3300;
}
.superteaser a h4:after{
	content:'→';
}
/* https://davidwalsh.name/external-links-css */
.superteaser a[href*="//"]:not([href*="hkw.de"]) h4:after {
    content:'↗';
}
@media only screen and (max-width: 767px) {
	.superteaser img{
		display:none;
	}
}






/* abstände und trenner für elemente in der seitenspalte */
.sidebar .teaser{
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}
.sidebar .teaser, .sidebar .info{
	margin-bottom:20px;
}
.pageinfo{
	/*border-bottom: 1px solid #ddd;*/
	margin-bottom: 20px
}


/*issue objekte anpassen (werden als quellcode eingegeben) , .teaser .issuuembed*/
.teaser object, .teaser iframe{
	max-width:100% !important;
/*	height:auto !important;*/
}
/*
.two-columns object, .two-columns iframe{
	width:inherit !important;
	height:inherit !important;
}
*/
.thumbnail-video iframe{
	
	/*height:486px !important;*/
}

.teaser object + div{
	font-size: 19px;
}

.teaser a{
/*	text-decoration:none;*/
	border-bottom:none;
}
.custom-teaser p a{
	border-bottom: 1px solid #aaaaaa;
}
/* links im fließtext im teaser */
.teaser .two-columns a{
	border-bottom: 1px solid #aaaaaa;
}
.teaser .two-columns .image a{
	border-bottom: none;
}
.teaser .two-columns p{
/*	margin-top:0;*/
}
.teaser .two-columns .vorschlaege a{
	border-bottom: none;
}

/* angleichen an #isocontainer .teaser */
.content .teaser.calendar {
	border-top: 1px solid #ddd;
 	padding-top: 20px; 
	margin-top:20px;
}
#isocontainer .teaser.calendar{
	margin-top:0;
}
#isocontainer .teaser.well{
	/* kasten mit hintergrund - braucht abstand */
	margin-top:20px;
}

.teaser.calendar .row{
	/*background-position: -8px 0;*/
	background-position: 0px 0;
}


/*
https://jira.kbb.eu/browse/HKWDE-290
zweispaltiger text - fehler in chrome
https://stackoverflow.com/questions/39028626/chrome-52-css-issue-with-inline-block-and-columns
*/
.two-columns ul.nav-tags{
	display:inline-block;
}
.two-columns ul.nav-tags li{
	/*display:block;*/
	/*float:left;*/
}

/* HKWDE-366 */
.content .two-columns .text-bild-absatz{
	margin-top: 0;
}



/*pagerimg*/
.pager .tooltip-inner{
	min-height:60px !important;
	
	overflow:hidden;
}
.pager .tooltip-inner img{
	height:100%;
	width:auto;
}

/* -
http://stackoverflow.com/questions/15167545/how-to-crop-a-rectangular-image-into-a-square-with-css
*/
.tooltip-imgwrapper {
	float:left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
    margin-right:8px;
}

/* funktioniert zumindest bei landscape */
.crop, .pager .tooltip-inner .tooltip-imgwrapper img {
	float:none;
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    height: 100%;
    width: auto !important;
    max-width:none;
}




.pager .next > a, .pager .next > span, .pagination .next > a, .pagination .next > span{
	background-position: right 5px;
}
.pager .previous > a, .pager .previous > span, .pagination .previous > a, .pagination .previous > span{
	background-position: left 5px;
}

.pager .next > a:hover,
.pager .previous > a:hover,
.pagination .next > a:hover,
.pagination .previous > a:hover {
  background-position-y: -95px;
}




/*firefox problem mit <a> die img mit max-width:100% enthalten */
a.imagezoom{
	display:block;
}

/* alle links haben standardmäßig border-bottom */
a.imglink{
	border:none !important;
}

a.text-highlight{
	color:#ff3300 !important;
	border-bottom:1px solid #ff3300 !important;
}

a.list-item-styled:before{
	content:"\00B7";
	padding-right:0.25em;
	
/*	display:inline-block;*/
/*	text-decoration:none !important;*/
	border-bottom:1px solid white !important;
}

a.ticket{
	color:#ff3300 !important;
	border-bottom:1px solid #ff3300 !important;
}
a.ticket:before{
	content:"\00B7";
	padding-right:0.25em;
	
/*	display:inline-block;*/
/*	text-decoration:none !important;*/
	border-bottom:1px solid white !important;
}








/* linklisten - bei denny als reihe von <p> */
ul.linklist{
	list-style-type:none;
	list-style-position:outside;
	margin:20px 0;
}
ul.linklist li{
	margin:0 0 10px 0;
}
ul.linklist li a{
	border-bottom:none;
}







/* sharethis buttons */
#isocontainer > .icons-share, .isocontainer > .icons-share{
	margin-left: 18px;
	margin-right: 18px;
}

.icons-share .st_facebook .facebook{
	background-position:0 0;
}

.icons-share .st_twitter .twitter{	
	background-position:-30px 0 !important;
}

.icons-share .st_sharethis .sharethis{	
	background-position:-90px 0 !important;
}

.icons-share .st_email .email{	
	background-position:-210px 0 !important;
}

.icons-share .print-icon .print{	
	background-position:-240px 0 !important;
}

.icons-share .chicklets{
	padding:0px 16px 0 0;
	background: url("../img/icons_share.png") no-repeat scroll left top transparent !important;
	text-indent: -1000px;
	overflow:hidden;
}


/* wg. änderungen bei addthis... */
.icons-share .addthis_toolbox > a > span{
	background-image: url(../img/icons_share.png?v=3) !important;
	background-size: 300px 32px !important;
	background-color: transparent !important;
	display: inline-block !important;
	width:18px !important;
}
.icons-share .at-16x16{
	background-size: 300px 32px !important;
}
.icons-share .addthis_toolbox .at-icon{
	/* 160104: addthis stellt icons mit svg dar */
	display:none;
}

span:hover [class^="chicklets"], span:hover [class*=" chicklets"] {
	background-position-y: -16px !important;
}

.thumbnail-gallery2 {
  position: relative;
  display: block;
  line-height: 1.46em;
}
a.thumbnail-gallery2:hover,
a.thumbnail-gallery2:focus {
}
.thumbnail-gallery2 > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail-gallery2 .icon {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 35px;
	background-image: url('../img/icon_gallery_xl.png?v=2') !important;
	background-size: 40px 70px;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #222;
}
.teaser > .thumbnail > img, .teaser .thumbnail-pdf img{
	margin-left: auto;
  	margin-right: auto;
}
.teaser .thumbnail-pdf .thumbnail{
	max-width:100%;
}
.well-press a, .thumbnail-pdf.hochformat .thumbnail{
	max-width: 70%;
}
.teaser .thumbnail-pdf .thumbnail img.hochformat,
#isocontainer .teaser .thumbnail-pdf .thumbnail img.hochformat,
.isocontainer .teaser .thumbnail-pdf .thumbnail img.hochformat{
	max-width:100%;
}

.teaser.teaser-gallery-info{height:auto;}
/*
a.external-venue{
        text-decoration: underline;
        text-decoration-color: #dddddd;
}
*/
.external-venue::before {
    content: "\25fc";
    color: #ff3300;
    padding: 0 3px 0 0;
        text-decoration: none;
display:inline-block;
}




/* OVERLAY */
.bs-example-modal-lg{

position: absolute;
background: none repeat scroll 0 0 #222222;
color: #FFFFFF;
padding: 16px;
margin-left: -447px;
overflow: auto;
/*margin: 0px auto;

left: 0;
*/
width: 894px;
/*height:90%;*/
min-width: 300px;
max-width: 900px;
display: none;
}
/*.modal-content{
        overflow: scroll;
}*/
.modal-body{
max-height: 90%;
/*overflow: scroll;*/
}
.modal-header{
border: none;
padding: 0;
}
.close{
font-size: 36px;
font-weight: normal;
color: #FFFFFF;
line-height: 4px;
height: 19px;
opacity: 1;
text-shadow: none;

}

#slider-home-hero .hkwSlide div.iframe, #slider-home-hero .hkwSlide > a{

	float:right;
	max-width:100%;
	display:inline-block;
		
	border-bottom:none;

}
#slider-verteilseite-hero .image .iframe{
	display:inline-block;
	margin-bottom:8px;
}

@media (max-width: 979px){
	.hkwSlide div.iframe, .hkwSlide > a{
		width: 100%;
		float: none;
	}
}

.hkwSlide > iframe{
	height: 486px !important;
}

.iframe-16-9 {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
  margin-bottom:2em;
}

.iframe-16-9 iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}






#vorschalt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.9);
	z-index:2000;
	
	
}

#vorschalt .close{
	position:absolute;
	top:0;
	right:0;
	padding:10px;
}


/* jira/HKWDE-14 */
body.page-mediathek .alert a {
  color: #ff3300;
  border-bottom: 1px solid #ff3300;
}
body.page-mediathek .alert{
	border-bottom: 1px solid #666666;
}

.alert {
  padding: 0 0 0 0;
  margin-top: 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;  
}

/*Mediathek*/
body.page-mediathek ul.nav.nav-meta.nav-tags{
	margin-top: 0;
}
.bs-example-modal-lg ul.nav.nav-meta.nav-tags li {
	color: #FFFFFF;
}
.bs-example-modal-lg ul.nav.nav-meta li{
	background-image: url('../img/metanav_dot_dark.png')
}
body.page-mediathek div.headline ul.nav.nav-meta li:first-child{
	background-image: none;
	padding-left: 0;
}
body.page-mediathek ul.nav.nav-meta li.active a, body.page-mediathek ul.nav.nav-meta li.active a:hover{
	color: #FFF;
}
body.page-mediathek ul.nav.nav-meta li a:hover{
	color: #FFF;
}
body.page-mediathek .navbar-fixed-top ul.nav.nav-meta li a:hover{
	color: inherit;
}
body.page-mediathek a{
	border-bottom: none;
}










/* 140901 hkw web adjustments ah pdf, 140108 hkw website h2 ah pdf */

.content h2{
	font-size: 24px;
	margin:20px 0 10px 0;
}

.page-search-results h4{
	margin-bottom:10px;
}

.page-search-results .search-results > .row{
	background-position: 0 0;
}

@media only screen and (max-width: 479px) {
	.royalSlider{
		height:auto;
	}
}

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

	/* justieren dropdown arrow */
	.nav-collapse.nav-collapse-more, body.page-home .nav-collapse.nav-collapse-more, .nav-collapse.nav-collapse-language, body.page-home .nav-collapse.nav-collapse-language{
/*		width:250px !important;*/
	}
	.nav-collapse ul.nav.nav-meta.nav-dropdown, body.page-home .nav-collapse ul.nav.nav-meta.nav-dropdown{
/*		width:240px !important;*/
	}
	.nav-collapse.nav-collapse-more::before{
		background-position: -46px bottom;
	}
	.nav-collapse.nav-collapse-language::before{
		background-position: -16px bottom;
	}
}

/* ticket hkw-10 */
@media only screen and (max-device-width:480px) and (max-width:480px) and (orientation:portrait), only screen and (max-device-width:480px) and (max-width:480px) and (orientation:landscape) {
  body .navbar .container-nav {
    min-height: 145px !important;
  }
}
/* bootstrap: */
/* IPAD, IPHONE ONLY */
/* Disable Hover-states */
@media only screen and (max-device-width:1024px) and (orientation:portrait), only screen and (max-device-width:1024px) and (orientation:landscape) {	
	.navbar .nav > li:hover ul.subnav {
	  display: block; /* "none" führt zu den unklickbaren links in der subnav */
	}
}
/* \ticket hkw-10*/


.footer{
	line-height: 1.7em;
}
.footer h4{
	font-size:13px;
	line-height: 1.7em;
	text-transform:uppercase;
}
footer form input:hover, .footer form input:hover,
footer form input:focus, .footer form input:focus 
footer form input:required, .footer form input:required{
	-webkit-box-shadow: none !important;
 	-moz-box-shadow: none !important;
  	box-shadow: none !important;
}

/* push footer down on short pages */
html{
	height:100%;
}
body{
	position: relative;
	min-height:100%;
	padding-top:0 !important;
}
body > .container{
	/*padding-top:112px;*/
}
.footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	/*box-sizing: border-box;*/
	box-sizing: content-box;
	padding-bottom: 0px;
}

@media only screen and (min-width: 768px) {
	body > .container{
		padding-top:112px;
		padding-bottom:300px;
	}
	.footer{
		height: 250px; /* footerhöhe muß fest sein */
	}
}
@media only screen and (max-width: 767px) {
	body > .container{
		padding-bottom:450px;
	}
	.footer{
		height: 450px; /* footerhöhe muß fest sein */
	}
}
@media only screen and (max-width: 479px) {
	body > .container{
		padding-bottom:0;
	}
	.footer{
		position: relative;
		height: auto; 
	}
}
 /* \push footer down on short pages */


.at16nc{
	/* some new icons are wider - addthis btn */
	width:18px !important;
}




/* HKWDE-89 */
.page-verteilseite #isocontainer .header{
	margin-left:14px;
	margin-right:14px;
}
.page-verteilseite #isocontainer .sidebar{
	padding-bottom:0 !important;
	margin-left:14px;
	margin-right:14px;
}
.page-verteilseite #isocontainer .sidebar .icons-share{
	display: block !important;
}
@media only screen and (max-width: 979px) {
	.page-verteilseite #isocontainer .header,
	.page-verteilseite #isocontainer .sidebar{	
		width:auto;
	}
	.page-verteilseite #isocontainer .icons-share{
		text-align:center !important;
	}
	.pagenav{
		border-bottom: 1px solid #dddddd;
	}
}
@media only screen and (min-width: 1200px) {
	.page-verteilseite #isocontainer .header{
		margin-left:18px;
		margin-right:18px;
	}
	.page-verteilseite #isocontainer .sidebar{
		margin-left:18px;
		margin-right:18px;
	}
}
/* \HKWDE-89 */




/*HKWDE-193*/

/*
#isocontainer .teaser.teaser-4-8,
.isocontainer .teaser.teaser-4-8 {
	width: 452px;
}
#isocontainer .teaser.teaser-6-8,
.isocontainer .teaser.teaser-6-8 {
	width: 692px;
}
.span16{
	width: 932px;
}
*/
#isocontainer .teaser.teaser-8-8,
.isocontainer .teaser.teaser-8-8 {
	width: 932px;
}



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

	.divider{

	}
	.divider h4{
		margin-left:0;
	}
  	
  	#isocontainer .teaser.teaser-8-8,
	.isocontainer .teaser.teaser-8-8 {
		width: auto !important;
		min-width:90%;
	}
	/*
  	.span16{
  		width: 100%;
  	}
  	*/
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	/*
	.span16{
  		width: 932px;
  	}
  	.spanto12{
  		width: 692px;
  	}
  	*/
  	#isocontainer .teaser.teaser-8-8,
	.isocontainer .teaser.teaser-8-8 {
		width: 692px;
	}
}

@media only screen and (min-width: 1200px) {
	/*
	#isocontainer .teaser,
  	.isocontainer .teaser {
		width: 264px;
  	}
  	#isocontainer .teaser.teaser-4-8,
  	.isocontainer .teaser.teaser-4-8 {
		width: 563px;
  	}
  	#isocontainer .teaser.teaser-6-8,
  	.isocontainer .teaser.teaser-6-8 {
		width: 864px !important;
  	}
  	.span16{
  		width: 1164px;
  	}
  	*/
  	#isocontainer .teaser.teaser-8-8,
	.isocontainer .teaser.teaser-8-8 {
		width: 1164px;
	}

}

/*HKWDE-193*/




/* HKWDE-198 */
.arrow-link {
  color:black;
  background-image: url(../img/pager_arrow_right.png?v=4);
  background-repeat: no-repeat;
  background-position: right -213px; 
  padding-right: 20px;
  /*text-decoration:underline;*/
}


.arrow-link > span{
	/*padding-bottom:3px;*/
	border-bottom:1px solid black;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { /* retina */
	.arrow-link { background-image:url(../img/pager_arrow_right_2x.png?v=4); background-size: 16px 300px; }
}

.arrow-link:hover {
  background-position: right -113px; 
}

.arrow-link:hover > span{
	border-bottom:1px solid #ff3300;
}
/* /HKWDE-198 */


/* HKWDE-238 */
.teaser.well .arrow-link {
  display: inline-block;
}
/* /HKWDE-238 */



/*   HKWDE-224  */
body.page-mediathek .footer h4 {
  text-transform: uppercase;
}
/*  \HKWDE-224  */



/* HKWDE-223 */
@media only screen and (max-width: 480px) {
	.navbar .nav > li ul.subnav{
		height:auto;
	}
}
/* \HKWDE-223 */






/*HKWDE-215*/

/*
@media only screen and (min-width: 1200px){}
@media only screen and (min-width: 768px) and (max-width: 1199px){}
@media only screen and (min-width: 480px) and (max-width: 767px){}
@media only screen and (max-width: 479px){}

breiten .teaser siehe app.less

*/

#isocontainer .teaser > a img,
.isocontainer .teaser > a img{
	/*
  max-height:264px;
  width:auto;
  */
}

#isocontainer .teaser.teaser-6-8 > a img,
.isocontainer .teaser.teaser-6-8 > a img {
	/*parent: width: 692px;*/
	max-height:692px;
  	width:auto;
}


/*nochmal...*/
#isocontainer .teaser > a img.hochformat,
.isocontainer .teaser > a img.hochformat,
.sidebar .teaser > a img.hochformat{
  /*parent: width: 264px;*/
  max-width:70%; /* 40px seitlicher weißraum bei 264px breite des teasers */
}

/* \HKWDE-215 */





/*HKWDE-246*/

/* http://darktef.github.io/posts/2017-03-offset-html-anchors-for-fixed-header-with-css */

:target {
  display: inline-block;
  position: relative;
  top: -100px; 
  /*visibility: hidden;*/
}

/*\HKWDE-246*/


/*HKWDE-279*/
#slider-home-hero{
	margin-bottom: 26px;
}
@media only screen and (min-width: 1200px){
	#slider-home-hero{
		margin-bottom: 36px;
	}
}
/*\HKWDE-279*/


/* HKWDE-285 */
@media only screen and (max-width: 479px) {
	
	.page-verteilseite .pagenav ul.nav.nav-meta li{
		display:block;
	}

}
@media only screen and (max-width: 979px) {
	
	.page-verteilseite #isocontainer .teaser-pagenav{
		display:none !important;
	}

}
/* \HKWDE-285 */



#isocontainer .teaser > .icons-share, .isocontainer .teaser > .icons-share {
	display: none !important;
}
@media only screen and (max-width: 979px){
	#isocontainer .teaser > .icons-share, .isocontainer .teaser > .icons-share {
		display: none !important;
	}
}



/*HKWDE-313*/
.page-verteilseite .hkwSlide.customteaser{
	font-size:11px;
	margin-bottom: 1.3em;
}
/* 
whitespace unter den elementen im slide vermeiden
https://stackoverflow.com/questions/31444891/mystery-white-space-underneath-image-tag/31445364#31445364 
*/
.page-verteilseite .hkwSlide.customteaser > *{
	vertical-align:bottom;
}
.page-verteilseite .rsGCaption p{
	margin-top: 0;
}
/*\HKWDE-313*/


/*HKW-337*/
.content div[class*="image-aside"]{
	margin-top:20px;
}
/*\HKW-337*/
/*HKW-347*/
.content .text-bild-absatz div[class*="image-aside"]{
	margin-top:0;
}
.content .text-bild-absatz h2:nth-child(3){ /* kein abstand oben, nur am anfang des absatzes */
	margin-top:0;
}
.content .text-bild-absatz{
	margin-top:20px;
}
/*\HKW-347*/

/*HKW-373*/
.content .text-bild-absatz h2{
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
.content .text-bild-absatz h3{
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
.content .text-bild-absatz .image{
	margin-bottom:3em;
}
/*\HKW-373*/




/* HKW-375
Absatztyp für Einzelstandardseite - Ausrichtung mittig
*/

/* nur für desktop größen sinnvoll */
@media only screen and (max-width: 979px) and (min-width: 768px){
	
	/*
	.span12{
		width: 692px;
		margin-left: 28px;
	}
	.span8{
		width: 452px;
	}
	.offset4{
		margin-left: 268px;
	}
	*/

	.absatz-zentriert,
	.absatz-zentriert ~ ul.nav.nav-meta, 
	.absatz-zentriert ~ .event-db-content{
		width: 452px;
		margin-left: -120px;
	}
	.absatz-zentriert ~ ul.nav.nav-meta {
		margin-left: -110px;
	}

}

@media only screen and (min-width: 1200px) {
	/*
	.span12 {
		width: 864px;
		margin-left: 36px;
	}
	.span8{
		width: 564px;
	}
	}
	.offset4{{
		margin-left: 336px;
	}
	*/

	.absatz-zentriert, 
	.absatz-zentriert ~ ul.nav.nav-meta, 
	.absatz-zentriert ~ .event-db-content{
		width: 564px;
		margin-left: -150px;
	}
	.absatz-zentriert ~ ul.nav.nav-meta {
		margin-left: -140px;
	}

}

/*\HKW-375*/



/*HKW-394*/
#isocontainer .teaser.teaser-6-8,
.isocontainer .teaser.teaser-6-8 {
	padding-top: 15px;
	border-top: 1px solid #ddd;
}
/*\HKW-394*/



/*HKW-397*/
blockquote {
	border-left:none;
	padding-left:2.5em;
	padding-right:3.5em;
	margin: 30px 0 30px;
	
}
blockquote p{
	font-size:inherit !important;
}
@media only screen and (max-width: 767px) {
	blockquote {
		padding-left:1.5em;
		padding-right:2.5em;
	}
}
/*\HKW-397*/













@media print {
	
	/*
	.navbar-fixed-top .brand span {
		content:url(../img/logo_print.png);
		overflow:hidden;
	}
	*/

	
	@page{
		margin:1cm 0.8cm 1cm 1cm;
	}
	



	/* 
	print darstellungsfehler 
	*/

	/* versuche absolut positionierte elemente zu zähmen */
	#isocontainer .teaser{
		/*
		behebt problem mit abgeschnittenen elementen
		erzeugt neue probleme, da alle isotope layouts nicht mehr funktionieren
		-> scheint aber die momentan anerkannte methode zu sein
		*/
		
		position:relative !important;
		left:0 !important;
		top:0 !important;
		
	}

	.rsHKW .rsOverflow{
		max-width:100% !important;
	}


	/* print header */
	.navbar-fixed-top{
		position:relative;
		margin-bottom:1em;
	}
	
	body > .container{
		/* platz für print header */
		padding-top: 0px !important;
		width:900px !important;
	}

	.navbar-fixed-top .brand{
		display:none;
	}
	
	.print-header .span4:first-child img{
		width:120px;
		height:auto;
		margin-left: 36px;
	}


	
	/*
	.navbar-fixed-top .brand span{
		background-image: none;
		overflow:hidden;
	}
	.navbar-fixed-top .brand span::after{
		width:100%;
		height:100%;
		content:url(../img/logo_print.png);
	}
	 */
	/*
	.navbar-fixed-top .brand span img {
		width:116px; 
		height:124px;
	}
	*/
}


@media print and (min-width: 980px) {
	
	/* 
	print darstellungsfehler 
	*/
	body{
		/* 
		
		*/
		/*transform: scale(0.8);*/
   	/*transform-origin: 0 0;*/
	}

	
}




.nobreak{
	white-space: nowrap;
}