/* tablet.css */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .tabletOnly {
    display: block;
  }

  .desktopOnly {
    display: none;
  }

  #breadcrumb {
    display: none;
  }

  #footer .tabletOnly {
    display: inline-block;
  }

  body {
    width: 100%;
  }

  #wrapAll {
    width: 76.8em;
    padding: 0;
    overflow: auto;
  }

  #wrapAll:after {
    background-image: none;
  }

  #wrapAll:before {
    background-image: none;
  }

  #wrapRight {
    margin: 0;
  }

  #headerService .serviceSocial {
    display: none;
  }

  #headerService .serviceNavi {
    width: 100%;
    padding: 0 3.4em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #headerService .serviceNavi ul {
    width: 100%;
  }

  #headerService .serviceNavi li.leichteSprache {
    margin-left: 116px;
  }

  #headerService .serviceNavi li.gebaerdensprache {
    margin-right: 0;
  }

  .serviceNavi li a {
    background-position: -363px 4px;
    padding: 0.6em 0 0.3em 2em;
  }

  .serviceNavi li a:hover, .serviceNavi li a:focus, .serviceNavi li a:active {
    background-position: -313px -33px;
  }

  #breadcrumb {
    display: none;
  }

  #mainMenu {
    height: 45px;
  }

  #mainMenu .smartphoneNavigation {
    display: none;
  }

  #contentWrap {
    width: 100%;
  }

  .headerLogos {
    float: left;
    padding: 0 0 0 3.4em;
  }

  /*#headerLogoSuche .headerLogos li {
      height: 7em;
      width: 29.8em;
      background: url(../images/_layout/responsive/logo_zukunftscharta_retina.png) 0 0 no-repeat;
      background-size: 29.8em auto;
  }*/
  /*#headerLogoSuche .headerLogos li:first-child {
      background: url(../images/_layout/responsive/logo_bmz_retina.png) 0 0 no-repeat;
      background-size: 18.8em auto;
      width: 18.8em;
  }*/
  #headerLogoSuche .headerLogos li img {
    display: none;
  }

  #headerLogoSuche .headerLogos li a {
    display: block;
    float: left;
    /*width: 100%;
    height: 100%;*/
  }

  .headerSuche {
    display: none;
  }

  .footerSitemap {
    display: none;
  }

  .smartphoneNavigation {
    display: block;
    float: left;
    width: 100%;
    height: 45px;
    background: #777777;
    background: -moz-linear-gradient(top, #777777 0%, #565656 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #565656));
    background: -webkit-linear-gradient(top, #777777 0%, #565656 100%);
    background: -o-linear-gradient(top, #777777 0%, #565656 100%);
    background: -ms-linear-gradient(top, #777777 0%, #565656 100%);
    background: linear-gradient(to bottom, #777777 0%, #565656 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#565656', GradientType=0);
    overflow: hidden;
  }

  .smartphoneNavigation a {
    display: block;
  }

  .smartphoneNavigation p {
    padding: 0;
    margin: 0;
    height: 100%;
  }

  .smartphoneNavigation p:first-child {
    float: left;
    width: 72em;
  }

  .smartphoneNavigation p:last-child {
    float: right;
    border-left: solid 1px #3e3e3e;
  }

  .smartphoneNavigation p:first-child a {
    background: url(../images/_layout/responsive/sprites/sprite.png) -325px -1438px no-repeat;
    padding: 12px 0 10px 35px;
    margin: 0 0 0 10px;
    color: #ffffff;
    font-family: BundesSerifWeb, Arial, Helvetica, sans-serif;
    font-size: 18px;
    width: 12em;
  }

  .smartphoneNavigation p:last-child a {
    background: url(../images/_layout/responsive/sprites/sprite.png) -264px -1465px no-repeat;
    color: transparent;
    padding: 0 0 3em 0;
    width: 4.5em;
  }

  .smartphoneNavigation p:first-child a {
    background: url(../images/_layout/responsive/sprites/sprite.png) -325px -1438px no-repeat;
    padding: 0.6em 0 1em 2em;
    margin: 0 0 0 1em;
    color: #ffffff;
    font-family: BundesSerifWeb, Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    width: 100%;
    float: left;
  }

  .menuFenster {
    display: none;
  }

  #menuLinks {
    position: absolute;
    top: 16.1em;
    padding: 0;
    width: 76.8em;
    z-index: 10000;
    border-right: 0;
  }

  #menuLinks span.item {
    font-size: 1.8em;
    max-width: 640px;
  }

  #menuLinks ul a, #menuLinks ul div {
    padding: 1.1em 0;
    width: auto;
    display: block;
  }

  #menuLinks li {
    background-image: url(../images/_layout/responsive/smartphone/navi_bg.png);
  }

  #menuLinks li.active li {
    background-image: url(../images/_layout/responsive/smartphone/navi_bg_active.png);
  }

  #menuLinks ul {
    border-bottom: none;
  }

  #menuLinks li:last-child {
    border-bottom: solid 1px #cccccc;
  }

  #menuLinks ul ul li:last-child {
    border-bottom: none;
  }

  #menuLinks ul a {
    width: 723px;
  }

  #menuLinks a.foldOut {
    width: 45px;
    height: 45px;
    background-position: -242px -490px;
  }

  #menuLinks .showChildren a.foldOut {
    background-position: -192px -516px;
  }

  #menuLinks .active a.foldOut {
    background-position: -92px -565px;
  }

  #menuLinks .active li a.foldOut, #menuLinks .showChildren li a.foldOut {
    background-position: -242px -490px;
  }

  .menuFenster ul li:hover ul, .menuFenster ul li:hover div.submenu {
    display: none;
  }

  /*.headerLogos li {
      width: 45%;
  }*/
  .headerLogos img {
    width: 100%;
  }

  #footer {
    float: left;
    text-align: left;
    height: 3.571em;
    padding: 0 0 45px 0;
  }

  #footer ul {
    width: 100%;
    padding: 0.7em 1.4em 0 1.4em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

  #footer li {
    float: left;
    padding-top: .5em;
    padding-bottom: 1em;
  }

  #footer li:first-child {
    padding-left: 1em;
  }

  #footer li.copyright {
    float: right;
    /*padding-top: 1em;*/
  }

  .footerEmpfehlungen h1 {
    margin: 0 1.545em;
  }

  .footerEmpfehlungen ul {
    margin: 0;
    padding: 1.4em 3.4em 0;
    width: 100%;
    height: 10em;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  .footerEmpfehlungen li.items_8 {
    width: 12.2%;
  }

  .footerEmpfehlungen li img {
    float: left;
    width: 100%;
    height: auto;
  }

  .serviceLinks {
    padding: 0 2.428em 0 0;
  }

  .serviceLinks .seitenanfang {
    margin-right: 0;
  }

  /* Startseite */
  .topThema {
    height: 30em;
  }

  .topThema .slideContent .text h2 {
    width: 24em;
    font-size: 3em;
    padding: 0 0 0 .8em;
  }

  #startseite #contentMarginal {
    float: left;
    margin: 0 0 0 2em;
    width: 74.8em;
  }

  #startseite #contentMarginal .boxStandard {
    width: 34em;
    margin-right: 2em;
    margin-bottom: 1em;
  }

  #startseite #contentMarginal .boxStandard:nth-child(even) {
    margin-right: 0;
  }

  #startseite #contentMarginal .boxStandard:nth-child(odd) {
    /*clear: both;*/
  }

  #startseite #contentMarginal .boxStandard .textBlock {
    margin-top: .3em;
  }

  #startseite #contentMarginal .boxStandard .bild {
    width: 50%;
    margin-right: 1em;
  }

  #startseite #contentMarginal .boxStandard .bild img {
    width: 100%;
  }

  .topThema .sliderInfoSimple {
    margin-top: -29.8em;
    width: 32em;
    height: 29.8em;
  }

  .topThema .sliderInfoSimple .text {
    width: 28em;
  }

  .topThema .sliderInfoSimple .text p {
    margin: 0.6em 0;
  }

  /* Content */
  #contentMain {
    width: 46.4em;
    margin: 0 0 0 3.4em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin: 0 0 0 3.4em;
  }

  #contentMarginal {
    float: right;
    margin: 0 3.4em 0 0;
    width: 22em;
  }

  #ohneContext #contentMain, #fehler404 #contentMain {
    width: 70em;
    margin: 0 3.4em;

  }

  .titelTextBild {
    float: left;
    padding: 0 0 3em 3.4em;
    width: 70em;
  }

  #sl {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    z-index: 9999;
  }

  #sl_content {
    margin: 0;
    position: relative;
    width: 100%;
  }

  #sl_loadContent {
    position: relative;
    top: 4em;
  }

  #sl_headline {
    box-sizing: border-box;
    font-family: "BundesSerif Web";
    font-size: 18px;
    left: 5px;
    margin: 10px;
    width: 95%;
    border-bottom: 1px solid #ffffff;
  }

  #sl_headline p {
    padding: 0 100px 10px 0;
    margin: 0;
  }

  #sl_close {
    position: absolute;
    background: url(../images/_layout/responsive/lightbox_close.png) no-repeat right 0 transparent;
    top: 10px;
    margin: 0 10px 0 0;
    padding: 2px 30px 10px 0;
    right: 0;
    font-size: 12px;
  }

  /* Bildergalerie */
  div.pp_default, div.ppt, .pp_default .pp_hoverContainer, #pp_full_res, .pp_content_container .pp_details, .pp_gallery {
    width: 100% !important;
  }

  div.pp_overlay {
    width: 100% !important;
  }

  #pp_full_res img {
    width: auto !important;
    max-width: 100%;
  }

  .pp_content_container .pp_details {
    width: 700px !important;
  }

  .pp_details div.ppHeader h2 {
    width: auto;
  }

  .pp_gallery div {
    width: 600px !important;
    margin: 0 10px;
  }

  #sl_loadContent form {
    padding: 20px 10px 0 0;
    text-align: right;
  }

  #sl_loadContent label {
    display: none;
  }

  #sl_loadContent input[type=text], #sl_loadContent input[type=search] {
    padding: 12px 10px 11px 10px;
    width: 90%;
    font-size: 16px;
  }

  #sl_loadContent input[type=submit] {
    vertical-align: top;
    width: 45px;
    height: 45px;
    background: url(../images/_layout/responsive/sprites/sprite.png) 0 -1751px no-repeat transparent;
    margin: 0 0 0 -6px;
    cursor: pointer;
  }

  /* IPAD */
  @media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) {
    #sl_loadContent input[type=submit] {
      margin-top: 2px;
    }

    #sl_loadContent input[type=text], #sl_loadContent input[type=search] {
      padding-top: 11px;
    }
  }
  /* IPAD */
  #sl_loadContent input[type=submit] {
    border: none;
  }

  #iati_stage {
    display: none;
  }

  #IATI .textBlock {
    padding: 20px;
  }

  #IATI #contentMain {
    width: 100%;
    margin: 0;
  }

  #map_canvas {
    width: 700px;
    height: 406px;
  }

  a.videoControl:hover span.linkPhrase, a.videoControl:focus span.linkPhrase, a.videoControl:active span.linkPhrase {
    display: none;
  }

  a.videoControl:hover, a.videoControl:focus, a.videoControl:active {
    background-position: -154px -1329px;
    width: 3.5em;
  }

  .ui-autocomplete img {
    display: none;
  }

  #sl_content input:focus {
    font-size: 16px !important;
  }

  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    span.pp_previous {
      margin-left: 30px !important;
    }

    a.pp_previous:link, a.pp_previous:visited {
      background-position: 30px 50% !important;
    }
  }

  #contentMarginal form .checkLabel {
    width: auto;
  }

  #contentMarginal form .input {
    width: 24.6em;
  }

  #contentMarginal form .submitLine input.submit {
    width: 24.2em;
  }

  /* BMZIN-4940 - BMZeit */
  #bmzeitThumbs {
    margin-left: -3.4em;
    width: 76.8em;
  }

  #bmzeitThumbs li {
    margin-right: 3.8em;
  }

  /* //BMZIN-4940 - BMZeit */
  /* Thementhek */
  #thementhek #contentMain {
    width: 70em;
    margin: 0 0 0 3.4em;
  }

  #thementhek .topThema.topThemaSimple img {
    width: 100%;
  }

  #thementhek .topThema.topThemaSimple {
    height: auto;
  }

  #thementhek .topThema .sliderInfoSimple {
    width: 100%;
  }

  #thementhek .topThema .sliderInfoSimple .text {
    width: 66em;
  }

  .minislider.flexslider .slides li {
    width: 350px !important;
  }

  #thementhekTabs .tabliste {
    display: none;
  }

  #thementhekTabs .ui-tabs-panel {
    display: block !important;
  }

  #thementhek .lexikonReiter .reiterListe a, #thementhek .lexikonReiter .reiterListe div {
    padding-right: 0.6em;
    padding-left: 0.6em;
  }

  #thementhek .lexikonReiter .reiterListe li:first-child a, #thementhek .lexikonReiter .reiterListe li:first-child div {
    padding-right: 0.7em;
    padding-left: 0.7em;
  }

  #thementhek input[type="text"], #thementhek input[type="search"] {
    width: 300px;
  }

  .thementhekListViewAZ {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }

  /* Thementhek Übersicht */
  #thementhek .titelTextBild {
    width: 70em;
  }

  #thementhek .titelTextBild img {
    width: 35em;
  }

  #thementhek .titelTextBild p, #thementhek .thementhekThemenListe p {
    font-family: BundesSansWebBold, Arial, Helvetica, sans-serif;
  }

  #thementhek .thementhekThemenListe p {
    width: 100%;
  }

  #thementhek .thementhekListe li {
    width: 349px;
    margin: 0;
  }

  #thementhek .thementhekListe img {
    width: 100%;
  }

  #thementhek .thementhekListe li:nth-child(2n+1) {
    margin-right: 2px;
  }

  /* Hover Effekt */
  #thementhek .thementhekListe li:hover span.text {
    height: 20em;
    margin: -20em 0 0;
  }

  #thementhek .teaserUebersicht a {
    background: rgba(0, 0, 0, 0) url(../images/_layout/responsive/thementhek_uebersicht.jpg) no-repeat scroll 0 center / 125% 100%;
    height: 10em;
  }

  #thementhek .teaserUebersicht .textbereich {
    width: 28.2em;
    height: 8.5em;
  }

  #thementhek .teaserUebersicht .textbereich .p {
    width: 16em;
  }

  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #thementhek .thementhekListe li:hover .text .h3 {
      height: 3em;
      padding: 0 0 0 2.3em;
    }

    #thementhek .thementhekListe li:hover .text .p {
      display: none;
    }

    #thementhek .thementhekListe li:hover span.text {
      height: 5em;
      margin-top: -5em;
    }
  }

  .flex-control {
    margin-right: 7em;
  }

  #thementhek .tt-menu {
    width: 35.2em;
  }

  div[id^="themeSlider"] .slider-layer-left, div[id^="themeSlider"] .slider-layer-right {
    width: 70px;
  }

  #thementhek .flexslider.topThema, .thementhek-slider .flexslider.topThema {
    width: 76.8em;
    margin-left: -3.4em;
  }

  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #thementhek input[type="submit"] {
      margin-top: 2px;
    }
  }

  #thementhek .flexslider.topThema:hover .flex-next, #thementhek .flexslider.topThema .flex-direction-nav .flex-next, .thementhek-slider .flexslider.topThema:hover .flex-next, .thementhek-slider .flexslider.topThema .flex-direction-nav .flex-next {
    right: 80px;
  }

  #thementhek .flexslider.topThema:hover .flex-prev, #thementhek .flexslider.topThema .flex-direction-nav .flex-prev, .thementhek-slider .flexslider.topThema:hover .flex-prev, .thementhek-slider .flexslider.topThema .flex-direction-nav .flex-prev {
    left: 80px;
  }

  .ppHeader .gal-expand, .ppHeader .gal-reduce {
    display: none;
  }

  #footerSocial .serviceSocial {
    width: 45%;
  }

  .socialTwitter a, .socialGoogle a, .socialFacebook a, .socialYoutube a, .socialInstagram a {
    width: 30px;
    height: 30px;
  }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /*a.ui-input-clear {
      margin-top: 7px;
  }

  #thementhek input[type="text"], #thementhek input[type="search"] {
      padding-bottom: 6px;
  }*/
  /* BMZIN-6561 HTML-Umsetzung und WCMS-Integration Social-Media-Icons in Startseitenslider */
  .topThema .slideContent {
    height: 14em;
  }

  .topThema .socialMediaLinks {
    margin: -2.5em 0 0 0;
  }

  .topThema .sliderInfoSimple .text {
    width: 30em;
    margin: 1em 0 0 1em;
  }

  .topThema .sliderInfoSimple .text p a.link:link, .topThema .sliderInfoSimple .text p a.link:visited {
    padding: 0 0 0.3em 1.9em;
  }

  .topThema .sliderInfo.sliderInfoSimple .socialMediaLinks.socialMediaLinksStatic {
    padding: 0 0 0 1em;
  }

  /* //BMZIN-6561 HTML-Umsetzung und WCMS-Integration Social-Media-Icons in Startseitenslider */
  /*BMZIN-8122  Overlay in Smartphone und Tablet ausblenden*/
  #thementhek .thementhekListe li a:hover .text .p, #thementhek .thementhekListe li a:focus .text .p {
    display: none;
  }

  #thementhek .thementhekListe li a:hover .text, #thementhek .thementhekListe li a:focus .text {
    margin: -5em 0 0 0;
    height: 5em;
  }

  #thementhek .thementhekListe li a:hover .text .h3, #thementhek .thementhekListe li a:focus .text .h3 {
    height: 3em;
    padding: 0 0 0 2.3em;
}

  /* //BMZIN-8122  Overlay in Smartphone und Tablet ausblenden*/
}