@charset "utf-8";

/* COMMON *************************** */
.mobile {display:none !important;}
.tablet {display:none !important;}
.desktop {}

.state-indicator {position:absolute; top:-999em; left:-999em;}
.state-indicator:before {content:'desktop';}

/* GLOBAL OVERRIDES ***************** */
#position {position:relative; min-width:0;}

/* OFF CANVAS ******************* */
#header .toggle {float:left; height:60px;}
#header .toggle a {display:block; width:25px; height:35px; margin-top:13px; background:transparent url('/img/2013/iconset.png') -145px -285px no-repeat;}
.off_canvas {position:absolute; top:0; left:0; overflow-x:hidden; width:0;}
.off_canvas .wrapper {}
.off_canvas .metamenu {border-top:1px solid #2387bd; border-bottom:1px solid #2387bd;}
.off_canvas .metamenu ul {padding:0 1em; color:#fff;}
.off_canvas .metamenu ul li {display:inline;}
.off_canvas .metamenu ul li a {padding:0 .5em; color:#fff;}
.off_canvas #navigation {margin:0; height:auto; line-height:40px;}
.off_canvas #navigation ul {float:none;}
.off_canvas #navigation ul li {float:none; border:none;}
.off_canvas #navigation ul li a {float:none !important; display:block; width:auto !important; padding:0 !important; font-size:1.1em !important; text-indent:55px !important;}
.off_canvas #navigation ul li:first-child a {background-position:5px -177.5px;}
.off_canvas #navigation .search {float:none; padding:.25em 0; margin:1.5em 0; border-top:1px solid #2387bd; border-bottom:1px solid #2387bd;}
.off_canvas #navigation .search input[type="submit"] {width:55px; background-position:5px -250px;}
.off_canvas #navigation .search input[type="text"] {width:auto; height:2.4em; font-size:1.2em; font-style:italic;}
.off_canvas #navigation .search input[type="text"]::-webkit-input-placeholder {color:#fff;} /* WebKit browsers */
.off_canvas #navigation .search input[type="text"]:-moz-placeholder {color:#fff;opacity:1;} /* Mozilla Firefox 4 to 18 */
.off_canvas #navigation .search input[type="text"]::-moz-placeholder {color:#fff;opacity:1;} /* Mozilla Firefox 19+ */
.off_canvas #navigation .search input[type="text"]:-ms-input-placeholder {color:#fff;} /* Internet Explorer 10+ */
.off_canvas .icons {text-indent:45px; margin:3em 0;}
.off_canvas .icons a {margin-right: 2em; }
body.show_off_canvas {overflow-x:hidden;}
body.show_off_canvas #position {overflow-x:hidden; min-width:100%; left:80%; width:20%;}
body.show_off_canvas .off_canvas {width:80%;}


/* BREAKPOINT "LAYOUT" <= 994px ****** */
@media only screen and (max-width: 994px) {
	.tablet {display:inherit !important;}
	.desktop {display:none !important;}
	
	.state-indicator:before {content:'tablet';}

	/* OFF CANVAS ******************* */
	.off_canvas .metamenu {line-height:59px; height:59px;}

	/* OVERRIDES ******************* */
	body {background:#FFF; -webkit-text-size-adjust:100%;}

	.container_35 {width:auto; padding-left:50px !important; padding-right:50px !important;}
	.container_35 [class*="grid"] {width:100%;  max-width:100%; float:none; display:block; margin-left:auto; margin-right:auto;}
	.container_35 [class*=grid] + [class*=grid][class*=border] {border-left:0 !important; margin-left:0 !important;} /* grids are displayed block, no margin - no border */
	.container_35 [class*="prefix"] {padding-left:0;}
	.container_35 [class*="suffix"] {padding-right:0;}

	#position {padding-top:60px;}

	#content .bg-white .section {padding:45px 0px 40px;}

	aside.listview {margin-top:45px;}

	#header {min-width:0;}
	#header .logo {float:right; width:85px; height:60px;}
	#header .logo a {display:block; padding:0 0.25em; width:100%; background-position:-125px 0;}
	
	#header #navigation {display:none;}

	ul.sharing {font-size:1.85em; line-height:1em; margin:0 !important; text-align:center; white-space:nowrap}
	ul.sharing li {border:none !important; width:auto; display:inline; margin:0 .15em;}
	ul.sharing li a {display:inline; padding:0 .2em;}
	ul.sharing li a:hover {background:none;}

	footer .container_35 {padding-left:0 !important; padding-right:0 !important;}
	footer .centerContainer {padding:0;}
	footer .centerContainer [class*="grid"] {margin:0; width:100%; border:none;}
	footer .centerContainer a.logo {padding:1em 0; margin:0 auto;}
	footer ul.sharing {margin:2em 0 !important; font-size:2.3em; display:block; text-align:center;}
	footer ul.sharing li ~ li {border-left:none;}
	footer ul.sharing li a {padding:0 .2em;}
	footer ul.footer_menu li {margin:0; padding:.75em 0; display:block; font-size:1.25em; text-align:center; border:none; border-top:1px solid #E7EDEF;}
	footer ul.footer_menu li a {display:block;}
	footer p.copyright {margin:0; padding:.75em 0; display:block; text-align:center; border-top:1px solid #E7EDEF;}

	/* BRANDS ******************************* */
	html.subbrand #position, html.subbrand #position.navigation {padding-top:225px;}

	html.subbrand #header .logo {position:relative; width:30px;}
	html.subbrand #header .logo a {width:100%; height:55px; background-position:-125px 0;}

	html.subbrand #header .visual {height:175px; background-size:cover;}
	html.subbrand #header .visual div {float:none; margin:0 125px; text-align:center;}
	html.subbrand #header .visual, html.subbrand #header .visual a {color:#004381 !important; text-shadow:none !important;}
	html.subbrand #header .visual h2 {margin:0; position:relative; top:-39.5px; font-size:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	html.subbrand #header .visual h2.single {margin-top:0;}

	#content .alphabeticalview .index.top {background:none; border-bottom:1px solid #e7edef;}
	#content .alphabeticalview .index.bottom {background:none; border-top:1px solid #e7edef;}
	#content .alphabeticalview .index.top a, #content .alphabeticalview .index.top span {padding:10px 0 20px 0;}
	#content .alphabeticalview .index.bottom a, #content .alphabeticalview .index.bottom span {padding:20px 0 10px 0;}
	#content .alphabeticalview .index.top a.active {background:none;}
	#content .alphabeticalview .index.bottom a.active {background:none;}

	/* ELEMENTS ******************************* */
	div.infobox {max-width:420px;}

	.flexslider .slides > li > [class*="grid"]:first-child {margin-left:0;}
	.media .flexslider .slides > li.image {padding-top:65px;height: auto;}
	.flexslider .slides img {max-height:345px; margin:0 auto;}
	.media .flexslider .slides > li.image > span > div[style]:first-child {padding:0; max-width:100%;}
	.media .flexslider .slides > li.image p.description {margin:0 auto; max-width:90%; height:auto; padding:0 0 80px;} /* "padding-bottom" muss zur automatische Berechnung der Höhe um "padding-top" des li-Elementes ergänzt werden (box-modell) */

	/* BRANDS *********************** */
	#content .detailview img {display:block; margin:0 auto 30px auto;} /* Cover */
	#content .detailview p.calendar {margin-left:auto; margin-right:auto;} /* Kalender */
	#content .detailview header h1 {overflow:hidden; text-overflow:ellipsis; hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto;}
	#content .detailview p.context a {white-space:normal;}

	#content .imprint div[class*="grid"] + div[class*="grid"] {margin-top:3em;}

	#content .more .grid_8 {width:209px;}
	#content .more .grid_8 ~ .grid_8 {margin-top:4em;}

	#content .tags a {overflow:hidden; text-overflow:ellipsis; max-width:100%;}
}


/* BREAKPOINT "TABLET" & "LAYOUT" 480px > ... <= 994px  ****** */
@media only screen and (min-width: 481px) and (max-width: 994px) {

	/* BRANDS *********************** */
	/* zweispaltige Darstellung */
	#content .detailview .grid_8.suffix_1 {float:left; width:209px; padding-right:28px;} /* Cover */
	#content .detailview .grid_6.suffix_1 {float:left; width:153px; padding-right:28px;} /* Kalender */
	#content .detailview .grid_8.suffix_1 ~ .grid_8.suffix_1 {float:none; width:auto; padding-right:0;}
	#content .detailview .grid_8.suffix_1 + header {width:auto; margin-left:237px;}


	/* zweispaltige Darstellung */
	#content .imprint .grid_14 {width:47.5%; min-width:238px; float:left;}
	#content .imprint .left.grid_14 {margin-right:5%;}

	/* zweispaltige Darstellung */
	#content .more {text-align:center;}
	#content .more .section {max-width:498px; padding-bottom:10px !important;}
	#content .more .grid_8 {float:left; width:209px; margin:0 20px 4em 20px !important;}
}


/* BREAKPOINT "TABLET" <= 768px ****** */
@media only screen and (max-width: 768px) {

	/* OFF CANVAS ******************* */
	#header .toggle {height:50px;}
	#header .toggle a {height:35px; margin-top:8px;}
	.off_canvas .metamenu {line-height:49px; height:49px;}

	/* OVERRIDES ******************* */
	.container_35 {padding-left:30px !important; padding-right:30px !important;}

	#position {padding-top:50px;}

	#header .logo {margin-top:-5px; height:50px;}

	footer .container_35 {padding-left:0 !important; padding-right:0 !important;}

	/* ELEMENTS ******************************* */
	.container_35.flexslider {padding-left:0 !important; padding-right:0 !important;}
	.container_35.flexslider .flex-direction-nav {display:none !important;}

	/* BRANDS ******************************* */
	html.subbrand #position, html.subbrand #position.navigation {padding-top:175px;}

	html.subbrand #header .visual {height:125px;}
	html.subbrand #header .visual div {margin:0px 85px;}
	html.subbrand #header .visual h2 {top:-34.5px;}
}


/* BREAKPOINT "MOBILE" <= 480px ****** */
@media only screen and (max-width: 480px) {
	.mobile {display:inherit !important;}
	.desktop {display:none !important;}
	
	.state-indicator:before {content:'mobile';}

	/* OVERRIDES ******************* */
	.container_35 {padding-left:15px !important; padding-right:15px !important;}
	
	/* BRANDS *********************** */
	#content .detailview img {margin-top:-25px;} /* Cover */

	html.subbrand #header .visual div {margin:0px 55px;}
}