body { font-family: Arial, Helvetica Neue, Helvetica; font-size: 1.8rem; line-height: 1.3; font-weight:400; 
       letter-spacing: 0.015em; color:#000; background-color:#fff; overflow-y: scroll; 
       -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
       -webkit-text-size-adjust: 100%; }
.main { margin: 4rem 0; }
.wait { position: absolute; bottom: 2rem; right: 2rem; }
p { margin-bottom:2rem; }
h1,h2,h3,h4,h5, .mainnav { font-weight:400; margin:0; letter-spacing: 0.02em; }
a, a:hover { color:#000; text-decoration:none; }
.deu:hover, .eng:hover, a.selected, .textblock a { border-bottom:2px solid #000; }
.textblock a:hover { color:#555; border-color:#555; }
.columns { padding-bottom:25px; }
article a, main a { border-bottom:1px dotted #000; }
article a:hover, main a:hover { border-bottom:2px solid #000; }

.info { font-size:1.4rem; margin-left:25px; }
.home .info, .home .slick-dots { display:none !important; }
small { font-size:1.5rem; }
strong { font-weight:400; font-size:2.4rem; }
u { border-bottom:1px solid #000; text-decoration:none; }
.map { margin-top:55px; }
.center { text-align:center; }
.rechts { text-align:right; }
.textblock { margin-bottom:25px; }
.dienstleistungen .textblock { margin-bottom:5px; }
.textblock ul { margin:0 0 25px 0; padding:0; }
.textblock img { max-width: 100%; height: auto; box-sizing: border-box; }
.intro { margin-bottom:35px; }
.slickslides { clear:both; position:relative; z-index:10; width:100vw; left:calc(-50vw + 50%); padding-bottom:30px; }
.home .slickslides { padding-bottom:0; }
.acc-toggle { margin-bottom:15px; }
.acc-content { display:inline; }
.acc-content .fileGroup { margin:0 0 25px 0;  }
.acc-toggle a::before { content: url(../img/zu.png); }
.acc-toggle a.open::before { content: url(../img/offen.png); }

/*styling open close button*/
.responsebut {
    display:none;
    position:absolute;
    left:auto;
    top:32px;
    z-index:9999;
    border:0;
    font-size:34px;
}
.responsebut a {
    text-decoration:none;
}
.btn-open:after {
    color:#fff;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.btn-open:hover:after {
    color:#34B484;
}
.btn-close:after {
    color:#fff;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
    color: #34B484;
}
/*overlay*/
.overlay {
    display:none;
    position:fixed;
    top:0;
    height:100%;
    width:100%;
    background:#9CC;
    overflow:auto;
    z-index:3000;
}
.wrap {
    color:#fff;
    text-align:center;
    max-width:100%;
    margin:0 auto;
}
.wrap ul.wrap-nav {
    padding:55px 0px 60px;
}
.wrap ul.wrap-nav li {
    font-size:30px;
    display:inline-block;
    vertical-align:top;
    width:100%;
    position:relative;
}
.wrap ul.wrap-nav li a {
    color:#000;
    display:block;
    padding:4px 0;
    text-decoration:none;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
    color:#fff;
}
.wrap ul.wrap-nav ul {
    padding:0 0 10px;
    margin:0;
}
.wrap ul.wrap-nav ul li {
    display:block;
    font-family: "futro";
    width:100%;
    color:#000;
}
.wrap ul.wrap-nav ul li a {
    color:#000;
}
.wrap ul.wrap-nav ul li a:hover, .wrap ul.wrap-nav li.active a, .wrap ul.wrap-nav li a:hover, .wrap ul.wrap-nav ul li a.active, .wrap ul.wrap-nav li a.current, .wrap ul.wrap-nav li.current a {
    color:#fff;
}
.wrap .deu, .wrap .eng { display:inline-block; margin:48px 3px 0; }

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Larger than mobile */
@media (min-width: 300px) {
  body { font-size: 1.4rem; line-height: 1.3; }
  main { margin-bottom:30px; }
  footer { position:static; font-size: 1.3rem; margin:45px 0 0 0; }
  h1, .mainnav li { font-size:1.9rem; line-height: 1.3; }
  .mainnav li { padding:0 11px 0 0;  }
  strong { font-size:1.9rem; }
  .padresse { margin-left:0; }
}

/* SMALL mobile */
@media (max-width: 749px) {
  header { height:185px; }
  #logo { top:20px; }
  #logo, .home #logo { background:url('../img/logo_215.png') top left no-repeat; width:215px; height:111px; }
  .responsebut { display:block; }
  .mainnav, .langnav { display:none !important; }
  .right { position:static; float:left; margin-left:65px; }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
  body { font-size: 1.6rem; line-height: 1.3; }
  .mainnav li { padding:0 15px 0 0;  }
  h1, .mainnav li, strong { font-size:2.2rem; }
}

/* Larger than tablet */
@media (min-width: 750px) {
  body { font-size: 1.9rem; line-height: 1.3; }
  header { height:165px; }
  #logo { top:140px; background:url('../img/logo_295.png') top left no-repeat; width:295px; height:152px; }
  .home #logo { z-index:2500; top:calc(100vh - 264px); right:auto; left:70px; background:url('../img/logo_weiss_389.png'); width:389px; height:204px; }
  .mainnav li, h1 { font-size:2.4rem; }
  .mainnav li { padding:0 20px 0 0;  }
  strong { font-size:2.4rem; }
  footer { font-size:1.5rem; margin:145px 0 0 0;  }
  .home footer { margin:45px 0 0 0; }
  .right { position:absolute; right:5px; }
  .intro { min-height:150px; }
  .atelier .intro div { width:48%; }
}

/* Larger than desktop */
@media (min-width: 1000px) {
  main { margin-bottom:30px; }
  .mainnav li, h1 { font-size:3.0rem; }
  strong { font-size:2.7rem; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}