/*
    Theme Name: wolf
    Theme URI: *
    Description: wolf
    Version: 2.0
    Author: Felix Schlatter
    Author URI: https://SchlatterCorporate.com
    Tags: No Tags

*/




/*
Grün: #00A562;
Grau: #d8d8d8;
*/

html{
   margin:0;
  background-color: #fff;
}
body {
  margin:0;
  background-color: #fff;
  width: 100%;
  position:relative;
  overflow-x: hidden;

  /* overflow-x: hidden;  */
}
.noscroll {
  overflow:hidden;
  /* position: fixed; */
}



@font-face {
    font-family: "cdfont-book";
    font-weight: 100;
    src: url("fonts/Gotham-Book.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: "cdfont-bold";
    font-weight: 100;
    src: url("fonts/Gotham-Bold.otf") format("opentype");
    font-display: swap;
}
* {
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body  {
background-color: #fff;
position: relative;
color: #000;
font-family:cdfont-book,arial;
margin:0;
line-height: 28px;
font-weight: normal;
font-size: 19px;
letter-spacing: 0.03em;
font-weight: normal;
}
.l_de .fr {display: none;}
.l_de .de {display: block;}
.l_fr .de {display: none;}
.l_fr .fr {display: block;}

h1,h2,h3,h4 {
font-family:cdfont-bold,arial;
margin:0;
line-height: 28px;
font-weight: normal;
font-size: 19px;
letter-spacing: 0.03em;
font-weight: normal;
display: inline;
}
.rti h1 {
  margin-right: 23px;
  display: inline-block;
  font-family:cdfont-book,arial;
}

a {
     outline: none;
  text-decoration: none;
}
a:active {
    outline: none;
}
a, a:active, a:focus {
   outline: none;
}
* {
    outline: none;
}
footer, section {
    transition: all 0.25s ease-in-out;
}
.blurred {
    -webkit-filter: blur(10px); /* Webkit */
  filter: blur; /* IE6-9 */
  filter:blur(10px);
}



h1,h2,h3,h4,h5,h6 {
    font-family: "cdfont-bold";
    font-weight: normal;
    margin: 0px;
    padding:0px;
}
strong, b {
  font-weight: normal;
  font-family: "cdfont-bold";
}
.supercontainer {
  background-color: #00A562;
  display: block;
  max-width: 1900px;
  width: 100%;
  display: table;
  margin:0 auto;
  width: 100vw;
  overflow: hidden;
}
.holder {

}

a {
  color: #000000;
  text-decoration: none;
}

* {
  margin:0px;
}

::selection {
  color: #fff;
  background: #013922;
}
::-moz-selection {
  color: #fff;
  background: #013922;
}



.inside {
  display: block;
  margin:0 auto;
  width: 100%;
  max-width: 740px;
}
.meldung {
display: block;background-color:#FFCE36;color: #000;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
}

.header {
padding-top: 22px;
padding-bottom: 22px;
background-color: #fff;
position: fixed;
left: 0px;
right: 0px;
top: -200px;
z-index: 1000;
  box-shadow: 3px 3px 40px 0 rgba(0, 0, 0, 0.3);
  transition: all .75s cubic-bezier(0.900, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.900, 0.000, 0.175, 1.000);
}
.header_meldung {
  padding-top: 0px;
}

.header.visi {
  top:0px;
}
.logo {width: 182px;display: inline-block;
  transition: all .75s cubic-bezier(0.900, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.900, 0.000, 0.175, 1.000);
 }
.logo img {width: 100%;height: auto;}
.np svg {width:100%;height: auto;cursor: pointer;}

#yo, #yo2, #yo22 {
  fill:#00a562;
}
.active #yo, .active #yo2, .active #yo22 {
  fill:#000;
}




.header .nav {
position: relative;
  float: right;padding-top: 10px;  transition: all .75s cubic-bezier(0.900, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.900, 0.000, 0.175, 1.000);}
.header .nav .np {width: 20px;float: left;margin-right: 35px;  transition: all .75s cubic-bezier(0.900, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.900, 0.000, 0.175, 1.000);}

.header.scrl {
  padding-top: 5px;
  padding-bottom: 7px;
}
.header.scrl .logo {
  width: 75px;
}
.header.scrl .nav {
  padding-top: 2px;
}
.header.scrl .nav .np {float: left;margin-right: 25px;}
.lang {
  margin: 0px;
  margin-top: -2px;
  padding:0px;
  list-style: none;
  font-size: 14px;
  line-height: 18px;
}
.lang li {
  display: block;
}
.lang a {color: #00a562;}
.lang .language-chooser-item {}
.no-touch .lang  a:hover .language-chooser-item {}
.no-touch .lang  a:hover .language-chooser-item:before {}
.lang .language-chooser-item.active {  font-family: "cdfont-bold";}
.language-chooser-item-de  {}
.language-chooser-item-de:before {
  content:"DE";
  color: #00a562
}
.language-chooser-item-fr {}
.language-chooser-item-fr:before {
  content:"FR";
  color: #00a562;
}

section, article  {display: block;position: relative;}

p{margin-top: 0px;}
h1#landingclaim {
  color: #fff;font-size: 48px;line-height: 54px;max-width: 400px;
  display: block;
  opacity: 0;
  margin-left: -200px;
    transition: all 1.5s cubic-bezier(0.900, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.900, 0.000, 0.175, 1.000);
}
h1#landingclaim.visi {
  opacity: 1;
  margin-left: 0px;
}
.landing {
  background-color: #00A562;
  margin-top: 110px;
}
.top {
  background-color: transparent;
  opacity: 0;
  padding-top: 54px;
  padding-bottom: 250px;
  background-image: url("img/dia.png");
  background-size: auto 100%;
background-position: 0px 100%;
background-repeat: no-repeat;
  transition: all 1.5s cubic-bezier(0.900, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.900, 0.000, 0.175, 1.000);
}
.top.visi {
  opacity: 1;
  transition:all 0.25s ease-in-out;
}
.top.active {
  transition:none;
  background-image: none;
  background-color: #00A562;
}

.thumb {
margin-top: -465px;
display: block;
min-height: 1200px;
background-size: 3000px auto;
background-position: center top;
background-repeat: no-repeat;
}

.rolladeny {
  position: absolute;
left: 0px;
right: 0px;
top:210px;
transition: all .75 ease-in-out;

}
.rolladeny.menu {
  top: 280px;
}
.roller {
  opacity: 0;
  overflow: hidden;
  margin-top: -40px;
  position: relative;
  margin-left:  -50px;
  margin-right: -50px;
  padding-top:    0px;
  padding-bottom: 0px;



  color: #000;
  background-color: #fff;
  display: block;
  transform-origin: 50% 50% ;
 transform: rotate(-15deg);
  box-shadow: 3px 3px 40px 0 rgba(0, 0, 0, 0.3);
  transition: all .75s cubic-bezier(0.900, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.900, 0.000, 0.175, 1.000);

}
.dia .roller {
  opacity: 1;
  margin-top: 0px;
  transform: none;
}

.rolladeny.active .roller {

  opacity: 1;
  margin-top: 0px;
}
.roller .hover {
  padding-top:    25px;
  padding-bottom: 25px;
  display: block;

}
.roller .hover1, .roller .hover2 .titley {
  cursor: pointer;
}

.roller .rti {
  margin-left: -50px;
  color: #fff;
  transition: all 1s cubic-bezier(0.900, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.900, 0.000, 0.175, 1.000);
}
.rolladeny.active .roller .rti, .dia .roller .rti {
  margin-left: 0px;
  color: #000;
  transition-delay: 1s;
  position: relative;
  padding-left: 30px;
}
.roller .rti:before, .loc_button:before {
  position: absolute;
  left: 0px;
  opacity: 0;
  transform-origin: 50% 50%;
  content:url('img/arrow.svg');
     transition: all 1s cubic-bezier(0.900, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.900, 0.000, 0.175, 1.000);
}



.loc_button {
  position: relative;display: block;
      position: relative;
    cursor: pointer;
    display: block;
    padding: 15px;
      padding-left: 55px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    width: calc(100% - 72px);
}
.loc_button:before {
  opacity: 1;
  left:20px;
  background-position: 25px 50%;
}
.rolladeny.active .roller .rti:before, .dia .roller .rti:before {
  opacity: 1;
}
.roller .active.rti:before, .dia .roller .rti:before, .dia .roller1 .active.rti:before  {
  transform:rotate(90deg);
}
.dia .roller1 .rti:before {
  transform:rotate(0deg);
}

.roller:nth-child(1){
  z-index: 10;
  transition-delay: 0.2s;
}
.roller:nth-child(2){
  transition-delay: 0.3s;
  z-index: 9;
}
.roller:nth-child(3){
  transition-delay: 0.4s;
  z-index: 8;
}
.roller:nth-child(4){
  transition-delay: 0.5s;
  z-index: 7;
}
.roller:nth-child(5){
  transition-delay: 0.6s;
  z-index: 6;
}
.roller:nth-child(6){
  transition-delay: 0.7s;
  z-index: 5;
}
.roller:nth-child(7){
  transition-delay: 0.8s;
  z-index: 4;
}
.roller:nth-child(8){
  transition-delay: 0.9s;
  z-index: 3;
}
.roller:nth-child(9){
  transition-delay: 1s;
  z-index: 2;
}
.roller:nth-child(10){
  transition-delay: 1.1s;
  z-index: 1;
}


.rolladeny.active .roller:nth-child(1) span{
  transition-delay: 0.7s;
}
.rolladeny.active .roller:nth-child(2) span{
  transition-delay: 0.8s;
}
.rolladeny.active .roller:nth-child(3) span{
  transition-delay: 0.9s;
}
.rolladeny.active .roller:nth-child(4) span{
  transition-delay: 1.1s;
}
.rolladeny.active .roller:nth-child(5) span{
  transition-delay: 1.3s;
}
.rolladeny.active .roller:nth-child(6) span{
  transition-delay: 1.5s;
}
.rolladeny.active .roller:nth-child(7) span{
  transition-delay: 1.7s;
}
.rolladeny.active .roller:nth-child(8) span{
  transition-delay: 1.9s;
}
.rolladeny.active .roller:nth-child(9) span{
  transition-delay: 2.1s;
}
.rolladeny.active .roller:nth-child(10) span{
  transition-delay: 2.3s;
}

.rolladeny.active.done .roller {
  transition:all 0.2s ease-in-out !important;
  transition-delay: 0s !important;
}
/*
.rolladeny.active.done .roller .hover:hover {
  background-color: #eeeeee;
  box-shadow: 3px 3px 40px 0 rgba(0, 0, 0, 0.5);
  transition:all 0.2s ease-in-out !important;
  transition-delay: 0s !important;
}
*/
.rolladeny.active.done .roller span {
  transition:all 0.2s ease-in-out !important;
  transition-delay: 0s !important;
}

.roller.menu {
   transform: rotate(0deg) !important;
}

.single img.thumby  {
  width: 100%;
  height: auto;
  display: block;
  float: none;
  clear: both;
  margin-top: 20px;
}
.inside p:last-child {
  margin-bottom: 0px;
}

.header .inside {
  position: relative;
}
.about {
font-size: 14px;
line-height: 18px;
font-weight: bold;
text-align: center;
color: #00a562;
background-color: #008744;
position: fixed;
left: 0;
top: 45%;
z-index: 10000;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 3px;
padding-top: 3px;
min-height: 10px;
transform: rotate(-90deg);
transition: all .75s cubic-bezier(0.900, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.9, 0, 0.175, 1);
transition-timing-function: cubic-bezier(0.900, 0.000, 0.175, 1.000);
transform-origin: 0% 0%;
}

.about a {
color: #fff;
}
.no-touch .about:hover {
padding-top: 10px;
padding-bottom: 10px;
background-color: #000;
}
.rower {
  display: none;
  padding-top: 30px;
padding-bottom: 40px;
}

.form {display: none;
/* padding-top: 30px; */
padding-bottom: 40px;
}
.inputholder {display: block;
position: relative;}

[type=radio], [type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}


[type=radio] + img,
[type=checkbox] + img
{
  float: right;
  display: none;
}

[type=radio]:checked + img,
[type=checkbox]:checked + img
 {
display: block;
z-index: 2;
position: relative;
}

.form label {
  position: relative;
  cursor: pointer;
  display: block;
  padding:15px;
  line-height: 19px;
  border:1px solid #ccc;
  margin-bottom: 10px;
  width: calc(100% - 30px);
}
.form #agb_error  label {
width: 10px;
float: left;
margin-right: 15px;
height: 10px;
padding: 10px;
}
.form .small {
    color: #434343;
    font-size: 12px;
    line-height: 14px;
    padding-top: 8px;
}

#mail_success {
  padding:30px;
  background-color: #00A562;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
/*
#error_treffen.fs.ausfuellen {
  font-family: "cdfont-bold";
  animation:error 1s infinite;
}
@keyframes error {
    0%   {color: #ffacac;}
    50%  {color: #c00c00;}
    100% {color: #ffacac;}
}
*/
#mail_fail {
  padding:30px;
  background-color: #c00;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
#meldung {
  display: none;
  padding:30px;
  background-color: #c00;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
#agb_error {
  padding-top: 20px;
}
#agb_error .agbspan {
  margin-top: 10px;
}
#agb_error .checkfalse {
  display: none;
  position: absolute;
  background-color: #ffacac;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index: 1;
}
#agb_error.ausfuellen .checkfalse {
  display: block;
}
.form .texter {
    position: relative;
  cursor: pointer;
  display: block;
  padding:15px;
  border:1px solid #ccc;
  margin-bottom: 10px;
  width: calc(100% - 30px);
}
.form .texter#secura {
  width: 30px;
  text-align: center;
}
#file {
  display: block;
clear: both;
float: none;
width: 100%;
}
.form label.rolladen99, .form label.lamellenstoren99, .form label.sonnenstoren99, .form label.diverses99 {
  display: none;
}


::-webkit-input-placeholder {
font-family: cdfont-book,arial;
line-height: 28px;
font-weight: normal;
font-size: 19px;
letter-spacing: 0.03em;
color: #000;
opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}
:-moz-placeholder {
font-family: cdfont-book,arial;
font-weight: normal;
font-size: 19px;
letter-spacing: 0.03em;
color: #000;
opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}
::-moz-placeholder {
  font-family: cdfont-book,arial;

font-weight: normal;
font-size: 19px;
letter-spacing: 0.03em;
color: #000;
opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}
:-ms-input-placeholder{
font-family: cdfont-book,arial;
font-weight: normal;
font-size: 19px;
letter-spacing: 0.03em;
color: #000;
opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}
.secura_error {
  display: block;margin-top: 10px;
}


.no-touch .form label:hover, .loc_button:hover {
  background-color: #eeeeee;
}
.checked {
  color: #00a562 !important;
}

textarea {
  font-family: cdfont-book,arial;
  cursor: auto !important;
}

#error_defekt,
#rep_form_s20
{display: none;}

.form .fs {
  display: block;
  margin-bottom: 20px;
}
.form .single {display: none;padding-bottom: 30px;}
.form .single:nth-child(1) {display: block;}
#mail_success, #mail_fail {display: none;}

.ausfuellen input {
  background-color: #ffacac;
}
#error_location.ausfuellen label, #error_gleich.ausfuellen label, #rep_form_s20.ausfuellen label {
  background-color: #ffacac;
}
#secondadress_error {
  display: none;
}


span.ausfuellen {
  color: #c00;
}
.loading {
  display: none;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 50px;
  height: 50px;
  background-image: url("img/loading.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}

#filefail {
  display: none;
  padding:30px;
  background-color: #c00;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}

input, textarea, button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius:0px;
}



button#send_message {
border:none;border-radius:0px;
display: block;
background: url("img/arrow2.svg") no-repeat scroll 25px 50% transparent;
position: relative;
cursor: pointer;
padding: 15px;
padding-bottom: 17px;
padding-left: 15px;
width: 100%;
border: none;
background-color: #00a562;
color: #fff;
font-family: "cdfont-bold";
text-align: left;
padding-left: 55px;
     transition:
     background-position .25s ease-in-out,
     padding-left .5s ease-in-out,
     background-color .25s ease-in-out;
}
.no-touch button#send_message:hover {
  background-position: 35px center;
  padding-left: 65px;
  background-color: #333;
}

button#send_message:disabled {
  opacity: 0.5;
}

.home {
  padding-bottom: 80px;
  padding-top: 80px;
}
.maincontent.white, .white .maincontent {
  color: #000;
}
.maincontent {
  color: #fff;
}
.maincontent a {
  text-decoration: none;
  color: #fff;
}
.maincontent.white a, .white .maincontent a{
  color: #00a562;
  font-family: "cdfont-bold";
  text-decoration: underline;
}

span.extbutton {
  cursor: pointer;
  background-color: #00a562;
  text-decoration: none;
  padding-top:3px;
  padding-bottom:4px;
  padding-left:30px;
  padding-right:10px;
  color: #fff;
  font-family: "cdfont-bold";
  background-image: url("img/arrow2.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
}
a span.extbutton, span.extbutton a {
  text-decoration: none !important;
  color: #fff !important;
}


.maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6 {
  display: block;
  font-size: 30px;
  line-height: 34px;
}
.maincontent h1.title {
  font-size: 48px;
  line-height: 54px;
  margin-bottom: 42px;
}

.team {
  padding-bottom: 40px;
  padding-top: 68px;
  background-color: #fff;
}
.standorte .teamholder {
}
.teamholder {
  display: flex;
flex-wrap: wrap;
width: 100%;
}
.teammember {
flex-basis: 25%;
width: 25%;
    display: block;

}
.teammember img {
  display: block;
  width: 100%;
  max-width: 176px;
  margin-right: 15px;
  height: auto;
  margin-bottom: 15px;
}
.teammember h1 {
  display: block;
  font-family: "cdfont-book";
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 29px;
}
.team h2 {
  font-size: 30px;
  display: block;
  margin-bottom: 35px;
}

.footer {
  font-size: 17px;
  line-height: 23px;
  background-color: #fff;
  display: block;
  padding-top: 20px;
}
.footer strong {display: block;}
.footer .meta {
  display: block;
  padding-top: 30px;
  font-size: 14px;
  padding-bottom: 30px;
}
#langer {margin-right: 0px;}
.headtoggle {
  display: none;
  padding-top: 52px;
  padding-bottom: 30px;
}
.headtoggle#locaty {

}
.headtoggle#locaty .inside {
overflow: scroll;
display: block;
}
.loc_holder {
  position: relative;
  display: block;
  overflow: auto;
  height: 60vh;
  padding-right: 15px;
}
.scrollspacer {display: block;height: 150px;}
.scrollspacer.whitebg {display: block;height: 60px;background-color: #fff;}
.fader {
  position: absolute;
  bottom:0px;
  left:0px;
  right: 0px;
  height: 200px;
  z-index: 10;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
}

.headtoggle a.bigtel {
  display: block;
  font-size: 28px;
  font-family: cdfont-bold;
  color: #00a562;
  margin-top: 10px;
}
.headtoggle .bigger, .standorte .bigger {
    display: block;
  font-size: 28px;
  line-height: 32px;

  font-family: cdfont-bold;
  color: #00a562;
  margin-bottom: 20px;
}
.standorte .bigger {color: #fff;}

.standorte {

  background-color:  #fff;
}
.standorte .dia {

}
.singlestand {
    padding-top: 140px;
    padding-bottom: 30px;
  display: block;
  background-color: #00a562;
}

.plainpage {
  padding-top: 140px;
  padding-bottom: 30px;
  display: block;
  background-color: #00a562;
  hyphens: auto;
}


.mappholder {
  background-color: #fff;
  z-index: 1;
  display: block;
  position: relative;
}
#map {
  display: block;
  min-height: 50vh;
}
.mapmarker {
  width: 20px;
  height: 30px;
}
.mapmarker svg {width: 100%;height: auto;}
.mapmarker svg path {fill:#00a562;}


#footer .inside {letter-spacing: 0;}

.download {
  display: block;
  position: relative;
  padding-left: 50px;
}
.download svg {
left: 0px;
top: 4px;
position: absolute;
width: 100%;
max-width: 23px;
display: inline-block;
}
.download svg polygon, .download svg path {
  fill: #fff;
}









#optoutbanner99 {
font-size: 11px;
line-height: 17px;
background-color: #FFCE36;
  color: #000;
padding: 5px;
text-align: center;
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
padding-bottom: 10px;
z-index: 10000;
}
#optoutbanner99 a {
    text-decoration: underline;
    color: #000;
    cursor: pointer;
}
#acceptga {
    text-decoration: none !important;
    background-color: #fff;
    color: #000 !important;
    font-weight: normal !important;
    padding: 3px;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 20px;
}
#optoutbanner99 span {
    text-decoration: underline;
    cursor: pointer;
}






/*
@media (max-height:900px) and (max-width: 1200px) {}
*/

@media (max-height:900px) and (max-width: 1150px) {
  .roller .hover {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 65px;
padding-right: 65px;
}
h1#landingclaim, .maincontent h1.title, .team h2, .headtoggle .bigger, .standorte .bigger {
    font-size: 36px;
    line-height: 40px;
}
.top {padding-top: 40px;padding-bottom: 200px;}
.rolladeny {top:150px;}
.landing {margin-top: 100px;}
}




@media (max-width:1200px) {
}

@media (max-width:800px) {
.form {
padding-left: 30px;
padding-right: 30px;
margin-left: 50px;
margin-right: 50px;
}
.roller .hover {
  padding-left:  65px;
  padding-right: 65px;
}
.top .inside, .maincontent.home .inside, .header .inside, .team .inside, .singlestand .inside, .footer, .plainpage .inside {
  padding-left: 25px;
  padding-right: 25px;
  width: unset;
}
h1#landingclaim,
.maincontent h1.title,
.team h2, .headtoggle .bigger, .standorte .bigger
 {
font-size: 28px;
line-height: 32px;

}
h1#landingclaim {
  max-width: 350px;
}

::-webkit-input-placeholder {
  font-size: 15px;
line-height: 18px;
}
:-moz-placeholder {
  font-size: 15px;
line-height: 18px;
}
::-moz-placeholder {
  font-size: 15px;
line-height: 18px;
}
:-ms-input-placeholder{
  font-size: 15px;
line-height: 18px;
}
.logo {width: 100px;}
.header {
    padding-top:    10px;
    padding-bottom: 10px;
}
.header .nav .np {width: 15px;margin-right: 20px;}
.header.scrl .nav .np {margin-right: 20px;}
.landing {margin-top: 50px;}
body, .teammember h1, .roller, .form .texter, h1, h2, h3, h4,
#stellen h2
 {
  line-height: 20px;
  font-size: 16px;
}
.roller .hover {
    padding-top: 15px;
    padding-bottom: 15px;
}
.top {padding-bottom: 270px;}
.teammember {
    flex-basis: 50%;
    width: 50%;
  }
.teammember img {width: calc(100% - 15px);max-width: 480px;}
.standorte .form {margin-left: 0px; margin-right: 0px; }
.loc_button {padding:10px;padding-left: 45px;}

}


@media (max-width:400px) {
  h1#landingclaim, .maincontent h1.title, .team h2, .headtoggle .bigger, .standorte .bigger, .headtoggle a.bigtel {
    font-size: 24px;
    line-height: 28px;
  }
  .top {
    padding-bottom: 190px;
  }
  .rolladeny {
    top: 172px;
  }
  .rolladeny.menu {
    top: 170px;
}
.form .single {padding-bottom: 0px;}
.home, .team, .headtoggle {
    padding-bottom: 20px;
    padding-top: 20px;
}
.singlestand {
  padding-top: 80px;
  padding-bottom: 20px;
}

}

@media (orientation: landscape) {
  .about {
    top: 60%;
  }
}