/* ==============
Theme Name: OGH 2016
Description: Responsive, SEO-friendly WordPress theme for www.ogh.gv.at
Version: 2.0
Author: Michael Wilke, Ulrike Maurer / Designtiger Webdesign
Author URI: https://www.designtiger.at/
============== */

@import url("css/reset.css");
@import url("css/grid.css");
@import url("css/fonts.css");
@import url("css/nav.css");
@import url("fonts/oghicon.css");

/*************************************************
* Styles
*************************************************/

body,
input,
select,
textarea {
	font-family: 'ForoSans-Light', arial, sans-serif;
}

body {
	font-size: 17px;
	line-height: 1.5;
	color: #404042;
	
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
}

.nobreak {
	white-space: nowrap;
}

.printonly {
	display: none;
	height: 0px;
	overflow: hidden;
}

/*************************************************
* Header
*************************************************/

 
#header, 
#logo,
#navicon,
#homeintro,
#nav,
.metaicon,
.mobmetaicon {
	 -webkit-tap-highlight-color: rgba(0,0,0,0);
 }

#navicon {
	position: fixed;
	z-index: 11199;
	left: 0;
	background: #fff;
	color: #930132;
	border-bottom: 1px solid #fff;
	
	cursor: pointer;
	
	-webkit-transition: border 500ms ease;
	-moz-transition: 	border 500ms ease;
	-ms-transition: 	border 500ms ease;
	-o-transition: 		border 500ms ease;
	transition: 		border 500ms ease;
	
	height: 80px;
	line-height: 78px;
	width: 155px;
	padding-left: 80px;
}

#logo {
	position: fixed;
	z-index: 11199;
	left: 155px;
	width: 460px;
	height: 80px;
	line-height: 76px;
	background: #930132 url(images/logo-ogh.png) 20px 20px no-repeat;
	background-size: 248px 40px;
}

#logo a {
	display: block;
	width: 248px;
	
	width: 290px;
	height: 80px;
	text-indent: -9999px;
}

#adler {
	position: absolute;
	right: 60px;
	top: 10px;
	width: 60px;
	height: 60px;
	display: block;
	background: url(images/icons/adlerneu.png) center center no-repeat;
	background-size: 60px auto;
}

@media (max-width:336px) {
	
	#adler {
		display: none;
	}
	
	.intro3 {
		display: none;
	}
	
}

#meta {
	position: fixed;
	z-index: 11196;
	top: 0;
	right: 0;
	height: 80px;
	width: calc( 100% - 155px - 460px );
	background: #fff;
	border-bottom: 1px solid transparent;
	opacity: 1;
	
	-webkit-transition: border 500ms ease, background 500ms ease, opacity 1000ms ease;
	-moz-transition: 	border 500ms ease, background 500ms ease, opacity 1000ms ease;
	-ms-transition: 	border 500ms ease, background 500ms ease, opacity 1000ms ease;
	-o-transition: 		border 500ms ease, background 500ms ease, opacity 1000ms ease;
	transition: 		border 500ms ease, background 500ms ease, opacity 1000ms ease;
}

.home #meta {
	background: transparent;
}

#meta.invisible {
	opacity: 0;
}

#navicon.active,
.scroll #navicon,
.scroll #meta {
	border-bottom: 1px solid #ccd2d7;
}

.scroll #meta {
	background: #fff;
}

#mobmeta {
	display: none;
}



/*************************************************
* Meta Icons & Boxen
*************************************************/



.metaicon {
	text-align: center;
	position: absolute;
	top: 0;
	
	color: #930132;
	font-size: 24px;
	cursor: pointer;
	
	border-bottom: 1px solid transparent;
	
	width:  80px;
	height: 80px;
	line-height: 80px;
	
	-webkit-transition: right 500ms ease, background 500ms ease, border 500ms ease;
	-moz-transition: 	right 500ms ease, background 500ms ease, border 500ms ease;
	-ms-transition: 	right 500ms ease, background 500ms ease, border 500ms ease;
	-o-transition: 		right 500ms ease, background 500ms ease, border 500ms ease;
	transition: 		right 500ms ease, background 500ms ease, border 500ms ease;
}

#langicon {
	right: 80px;
}

#eyeicon {
	right: 160px;
}

#searchicon {
	right: 0px;
}

.searchbox-active #langicon {
	right: 400px;
}

.searchbox-active #eyeicon {
	right: 480px;
}

.langbox-active #eyeicon {
	right: 240px;
}

.metaicon.active {
	color: #930132;
	background: #fff;
}

.scroll .metaicon.active {
	border-bottom: 1px solid #ccd2d7;
}

.metaicon.active .oghicon:before {
	content: "\f101" !important;
	font-size: 20px;
}

.metabox {
	position: absolute;
	top: 0;
	height: 80px;
	background: #f0f0f0;
	width: 0;
	overflow: hidden;
	border-bottom: 1px solid transparent;
	
	-webkit-transition: width 500ms ease, border 500ms ease;
	-moz-transition: 	width 500ms ease, border 500ms ease;
	-ms-transition: 	width 500ms ease, border 500ms ease;
	-o-transition: 		width 500ms ease, border 500ms ease;
	transition: 		width 500ms ease, border 500ms ease;

}

.scroll .metabox {
	
}

.metabox.active {
	
}

#langbox {
	right: 160px;
	background: #fff;
}

#langbox.active {
	width: 80px;
}

.scroll #langbox {
	border-bottom: 1px solid #ccd2d7;
}

#accessbox {
	right: 240px;
	background: #fff;
}

#accessbox.active {
	width: 320px;
}

.scroll #accessbox,
.scroll #searchbox {
	border-bottom: 1px solid #ccd2d7;
}

#searchbox {
	right: 80px;
}

#searchbox.active {
	width: 320px;
}

.scoll #searchbox {
	border-bottom: 1px solid #ccd2d7;
}

/*************************************************
* Home Intro
*************************************************/

#homeintro {
	position: relative;
	height: calc( 100vh - 60px );
	padding-top: 60px;
	
	background-color: #f0f0f0;
	
	background-repeat: 		no-repeat;
	background-position: 	center top;
	background-attachment: 	scroll;
	
    -webkit-background-size: cover;
    -moz-background-size: 	 cover;
    -o-background-size: 	 cover;
    background-size: 		 cover;
}

#homeintro a {
	position: absolute;
	bottom: 40px;
	left: 50%;
	width:  40px;
	height: 40px;
	margin-left: -20px;
	text-indent: -9999px;
	
	border: 1px solid #fff;
	
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	   		border-radius: 50%;
}

#homeintro a:before {
	content: "";
	display: block;
	position: absolute;
	left: 13px;
	bottom: 10px;
	width: 2px;
	height: 16px;
	background: #fff;
	
	   -moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
}

#homeintro a:after {
	content: "";
	display: block;
	position: absolute;
	left: 23px;
	bottom: 10px;
	width: 2px;
	height: 16px;
	background: #fff;
	
	   -moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}

#homeintro a:hover {
	border-color: #930132
}

#homeintro a:hover:before,
#homeintro a:hover:after {
	background: #930132;
}

#introline:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -1px;
	width: 1px;
	height: 40px;
	background: #fff;
}

#introline:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -40px;
	margin-left: -1px;
	width: 1px;
	height: 40px;
	background: #d7d7d7;
}

@media (max-width:768px) {
	
	#homeintro a, 
	#homeintro a:before,
	#homeintro a:after,
	#introline,
	#introline:before,
	#introline:after {
		display: none;
	}
	
}

#introtext {
	text-align: center;
}

.intro1 {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	font-size: 42px;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 30px;
}

.intro2 {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	font-size: 34px;
	text-transform: uppercase;
	line-height: 1.2;
	margin: 30px;
}

.intro3 {
	font-family: 'ForoSans-Regular', arial, sans-serif;
	font-size: 21px;
	line-height: 1.8;
}

/*************************************************
* Content
*************************************************/

#headerimg .mobile {
	display: none;
}

#top {
	height: 150px;
}

.home #top {
	height: 60px;
}

#main {
	
}

.greybg {
	background: #f0f0f0;
}

.single .greybg {
	background: #fff;
}

#footer {
	background-color: #780027;
	background-image: url(images/adler_footer.png), url(images/footer.png);
	background-position: center 20px, left top;
	background-repeat: no-repeat, repeat-x;
	background-size: auto 180%, auto auto;
}

#logocol {
	background: #fff;
	padding: 10px 0 0 0;
}

#logocol img {
	display: inline-block;
}

#subfooter {
	background: #780027;
	color: #fff;
	font-size: 14px;
}

#creator {
	height: 0px;
	overflow: hidden;
}

/*************************************************
* Typo
*************************************************/

a {
	text-decoration: none;
	color: #930132;
	
	-webkit-transition: color 500ms ease;
	-moz-transition: 	color 500ms ease;
	-ms-transition: 	color 500ms ease;
	-o-transition: 		color 500ms ease;
	transition: 		color 500ms ease;
}

a[target='_blank'],
a[target="_blank"] {
	background: url(images/blank.png) 0 0 no-repeat;
	padding-left: 18px;
	background-size: 18px 18px;
}

#footer a[target='_blank'],
#footer a[target="_blank"] {
	background: none;
	padding-left: 0;
}

a:hover {
	color: #888;
	color: #404042;
}

strong, b {
	font-weight: normal;
	font-family: 'ForoSans-Medium', arial, sans-serif;
}

em, i {
	font-style: italic;
}

h2 {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	font-size: 42px;
	line-height: 1.2;
	text-transform: uppercase;
}

.single h2.pagetitle {
	font-size: 30px;
    line-height: 1.2;
    text-transform: none;
}

.single h2.pagetitle span {
	white-space: nowrap;
}

h3 {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	font-size: 27px;
	line-height: 1.2;
	margin-top:    40px;
	margin-bottom: 24px;
}

.pageintro_large h3,
.pageintro_regular h3 {
	font-size: 25px;
}

#main .greybg h3 {
	
}

.single h3 {
	font-size: 25px;
}

.category h3,
.search h4 {
	font-size: 21px;
	margin: 12px 0 18px 0;
}

.category h3 a,
.search h4 a {
	display: block;
}

.search h3.searchsection {
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 12px;
	margin-bottom: 0;
}

h4 {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	font-size: 21px;
	line-height: 1.2;
	margin-top:    36px;
	margin-bottom: 12px;
}

#main p,
#main ul,
#main ol,
#footer p {
	margin: 0 0 24px 0;
}

#main #eintext p {
	margin: 0;
	line-height: 1.8;
	font-size: 19px;
}

#einbild {
	position: relative;
}

#eintitel {
	background: rgba(240,240,240,0.3);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	font-size: 15px;
	font-family: 'ForoSans-Medium', arial, sans-serif;
	color: rgba(255,255,255,0.8);
	
	/* http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,3a3a3a+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(58,58,58,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(58,58,58,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(58,58,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */


}

@media (min-width:520px) and (max-width:767px) {
	
	#einbild {
		max-width: 400px;
		margin: 0 auto;
	}
	
}

#main #eintitel p {
	margin: 0;
}

#main p.postmeta,
p.postmeta {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	font-size: 15px;
}

.category #main p.postmeta,
.search #main p.postmeta {
	margin-top: 12px;
	margin-bottom: 18px;
}

#main p.jahr {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	font-size: 27px;
	line-height: 1.2;
	margin-top:    20px;
	margin-bottom: 20px;
}

#main p small {
	font-size: 15px;
}

#vib p {
	margin: 0 0 10px;
}

#vib .postmeta,
#vib .posttitle {
	padding: 0 15px;
}

#vib .postexcerpt {
	
}

#aktuent p {
	margin: 0 0 10px;
}

#aktuent .article {
	padding: 0 15px;
}

.home .article hr {
	margin: 30px 0 40px 0;
}

/*
.home .article-3 hr {
	display: none;
}

*/

.home_article_title {
	text-transform: uppercase;
}

#vib .home_article_title {
	margin: 10px 0 20px 0;
}

#main ul li {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 12px;
}

#main ul li ul {
	padding-top: 12px;
}

#main ul.sitemap li {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	text-transform: uppercase;
}

#main ul.sitemap li ul li {
	font-family: 'ForoSans-Light', arial, sans-serif;
	text-transform: none	
}

#main ol li {
	list-style-type: decimal;
	margin-left: 20px;
	margin-bottom: 12px;
}

blockquote {
	padding: 0 20px 5px 20px;
	margin: 20px 0 20px 20px;
	border-left: 1px solid #ccd2d6;
	font-style: italic;
}

#main blockquote p {
	margin: 0 0 12px 0;
}

hr {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	height: 1px;
	margin: 30px 0 20px 0;
	border-bottom: 1px solid #ccd2d6;
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

#footer a {
	color: #fff;
}

#footer a.nolink,
#footer a.nolink:hover {
	color: #fff;
	cursor: default;
}

#footer a:hover {
	color: #c3c3c3;
}

#footer ul li {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
}

#footer ul li ul {
	padding-top: 24px;
}

#footer ul li ul li {
	font-family: 'ForoSans-Regular', arial, sans-serif;
	text-transform: none;
	font-size: 15px;
	line-height: 1.7;
}

#subfooter a {
	color: #fff;
}

/*************************************************
* Tabellen
*************************************************/

table {
	width: 100%;
}

tr {
	
}

td {
	padding: 10px 8px;
	border: 1px solid #fff;
}

td.zeittafel-jahr {
	width: 160px
}

td.zeittafel-gesetz {
	width: 180px
}

table.tabelle-richter td {
	padding: 5px 4px;
	border: 0;
}

table.tabelle-richter td.richtercount {
	text-align: right;
	padding-right: 12px;
}

/*************************************************
* Anchor Nav
*************************************************/

.anchors {
	
}

#main .anchors ul,
#main .anchors ul li {
	list-style-type: none;
	margin: 0;
}

#main .anchors ul {
	
}

#main .anchors ul li {
	background: #f0f0f0;
	margin-bottom: 4px;
	position: relative;
	line-height: 86px;
}

#main .anchors ul li a {
	display: block;
	padding: 0 40px;
	margin-right: 86px;
}

#main .anchors ul li.lvl1 > a {
	text-transform: uppercase;
	font-family: 'ForoSans-Medium', arial, sans-serif;
}

span.anchortoggle {
	display: block;
	content: "+";
	width:  86px;
	height: 86px;
	position: absolute;
	right: 0px;
	top:   0px;
	color: #fff;
	
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

span.anchortoggle span {
	
}

span.anchortoggle span:before,
span.anchortoggle span:after {
	background: #404042;
	background: #930132;
	content: '';
	display: block;
	width:  16px;
	height: 2px;
	position: absolute;
	left: 36px;
	
	-webkit-transition: 0.5s ease;
	transition: 		0.5s ease;

	-webkit-transition-property: opacity;
	transition-property: 		 opacity;
}

span.anchortoggle span:before {
	top: 43px;
}

span.anchortoggle span:after {
	top: 43px;
	transform: rotate( -90deg );
}

span.anchortoggle.active span:after {
	opacity: 0;
}

#main .anchors ul li ul {
	border-top: 4px solid #fff;
}

#main .anchors ul li ul li {
	background: transparent;
	margin-bottom: 0;
	line-height: 32px;
}

#main .anchors ul li ul li:last-child {
	padding-bottom: 12px;
}

#main .anchors ul li ul li a {
	padding: 0 40px;
}


#main .jahrindex ul,
#main .jahrindex ul li,
#main ul.suchindex,
#main ul.suchindex  li {
	list-style-type: none;
	margin: 0;
	font-size: 0;
}

.jahrindex ul {
	
}

.jahrindex ul li,
ul.suchindex  li {
	display: inline-block;
}

.jahrindex ul li a,
ul.suchindex  li a {
	font-size: 17px;
	font-family: 'ForoSans-Medium', arial, sans-serif;
	display: block;
	background: #f0f0f0;
	margin: 0 4px 4px 0;
	padding: 20px 20px 16px 20px;
}


/*************************************************
* Teasers
*************************************************/

#teasers ul {
	
}

#teasers ul li {
	
}

#teasers ul li {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
}

#teasers ul li a {
	
}

#teasers ul li ul {
	padding-top: 30px;
	padding-left: 15px;
} 

#teasers ul li ul li {
	font-family: 'ForoSans-Light', arial, sans-serif;
	text-transform: none;
	padding-bottom: 8px;
}


@media (min-width:481px) and (max-width:767px) {
	.teaser {
		padding-left: 80px;
		padding-right: 80px;
	}
}

.teaserbild {
	position: relative;
}

.teaserhover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	
	background: #930132;
	background: url(images/justitia1.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	
	-webkit-transition: opacity 500ms ease;
	   -moz-transition: opacity 500ms ease;
	    -ms-transition: opacity 500ms ease;
		 -o-transition: opacity 500ms ease;
		    transition: opacity 500ms ease;
}

.teasertitel {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	opacity: 0;
}

.teaserhover a,
.teasertitel a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}

.newteasertitel a {
	display: block;
}

.teasertitel p {
	margin: 0;
	padding: 20px 20px;
	line-height: 1;	
	font-family: "ForoSans-Medium",arial,sans-serif;
	text-transform: uppercase;
}

.teaser:hover .teaserhover,
.teaser:hover .teasertitel {
	opacity: 1;
	
}


/*************************************************
* Subpages
*************************************************/

#subpages {
	background: #f0f0f0;
}


#subpages h4 {
	font-size: 17px;
	text-transform: uppercase;
	margin: 30px 0 30px 0;
}

#subpages h4:after {
	content: "";
	display: block;
	height: 1px;
	position: relative;
	top: 12px;
	margin-bottom: -1px;

	background: #c1c1c1;
}

@media (max-width:991px) {
	#subpages h4:after {
		display: none;
	}
	
	
}

@media (min-width:992px) and (max-width:1179px) {
	#subpages h4:after {
		left: -86px;
		margin-right: -86px;
	}
} 

@media (min-width:1180px) and (max-width:1299px) {
	#subpages h4:after {
		left: -99px;
		margin-right: -99px;
	}
} 

@media (min-width:1180px) {
	#metaredbox {
		position: fixed;
		right: 276px;
		top: 0;
		width:  90px;
		height: 80px;
		background: #930132;
	}
}

@media (min-width:1300px) {
	#subpages h4:after {
		left: -109px;
		margin-right: -109px;
	}
} 

.subpagecontainer {
	position: relative;
}

.subpagehover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #930132;
	background: url(images/justitia1.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	
	opacity: 0;
}

.subpagetitel {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	opacity: 0;
}

.subpagehover, 
.subpagetitel {
	-webkit-transition: opacity 500ms ease;
	   -moz-transition: opacity 500ms ease;
	    -ms-transition: opacity 500ms ease;
		 -o-transition: opacity 500ms ease;
		    transition: opacity 500ms ease;
}

.subpage:hover .subpagehover,
.subpage:hover .subpagetitel {
	opacity: 1;
}

.subpagehover a,
.subpagetitel a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}

#main .subpagetitel p {
	margin: 0;
	padding: 35px 40px;
	line-height: 1;	
	font-family: "ForoSans-Medium",arial,sans-serif;
	text-transform: uppercase;
	color: #fff;
}

/*************************************************
* Editlink
*************************************************/

.editlink {
	padding: 8px 0;
}

/*************************************************
* Breadcrumbs
*************************************************/

.breadcrumbs {
	font-family: 'ForoSans-Regular', arial, sans-serif;
	padding: 15px 0 10px 0;
	line-height: 20px;
	font-size:   15px;
	color: #a0a0a0;
	color: #404042;
}

.breadcrumbs a {
	color: #a0a0a0;
	color: #404042;
}

.breadcrumbs .current-page,
.breadcrumbs a:hover {
	color: #950031;
}

/*************************************************
* Printicon
*************************************************/

#printthis {
	float: right;
	margin: 4px 0 0 0;
	background: #c1c1c1;
	width: 35px;
	height: 35px;
	cursor: pointer;
	text-align: center;
	line-height: 35px;
	color: #fff;
	font-size: 22px;
} 

/*************************************************
* Sprachauswahl
*************************************************/

#langbox ul {
	float: left;
	width: 160px;
}

#langbox ul li {
	float: left;
	text-align: center;
	width: 40px;
	line-height: 80px;
}

#langbox ul li a {
	display: block;
}

#header #lang_sel_list a {
	display: block;
	max-height: 80px;
	overflow: hidden;
}

/*************************************************
* Color Scheme
*************************************************/

#accessicons {
	width: 300px;
	padding-top: 20px;
	padding-left: 10px;
}

.wp_user_stylesheet_switcher {
	display: block;
}

.wp_user_stylesheet_switcher button {
	cursor: pointer;
	background: transparent;
}

.wp_user_stylesheet_switcher img {
	max-width: 71px;
	margin-right: 4px;
}

.accessicon {
	width: 80px;
	height: 80px;
	float: left;
	background: #fff;
	padding-left: 10px;
	cursor: pointer;
}

.accessicon span.color1,
.accessicon span.color2 {
	float: left;
	margin-top: 25px;
	width: 30px;
	height: 30px;
	background: #fff;
	border: 1px solid #111;
}

.accessicon span.color1 {
	border-right: none;
}

#access-standard span.color1 {
	background: #930132;
}

#access-standard span.color2 {
	background: #fff;
}

#access-sw span.color1 {
	background: #000;
}

#access-sw span.color2 {
	background: #fff;
}

#access-ws span.color1 {
	background: #fff;
}

#access-ws span.color2 {
	background: #000;
}

#access-gb span.color1 {
	background: yellow;
}

#access-gb span.color2 {
	background: blue;
}


/*************************************************
* Suche
*************************************************/

.search-form {
	width: 320px;
}

#main .search-form  {
	width: 100%;
}

.search-form .search-field {
	border: 0;
	width: 240px;
	width: calc ( 100% - 80px );
	background: #f0f0f0;
	line-height: 79px;
	color: #404042;
	padding: 0 25px;
	font-size: 16px;
	display: inline-block;
}

#main .search-form .search-field {
	line-height: 60px;
	background: #f0f0f0;
	color: #404042;
	width: calc( 100% - 60px );
}

.search-form .search-submit {
	width: 80px;
	height: 79px;
	line-height: 79px;
	display: inline-block;
	float: right;
	background: #f0f0f0;
	color: #404042;
	cursor: pointer;
	border: 0;
	font-size: 20px;
}

.search-form .search-submit:hover {
	color: #930132;
}

#main .search-form .search-submit {
	width:  60px;
	height: 60px;
	line-height: 60px;
}

.search-form ::-webkit-input-placeholder { 
    color: #404042;
}
.search-form :-moz-placeholder { 
	color: #404042;
   opacity: 1;
}
.search-form ::-moz-placeholder { 
   color: #404042;
   opacity: 1;
}
.search-form :-ms-input-placeholder { 
   color: #404042;
}

#main .search-form ::-webkit-input-placeholder { 
    color: #404042;
}
#main .search-form :-moz-placeholder { 
	color: #404042;
   opacity: 1;
}
#main .search-form ::-moz-placeholder { 
   color: #404042;
   opacity: 1;
}
#main .search-form :-ms-input-placeholder { 
   color: #404042;
}


/*************************************************
* Img
*************************************************/

.aligncenter {
	margin: 0 auto;
}

div.wp-caption {
	max-width: 100%;
}

div.wp-caption,
div.wp-caption img {
	outline: 0 !important;
}

#main p.wp-caption-text {
	background: #f0f0f0;
	font-size: 16px;
	padding: 10px 15px 8px 15px;
	
}

/*************************************************
* To Top
*************************************************/

#totop {
	position: fixed;
	right:  25px;
	bottom: 25px;
	width: 	55px;
	height: 55px;
	background: #930132;
	background: rgba(61,60,60,0.5);
	z-index: 98;
	display: none;
}

#totop a {
	text-align: center;
	display: block;
	width: 	55px;
	height: 55px;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}

#totop a:before {
	content: "";
	display: block;
	position: absolute;
	left: 32px;
	bottom: 20px;
	width: 2px;
	height: 18px;
	background: #fff;
	
	   -moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
}

#totop a:after {
	content: "";
	display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 2px;
	height: 18px;
	background: #fff;
	
	   -moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}

/*************************************************
* Page Intro
*************************************************/

.pageintro_large {
	font-size: 19px;
	font-family: 'ForoSans-Regular', arial, sans-serif;
}

.pageintro_regular {
	font-size: 17px;
}

/*************************************************
* Slider
*************************************************/

#main #slider ul,
#main #slider li {
	margin: 0;
	list-style-type: none;
}

/*************************************************
* Swipebox
*************************************************/

#swipebox-overlay {
	background: #f0f0f0 !important;
}

#swipebox-close, 
#swipebox-bottom-bar {
	background-color: #930132 !important;
	text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

#swipebox-top-bar {
	text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

#swipebox-slider .slide {
	padding: 50px 20px !important;
}

.slb_container {
	/*padding: 0 !important;*/
}

.slb_details {
	display: none !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    border-radius: 0 !important;
    -webkit-border-radius: 	0 !important;
	-moz-border-radius: 	0 !important;
	border-radius: 			0 !important;
	
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
	box-shadow: 		0 0 0 0 rgba(0,0,0,0) !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag {
	background: url(images/close.png) center center no-repeat !important;
	background-size: 24px 24px !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_template_tag_ui {
	opacity: 1 !important;
}


/*************************************************
* Screen
*************************************************/

@media screen {
	.screen-reader-text {
		display: none;
	}
}

@media speech {
	.screentext {
		display: none;
	}
}


/*************************************************
* "Mobile"
*************************************************/
@media (max-width: 767px) {

	.slb_container {
		padding: 20px !important
	}

	.category .greybg,
	.search .greybg {
		overflow-x: hidden;
	}

	/* Header */

	#navicon,
	#logo,
	#meta {
		height: 70px;
	}
	
	#navicon {
		width: 70px;
		padding-left: 0;
		text-indent: -99999px;
	}
	
	#navicon span {
		left: 20px;
		top: 33px;
	}
	
	#header {
		
	}
	
	#logo {
		left: 70px;
		width: calc( 100% - 70px );
		background-size: 186px 30px;
	}
	
	#logo a {
		width: 208px;
		height: 70px;
	}
	
	#adler {
		width: 40px;
		height: 40px;
		top: 15px;
		right: 10px;
		background-size: 40px 40px;
	}
	
	
	
	#top {
		height: 70px;
	}
	
	#introtext p {
		padding: 0 20px;
	}
	
	/* Nav */
	
	#nav {
		width: 100%;
		padding-top:70px;
		
		-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);
		box-shadow: 		0 0 6px 0 rgba(0,0,0,0.8);
		
		-webkit-transition: left 500ms ease;
		-moz-transition: 	left 500ms ease;
		-ms-transition: 	left 500ms ease;
		-o-transition: 		left 500ms ease;
		transition: 		left 500ms ease;
	}
	
	#nav, 
	.scroll #nav {
		border: 0;
	}
	
	/* Meta */
	
	#meta {
		display: none;
	}
	
	#mobmeta {
		display: block;
	}
	
	#mobmetaicons {
		border-bottom: 1px solid #ccd2d7;
	}
	
	.mobmetaicon {
		width: 70px;
		height: 70px;
		display: inline-block;
		text-align: center;
		line-height: 70px;
		font-size: 24px;
		cursor: pointer;
	}
	
	.mobmetaicon.active {
			
	}
	
	.mobmetaicon.active .oghicon:before {
		content: "\f101" !important;
	}
	
	.mobmetabox {
		position: relative;
		left: -100%;
		height: 70px;
		background: #930132;
		background: #f0f0f0;
		
		border-bottom: 1px solid #ccd2d7;
		
		-webkit-transition: left 500ms ease;
		-moz-transition: 	left 500ms ease;
		-ms-transition: 	left 500ms ease;
		-o-transition: 		left 500ms ease;
		transition: 		left 500ms ease;
	}
	
	#mobsearchbox {
		height: 71px;
	}
	
	.mobmetabox.active {
		left: 0;
	}
	
	#moblangbox {
		top: 0;
	}
	
	#mobaccessbox {
		top: -70px;
	}
	
	#mobsearchbox {
/* 		top: -140px; */
	}
	
	.search-form {
		width: 100%;
	}
	
	.search-form .search-field {
		height: 70px;
		width: calc( 100% - 70px );
	}
	
	#main .search-form .search-field {
		height: 60px;
		line-height: 20px;
		width: calc( 100% - 60px );
		padding: 21px 6px 19px 12px;
	}
	
	.search-form .search-submit {
		height: 70px;
		line-height: 70px;
		width: 70px;
		font-size: 24px;
	}
	
	#main .search-form .search-submit {
		height: 60px;
		line-height: 60px;
		width: 60px;
		font-size: 20px;
	}
	
	#nav #moblangbox ul > li {
		line-height: 70px;
	}
	
	#nav #moblangbox ul li {
		border: 0;
		width: 70px;
		height: 70px;
		display: inline-block;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
	#nav #moblangbox ul li a {
		
	}
	
	#nav #moblangicon {
		display: block;
		width: 100%;
	}
	
	#nav #moblangicon ul > li {
		line-height: 70px;
	}
	
	#nav #moblangicon ul li {
		border: 0;
		width: 70px;
		height: 70px;
		display: inline-block;
		text-align: center;
		margin: 0;
		padding: 0;
		
		text-align: left;
		display: inline;
		
	}
	
	#nav #moblangicon ul li a {
		padding-left: 24px;
	}
	
	#mobaccessicons {
		padding-left: 10px;
	    padding-top: 15px;
	}
	
	.jahrindex ul li a,
	ul.suchindex  li a {
		margin: 0 4px 4px 0;
		padding: 12px 12px 10px 12px;
	}

	
	/* Content */
	
	.hompadding {
		height: 70px;
	}
	
	.intro1 {
		font-family: 'ForoSans-Medium', arial, sans-serif;
		font-size: 40px;
		text-transform: uppercase;
		line-height: 1.2;
		margin-bottom: 30px;
	}
	
	.intro2 {
		font-family: 'ForoSans-Medium', arial, sans-serif;
		font-size: 28px;
		text-transform: uppercase;
		line-height: 1.2;
		margin: 30px;
	}
	
	.intro3 {
		font-family: 'ForoSans-Regular', arial, sans-serif;
		font-size: 17px;
		line-height: 1.8;
	}
	
	.breadcrumbs {
		text-indent: -9999px;
		height: 0; 
		overflow: hidden;
	}
	
	/* Remove .wrap, .col padding für Bilder/Slideshow */
	#headerimg .mobile {
		display: block;
	}
	
	#headerimg .nomobile {
		display: none;
	} 
	
	#headerimg,
	#slider .wrap {
		padding: 0;
	}
	
	.headerimgcol {
		margin: 0;
		width: 100%;
	}
	
	h2.pagetitle {
		font-size: 30px;
		line-height: 1.2;
		text-transform: none;
	}
	
	.single h2.pagetitle {
		font-size: 24px;
		line-height: 1.2;
		text-transform: none;
	}
	
	.pageintro_large {
		font-size: 18px;
	}
	
	.pageintro_regular {
		font-size: 18px;
	}
	
	.search h3.searchsection {
		font-size: 27px;
	}
	
	#main .anchors ul li {
		line-height: 40px;
	}
	
	#main .anchors ul li a {
		display: block;
		padding: 26px 20px 20px 20px;
		margin-right: 50px;
	}
	
	span.anchortoggle {
		width: 50px;
	}
	
	span.anchortoggle span:before,
	span.anchortoggle span:after {
		left: 16px;
	}
	
	/* Tabellen */
	
	table {
		
	}
	
	tr {
		
	}
	
	td {
		border: 0;
		display: block;
		width: 99.9%;
		clear: both;
		padding: 0;
	}
	
	td.zeittafel-gesetz {
		padding: 6px 0;
	}
	
	td.zeittafel-info {
		padding-bottom: 32px;
	}
	
	table.tabelle-richter td {
		padding: 5px 4px;
		border: 0;
	}
	
	table.tabelle-richter td.richtercount {
		text-align: left;
		padding-right: 12px;
	}
	
	/* Footer */
	
	#logocol {
		padding: 15px 0;
	}
	
	#logocol img {
		max-width: 280px;
	}
	
	#subfooter p {
		line-height: 2;
	}
	
	span.moblock {
		display: block;
	}
	
	span.moblockno {
		display: none;
	}
	
	#footer {
		background-color: #780027;
		background-image: url(images/adler_footer.png), url(images/footer.png);
		background-position: center 40px, left top;
		background-repeat: no-repeat, repeat-x;
		background-size: auto 60%, auto auto;
	}
	
	
	/** Seitenanfang **/
	
	#totop {
		position: fixed;
		right:  25px;
		bottom: 25px;
		width: 	40px;
		height: 40px;
		background: #930132;
		background: rgba(61,60,60,0.5);
		z-index: 999;
		display: none;
	}
	
	#totop a {
		text-align: center;
		display: block;
		width: 	40px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		color: #fff;
		text-decoration: none;
	}
	
	#totop a:before {
		content: "";
		display: block;
		position: absolute;
		left: 25px;
		bottom: 12px;
		width: 2px;
		height: 18px;
		background: #fff;
		
		   -moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
			 -o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}
	
	#totop a:after {
		content: "";
		display: block;
		position: absolute;
		left: 13px;
		bottom: 12px;
		width: 2px;
		height: 18px;
		background: #fff;
		
		   -moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	
	
	#footer .padding60 {
		height: 40px;
	}
	
}

/*************************************************
* "Tablet" + "Tablet large"
*************************************************/
@media (min-width: 768px) and (max-width: 1179px) {
	
	#navicon,
	#logo,
	#meta {
		height: 70px;
	}
	
	#navicon {
		width: 70px;
		padding-left: 0;
		text-indent: -99999px;
	}
	
	#navicon span {
		left: 20px;
		top: 33px;
	}
	
	#header {
		
	}
	
	#top {
	    height: 90px;
	}
	
	#logo {
		left: 70px;
		width: calc( 100% - 70px );
		
		background-size: 186px 30px;
	}
	
	#logo a {
		width: 208px;
		height: 70px;
	}
	
	#adler {
		width: 40px;
		height: 40px;
		top: 15px;
		left: 230px;
		background-size: 40px 40px;
	}
	
	#meta {
		z-index: 11199;
		background: #930132;
	}
	
	.scroll #meta {
		background: #930132;
		border: 0;
	}
	
	.metaicon {
		color: #fff;
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	
	#langicon {
		right: 70px;
	}
	
	#eyeicon {
		right: 140px;
	}
	
	#searchicon {
		right: 0px;
	}
	
	.metabox {
		height: 70px;
	}
	
	.search-form {
		width: 280px;
	}
	
	#main .search-form {
		width: 100%;
	}
	
	.search-form .search-field,
	#main .search-form .search-field {
		height: 70px;
		width: calc( 100% - 70px );
	}
	
	.search-form .search-submit,
	#main .search-form .search-submit  {
		height: 70px;
		line-height: 70px;
		width: 70px;
	}
	
	#langbox {
		right: 140px;
	}
	
	#langbox.active {
		width: 80px;
	}
	
	.scroll #langbox.active {
	}
	
	#accessbox {
		right: 210px;
		height: 70px;
	}
	
	#accessbox.active {
		width: 320px;
	}
	
	#accessicons {
	    padding-top: 15px;
	}
	
	.wp_user_stylesheet_switcher {
		width: 100%;
	}
	
	.wp_user_stylesheet_switcher img {
		margin: 0;
	}
	
	.scroll #accessbox.active {
	}
	
	#searchbox {
		right: 70px;
	}
	
	#searchbox.active {
		width: 280px;
	}
	
	.searchbox-active #langicon {
		right: 350px;
	}
	
	.searchbox-active #eyeicon {
		right: 420px;
	}
	
	.langbox-active #eyeicon {
		right: 210px;
	}
	
	.metaicon.active {
		background: #930132;
		color: #fff;
	}
	
	.accessicon {
		height: 70px;
		width: 70px;
	}
	
	.accessicon span.color1,
	.accessicon span.color2 {
		width: 25px;
		height: 25px;
		margin-top: 20px;
	}
	
	#langbox ul li {
		line-height: 70px;
	}
	
	#meta,
	.scroll #meta,
	.scroll .metaicon,
	.scroll #langbox,
	.scroll #accessbox,
	.scroll .metaicon.active,
	.scroll #langbox.active,
	.scroll #accessbox.active {
		border-bottom: 0;
		border-color: transparent;
	}
	
	
}

@media (max-width: 1179px) {
	
	#nav {
		padding-top: 70px;
	}
	
	#eintitel {
		padding: 15px 20px;
	}
}

@media (min-width: 481px) and (max-width: 880px) {
	.metabox {
		top: 70px;
		right: -100%;
	}
	
	#langbox,
	#searchbox,
	#accessbox,
	.metabox.active {
		right: 0;
	}
	
	.searchbox-active #langicon {
		right: 70px;
	}
	
	.searchbox-active #eyeicon {
		right: 140px;
	}
	
	.langbox-active #eyeicon {
		right: 140px;
	}
}

/*************************************************
* Desktop
*************************************************/

@media (min-width: 1025px) {
	
}

/*************************************************
* Large Desktop
*************************************************/

@media (min-width:1200px) {
	
	.intro1 {
		padding-top: 30px;
	}
}

@media (min-width: 1420px) {
	#eintitel {
		padding: 15px 20px;
	}
}



/*************************************************
* a11y Updates - 2020-01-23
*************************************************/

:focus {
	outline: 2px solid #930132;
}

#footer :focus {
	outline: 1px solid #fff;
}

.js-focus-visible :focus:not(.focus-visible) {
	outline: 0 !important;
}

a.tomain {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 20000;
	color: #404042;
	padding: 0 15px;
	line-height: 80px;
	background: #dadada;
}

a.tomain:focus {
	top: 0;
}

a#maincontent .screen-reader-text {
	display: none;	
}

@media speech {
  a#maincontent .screen-reader-text {
		display: block;
	}
}

#main #newteasers ul {
	display: none;
}


#eyeicon {
	display: none !important;
}