:root {
  --grey: #D3D3D3;
  --filter-white: invert(100%);
}


@font-face {
  font-family: "wienermelange";
  src: url("/_assets/content/dhw_woff/WienerMelange_W_Rg.woff") format("woff");
}

@font-face {
  font-family: "wienermelange";
  src: url("/_assets/content/dhw_woff/WienerMelange_W_Bd.woff") format('woff');
  font-weight: bold;
}

@font-face {
  font-family: "wienermelange";
  src: url("/_assets/content/dhw_woff/WienerMelange_W_BdIt.woff") format('woff');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "wienermelange";
  src: url("/_assets/content/dhw_woff/WienerMelange_W_It.woff") format('woff');
  font-style: italic;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance:none;font-family:'wienermelange'; }
html, body, form, textarea, input, button, select, legend, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th {color:#333333;margin:0;padding:0;}
body {background:#fff;text-align:center;font:16px/1.4 'wienermelange';*font-size:small;*font:x-small;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html { overflow-y:scroll; }
#parent { overflow:hidden;position:relative;width:100%;min-width:320px; }

.content-block { padding:30px 20px;text-align:left; }
.content-block-center { text-align:center; }
.content-block-grey { background:#ECECEC;}
.inner { margin:0 auto;max-width:1000px; }
.inner-sm { max-width: 969px; margin: 20px auto 0;}
.module .inner{margin: 30px 0px;}

.module_conf_head, .module_conf_tail{
	margin: 30px 0px;
}

#header {position: relative; z-index: 50; background-color: #ffffff;}

#logo { display:inline-block;padding:20px;text-align:left;vertical-align:top;width:50%; }
#logo a { display:block;line-height:0; }
#logo img { display:block;max-width:100px; }
.navanchorwrap { display:inline-block;margin-top:10px;padding-right:20px;text-align:right;vertical-align:top;width:50%; }
#navanchor { height:25px;position:relative;width:30px; margin-right: 25px;}
#navanchor span { background:#333333;height:2px;left:5px;width:100%; transition: 0.3s ease-in-out; position: absolute}
.navopen #navanchor span.mid{display: none}
.navopen #navanchor span:not(.mid){
	position: absolute;
	top: 50%
}
#navanchor span:first-child{
	top: 0;
}
#navanchor span.mid{ top: 50%}
#navanchor span:last-child{ top: 100%}
.navopen #navanchor span:first-child{
	transform: rotate(45deg)
}
.navopen #navanchor span:last-child{
	transform: rotate(-45deg)
}


#navwrap { display:none; }
#navwrap.active { display:block; }

#nav { list-style:none; }
#nav li { background:none;padding:0; margin: 0!important; text-decoration: none!important; }
#nav a { color:#0075a2;display:block;font-family:'wienermelange',sans-serif;padding:15px;text-decoration:none;text-transform:uppercase; }
#nav a:hover, #nav a:focus, #nav a.active { text-decoration:underline; }

.nav__sub-list, .nav__element_opener { display:none; }

.meta-above { /*background-color: #333;*/ text-align: right; }
.meta-above ul.nav__list { padding: 0 10px; }


#footer { background-color:#E9BB24; padding:20px 20px; }
#footer * { color: #333333; }
#footer ul { text-align: center; }
.footer-block { display:inline-block;vertical-align:middle; }
.footer-block-logo { text-align:left;width:33.3%; }
.footer-block-meta { text-align:right;width:66.6%; }
address { font-size:.667em;font-style:normal; }
#footer ul.nav__list li {
    display: inline-block;
    margin: 0 0 0 20px;
}
.meta-above a,.meta-above a:link,.meta-above a:visited,.meta-above a:hover, .meta-above a:focus, .meta-above a:active { color: #fff; }

.headsection { background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;text-align:left; }

.title { position:absolute;bottom:30px; }
.credits { background:#FFF;background:rgba(255,255,255,.8);bottom:0;color:#333;display:block;font-size:.6em;padding:5px;position:absolute;right:0; }
.box-inner .credits { top:0; bottom:auto; }

h1 { font-size:28px;line-height:36px;max-width:700px; }
h1 span { color:#FFF;display:inline;font-family:'wienermelange',sans-serif;padding:8px 20px;box-decoration-break:clone;-webkit-box-decoration-break:clone; }

h1, h2, h3, h4, h5, h6 { font-family:'wienermelange',sans-serif; color:#494C80;}

h5, h6 { text-transform:uppercase; }
h2 {font-size:20px; font-weight: bold; /*margin:.8em 0 .5em;*/ line-height:28px; }
h3 {font-size:18px; font-weight: bold; /*margin:.7em 0 .5em;*/ line-height:26px; }
h4 {font-size:14px; /*margin:.7em 0 .5em;*/ line-height:20px; }
h5 {font-size:14px;font-weight: bold; /*margin:.6em 0 .5em;*/ line-height:20px; color: #333333; }
/*h6 {font-size:.889em;margin:.6em 0 .5em; line-height:22px; }*/
p { font-size: 16px; line-height: 22px;}

h1:not(#logo) {margin: 40px 0 20px;}
.module:not(.calelement):not(.module_onepage) h2 {margin:.8em 0 .5em;}
.module:not(.calelement):not(.module_onepage) h3 {margin:.7em 0 .5em;}
.module:not(.calelement):not(.module_onepage) h4 {margin:.7em 0 .5em;}
.module:not(.calelement):not(.module_onepage) h5 {margin:.6em 0 .5em;}

blockquote { font-style: italic;font-family: 'wienermelange',sans-serif;position: relative; }
blockquote:before { content: ""; background-image:url('/_assets/css/gfx/blockquote.svg'); position: absolute;background-size: 20px;
width: 20px;
height: 20px;
left: -30px; }

.cfix:before, .cfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cfix:after { clear: both; }
.notop > *:first-child {margin-top:0;}
.v { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */  clip: rect(1px, 1px, 1px, 1px); border:0 !important;height: 1px !important;margin: -1px !important;padding:0 !important;overflow: hidden;width: 1px !important;}
ul { padding: 0 0 0 20px; }
ul.tarn { list-style: none; }
/*ul { list-style:none;margin:0; }*/
/*ul li { background:url(gfx/icon-list.png) no-repeat 0 7px; background-size:12px 10px;padding-left:37px; }*/

img { max-width:100%;height:auto; }

.ad-wrapper { margin:0 auto;text-align:center;width:100%; }

.meta-link a { color:#FFF;display:inline-block;font-family:'wienermelange',sans-serif;text-decoration:none; }

.disabled{
  pointer-events: none;
  filter: grayscale(100%);
}

@media screen and (max-width: 479px) {
  article.box { width:100%; }
  .footer-block-logo, .footer-block-meta { text-align:center;width:100%; }
  
}
/*@media screen and (max-width: 719px) {*/
@media screen and (max-width: 959px) {
  #navwrap { background:#0075a2;left:0;padding:20px 30px 40px;position:static; }
  #nav a { color:#FFF;padding:15px 0; }
  #nav li { border-bottom:1px solid #FFF;width:100%; }
  
  h1 { font-size:1.67em; }
	.meta-above{ 
		display: none;
		position: absolute;
		  top: 65px;
		  background-color: #fff;
		  width: 100%;
		  left: 0;
		z-index: 50;
	}
	.navopen .meta-above{
		display: block 
	}
	#header .meta-above .inner{justify-content: flex-start; height: auto;}
	.meta-above .nav__list{text-align: left; margin-left: 20px}
	.meta-above ul.nav__list li{margin: 30px 0;}
}
  
  

/*@media screen and (min-width: 720px) {*/
@media screen and (min-width: 960px) {
  /*#logo { width:25%; }*/
  #logo { width:200px; }
  #navanchor, .navanchorwrap { display:none; }
  #navwrap { display:inline-block !important;margin-top:6px;text-align:right;vertical-align:top;width:75%; }
  #nav li { margin-right:10px; }
	.meta-above ul.nav__list li {
    display: inline-block;
    padding: 0 20px;
}
  
  .content-block { padding:50px 20px; }
  
}


@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5 )and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  ul li { background-image:url(icon-list@x2.png); }
  
}