*{margin:0;padding:0;outline:none;border:0;position:relative;text-decoration:none;}
*::selection{background-color:#0072bb;color:#fff;}
.kompass *::selection{background-color:#75ac1b;color:#fff;}
html,body{width:100%;height:100%;}
body{overflow-x:hidden;background:url(img/bg_wk.jpg) 0 0/cover fixed;font-weight:400;font-size:16px;color:#333;font-family:'Lato',sans-serif;}
body.kompass{background-image:url(img/bg_gk.jpg);}
h1{font-weight:900;color:#0072bb;font-size:24px;margin-bottom:30px;line-height:normal;}
h2.aerzte{font-size:24px!important;color:#75ac1b!important;font-weight:900!important;margin:40px 0 20px 0!important;}
.kompass h1{color:#75ac1b;}
h2{font-weight:900;color:#0072bb;font-size:18px;margin-bottom:14px;}
.kompass h2{color:#75ac1b;}
.unterseite h2{font-weight:700;font-size:17px;margin:20px 0 10px 0;color:#333;}
h1 span,h2 span{display:block;color:#333;font-weight:700;font-size:16px;margin-bottom:6px;}
h3{font-weight:700;font-size:inherit;}
h2:first-child{margin-top:0;}
p{margin-bottom:20px;}
p:last-child{margin-bottom:0;}
a{color:#0072bb;}
.kompass a{color:#75ac1b;}
clear{clear:left;display:block;}
img{display:block;}
p,div,strong,em{line-height:20px;}
.wrapper{width:1400px;margin:auto auto;}
.main{box-shadow:0 0 300px 20px rgba(0,0,0,.3);z-index:1;background:#fff;margin-bottom:100px;}
.right{float:right;margin:0 0 10px 30px;z-index:2;}
.right img{margin-bottom:10px;}
.button{display:inline-block;background:linear-gradient(rgba(0,114,187,.8),rgba(0,114,187,.6));color:#fff;text-align:center;padding:3px 6px 3px 6px;margin-top:10px;}
.button:hover{background:linear-gradient(rgba(0,114,187,1),rgba(0,114,187,.8));}
.trenner{background:url(img/bg_wk.jpg) 0 0/cover fixed;width:104%;height:20px;margin:20px 0 20px -2%;}
.kompass .trenner{background-image:url(img/bg_gk.jpg);}
.trenner:after{content:'';background:rgba(0,0,0,.18);display:block;height:100%;}
ul,ol{padding-left:18px;margin-bottom:20px;}
li{list-style-type:square;}

header>div:nth-of-type(2),.wrapper,header form,header>div:nth-of-type(2),header>div:nth-of-type(2)>div,#logo{transition:.3s;}

header{z-index:2;}
#mobil{width:50px;height:40px;cursor:pointer;display:none;}
#mobil>div{height:20%;width:100%;position:absolute;top:0;left:0;background:#fff;}
#mobil>div:before{content:'';position:absolute;top:200%;left:0;width:100%;height:100%;background:#fff;}
#mobil>div:after{content:'';position:absolute;top:400%;left:0;width:100%;height:100%;background:#fff;}
header>div:nth-of-type(1){position:fixed;width:100%;background:linear-gradient(rgba(0,114,187,.8),rgba(0,114,187,.6));height:18px;padding:10px 0 10px 0;z-index:9;}
header.scrolled>div:nth-of-type(1){background:linear-gradient(rgba(0,114,187,1),rgba(0,114,187,.8));}
.kompass header>div:nth-of-type(1){background:linear-gradient(rgba(86,134,8,.9),rgba(86,134,8,.7));}
header>div:nth-of-type(1) a{color:#fff;font-size:13px;}
header>div:nth-of-type(1) a:hover,header>div:nth-of-type(1) a.aktiv{}
header>div:nth-of-type(1) a:before{content:' | ';margin:0 5px 0 5px;}
header>div:nth-of-type(1) a:nth-of-type(1):before{content:'';}
#logo{display:block;width:320px;}
#logo>img{width:100%;height:auto;}
.kompass #logo{margin-top:4px;}
header form{position:absolute;top:-7px;right:0;width:200px;}
header input{background:#5fa5d3 url(img/lupe.png) right 10px top 8px no-repeat;width:100%;box-sizing:border-box;padding:9px 28px 6px 10px;color:#fff;box-shadow:1px 1px 4px rgba(0,0,0,.2) inset;}
.kompass header input{background-color:#89ab46;}
::-webkit-input-placeholder{color:#fff;font-style:italic;opacity:.8;}
header>div:nth-of-type(2){background:linear-gradient(rgba(125,167,217,.4),rgba(125,167,217,.8));overflow:hidden;padding:38px 0 0 0;height:110px;}
header.scrolled>div:nth-of-type(2){height:0;}
.kompass header>div:nth-of-type(2){background:linear-gradient(rgba(129,200,18,.4),rgba(129,200,18,.8));}
header>div:nth-of-type(2)>div{padding:14px 0 16px 0;box-sizing:border-box;height:100%;background:url(img/skyline.png) right bottom no-repeat;background-size:411px auto;}
.kompass header>div:nth-of-type(2)>div{background-image:none;}
header>div:nth-of-type(3){background:linear-gradient(rgba(227,227,227,1),rgba(245,245,245,1),rgba(227,227,227,1));height:35px;box-shadow:0 0 1px rgba(0,0,0,.6);}
header>div:nth-of-type(3) nav{margin-left:-1px;}
header>div:nth-of-type(3) a{display:block;float:left;height:26px;padding:10px 14px 0 14px;margin:0 1px 0 1px;font-weight:700;text-transform:uppercase;color:#333;font-size:12px;}
header>div:nth-of-type(3) a:hover,header>div:nth-of-type(3) a.aktiv{background:#fff;border-left:1px solid rgba(0,0,0,.21);border-right:1px solid rgba(0,0,0,.21);margin:0;}
#ausgabe{width:109px;height:109px;box-sizing:border-box;display:block;background:url(img/ausgabe_wk.png);transform:rotate(7deg);position:absolute;top:-34px;right:-20px;color:#fff;text-align:center;padding-top:48px;font-size:11px;}
.kompass #ausgabe{background:url(img/ausgabe_gk.png);}
#ausgabe span{font-size:18px;font-weight:900;margin:2px auto 0 auto;display:block;}

main{min-height:600px;box-sizing:border-box;padding:20px 1% 0 1%;display:block;}
main:after{display:block;content:'';clear:both;}
main.unterseite>div,.artikel_detail main>div{float:left;}
main.unterseite>div:nth-of-type(1),.artikel_detail main>div:nth-of-type(1){width:calc(100% - 500px);}
main.unterseite>div:nth-of-type(2),.artikel_detail main>div:nth-of-type(2){width:450px;padding-left:50px;}

/* Stichwörter */
#stichwoerter>div{float:left;width:33%;margin:0 0 40px 0;}
#stichwoerter>div:nth-of-type(3n+1){clear:both;}
#stichwoerter strong{display:block;font-size:20px;font-weight:900;margin:0 0 12px 0;}

/*Artikel (Detail)*/
.artikel_detail main h2{color:#333;font-weight:700;margin-bottom:10px;font-size:17px;}
.artikel_detail main img{width:100%;height:auto;display:block;margin-bottom:18px;}
.artikel_detail .galerie img{margin-bottom:5px;}
.artikel_detail .galerie a{font-size:13px;color:#999;margin-bottom:24px;display:block;}
.galerie{margin-bottom:40px;}
#autor{margin:16px 0 40px 0;}
#autor div:nth-of-type(1){float:left;width:26%;margin-right:3%;}
#autor div:nth-of-type(2){float:left;width:71%;}
#autor div:only-of-type{float:none;width:100%;}
#autor img{width:100%;height:auto;}
.artikel_detail main>div:nth-of-type(2) #anzeigen{float:none;width:auto;}
table{margin-bottom:20px;border:1px solid rgba(0,0,0,.4);}
td,th{padding:10px;vertical-align:top;}
thead td,th{background:#0072bb;color:#fff;}
.kompass thead td,.kompass th{background:#75ac1b;}
tr:nth-of-type(2n) td{background:#eee;}
#alk td:nth-of-type(1){width:70px;}
blockquote p{font-style:italic;opacity:.8;}

/*Artikel*/
.artikel>div{float:left;}
.artikel>div:nth-of-type(1) img{width:100%;height:auto;}
.artikel>div:nth-of-type(3) a,.artikel>div:nth-of-type(3)>div{color:#aaa;font-style:italic;font-size:14px;}
.artikel>div:nth-of-type(3) a:hover{color:#333;}
.artikel>div:nth-of-type(3)>div{float:right;}
.artikel img{box-shadow:0 0 2px rgba(0,0,0,.2);}
.artikel p{font-size:16px;}
.artikel{margin:40px 0 0 0;}
.artikel>div:nth-of-type(1){width:46%;padding-right:1.5%;}
.artikel>div:nth-of-type(2){width:52.5%;padding-bottom:30px;}
.artikel>div:nth-of-type(3){width:52.5%;position:absolute;right:0;bottom:0;}
#artikel_mittel{width:70%;}
#artikel_mittel .artikel{margin:0 0 40px 0;}
#artikel_mittel .artikel>div:nth-of-type(1){width:35%;padding-right:2%;}
#artikel_mittel .artikel>div:nth-of-type(2){width:63%;}
#artikel_mittel .artikel>div:nth-of-type(3){width:63%;position:absolute;right:0;bottom:0;}
.artikel.noimg>div:nth-of-type(1){width:0!important;}
.artikel.noimg>div:nth-of-type(2){width:100%!important;}
.artikel.noimg>div:nth-of-type(3){width:100%!important;}

#anzeigen{float:right;width:20%;}
#anzeigen a{display:block;margin-bottom:40px;font-size:12px;color:#aaa;text-align:right;}
#anzeigen img{width:100%;height:auto;display:block;box-shadow:0 0 1px rgba(0,0,0,.4);}

/*Redaktion*/
.leftright>div{width:72%;float:left;margin-top:18px;}
.leftright>div>li{width:50%;float:left;}
.leftright>div:after{clear:both;display:block;content:'';}
.leftright>div:nth-of-type(2n-1){clear:both;width:28%;}
.leftright strong{display:block;margin-top:30px;}
.leftright>div>span{display:block;width:50%;float:left;}
.drittel{width:33.33%!important;}
.zweidrittel{width:66.66%!important;}
.zweidrittel b:last-of-type{display:none;}
main>div:nth-of-type(1).leftright div{width:calc(100% - 260px);}
main>div:nth-of-type(1).leftright div:nth-of-type(2n-1){width:260px;}
main.unterseite>div:nth-of-type(2) clear{height:10px;}

/*Ausgaben*/
#ausgaben{padding-top:4px;}
#ausgaben>div{width:50%;float:left;margin:0 0 30px 0;}
#ausgaben>div>div{float:left;}
#ausgaben>div>div:nth-of-type(1){width:33%;}
#ausgaben>div>div:nth-of-type(2){width:63%;padding-left:4%;}
#ausgaben>div>div>img{width:100%;height:auto;}
#ausgaben strong,#ausgaben span,#ausgaben a{display:block;margin-bottom:14px;}
#ausgaben a{margin-bottom:5px;}
#ausgaben strong{font-size:17px;}
#ausgaben span{font-size:15px;}
#ausgaben a{background-repeat:no-repeat;background-position:0 2px;padding:2px 0 2px 26px;font-size:15px;}
#ausgaben a:last-of-type{margin-bottom:0;}
#ausgaben a:nth-of-type(1){background-image:url(img/icon_artikel.png);}
#ausgaben a:nth-of-type(2){background-image:url(img/icon_pdf.png);}
#ausgaben a span{font-size:10px;color:#333;margin:-3px 0 0 0;}

/*Impressum*/
.impressum .right{text-align:right;}
.impressum .right img{display:inline;margin:-4px -17px 4px 0;opacity:.7;}
.impressum .right a{color:#333;display:block;}
.impressum a:hover img{opacity:1;}

footer{background:url(img/wetzlar-wappen.png) right bottom no-repeat;height:116px;padding:60px 0 0 1%;margin-top:50px;font-size:12px;color:#999;}
.kompass footer{background-image:url(img/footer_kompass.png);padding-top:102px;margin-top:8px;}

body:after{content: url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png);display: none;}
body.lb-disable-scrolling{overflow:hidden;}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none;}
.lb-loader,.lightbox{text-align:center;line-height:0}
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}
.lb-loader,.lb-nav{position:absolute;left:0}
.lb-outerContainer:after{display:table}
.lb-loader{top:43%;height:25%;width:100%}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(img/loading.gif) no-repeat}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(img/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(img/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{display:table}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(img/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

@media only screen and (max-width:1440px){
	.wrapper{width:92%;}
}
@media only screen and (max-width:1250px){
	.unterseite>.leftright:nth-of-type(2) div{float:none;width:auto!important;}
	.unterseite>.leftright:nth-of-type(2) div:nth-of-type(2n+1){font-weight:700;}
}
@media only screen and (max-width:1150px){
	.leftright>div>li{width:100%;}
	main>div:nth-of-type(1).leftright div:nth-of-type(2n-1){width:200px;}
	main>div:nth-of-type(1).leftright div{width:calc(100% - 200px);}
}
@media only screen and (max-width:1024px){
	.leftright,main.unterseite>div,.artikel_detail main>div{width:auto!important;float:none!important;padding-left:0!important;}
	.unterseite>.leftright:nth-of-type(2){margin-top:50px;}
	main>div:nth-of-type(1).leftright div{width:60%;}
	main>div:nth-of-type(1).leftright div:nth-of-type(2n-1){width:40%;}
	.leftright>div>li{width:50%;}
}
@media only screen and (max-width:820px){
	header form{width:170px;}
	header>div:nth-of-type(2)>div{background-size:300px auto;}
}
@media only screen and (max-width:760px){
	#mobil{display:block;}
	nav{display:none;}
	#ausgabe{display:none;}
	.kompass #logo{margin:0 auto 0 auto;}
	header>div:nth-of-type(1){height:40px;background:linear-gradient(rgba(0,114,187,.7),rgba(0,114,187,.9));}
	header form{top:5px;width:50%;}
	header>div:nth-of-type(2){background:transparent;padding-top:60px;height:auto;}
	header>div:nth-of-type(2)>div{background-size:auto 50%;}
	header>div:nth-of-type(3)>nav{display:none;}
	#anzeigen{display:none;}
	
	header>div:nth-of-type(1) nav{position:fixed;top:60px;left:0;width:100%;}
	header>div:nth-of-type(1) a{display:block;text-align:center;border-bottom:1px solid rgba(255,255,255,.4);background:linear-gradient(rgba(0,114,187,.9),rgba(0,114,187,.7));font-size:22px;padding:20px 0 20px 0;}
	header>div:nth-of-type(1) a:before{content:'';margin:0;}
	
	#stichwoerter>div{width:50%;}
	#stichwoerter>div:nth-of-type(3n+1){clear:none;}
	#stichwoerter>div:nth-of-type(2n+1){clear:both;}
	
	main{padding:20px 10px 0 10px;}
	.trenner{width:calc(100% + 20px);margin:20px 0 20px -10px;}
	.artikel>div{float:none;}
	.artikel>div:nth-of-type(1){width:auto;padding-right:0;margin-bottom:10px;}
	.artikel>div:nth-of-type(2){width:auto;padding-bottom:10px;}
	.artikel>div:nth-of-type(3){width:auto;position:relative;right:auto;bottom:auto;}
	#artikel_mittel .artikel>div:nth-of-type(1){width:auto;padding-right:0;}
	#artikel_mittel .artikel>div:nth-of-type(2){width:auto;padding-bottom:10px;}
	#artikel_mittel .artikel>div:nth-of-type(3){width:auto;position:relative;right:auto;bottom:auto;}
	main.unterseite>div:nth-of-type(1), .artikel_detail main>div:nth-of-type(1){width:100%;}
	main.unterseite>div:nth-of-type(2), .artikel_detail main>div:nth-of-type(2){width:100%;padding-left:0;margin-top:20px;}
	#artikel_mittel{width:auto;}
	body{font-size:14px;}
}
@media only screen and (max-width:650px){
	#ausgaben>div{float:none;clear:both;padding-top:10px;width:auto;}
}
@media only screen and (max-width:620px){
	.nomobile{display:none!important;}
	main>div:nth-of-type(1).leftright div{float:none!important;width:auto!important;}
	main>div:nth-of-type(1).leftright div.drittel{width:33.33%!important;float:left!important;}
	main>div:nth-of-type(1).leftright div.zweidrittel{width:66.66%!important;float:left!important;}
	#logo{margin:0 auto 0 auto;width:50%!important;}
	header>div:nth-of-type(2)>div{background-image:none;}
}
@media only screen and (max-width:480px){
	header>div:nth-of-type(2)>div{background-size:45% auto;}
	.zweidrittel b:first-of-type{display:none;}
	.zweidrittel b:last-of-type{display:block;}
}
@media only screen and (max-width:410px){
	main>div:nth-of-type(1).leftright div.drittel{width:33.33%!important;float:left!important;}
	main>div:nth-of-type(1).leftright div.zweidrittel{width:66.66%!important;float:left!important;}
}