/* Mediaqueries ********************************************************************************************************************************* */
/* 320px  ********************************************************************************************************************************* */

@media screen and (min-width: 320px) {
/* Smartphone */

/* Top */
.mobilHeader .mobilMenuZu,
.logo img {height: 48px; width: auto;}

.logo .mb > div {float: left; padding: 0 15px 0 0 }
.logo .mb  a,
.logo .mb span{ height: 48px;  font-size: 125%; }

/* main */
.mitte {padding-bottom: 20px;}
   
.js-map {margin-left: -400px;}

/* schließendes mediaquerie folgt */
}



@media screen and (min-width: 480px) {
/* Smartphone */

/* Top */

   
/* schließendes mediaquerie folgt */
}



@media screen and (min-width: 640px) {
/* Smartphone */

/* Top */

   
/* schließendes mediaquerie folgt */
}



/* Mediaqueries 768 ********************************************************************************************************************************* */

@media screen and (min-width: 768px)  {
/* Größer als Tablet Portrait*/

/* Schriftgrößen */
body {font-size: 12px;}

.mobilHeader .mobilMenuZu,
.logo img {height: 60px;}
.overlay{  width: 160%;  }

.logo img {height: 60px; width: auto;}
.kopfbild {max-height: 250px; overflow: hidden; }
.header .kopfbild img{height: 250px; width: auto;; }
.header .navigation ul{padding: 10px 0 0}

/* main */
main .links ul li,
.header .navigation ul li {padding: 4px 0; font-size: 120%;}
main .links ul.ebene2 li {padding: 0}

.mitte {min-height: 500px}

.input-group.suchbereich {padding-top: 20px;}
.input-group .suchbutton {text-align: right; width: 33px; color: #fff; background-color: #848B90; font-family: FontAwesome; }
.input-group .suchfeld {width: 185px}

main .links ul{list-style-type: none; padding: 0; text-transform: uppercase; color: #000; padding: 20px 0 0; margin: 0; }
main .links ul > ul{ padding: 0; }
main .links ul.ebene1 li {font-size: 120%; text-transform: uppercase; }
main .links ul a {color: #848B90}
main .links ul a:hover {color: #000; text-decoration: none;}
main .links ul p {margin: 0; font-weight: 600;}
main .links ul.ebene2 li {font-size: 100%; text-transform: none; }
main .links ul li.act a { color: #000; }
main .links ul li.cur p { color: #000; }
main .links ul.ebene1 > li{padding-bottom: 0;}

/* Mobil */


#nav ul {font-size: 16px;}

.js-map {margin-left: -200px;}

/* schließendes mediaquerie folgt */
}

/* Mediaqueries 992 ********************************************************************************************************************************* */

@media screen and (min-width: 992px)  {
/* Größer als PC */

/* Schriftgrößen */
body {font-size: 12px;}

/* header */
.logo img {height: 87px; width: auto;}
.kopfbild {max-height: 250px; overflow: hidden; }
.header .kopfbild img{height: auto; width: 100%;; }

.header .navigation ul{padding: 10px 0 0}
main .links ul li,
.header .navigation ul li {padding: 4px 0; font-size: 120%;}

/* main */
.input-group .suchfeld {width: 130px}

#indexedsearch .indexedsearch{float: left;}
#indexedsearch span{float: left;}

/* schließendes mediaquerie folgt */
}


/* Mediaqueries 1200 ********************************************************************************************************************************* */
@media screen and (min-width: 1200px){
/* Größer als PC Gross */

/* Schriftgrößen */
body {font-size: 14px;}

/* header */
.logo img {height: 100px; width: auto;}
.kopfbild {max-height: 300px; overflow: hidden; }
.header .navigation ul{padding: 10px 0 0}
.header .navigation ul li {padding: 5px 0 ; }

/* Main */
main .mitte {min-height: 400px;}
.input-group .suchfeld {width: 170px}

.js-map {margin-left: 00px;}

/* schließendes mediaquerie folgt */
}