^html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}
body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 5px;
	background-color: #fff;
}
* a {
	text-decoration: underline;
	color: #000;
}
* a:hover {
	text-decoration: none;
}
/*.sprungziel { display:none; }*/
.sprungziel{
	position: fixed;
	z-index: 9999;
	top: -5000px;
	left: -5000px;
}
.sprungziel a:focus{
	display: inline-block;
	position: absolute;
	top: 5000px;
	left: 5000px;
	padding: 5px;
	background: #444;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}
.cb, .cl, .cr {
	font-size: 1px;
	height: 0px;
	overflow: hidden;
	display: block !important;
}
.cb {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.clearfix:after { content: '.'; clear: both; display: block; visibility: hidden; height: 0;}
video { 
    width:100%;     
    height:auto;  
}


/* Allgemeine Elemente */
#pagewrapper { position: relative; margin: 0 auto; }
#hamburger { display: block; }
#smart_sb { display: block; position: absolute; top: 5px; right: 40px; margin: 0; padding: 0; width: 29px; border: 1px solid #00568e; z-index: 10; cursor: pointer; }
#smart_suche { display: none; position: relative; width: 80%; padding: 0; }
#smart_suche form { margin: 0; padding: 5px 0 0; }
#smart_suche input.lupe { vertical-align: bottom; width: 29px; padding: 2px; }
#smart_suche input[type="text"] { width: 85%; }

#mainnav, #submenu { display: none; }
nav ul, ul#flaglist { margin: 0; padding: 0; list-style-type: none; }
nav li, ul#flaglist li { margin: 0; padding: 0; list-style-type: none; }

header #func_header { margin: 5px 0; }
header #func_header #vtsuche {display: none; }
header #func_header #vtsuche input.lupe { vertical-align: bottom; width: 49px; padding: 0 10px 2px; }
header #func_header a#bitvtxt { text-decoration: none; }
header #func_header a#bitvtxt:hover { text-decoration: underline; }
input#qs { width: 75%; }
#closesearch { display: none; }

#pg_translation { position: relative; display: inline; }
.translate_button { cursor: pointer; display: inline; }
#translate_content { display: none; }
#translate_content #google_translate_element, #translate_content .goog-te-gadget { display: inline; }
#translate_content .goog-te-gadget-simple { font-size: 1.5em; }
#translate_content .goog-te-gadget-simple img { display: none; }

#pagetitle_sub { position: relative; /*max-height: 330px;*/ overflow: hidden; }
#pagetitle_sub.blau { background: rgba(0,86,142,0.8); }
#pagetitle_sub.gelb { background: rgba(253,197,67,0.8); }
#pagetitle_sub.gruen { background: rgba(151,191,63,0.8); }
#pagetitle_sub.orange { background: rgba(237,120,35,0.8); }
#pagetitle_sub > #pt_sub-text { position: relative; padding: 10px; text-transform: uppercase; text-align: right; font-size: 1.25em; }
#pagetitle_sub > #pt_sub-text a { text-decoration: none; color: #fff; }
/*#pagetitle_sub.blau > #pt_sub-text, #pagetitle_sub.blau > #pt_sub-text a { color: #fff; }*/
#pagetitle_sub > #pt_sub-text a:before { content: '\BB\A0'; }
#pagetitle_sub > #pt_sub-bild { width: 100%; }
#pagetitle_sub > #pt_sub-bild > img { width: 100%; height: auto; }

#breadcrumb { margin: 15px 0; font-size: 0.8em; }
#breadcrumb a { text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }

#inhalt_startseite h1 {text-align: center; }

/* Themenbox Startseite */
#img-lst-start { position: relative; }
#img-lst-start #img-lst-start-links, #img-lst-start #img-lst-start-mitte, #img-lst-start #img-lst-start-rechts { float: left; }
#img-lst-start #img-lst-start-links .img-lst-start-lnk-normal { float: left; }
#img-lst-start .img-lst-start-lnk-gross, #img-lst-start .img-lst-start-lnk-hoch { position: relative; max-height: 430px; margin: 0 0 10px; overflow: hidden; outline: 5px solid rgba(0,0,0,0.1); outline-offset: -5px; }
#img-lst-start .img-lst-start-lnk-normal { position: relative; max-height: 210px; margin: 0 0 10px; overflow: hidden; outline: 5px solid rgba(0,0,0,0.1); outline-offset: -5px; }
#img-lst-start a { display: block; }
#img-lst-start img { width: 100%; height: auto; }
#img-lst-start .img-lst-start-lnk-title { position: absolute; bottom: 20px; right: 6.3493%; text-transform: uppercase; text-align: right; color: #fff; background: rgba(112,112,112,0.5); padding: 5px; /*border-radius: 5px;*/ }
#img-lst-start .img-lst-start-lnk-gross .img-lst-start-lnk-title { right: 3.125%; }
#img-lst-start .img-lst-start-lnk-title:before { content: '\BB\A0'; }
#img-lst-start .img-lst-start-lnk-desc { position: absolute; display: block; width: 100%; padding: 20px 6.3493%; background-color: rgba(204,221,238,0.8); white-space: pre-wrap; }
#img-lst-start .img-lst-start-lnk-gross .img-lst-start-lnk-desc, #img-lst-start .img-lst-start-lnk-hoch .img-lst-start-lnk-desc { height: 430px; bottom: -430px; }
#img-lst-start .img-lst-start-lnk-normal .img-lst-start-lnk-desc { height: 210px; bottom: -210px; }
#img-lst-start .img-lst-start-lnk-gross:hover .img-lst-start-lnk-desc, #img-lst-start .img-lst-start-lnk-normal:hover .img-lst-start-lnk-desc, #img-lst-start .img-lst-start-lnk-hoch:hover .img-lst-start-lnk-desc { top: 0; }

/* Aktuelles Slider Startseite */
#aktuell_slider {
	margin: 35px 0 45px;
	position: relative;
	box-sizing: content-box;
}
#aktuell_slider ul.flex-direction-nav {
	position: absolute;
	left: 0;
	top: 50%;
	max-width: 1290px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: outside none none;
}
#aktuell_slider ul.flex-direction-nav li {
	list-style: outside none none;
}
#aktuell_slider .flex-direction-nav a:before { display:block; font-family: FontAwesome; font-size: 40px; color: #ababab; }
/*
#aktuell_slider .flex-direction-nav a.flex-prev:before { content: '\f104'; }
#aktuell_slider .flex-direction-nav a.flex-next:before { content: '\f105'; }
*/
#aktuell_slider .flex-direction-nav a {
/*        background-color: #fff;
	background: rgba(232, 241, 239, 0.5);*/
	color: transparent;
	cursor: pointer;
	display: block;
	width: 20px;
/*	height: 205px;
	line-height: 205px;
	margin: -103px 0 0;
*/	opacity: 1;
	outline: medium none;
	overflow: hidden;
	position: absolute;
	top: -10px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
	font-size: 0.5em;
}
#aktuell_slider .flex-direction-nav a.flex-prev { left: 0; margin: 0; }
#aktuell_slider .flex-direction-nav a.flex-next { right: 0; margin: 0; }
#aktuell_slider ul.slides { /*margin: 0 0 0 -40px;*/ }
#aktuell_slider ul.slides li { position: relative; background-color: #cde; padding: 15px 30px; height: 175px; box-sizing: content-box; }
#aktuell_slider ul.slides li#aktfirst { background-color: #02548e; background-image: url("/layout/kreis_herford/img/Pferd_Aktuelles_Slider.png"); background-repeat: no-repeat; background-position: right; color: #fff; }
#aktuell_slider ul.slides li#aktfirst h1 { margin: 25px 0 0; text-align: left; }
#aktuell_slider ul.slides li#aktfirst .aktregion { font-size: 1.075em; }
#aktuell_slider ul.slides li#aktfirst h1, ul.slides li#aktfirst .aktregion { text-transform: uppercase; padding-left: 15px; }
#aktuell_slider ul.slides .aktdate, ul.slides .aktcontent, ul.slides .aktmore { font-size: 0.8em; }
#aktuell_slider ul.slides h2.akttitle { font-size: 0.9em; }
#aktuell_slider ul.slides .aktmore { position: absolute; bottom: 15px; right: 30px; font-weight: bold; }
#aktuell_slider ul.slides li#aktfirst .aktmore { left: 45px; }
#aktuell_slider ul.slides li#aktfirst .aktmore a { color: #fff; }

/* TagCloud Startseite */
#oft_gesucht_start { background-color: #cde; padding: 40px 0 20px; }
#oft_gesucht_start #tc-cloud-2807-1 { padding: 0 !important; }

.altimg-icon i { font-size: 4em; }

#lst-nav-sub { display: flex; flex-wrap: wrap; clear: both; }
#lst-nav-sub .sub-nav-pkt { width: 48.246%; margin: 0; padding: 0; }
#lst-nav-sub .sub-nav-pkt.links { margin: 0 3.51% 0 0; }
#lst-nav-sub .sub-nav-pkt.childs { width: 100%; }
#lst-nav-sub .sub-nav-pkt-img { width: 100%; max-height: 165px; overflow: hidden; }
#lst-nav-sub .sub-nav-pkt.childs .sub-nav-pkt-img { max-height: 180px; }
#lst-nav-sub .sub-nav-pkt-img img { width: 100%; height: auto; }
#lst-nav-sub .sub-nav-pkt-trenner { width: 100%; border-top: 2px solid #ccc; margin: 1em 0 2em; }
#lst-nav-sub .sub-nav-pkt a { text-decoration: none; display: block; }
#lst-nav-sub .sub-nav-pkt:hover a { text-decoration: underline}
#lst-nav-sub .sub-nav-pkt-title a { font-size: 1.15em; padding: 1em 0; font-weight: bold; color: rgba(0,0,0,0.6); }

.zt_titel_info::before { font-family: 'FontAwesome'; content: "\f05a\A0"; }
.zt_titel_unterlagen::before { font-family: 'FontAwesome'; content: "\f046\A0"; }
.zt_titel_recht::before { content: "\A7\A0"; }
.zt_titel_kosten::before { font-family: 'FontAwesome'; content: "\f153\A0\A0"; }
.zt_titel_downloads::before { font-family: 'FontAwesome'; content: "\f019\A0"; }
.zt_titel_links::before { font-family: 'FontAwesome'; content: "\f0a4\A0"; }

/* Suchmaske */
#suchmaske, .suchmaske { margin: 15px 0 1em; padding: 0 0 1em; border-bottom: 1px solid #e1e1e1; }
#inhalt .sm_container { float: left; width: 95%; margin: 0 5% 0 0; }
#inhalt .sm_container label { display: inline; margin: 0 5px 0 0; }
#inhalt .sm_container input[type="text"] { width: 99%; margin: 0 0 1.25em; }
#inhalt .sm_container select { width: 100%; margin: 0 0 1.25em; }
/*
#inhalt .sm_container select[id="ortschaft"] { width: 47.75%; }
*/
#inhalt .sm_container .buttons #absenden { display: inline; }
#inhalt .sm_container .absenden { margin: 0 0 1em; }
#inhalt .abc_container {margin:1em 5% 1em 0;}
#inhalt .abc_container a, #inhalt .abc_container a:link, #inhalt .abc_container a:visited {text-decoration:none;color:#363739;font-weight:bold;}
#inhalt .abc_container a:hover {text-decoration:underline;color:#000;}

/* Volltextsuche */
#inhalt #vt_suchform input { width: auto; }
a.vt_anchor {text-decoration:none;}
.vt_anchor {display:block;margin:0 0 10px 0;}
.suchergebnis_filter {clear:both;margin:10px 0;}
.liste_zeile_ueberschrift {margin:25px 0 10px 0;padding:2px;background:#ececec;font-size:1em;color:#2e2826;}
.liste_zeile, .suchergebnis_zeile {margin:10px 0;padding:10px 0;border-bottom:1px solid #00568e;}
.liste_zeile_bild {padding:2px;}
.liste_zeile_ueberschrift .liste_zeile_bild {float:left;width:20%;}
.liste_zeile_bild img {width:100%;}
.liste_zeile_titel {padding:2px 2px 2px 0.5em;}
.liste_zeile_ueberschrift .liste_zeile_titel {float:left;width:65%;}
.liste_zeile_titel a, .liste_zeile_titel a:link, .liste_zeile_titel a:hover, .liste_zeile_titel a:active, .liste_zeile_titel a:visited {display:block;}
.liste_zeile_datum {float:right;text-align:right;padding:2px;}
.liste_zeile_ueberschrift .liste_zeile_datum {float:left;width:15%;}
.liste_zeile_datum a, .liste_zeile_datum a:link, .liste_zeile_datum a:hover, .liste_zeile_datum a:active, .liste_zeile_datum a:visited {display:block;}
.suchergebnis_titel {font-weight: bold;padding:2px;}
.suchergebnis_link, .suchergebnis_text {padding:2px;}
.suchergebnis_anzahl {float:left;width:40%;margin:10px 0 0 0;}
.suchergebnis_anzahl a, .suchergebnis_anzahl a:link, .suchergebnis_anzahl a:visited {padding:2px;text-decoration:none;}
.suchergebnis_anzahl a:hover, .suchergebnis_anzahl a.aktiv {padding:2px;background:#ececec;text-decoration:none;color:#2e2826;}
.suchergebnis_pagenav {float:right;margin:10px 0 0 0;}
.suchergebnis_pagenav img {display:inline;margin:0 0 -6px 0;}
.suchergebnis_pagenav a, .suchergebnis_pagenav a:link, .suchergebnis_pagenav a:visited {padding:2px;text-decoration:none;}
.suchergebnis_pagenav a:hover {padding:2px;background:#ececec;text-decoration:none;color:#2e2826;}
.suchergebnis_pagenav .pn_active {padding:2px 4px;background:#ececec;text-decoration:none;color:#2e2826;}

/* Link zum Seitenanfang */
#seitenanfang {position:fixed;bottom:65px;right:10px;z-index:400;padding:0;margin:0;}
#seitenanfang a {width:39px;display:block;text-align:center;font:11px/100% Arial, Helvetica, sans-serif;text-transform:uppercase;text-decoration:none;color:#fff;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#seitenanfang a:hover {color:#fff;}
#seitenanfang span {width:40px;height:40px;display:block;margin-bottom:7px;background:#00568e url(/layout/kreis_herford/img/seitenanfang_weiss.png) no-repeat center center;background-size:40px 40px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#seitenanfang a:hover span {background-color: rgba(0,86,142,0.5);background-image:url(/layout/kreis_herford/img/seitenanfang_schwarz.png);}
#seitenanfang.blau span { background:#00568e url(/layout/kreis_herford/img/seitenanfang_weiss.png) no-repeat center center; }
#seitenanfang.blau a:hover span { background-color: rgba(0,86,142,0.5); background-image:url(/layout/kreis_herford/img/seitenanfang_schwarz.png); }
#seitenanfang.gelb span { background:#fdc543 url(/layout/kreis_herford/img/seitenanfang_schwarz.png) no-repeat center center; }
#seitenanfang.gelb a:hover span { background-color: rgba(253,197,67,0.5); }
#seitenanfang.gruen span { background:#97bf3f url(/layout/kreis_herford/img/seitenanfang_schwarz.png) no-repeat center center; }
#seitenanfang.gruen a:hover span { background-color: rgba(151,191,63,0.5); }
#seitenanfang.orange span { background:#ed7823 url(/layout/kreis_herford/img/seitenanfang_schwarz.png) no-repeat center center; }
#seitenanfang.orange a:hover span { background-color: rgba(237,120,35,0.5); }

/* Texthervorhebungen */
div.border_blau { border: 2px solid rgba(71,149,172,1); padding: 0.5em; }
div.border_violett { border: 2px solid rgba(173,65,145,1); padding: 0.5em; }
div.border_rot { border: 2px solid rgba(178,37,75,1); padding: 0.5em; }
span.marker_blau { background-color: rgba(71,149,172,0.5); padding: 0 2px; }
span.marker_violett { background-color: rgba(173,65,145,0.5); padding: 0 2px; }
span.marker_rot { background-color: rgba(178,37,75,0.5); padding: 0 2px; }

/* Adressenliste 2spaltig - Telefonbuch */
.adressen_uebersicht { width: 100%; margin: 26px 0 1em; }
.adressen_uebersicht h2, .adressen_uebersicht h3 { margin: 0 0 5px !important; }
.adressen_bild { float: left; width: 23.945%; margin: 0 2.114% 0 0; background: #fff; }
.adressen_bild img { width: 100%; margin: 0; }
.adressen_maps { float: right; }
.adressen_komverb { line-height: 1.5em; }
.adressen_liste { display: flex; flex-wrap: wrap; clear: both; }
.adressen_nebeneinander { width: 98.9%; margin: 0 0 10px; padding: 8px 0.55%; border: 1px solid #e1e1e1; }
.adressen_nebeneinander div.title { margin: 0 0 0.25em; }
.adressen_nebeneinander .trenner_dottiline { margin: 0.25em 0; }

/* Formulare */
span.ikiss-form-element {
    width: 100%;
}/*
span.ikiss-form-element input, span.ikiss-form-element select, span.ikiss-form-element textarea, span.ikiss-form-element label {
    display: block;
}*/
span.ikiss-field-label {
    float: none;
    margin-right: 0;
    width: 100%;
}
span.ikiss-field-checkbox label {
    width: 90%;
}
span.ikiss-field-checkbox input {
    margin-top: 0.4em;
    vertical-align: top;
}

/* Dienstleistungsliste bei Abteilungen von Ämteradressen */
.lstdl { padding: 0 0 0.5em 2em; }

/* Nach hinzufügen des 5. Navigationspunktes "Serviceportal Kreis Herford" als erstem NavPkt besser ohne Abstand nach links
@media only screen and (min-width:900px) {
#mainnav ul.nlv_1 > li.npt_first { padding-left: 12.25%; }
}
@media only screen and (min-width:950px) {
#mainnav ul.nlv_1 > li.npt_first { padding-left: 16%; }
}
@media only screen and (min-width:1000px) {
#mainnav ul.nlv_1 > li.npt_first { padding-left: 19.5%; }
}
@media only screen and (min-width:1050px) {
#mainnav ul.nlv_1 > li.npt_first { padding-left: 22.75%; }
}
@media only screen and (min-width:1100px) {
#mainnav ul.nlv_1 > li.npt_first { padding-left: 25.5%; }
}
@media only screen and (min-width:1150px) {
#mainnav ul.nlv_1 > li.npt_first { padding-left: 28%; }
}
@media only screen and (min-width:1200px) {
#mainnav ul.nlv_1 > li.npt_first { padding-left: 30.5%; }
}
@media only screen and (min-width:1250px) {
#mainnav ul.nlv_1 > li.npt_first { padding-left: 32.5%; }
}
@media only screen and (min-width:1315px) {
#mainnav ul.nlv_1 > li.npt_first { padding-left: 35.25%; }
}
*/
#mainnav ul.nlv_1 > li.npt_first { padding-left: 5px; }
#mainnav ul.nlv_1 > li > span.navptborder { display: inline-block; }

/* RDFa-Tags bei den Dienstleistungen verstecken */
div[typeof="Zustaendigkeit"] { display: none; }

#vorlesen { line-height: 1.5em; }
#vorlesen h1 { line-height: 1.25em; }
.randspalte_box .links p { margin-bottom: 1.5em; }


/* Cookie-Hinweis und Tracking-Box */
.cookie-message, .tracking-box{
    width: 100%;
    background-color: #f0f0f0;
    padding: 25px;
    -webkit-box-shadow: 0 5px 15px #000;
    box-shadow: 0 5px 15px #000;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.cookie-message .btn, .tracking-box .btn{
    margin: 0 10px 0 0;
}
.cookie-message .pull-right .btn, .tracking-box .pull-right .btn{
    margin: 0 0 0 10px;
}
.cookie-message.bottom-left{
    position: fixed;
    bottom: 30px;
    left: 30px;
    max-width: 500px;
    z-index: 100;
}
.cookie-message.bottom-right{
    position: fixed;
    bottom: 30px;
    right: 30px;
    max-width: 500px;
    z-index: 100;
}
.cookie-message.bottom{
    position: fixed;
    bottom: 0;
    z-index: 100;
}
#cookie-message{
    display: none;
}
@media screen and (max-width: 960px){
     .cookie-message.bottom-left, .cookie-message.bottom-right, .cookie-message.bottom{
        padding:15px;
        font-size: 0.8em;            
    }
}
@media screen and (max-width: 680px){
    .cookie-message.bottom-left, .cookie-message.bottom-right, .cookie-message.bottom{
        bottom: 0;
        left: 0;
        right: 0;
        max-width: none;
        -webkit-box-shadow: 0 0 15px #000;
        box-shadow: 0 0 15px #000;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25);
        box-shadow: 0 0 15px rgba(0,0,0,0.25); 
    }
}