/*
================================================================
                    CSS Document
          (c) SPOT Werbung Duri Zisler
                         2016
================================================================
*/

/*
================
DEFINITIONEN:
================
*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.6em;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label,fieldset,legend,header,nav,section,article,aside,footer,hgroup,time,figure{
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
table{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout:fixed;
  word-wrap: break-word;
}
a{
  outline:none;
  text-decoration:none;
}
a:hover{
  text-decoration:none;
}
fieldset,img{
  border: 0;
  /*width:100%;*/
  float:left;
}
address,caption,cite,code,dfn,em,th,var{
  font-style:normal;
  font-weight:normal;
}
ol,ul{
  list-style: none;
  float:left;
  width:100%;
}
h1,h2,h3,h4,h5,h6{
  font-size: 100%;
  font-weight: normal;
  float:left;
  width:100%;
}
sup,
sub{
  font-size: 0.7em;
}
p,div,table,fieldset,form,header,nav,section,article,aside,footer,hgroup,time,input,figure{
  float:left;
  width:100%;
 max-width: 100%;
}
input[type="checkbox"],
input[type="radio"]{
  width:auto;
}
.container{
  float:none;
}
.row,
.mfp-container div,
#ui-datepicker-div div,
#TSFE_ADMIN_PANEL_FORM{
  width:auto;
  float:none;
}
.mfp-container .mfp-bottom-bar{
  width:100%;
}
.gmap-canvas-content.canvas-content div,
.pp_pic_holder p,
.pp_pic_holder div,
#map_canvas div,
.at3winwrapper div{
  float:none;
  width:auto;
}
.gmap-canvas-content.canvas-content .gm-style-iw,
#map_canvas .gm-style-iw{
  height: auto !important;
}
.gmap-canvas-content.canvas-content .gm-style-iw div,
#map_canvas .gm-style-iw div{
  overflow: hidden !important;
}
.gmap-canvas-content.canvas-content img,
#map_canvas img{
  max-width:none;
}
.gmap-canvas-content.canvas-content .google_addr div,
#map_canvas .google_addr div{
  float:left;
}
.google_addr{
  background: $white-color;
  padding: 2rem;
  input{
    width: 50%;
  }
}
.mfp-wrap{
  z-index: 90000 !important;
}
.mfp-iframe-holder .mfp-content{
  max-width: 98% !important;
}
#map_canvas{
  p,div,table,fieldset,form,header,nav,section,article,aside,footer,hgroup,time,input,figure{
    max-width: none;
  }
}

body{
  font-family:$mainfont;
  font-size:15px;
  line-height: 1.3333em;
  color: #646469;
  background: $bgcolor;
  /*-webkit-text-stroke: 0.1px;*/
}
/*
div{
     max-width: 1980px;
}
*/
.centerit{
  width:1400px;
  float:none;
  margin:0 auto;
}
.noblock{
  float:none !important;
  width:auto !important;
  display:inline !important;
}
.bold{
  font-weight: bold;
}
.block{
  float: left;
  width: 100%;
  display: block;
}
.center{
  text-align: center;
}
.right{
  float:right;
  text-align: right;
}
.textright{
  text-align:right;
  *{
    display: inline-block;
    float:none !important;
  }
}
.autowidth{
  width:auto;
}
.relative{
  position: relative;
}
.smallfont{
  font-size: 0.9em;
}
.spalten,
.cols2{
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;

  -moz-column-gap:      1.5em;
  -webkit-column-gap:   1.5em;
  column-gap:           1.5em;
}
.cols3{
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;

  -moz-column-gap:      1.5em;
  -webkit-column-gap:   1.5em;
  column-gap:           1.5em;
}
.drittel{
  width:32%;
  min-height: 1px;
}
.drittel + .drittel{
  margin-left: 2%
}
.drittel:nth-of-type(3n+4){
  margin-left:0;
}
.zweidrittel{
  width:66%;
  min-height: 1px;
}
.zweidrittel + .drittel,
.drittel + .zweidrittel{
  margin-left: 2%;
}
.halber,
.m_halber{
  width:49%;
  min-height: 1px;
  margin-left: 0;
}
.halber:nth-child(even){
  margin-left: 2%;
}
/*
.halber + .halber{
     margin-left:2%;
}
.halber:nth-of-type(n+3){
     margin-left:0;
}
div[class~=halber]:nth-of-type(n+3){
     margin-left:0;
}
*/
.zweihalber + .zweihalber{
  margin-top: 3em;
}
.halbernogap{
  width:50%;
}
img,
object{
  max-width: 100%;
  height: auto;
}
.dogrow{
  width: 100%;
  height: auto;
}
button{
  float:left;
}
.viertel{
  width:22%;
  min-height: 1px;
}
.viertel + .viertel{
  margin-left:4%;
}

.issuuembed {
  width:100% !important;
  height: auto !important;
  position: relative;
  padding-bottom: 62.25%;
  overflow: hidden;
}
.issuuembed object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.float{
  float:left;
}
.bold{
  font-weight: bold;
}
.nodesktop,
.nodisplay{
  display: none;
}
.noshow{
  max-height: 0;
  overflow:hidden;
 // .standardtransition;
}
p + p{
  margin-top:0.8em;
}
.mobilonly{
  display: none;
}
.nofloat{
  float:none;
}
.middle{
  vertical-align: middle;
}
svg{
  max-height:100%;
  height: auto;
}
.paddingit{
  padding: 0 $lepadding;
}
.backgroundit{
  background: $white-color;
}

html{
  height: 100%;
}
body{
  background: url('scherrer.jpg') fixed;
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  //text-shadow: 0 0 16px #3c3c3c;
  text-shadow:  0px 0px 30px #000000
}
.yvonne-urban-und-mar { 
 // margin-top: 30%;
  margin-bottom: 0.8em;
  color: #FFFFFF; 
  font-family: Raleway; 
  font-size: 1em;  
  font-weight: bold;  
  letter-spacing: 2px;  
  line-height: 14px;
  text-transform: uppercase;
}
.nichts-ist-so-best {
  color: #FFFFFF; 
  font-family: Prata; 
  font-size: 4.25rem;  
  letter-spacing: -1px; 
  //line-height: 1.3529em;
  line-height: 1.6em;
}
.nichts-ist-so-best br{
  height: 0;
  line-height: 0;
}
.changestyle{
  font-family: Prata; 
  font-size: 6.25rem;  
  letter-spacing: -1px; 
  line-height: 0.5em
}
.heraklit-von-ephesus { 
  color: #FFFFFF; 
  font-family: Raleway; 
  font-size: 0.95em;  
  font-weight: 600; 
  letter-spacing: 2px;  
  line-height: 19px;
}
.yurban-urbanscherer{
 color: #FFFFFF; 
 font-family: Raleway; 
 font-size: 1em;  
 font-weight: 600; 
 letter-spacing: 2px;  
 line-height: 29px;
 margin-top: 3em;
 max-height: 30px;
}
.floatit{
  padding: 0 2em;
}
a{
  color: #FFFFFF; 
  text-decoration: none;
  vertical-align: middle;
  transition:0.8s ease-in all;
}
.mailicon{
  width: 20px;
  height: auto;
  vertical-align: middle;
  margin-right: 10px;
}
.mailicon path{
  fill:#ffffff;
  transition:0.8s ease-in all;
}
a:hover,
a:hover .mailicon path{
  fill:#8f8f8f;
  color:#8f8f8f;
}
.centerit{
  height: 100%;
}
.floatit{
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width:900px){
  .floatit{
    text-align: center;
  }
}

@media (max-width:768px){
  .nichts-ist-so-best{
    font-size: 40px;
  }
  .changestyle{
    font-size: 50px;
  }
  .mobileblock{
    display: block;
    width: 100%;
  }
  .yurban-urbanscherer{
    font-size: 11px;
  }
}