/* @override 
  https://www.architekturgalerie-muenchen.de/fileadmin/templates-2018/css/architekturgalerie2018.css?* */




/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


div#currentlinks span.news-list-dateistarti span.mbl_newsevent_multidayevent time {
  display: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
div#detail_links div.detailtext table.contenttable tbody {
  width: 100%;
}

div#detail_links div.detailtext table.contenttable tbody tr td img {
  width: 100%;
  height: auto;
}
div#detail_links div.detailtext div.logowrap {
  width: 100%;
}


div#detail_links div.detailtext div.logowrap div.singlelogo 
{
  float: left;
  width: 25%;
}

div#detail_links div.detailtext div.logowrap div.singlelogo  img
{
  height: auto;
  width: 100%;
}

div#detail_links div.detailtext div.logowrap div.singlelogo 
{
  float: left;
  width: 25%;
}




div.logowrap div.singlelogo, 
div.logowrap div.singlelogo 
{
  float: left;
  width: 25%;
}

div.logowrap div.singlelogo  img
{
  height: auto;
  width: 100%;
}

div.logowrap div.singlelogo 
{
  float: left;
  width: 25%;
}




div#detail_links div.detailtext div.abstand
{
  float: left;
  width: 100%;
  margin-top: 30px;
} 
div.unterstuetzt
{
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
} 
/* http://www.buero-wilhelm.de/ 
   Gerhard W.H. Schmidt
   schmidt@buero-wilhelm.de
   2018
*/
 
 
  /* @group ESSENTIALS */
  
  body {
    margin: 0;
    padding: 0;
     background-color: white;
    
   font-family:"DIN W01 Regular";
    font-size: 15px;
    line-height: 22px;
    }
                                                                                                                                                                                                                                                                                                                                                                                                                                                               
  b {
     font-family:"DIN W01 Medium";
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: black;
  }
    
    
    
    div#detail_rechts div.projektnav ul.pager
    
    {
    width: 100%;
  }
  
  div#detail_rechts hr.clearer {
    display: none;
  }
    div#detail_rechts div.projektnav ul.pager li.previous {
    width: 50%;
    float: left;
    text-align: left;
  }
  
  div#uebersicht div.news-backlink-wrap a{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: black;
  }
  div#detail_rechts div.projektnav ul.pager li a {
    color: black;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
  }
  div#detail_rechts div.projektnav ul.pager li.next {
  width: 50%;
  float: left;  
  text-align: right;
  }
  #wrappergesamt {
  /*max-width: 1014px;*/
    max-width: 1280px;
  width: calc(100% - 6%);
  margin-left: auto;
  margin-right: auto;
  padding-right: 3%;
  padding-left: 3%;
  }
  
  div#headerwrapper {
    width: 100%;
    float: left;
  }
  
  div#headerwrapperlinks {
 width: calc(((100% / 5) * 1) - 3%);
   float: left;
  }
div.element {
    
  width: calc((100% / 3) - 4%);
  padding-left: 4%;
  font-size: 12px;
  line-height: 15px;
  height: 210px;
  float: left;
}
div.element div.list_linksvorschau div.news-img-wrap a img {
  width:100%;
  height: auto;
  float: left;
  display: block;
}

.news-list-view div.element div.textbox {
width: calc(((100% / 1) * 1) - 0px);
margin: 10px 0 20px;
float: left;
color: #252525;

}
div#ausstellungsinfos span.subheadernews h2 {
  margin-bottom: 17px;
}
.news-list-view div.element div.textbox div.list_rechtsvorschau a {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: black;
}
div#currentlinks span.news-list-dateistarti span.mbl_newsevent_multidayevent time {
     font-family:"DIN W01 Medium";
}
div#news-container-204.news-list-view div.element div.list_linksvorschau {
  float: left;
  width: 100%;
  display: block;
}
  div#einspalterbreit {
    float: left;
    
    width: calc(((100% / 5) * 5) + 0px);
    background-color: white;
    margin-right: 0px;
  }
div.tx-registeraddress div.newform form div.fieldrow {
    width: 100%;
  float: left;
  margin-bottom: 22px;
}

div#c213 div.tx-registeraddress ul.formerror li {
  margin-bottom: 10px;
}


  input.f3-form-error {
    background-color:#FF9F9F;
    border: 1px #FF0000 solid;
  } 
  
  div#c213 div.tx-registeraddress p a {
    color: black;
  }
 div.tx-registeraddress div.newform form div.fieldrow label {
    width: 100%;
    float: left;
  margin-bottom: 15px;
  display: none;
 }
  div#c213 div.tx-registeraddress div.newform {
    float: left;
      width: calc(100% - 0px);
    margin-right: 0px;
  margin-left: 0px;
    margin-bottom: 30px;
  }
   div.tx-registeraddress input {
     -webkit-appearance: none;
    font-size: 15px;
    padding: 3px 5px;
         width: calc(100% - 0px);
     float: left;

font-family:"DIN W01 Regular";
 font-size: 15px;
 line-height: 22px;
  left: 0px;
  border-bottom: 1px solid black;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
   }
   div#c266 h2, div#c265 h2 {
       font-family:"DIN W01 Medium";
     margin-bottom: 22px;
   }
   
 div.tx-registeraddress div.unsubscribeform {
     float: left;
     width: 100%;
 }
 
 div#c217 div.tx-registeraddress div.unsubscribeform form {
     float: left;
     width: 100%;
 }
 
 div#jahr {
   float: left;
   width: 20%;
   margin-left: 3%;
 }
 div#jahr ul.topLevel li a {
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: black;
 }
 
 div#jahr ul.topLevel li.aktiv a {
   color: lime;
 }
 div#c217 div.tx-registeraddress div.unsubscribeform form div.fieldrow {
   float: left;
   width: 100%;
 }
   input#email {
     color: black;
     border: 1px solid black;
     padding: 5px 10px;
      width: calc(100% - 22px);
   }
   
 
div.tx-registeraddress {
  margin-top: 30px;
    font-family:"DIN W01 Regular";
  font-size: 15px;
  line-height: 22px;
}

div#einspalterbreit75 {
  width: 75%;
  float: left;
}
   div#c213 div.tx-registeraddress div.newform form input.submit,  div#c217 div.tx-registeraddress div.unsubscribeform form input.submit {
       -webkit-appearance: none;
       cursor: pointer;
     border-bottom-style: none;
     background-color: white;
     padding: 5px 30px;
     font-family:"DIN W01 Regular";
   font-size: 15px;
   line-height: 22px;
     width: auto;
     border: 1px solid lime;
     text-transform: uppercase;
     margin: 0;
   }
   div#c217 div.tx-registeraddress div.unsubscribeform form div.fieldrow label {
     display: none;
   }
   
   div#c217 div.tx-registeraddress div.unsubscribeform h2 {
     margin-bottom: 22px;
   }
   div#c217 div.tx-registeraddress div.unsubscribeform form input.submit {
        margin-top: 22px;
          font-family:"DIN W01 Regular";
     
        line-height: 22px;
        float: left;
   }

   div#c213 div.tx-registeraddress div.newform form input.submit:hover, div#c217 div.tx-registeraddress div.unsubscribeform form input.submit:hover {
       cursor: pointer;
     border-bottom-style: none;
     background-color: lime;
     padding: 5px 30px;
     font-family:"DIN W01 Regular";
      font-size: 15px;
      line-height: 22px;
     width: auto;
     border: 1px solid lime;
   }
div.ce-textpic.ce-center.ce-above div.ce-bodytext p a {
    color: black;
  }
  
  div.ce-textpic.ce-center.ce-above div.ce-bodytext p a:hover {
      color: rgba(0, 0, 0, 0.8);
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
  }
div.ce-textpic.ce-center.ce-above div.ce-bodytext p, div.ce-textpic.ce-right.ce-intext div.ce-bodytext p {
    margin-bottom: 17px;
  }
  div#c213 div.tx-registeraddress div.newform h2 {
  margin-bottom: 17px;
  text-transform: uppercase;
  }
  div#wrappeleft {
  float: left;
  width: 100%;
  }
  
  #header {
  width: 100%;
  float: left;
  height: 112px;
 
  }
  
  div#ausstellungen {
    float: left;
    width: calc(((100% / 5) * 4) + 3%);
  }
  
  div#headerwrapperrechts {
 float: left;
 width: calc(((100% / 5) * 4) + 3%);
  }
  #logolinks {
 
  height: 77px;

  padding-top: 20px;
  padding-bottom: 15px;
  float: left;
  
  
 width: calc(((100% / 5) * 1) - 3%);
  padding-left: 0px;
  float: left;
  margin-left: 0px;
   margin-right: 0px;
  }
  div#facebook {
    margin-top: 15px;
  }
  
  input#suchbutt {
    width: 22px;
    margin-top: 3px;
  }
  
  input#ke_search_searchfield_sword {
    float: left;
    border: 1px solid black;
    padding: 3px;
    font: 12px "DIN W01 Regular";
  }
  #logorechts {
 
  height: 35px;

  margin-top: 49px;

  
   float: left;
   
   width: calc(((100% / 4) * 3) - 3%);

  background-color: white;
   margin-left: 3%;
  text-align: right;
  }
  div#logoaufteilung {
    float: left;
    
    width: calc(((100% / 5) * 3) - 3%);
 width: calc(((100% / 5) * 3) - 0px);
 background-color: white;
    margin-right: 17px;
      margin-left: 17px;
    text-align: right;
  }
  
  div#spaltenwrapper {
  float: left;
  width: 100%;
  margin-top: 23px;
  margin-bottom: 50px;
  }
  div#inhaltgesamt {
  width: 100%;  
  }
  div#spalteschmal {
 width: calc(((100% / 5) * 1) - 3%);
  padding-left: 0px;
  float: left;
  margin-left: 0px;
   margin-right: 0px;
  }
  div#inhaltstartseite {
   float: left;
       width: calc(((100% / 5) * 3) - 3%);
  /*   width: calc(100% - 294px);*/
   margin-top: 0;
  margin-bottom: 60px;
  }
div#aktuelleausstellung {
    float: left;
    
    width: calc(((100% / 4) * 3) - 3%);
    background-color: white;
    margin-right: 0px;
   margin-left: 3%;
}

div#currentlinks span.ausstellungstitel p, #currentlinks span.subheadernews p  {
  font-family:"DIN W01 Medium";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}

.news-list-view div.news-list-itemvorschau div.textbox div.list_rechtsvorschau, .news-list-view div.news-list-itemvorschau div.textbox div.subheader p {
  font-family:"DIN W01 Medium";
  font-weight: normal;
  font-style: normal;
  text-transform: none;

} 
div#detail_links {
  
    float: left;
    
    width: calc(((100% / 4) * 3) - 3%);
 
   background-color: white;
    margin-left: 3%;
  
}

div#detail_rechts {
  float: left;
width: calc(((100% / 4) * 1) - 3%);
margin-left: 3%;
}
div#vorschau {
    float: left;
    width: calc(((100% / 4) * 1) - 3%);
  margin-left: 3%;
}

div#currentrechts div p {

  color: #252525;
    margin-bottom: 17px;
}

span.ausstellungstitel {
  text-transform: uppercase;
  padding: 0;
  margin: 0;

}

#currentlinks h2 {

  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
div#currentlinks {

  color: #252525;
    margin-bottom: 17px;
    

    
    
}


div#detail div#currentimage

{
  margin-bottom: 0px;
}


div#currentimage {
  margin-bottom: 25px;
  margin-top: 0px;
}
#currentlinks span.subheadernews p {

  padding-bottom: 17px;
  
}


div.news-list-itemvorschau {
  width: calc(100% - 3%);
  float: left;
  font-size: 11px;
  min-height: 162px;
  margin-left: 3%;
 line-height: 15px;
  }
  div#detail {
    float: left;
    padding-bottom: 60px;
  width: 100%;
  }
 .news-list-view div.news-list-itemvorschau div.textbox{
    margin-top: 8px;
    float: left;
    width: 100%;
  }
.news-list-view div.news-list-itemvorschau hr.clearer {
  display: none;
}

#mors {
  padding-top: 17px;
}

#mors a {
  color: black;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;

}

#mors a:hover {
    color: lime;
  text-decoration: none;
}
div#ausstellungsinfos {
  width: calc(((100% / 1) * 1) - 0px);
  float: left;
  margin: 25px 0 17px;
  font-family:"DIN W01 Medium";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}

div#onerow_small {
    float: left;
    
    width: calc(((100% / 4) * 3) - 0px);
  margin-right: 0px;
}
.tx-yag-galleria-wrapper {
  margin-top: 7px;
  margin-bottom: 30px;
}

  /* @end */
  
  /* @group NAVIGATION */
  
  ul.topLevel {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    margin: 0;
  }
  div#adressewrapper {
    width: 100%;
    float: left;
  }
  
  div#adresselinks {
    width: 50%;
      float: left;
  }
  
  div#adresserechts {
    width: 50%;
      float: left;
  }
  #navigation ul.topLevel li.aktiv {
    margin-bottom: 0;
  }
  
  #sprachauswahl ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  li a:hover {
      color: #656565;
  }
  
  ul.subLevel {
    list-style-type: none;
    padding-left: 25px;
    padding-bottom: 0;
    padding-top: 0;
  }
  #navigation ul.topLevel li:first-child {
    margin-top: 0px;
  }
  #navigation ul.topLevel li {
    font-size: 16px;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 0;
    line-height: 22px;
    margin-top: 23px;
  }
  #navigation ul.topLevel li:first-child {
    margin-top: 0px;
  }
  #navigation ul.topLevel ul.subLevel li {
    text-transform: none;
    margin-bottom: 0;
    margin-top: 0;
  }
  
  #navigation ul.topLevel li.aktiv a {
    color: lime;
    font-weight: normal;
    font-style: normal;
  }
  
  #navigation ul.topLevel li a {
    color: #252525;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
  }
  #navigation ul.topLevel li a:hover {
    text-decoration: none;
    color: lime;
  }
  
  
  div#uebersicht a {
    color: #252525;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
  }
  /* @end */
  
  /* @group SPRACHAUSEAHL */
  
  #sprachauswahl ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  div#sprachauswahl {
    margin-bottom: 27px;
  }
  
  
  #sprachauswahl ul li a:hover {
      
    text-decoration: none;
  }
  
  #sprachauswahl ul li a {
    display: block;
   
    line-height: 22px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: black;
  }
  
  #sprachauswahl ul li.aktiv a {
    color: black;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    display: none;
  }
  
  
  /* @end */
  
  /* @group FOOTER */
  
  
  #wrappergesamt_graphisoft {
   
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    position: fixed;
    z-index:90;
  left: 0;
  right: 0;
  bottom: 0;
  }
  #footergraphisoft {
    bottom: 0px;
 
    height: 33px;
    padding-left:  calc(((100% / 5) * 1) + 1.5%);
    padding-top: 11px;
    background-color: white;
  
    font-size: 14px;
  width: auto;
  }
  
  

  /* @end */
  
  
  
  div#c213 div.tx-registeraddress div.newform form div.fieldrow_gender, div#c213 div.tx-registeraddress div.newform form div.fieldrow_firstname, div#c213 div.tx-registeraddress div.newform form div.fieldrow_lastname {
    display: none;
  }
  
  
   @media only screen 
   and (min-width : 721px) and (max-width : 860px) {
     div.element {
         
       width: calc((100% / 2) - 4%);
       padding-left: 4%;
       font-size: 12px;
       line-height: 15px;
       height: 210px;
       float: left;
     }
   
   div#detail_links div.detailtext div.logowrap {
     width: 100%;
   }
   
   
   div#detail_links div.detailtext div.logowrap div.singlelogo 
   {
     float: left;
     width: 33.33333%;
   }
   
   div#detail_links div.detailtext div.logowrap div.singlelogo  img
   {
     height: auto;
     width: 100%;
   }
   }
  @media only screen 
 and (max-width : 720px)
   { 
   
   
   div#detail_links div.detailtext div.logowrap {
     width: 100%;
   }
   
   
   div#detail_links div.detailtext div.logowrap div.singlelogo 
   {
     float: left;
     width: 33.33333%;
   }
   
   div#detail_links div.detailtext div.logowrap div.singlelogo  img
   {
     height: auto;
     width: 100%;
   }
     div#c266 h2, div#c265 h2 {
     margin-left: 15px;
    margin-right: 15px;
   }
  
  div#zweispalten {
      width: calc(((100% / 1) * 1) - 30px);
      margin-right: 15px;
    margin-left: 15px;
  float: left;
  }
  div#einspalterbreit75 {
     width: calc(100% - 30px);
     margin-right: 15px;
      margin-left: 15px;
   }
  body {
    color: #252525;
  }
  #currentlinks span.subheadernews p {
  
    padding-bottom: 0px;
    
  }
  div.tx-registeraddress div.unsubscribeform {
      float: left;
      margin-right: 15px;
        width: calc(100% - 30px);
      margin-left: 15px;
  }
  div#currentlinks {
  
  
      margin-bottom: 60px;
  }
  
  div#vorschau h2, div#c265 h2 {
      font-family:"DIN W01 Medium";
    margin-bottom: 22px;
    margin-right: 15px;
      width: calc(100% - 30px);
    margin-left: 15px;
  }
  
.news-list-view div.news-list-itemvorschau div.textbox{
  margin: 10px 15px 60px;
  float: left;
    width: calc(100% - 30px);
    line-height: 22px;
    font-size: 15px;
     font-family:"DIN W01 Medium";
  }
  div#ausstellungen {
    float: left;
    width: 100%;
  }
  div#currentimage {
    margin-bottom: 10px;
    margin-top: 7px;
  float: left;
  }
  div#currentrechts {
    display: none;
  }
  .news-list-view div.element div.textbox {
  width: calc(((100% / 1) * 1) - 0px);

  float: left;
  color: #252525;
  
  }
  
  div#c213 div.tx-registeraddress div.newform {
    float: left;
      width: calc(100% - 30px);
    margin-right: 15px;
    margin-left: 15px;
  }
  body {
    margin: 0;
    padding: 0;
     background-color: white;
    
   font-family:"DIN W01 Regular";
    font-size: 16px;
    line-height: 23px;
    }
  
  #wrappergesamt {
  
  
  width: calc(100% - 0px);
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
  }
  
   #logorechts {
     width: 200px;
   }
  div#ausstellungsinfos {
    width: calc(((100% / 1) * 1) - 30px);
    float: left;
    margin: 25px 15px 17px;
  }
  
  div#ausstellungsinfos span.headlinenew, div#ausstellungsinfos span.subheadernews h2 {
    font-family:"DIN W01 Medium";
    font-weight: normal;
    font-style: normal;
    text-transform: none;
  }
  div#logorechts a img {
    width: 100%;
    height: auto;
  }
  div#detail_links div.detailtext {
    width: calc(((100% / 1) * 1) - 30px);
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  div#detail_links {
    
      float: left;
      
      width: calc(((100% / 1) * 1) - 0px);
      background-color: white;
    margin: 0;
    padding: 0;
  }
  div#zweispalten {
      width: calc(((100% / 1) * 1) - 30px);
      margin-right: 15px;
    margin-left: 15px;
  }
  div#spalteschmal {
 display: none;
   }
  div#aktuelleausstellung {
      float: left;
      
      width: calc(((100% / 1) * 1) - 0px);
      background-color: white;
    margin: 0;
    padding: 0;
  }
  div#vorschau {
      float: left;
      width: calc((100% / 1) * 1);
    margin-right: 0;
    margin-left: 0;
  }
  div.news-list-itemvorschau {
    width: calc(100% - 0px);
    float: left;
    font-size: 15px;
   
    margin-left: 0px;
   line-height: 22px;
    }
  
   #header {
display: none;
  
   }
   
   
   div#logomobile {
     width: 250px;
   padding: 0;
    margin-top: 10px;
   }
   
    div#logomobile a img {
      width: 100%;
    }
    div#headerwrapper {
      display: none;
    }
    div#einspalterbreit {
      float: left;
      
      width: calc(((100% / 1) * 1) - 0px);
      background-color: white;
      margin-right: 0px;
    }
  div.ce-bodytext {
       width: calc(((100% / 1) * 1) - 30px);
       margin-right: 15px;
    margin-left: 15px;
  }
    #wrappergesamt_graphisoft {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0;
      padding-bottom: 0;
      position: relative;
      z-index:90;
    }
    
    #footergraphisoft {
      bottom: 0px;
      position: fixed;
      width: calc(100% - 15px);
      height: 33px;
      padding-left: 15px;
      padding-top: 11px;
      background-color: white;
      font-size: 12px;
    }
    
    
    div#footergraphisoft img 
    div#news-container-206.news-list-view div.news-list-itemvorschau div.textbox{
      margin: 15px;
      float: left;
      width: calc(100% - 30px);
    }
    div#spaltenwrapper {

    margin-top: 0px;
    padding-bottom: 60px;
  width: 100%;
  }
    
    div#c211 div.responsiveGoogleMaps {
      margin-top: 0;
    }
    
    div.element {
        
      width: calc((100% / 1) - 0px);
      padding-left: 0;
      font-size: 16px;
      line-height: 22px;
      
      float: left;
      height: auto;
    }
  
  div#currentlinks span.ausstellungstitel p, #currentlinks span.subheadernews p  {
    font: 15px "DIN W01 Medium";
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    line-height: 22px;
  }
  div#currentimage div.news-img-wrap a img {
    float: left;
  }
  div#currentimage div.news-img-wrap a {
    float: left;
  }
  }
  
   @media only screen 
  and (min-width : 721px)
    { 
  body div.slicknav_menu {
    display: none;
  }
  
  }
  ul#menu {
    display: none;
  }
  
  
  @media only screen 
    and (max-width : 560px) {
    
    
    div#adresselinks {
      width: 100%;
        float: left;
      margin-bottom: 20px;
    }
    
    div#adresserechts {
      width: 100%;
        float: left;
    }
  @media only screen 
    and (max-width : 420px) {
    
    
    
    #wrappergesamt {
    
    
    width: calc(100% - 0px);
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
    float: left;
    }
    
#wrappergesamt_graphisoft {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  z-index:90;
  float: left;
}
  #footergraphisoft {
    bottom: 0px;
   
    width: calc(100% - 15px);
    height: 33px;
    padding-left: 15px;
    padding-top: 11px;
    background-color: white;
    font-size: 12px;
  position: relative;
  }
    }
  @media only screen 
    and (min-width : 376px) and (max-width : 720px)
      { 
   div#logomobile {
     width: 280px;
      padding: 0;
       margin-top: 11px;
   }
   }
  @media only screen 
  and (min-width : 351px) and (max-width : 375px)
    { 
 div#logomobile {
   width: 260px;
    padding: 0;
     margin-top: 11px;
 }
 }
   @media only screen 
   and (min-width : 331px) and (max-width : 350px)
     { 
  div#logomobile {
    width: 240px;
     padding: 0;
      margin-top: 11px;
  }
  }
  
   @media only screen 
   and (max-width : 330px)
     { 
   div#logomobile {
     width: 190px;
      padding: 0;
       margin-top: 18px;
   }}