@media only screen and (max-width: 40em){
  /* Seitenrahmen (Service Menü, Navigation, Branding, Footer etc.) */
  *{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  #search,
  #navServiceMeta,
  #navPrimary,
  #navSecondary,
  #navBreadcrumbs-wrapper,
  #wrapperHeader span.wallpaper,
  #wrapperFooter div#siteInfo div
 {
    display:none;
  }
  #wrapperFooter div#siteInfo {padding-top: 30px;}
  #wrapperFooter div#siteInfo div#meta,
  #wrapperFooter div#siteInfo div#some {display:block;}
  #wrapperFooter div#siteInfo div#some {min-height: 0px;padding-bottom: 5px;padding-left: 30px;}
  body.lang-en #wrapperFooter div#siteInfo div#some {display:none;}
  
  #siteInfo #meta li {float: left;}
  #wrapperOuter{
    width: 100%;
  }
  #wrapperHeader{
    min-height: 0px;
    padding: 0px;
  }
  #wrapperContent h1{
    font-size: 250%;
  }
  #wrapperDivisions{
    padding-top: 30px !important;
  }
  .section-page #wrapperDivisions,
  .home #wrapperDivisions{
    padding-top: 0px !important;
  }
  #branding {
    min-height: 10.6em;
    min-width: 0px;
    padding-left: 10px;
  }
  #siteInfo #meta ul{
    float: none;
    width: auto;
  }
  #siteInfo #meta p{
    float: right;
    width: auto;
    margin-bottom: 10px;
  }
  #branding p{
    margin-top: 20px !important;
  }
  #content div(not:.rack-design){
  max-width: 100% !important;
}
  /*////////////////////////////////////////////////////////////*/
  /* Bereichsseiten */
  .section-page #wrapperDivisionsInner{
    min-width: 0px;
  }
  #wrapperHeader .header-image{
    display: none;
  }
  #n-1 #wrapperHeader .stage-wrapper .teaser-content,
  #n-2 #wrapperHeader .stage-wrapper .teaser-content,
  #n-3 #wrapperHeader .stage-wrapper .teaser-content{
    width: 100%;
    margin-top: 20px;
    min-height:0px;
    margin-bottom: 40px;
  }
  .section-page #stage .teaser-content{
    padding-right: 0px;
  }
  .section-page #main .speech .teaser-content{
    padding-left: 0px;
    padding-right: 15px;
  }
  /*
  .section-page #content #main .speech h3.date{
   float: right;
   margin-left: 46%;
  }
  */
  .ts-mod .gallery-switcher .gallery-prev span, .ts-mod .gallery-switcher .gallery-next span {
    margin-top: -42px;
    top: 50%;
  }
  .section-page #content #main .speech .teaser-content h4{
    margin-top: 30px;
  }
  #content #main .speech{
    padding-left: 0px;
    overflow: hidden;
  }
  #content #main .speech h3.date{
    position: relative;
    margin-left: 4px;
  }
  form div{
    width: 100% !important;
  }
  #main .teaser-group .image-box img, #main .speech .image-box img{
    position: relative;
    bottom: 0 !important;
  }
  #main .singleImage .contentgallery .image-box img {
    width: 286px !important;
    vertical-align: middle;
  }
  #main .video-teaser-big .contentgallery {
    width: 300px !important;
  }
  div.gallery-switcher {
    width: 300px !important;
    max-height: 156px !important;
  }
  .contentgallery .gallery-switcher .rack,
  .contentgallery .gallery-switcher .rack .rack-design,
  .contentgallery .gallery-switcher .rack .gallery-box,
  .contentgallery .gallery-switcher .rack .gallery-box .image-box {
    width: 286px !important;
  }
  #main .eventsCalendar .more,
  div.current-event.grey {
    width: 95%;
  }
  .section-page #main .speech .image-box a, .section-page #main .speech .image-box strong{
    max-height: 75px;
    height: auto;
  }
  .section-page #main .speech .image-box{
    float: none;
    display: block;
    margin-left: 0px;
    background: url('/SiteGlobals/StyleBundles/Bilder/Farbschema/schatten-f2.jpg?__blob=normal') no-repeat 0 100% #fff;
    margin-right: 10px;
    padding: 4px 0px 9px 4px;
  }
  #main .tkl2col .secElem,
  #main .tkl2col .firstElem{
    margin-left: 0px !important;
  }
  .js-on #main .gallery .gallery-switcher .rack{
    height: auto !important;
  }
  .contact{
    width: 96%;
    float: none;
    margin: 10px 0px;
  }
  #main .pressrelease-wrapper .teaser{
    padding-left: 50%;
  }
  #main p.picture{
    float: left;
    margin: 0;
    width: 98%
  }
  #main p.picture,
  #main p.picture .image-box,
  #content p.linksOhne .image-box,
  #content p.linksOhne .image-box img{
    width: 98% !important;
  }
  #content .ts-mod .teaser .image-box a{
    height: auto !important;
  }
  /*//////////////////////////////////////////////////////////*/
  /*Stage-Bereich auf Startseite */
  #stage{
    min-width: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #stage .stage-wrapper,
  .js-on #stage .stage-wrapper{
    padding-left: 0px;
  }
  #stage .teaser-content{
    width: 100%;
    margin-top: 20px;
    min-height:0px;
  }
  .js-on #stage .gallery-switcher, .js-on #stage .gallery-switcher-mod,
  #stage .gallery-switcher, #stage .gallery-switcher-mod{
    float:none;
  }
  #stage .stage-wrapper .rack{
    width: 100%;
  }
  #opener .teaser-wrapper .pagination{
    margin-left:0px;
  }
  #opener .teaser-wrapper .pagination ul{
    display:inline;
    margin: 0 auto;
  }
  #opener .teaser-wrapper .pagination ul li{
    display: inline;
  }
  #stage .stage-wrapper .image-box,
  #stage .stage-wrapper .image-box img{
    width: 100%;
    height: auto;
  }
  #stage .stage-wrapper .rack .image-box,
  #stage .stage-wrapper .rack .image-box img{
    width: auto;
    height: auto;
  }
  #opener,
  #siteInfo,
  .home #wrapperDivisionsInner{
    min-width: 0px;
  }
  /* Materna 20191217 -------------------------------------------- */
  #opener .teaser-wrapper {
    padding-top: 87px;
    overflow: visible;
  }
  #opener .teaser-wrapper::before {
    content: '';
    background: url(/SiteGlobals/StyleBundles/Bilder/Farbschema/opener-purple-line.png?__blob=normal) repeat-x scroll 0 0 #fff;
    height: 7px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
  }
  #opener .teaser-wrapper h2 {
    width: 122%;
    line-height: 1.5;
    position: absolute;
    top: 27px;
    left: calc( (100vw - 100%) / -2 + 18px);
  }
  #opener .teaser-wrapper h2 span {
    display: block;
    clear: both;
    height: 1%;
    font-size: 90%;
    color: #fff;
    float: left;
    padding: 0 0 0 10px;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    background: #5B2654 url(/SiteGlobals/StyleBundles/Bilder/Farbschema/section-hl-l.jpg?__blob=normal) 0 100% no-repeat;
  }
  #opener .teaser-wrapper h2 span em {
    float: left;
    padding: 4px 20px 4px 10px;
    display: block;
    background: #5B2654 url(/SiteGlobals/StyleBundles/Bilder/Farbschema/section-hl-r.jpg?__blob=normal) 100% 100% no-repeat;
    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
  }
  /* ------------------------------------------------------------- */
  .js-on #opener .teaser-wrapper{
    width: 85%;
    margin:auto;
  }
  .js-on #opener .news-wrapper {
    width: 100% !important;
    text-align: center;
  }
  #opener .news-wrapper .more{
    text-align: left;
  }
  #opener .news-paging span.next{
    right: 40px;
  }
  .js-on #stage .gallery-prev span, .js-on #stage .gallery-next span{
    position: absolute;
    margin-top: 22%;
    top: 0;
  }
  #stage .gallery-next span{
    right: 0px;
  }
  #stage .gallery-next,
  #stage .gallery-prev{
    position: relative;
  }
  #stage .gallery-prev span{
    /*right: 12px;*/
  }
  .js-on #opener .news-wrapper,
  .js-on #opener .news-wrapper .news-box
  {
    margin-top: 10px;
    width: 100% !important;
  }
  .js-on #opener .news-box-box .section-box{
    margin:auto;
  }
  .home #main, .section-page #main{
    padding-top: 45px;
  }
  #main .video-teaser-big{
    padding-left: 0px;
    overflow: hidden;
  }
  #main .video-teaser-big .contentgallery{
    margin-left: 0px !important;
    margin-bottom: 20px;
  }
  #main .special-teaser-box{
    background-position: center top !important;
  }
  #main .special-teaser-box-box{
    padding-left: 15%;
    padding-right: 15%;
    width: 70%;
    padding-top: 240px;
  }
  #main .special-teaser-box-box div{
    width: 100%;
    height: auto !important;
  }
  .box{
    /*width: 100%; */
    display: block;
    float: none;
    clear: both;
  }
  #content p.illustration img, #content p.picture img{
    margin: auto;
  }
  /*///////////////////////////////////////////////////////////////*/
  /* Content Bereich */
  .altgrid #wrapperDivisionsInner{
    padding-left: 0px;
    padding-top: 30px;
  }
  #main-inner{
    width: 100%;
  }
  #main img{
    max-width: 97%;
    height: auto;
  }
  #wrapperContent h1{
    width: 93%;
  }
  .contentgallery .gallery-switcher .image-box{
    width: 100%;
  }
  .article-metadata span{
    width: 100%;
    float: none;
  }
  /*Terminkalender */
  #content #main .event .teaser-content h4{
    margin-left: 4px;
  }
  #content #main .event .teaser-content em{
    margin: 6px 4px;
  }
  #content #main .event .teaser-content{
    float: none;
  }
  #content #main .current-event .event{
    padding-left: 0px;
  }
  #content #main .current-event .c-box-box{
    padding-right: 0px;
  }
  /*////////////////////////////////////////////////////////////*/
  /* Marginal Spalte */
  #supplement-inner {
    width: 100%;
    float: none;
  }
  .more-info{
    width: 95%;
    margin: 10px auto;
  }
  .more-info .box-box{
    background-size: cover;
  }
  .special-box{
    min-height: 0px;
  }
  /*////////////////////////////////////////////////////////////*/
  /* Teaser, Teaser Gruppen etc. */
  #main .teaser-group div.teaser{
    width: 100%;
    height: auto !important;
    margin-left: 0px;
  }
  .teaser-group div:not(.gallery-box) {
    clear:both;
    width:96%;
  }
  .teaser-group div[id^=mediaplayer] {
    clear:none !important;
    width: auto;
  }
  #main .teaser-group div[id^=mediaplayer] img{
    max-width: 100%;
  }
  .teaser-group div img{
    width: 100%;
    height: auto;
  }
  #main .teaser .image-box strong,
  #main .teaser .image-box a,
  #main .teaser-group .multimedia-box{
    height: auto;
  }
  .altgrid #main .teaser-group .teaser{
    margin-left: 0px;
  }
  #content #main .event{
    padding-left: 0px;
  }
  #content #main .event h3.date{
    position: relative;
    font-size: 140%;
  }
  /*////////////////////////////////////////////////////////////*/
  /* Bilder und Bildergalerien */
  .gallery-pagination,
  .pagination{
    display:none;
  }
  .picture span{
    width: 100%;
    max-width: 100%;
  }
  .common-switcher .gallery-switcher .image-box img{
    position: relative;
  }
  .js-on #main .common-switcher-landscape .gallery-switcher .rack{
    height: 268px !important;
  }
  .js-on div.gallery-switcher,
  .js-on .contentgallery div.gallery-switcher,
  .gallery-switcher .rack,
  .js-on #main .teaser-group .gallery-switcher .rack{
    height: auto;
  }
  .js-on #main .common-switcher-landscape .gallery-prev span,
  .js-on #main .common-switcher-landscape .gallery-next span,
  .contentgallery .gallery-prev span,
  .contentgallery .gallery-next span{
    top: 35%;
  }
  #opener .teaser-wrapper .next span,
  #opener .teaser-wrapper .next span:hover,
  #opener .teaser-wrapper .next span:active,
  #opener .teaser-wrapper .next span:visited,
  #opener .teaser-wrapper .next span.inactive,
  #opener .teaser-wrapper .next span.inactive:hover{
    width: 22px;
    height: 22px;
    background-position: -256px -71px;
  }
  #opener .teaser-wrapper .prev span{
    margin-left: 5px;
  }
  #opener .teaser-wrapper .prev span,
  #opener .teaser-wrapper .next span{
    top: 61%;
  }
  .contentgallery .gallery-box{
    float:left;
  }
  #main .contentgallery .gallery-switcher .rack,
  .home #main .contentgallery .gallery-switcher .rack {
    height: auto !important;
    padding-bottom: 10px;
  }
  .js-on .home #main .gallery .gallery-switcher .rack{
    max-height: 305px;
  }
  .gallery-next span,
  .gallery-prev span{
    top: 35%;
  }
  .gallery-next span{
    right: 0px; /* 1% */
  }
  .gallery-prev span{
    left: 0px; /* 12px */
  }
  .teaser-group div.gallery-box{
    float: left;
  }
  #main .video-teaser-big .video-box, #main .video-teaser-big .image-box{
    margin-left: 0px;
  }
  /*lightbox */
  .showbox-head{
    background: none;
    padding: 0px 0px 100px 0px;
  }
  .showbox-box{
    padding: 5px;
  }
  .showbox-head h1{
    position: absolute;
    top: 40px;
  }
  .showbox-box div,
  .showbox-box div > img{
    width: 98% !important;
    height: auto !important;
  }
  .showbox .close-button-wrapper{
    right: 10px !important;
    top: 5px !important;
    width: auto !important;
  }
  .showbox-box .gallery-switcher-wrapper{
    display: none;
  }
  .showbox .text-content{
    margin-left: 0px;
  }
  .a11y-wrapper .showbox{
    min-height: 100%;
    height: 100%;
    bottom: 0;
    overflow: hidden;
    position: fixed;
  }
  /*////////////////////////////////////////////////////////////*/
  /* Formulare, Suche etc. */
  #content form .formLabel,
  #content form .column-row .column label,
  #content form label{
    text-align: left;
    width: 100%;
  }
  #content form .formField,
  #content form .column-row .column{
    width: 100%;
  }
  #content form .formField input,
  #content form .formField textarea,
  #content form .column-row .column input{
    width: 93%;
  }
  #content form .formField select{
    width: 97%;
  }
  #content form .column-row{
    padding-left: 0px !important;
  }
  #content form .formField div{
    float: right;
    width: 50% !important;
    display: inline-block;
  }
  #content #main .pressrelease-wrapper .event{
    padding-left: 50%;
  }
  /* Tabellen */
  #main  table td.first-child,
  #main  table th,
  #main  table br.break-visible{
    display:none;
  }
  .lang-en #main table th{
    display: table-cell;
  }
  #main table td h3.date-invisible{
    display:block;
  }
  #content #main .speeches-wrapper h3.date{
    padding-right: 0px;
    font-size: 116%;
    padding: 0;
    text-align: left;
    text-transform: none;
  }
  #content #main .speech .teaser-content{
    float: none;
    padding-top: 10px;
  }
  #content #main .pressrelease-wrapper li h3.date{
    font-size: 140%;
  }
  /* Bundespräsidenten */
  .js-on .tw-presidents .teaser .till{
    right: -35px;
  }
  .js-on #stage .stage-wrapper .rack{
    height: auto;
  }
  /* Materna 20191217 --------------------------------- */
  .promo-wrapper .promo-box {
    margin-left: 0;
  }
  .rack-design .gallery-box:not(.on) {
    height: 0;
    overflow: hidden;
  }
  .rack-design .gallery-box a,
  .rack-design .gallery-box img {
    display: block;
    width: 100% !important;
    height: 100% !important;
  }
  .rack-design .gallery-box img {
    bottom: auto !important;
  }
  /* -------------------------------------------------- */
  .image-box{
    height: auto !important;
  }
  /*////////////////////////////////////////////////////////////*/
} /* End media query */