@CHARSET "UTF-8";
/**
 * DP 3.1 - CSS des Contents  (Alle Styles, die mitgedruckt werden)
 */ 
@media all {
	/* Schrift */ 
	body { line-height: 1.5; }
	body,table,input,textarea,button { color: var(defaultfontcolor); font-family: var(fontfamilyprimary), Arial, Helvetica, sans-serif; font-size: var(fontsizeroot); font-weight: var(fontweightregular); }
	
	/* Headlines */
	h1, .h1, h2, .h2,
	h3, .h3, h4, .h4,
	h5, .h5, h6, .h6{ margin: 0 0 var(defaultspacing); line-height: 1.25; font-weight: var(fontweightbold); display: block; color: var(brandprimary); }
	h1, .h1{ font-size: 25px; }
	h2, .h2{ font-size: 22px; }
	h3, .h3{ font-size: 20px; }
	h4, .h4{ font-size: 18px; }
	h5, .h5{ font-size: 16px; }
	h6, .h6{ font-size: 14px; }
	
	#cookienotice{ z-index: 99999; position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; padding: .5em; font-size: 11px; background: #666; color: #fff; }
	#cookienotice span{ display: inline-block; padding: .25em; }
	#cookienotice a{ color: #fff; display: inline-block; margin-left: .25em; padding: .25em .75em; background: rgba(0,0,0,.25); -webkit-border-radius: 4px; border-radius: 4px; }
	#cookienotice a:hover{ background: rgba(0,0,0,.5); }
	
	.rsabbrand{ font-variant: small-caps; letter-spacing: 0em; text-transform: none!important; }
	
	p,ul,ol,blockquote,table{ margin: 0 0 var(defaultspacing); }
	
	strong, b{ font-weight: var(fontweightbold); }
	
	/* Links */
	a { color: var(defaultlinkcolor); text-decoration: none; }
	a:focus{ outline: none; }
	a:hover{ color: var(brandprimarydark); }
	.no-touch a[href^='tel:']{ cursor: default; color: var(defaultfontcolor)!important; }
	a, a:before, a:after, button, input{ -webkit-transition: all .25s; transition: all .25s; }
	
	/* Darstellung in Tabellen verbessern */
	.responsiveTable{ min-height: 0.01%; overflow-x: auto; }
	td p { margin: 0; }
		
	/* Medien */
	.teaserBild { float: left; margin-right: var(defaultspacing); max-width: 33.33%; }
	.medium { display: inline-block; }
	.medium img { vertical-align: bottom; }
	.mediumleft { margin: 0 1em 0.25em 0; float: left; }
	.mediumright { margin: 0 0 0.25em 1em; float: right; }
	.mediumcenter { margin: 0.5em 0; width: 100%; }
	.mediumcenter img { margin: 0 auto 0; display: block; }
	.mediumHintergrund { color: #666; background: #efefef; font-size: .825em; padding: .25em .625em; display: block; }
	.mediumcenter .mediumHintergrund { margin: 0 auto; }
	.mediumBeschriftung { text-align: left; padding: .25em 0; display: block; }
	.mediumCopyright { text-align: left; font-weight: bold; font-size: .825em; padding: .25em 0; display: block; }

	.medium, img{ max-width: 100%; height: auto; }
	
	/* Responsive Image Wrapper */
	.imageFormat { display: block; height: 0; width: 100%; overflow: hidden; position: relative; }
	.imageFormat.format-1-1{ padding-bottom: 100%; }
	.imageFormat.format-4-3{ padding-bottom: 75%; }
	.imageFormat.format-3-2{ padding-bottom: 66.6666666667%; }
	.imageFormat.format-16-9{ padding-bottom: 56.25%; }
	.imageFormat.format-2-1{ padding-bottom: 50%; }
	.imageFormat.format-3-1{ padding-bottom: 33.3333333333%; }
	
	/* Fullscreen Background Image */
	.fullscreenImage{ 
		background-repeat: no-repeat; background-position: center; background-attachment: scroll;
		-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 
		-webkit-backface-visibility: hidden; backface-visibility: hidden;
	}
	.fullscreenImage.contain{ -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;  }
	
	.contentLink, .dp-userbutton, #dp-pagination <<* {  }
		a{ padding: var(smallspacing) var(defaultspacing); line-height: 1em; font-weight: var(fontweightbold); background: var(brandprimary); color: #fff; margin-right: var(smallspacing); display: inline-block;
			-webkit-box-shadow: 2px 3px 1px 0 rgba(0,0,0,.9); box-shadow: 2px 3px 1px 0 rgba(0,0,0,.9);
		}
		a:hover{ background: var(brandprimarydark); }
	>>
	#dp-pagination{ border-top: 1px solid rgba(0,0,0,.25); padding: var(defaultspacing) 0 var(largestspacing); }
}

@media all and (max-width: 45em){  /*720px*/ 
	.responsiveTable{ border: 1px solid #ccc; overflow-y: hidden; width: 100%; }
}

@media all and (min-width: 25em){ /*400px*/
	h1, .h1{ font-size: 32px; }
	h2, .h2{ font-size: 27px; }
	h3, .h3{ font-size: 24px; }
	h4, .h4{ font-size: 20px; }
	h5, .h5{ font-size: 18px; }
	h6, .h6{ font-size: 16px; }
}

@media all and (min-width: 45em){ /*720px*/
	h1, .h1{ font-size: 40px; }
	h2, .h2{ font-size: 32px; }
	h3, .h3{ font-size: 27px; }
	h4, .h4{ font-size: 22px; }
	h5, .h5{ font-size: 18px; }
}

@media all and (min-width: 60em){ /*960px*/ 
}

@media all and (min-width: 70em){ /*1120px*/ 
}