@charset "UTF-8";
/* RESET */
/* Allgemein (!WICHTIG!)*/
*{padding:0;margin:0;}
html{font-size:1em;}
body{font-size:100%;-webkit-text-size-adjust:100%;}
img{display:block;}

/* HILFSKLASSEN */
/* Links */
a:active,a:focus{outline:none;}
a[href^=tel]{color:inherit;text-decoration:none;margin:0;padding:0;}
a img,:link img,:visited img{border:0;}
a{text-decoration:none;color:inherit;}
/* Text-Formatierungen */
.grossbuchstaben{text-transform:uppercase;}
.mittig{text-align:center;}
.fett{font-weight:bold;}
.stauchen{letter-spacing:-2px;}
.abstand-oben25{margin-top:25px;}
.abstand-oben20-phone{margin-top:0;}

/* Elemente für mobile */
.tauchauf,.tauchauf-pad,.tauchauf-phone{display:none!important;line-height:0px;}

/* Floating aufheben (!WICHTIG!) */
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* FARBEN */
/* Farben - Text */
.farbe-kunde{color:#85ad47;}
.farbe-weiss{color:#FFFFFF;}
.farbe-grau{color:#AEADAF;}
.farbe-schwarz{color:#000000;}
/* Farben - Text-Auswahl */
::-moz-selection{background:#60568A;color:#FFFFFF;text-shadow:none;}
::selection{background:#60568A;color:#FFFFFF;text-shadow:none;}
/* Farben - Hintergründe */
.farbe-hg-weiss{background-color:#FFFFFF;}
.farbe-hg-weiss-trnsprnt{background-color:rgba(255,255,255,0.8);}
.farbe-hg-grau{background-color:#AEADAF;}
.farbe-hg-schwarz{background-color:#000000;}


/* Body */
body{position:relative;font-family:'Source Sans Pro', sans serif;background:#FFFFFF;font-size:15px;}
/* Überschriften */
h2{font-style:italic;font-size:20px;}

.zitat{padding:20px 10px 15px;display:block;width:calc(100% - 20px);max-width:960px;margin:0 auto 20px;}
.text{padding:80px 10px 15px;display:block;width:calc(100% - 20px);max-width:960px;margin:0 auto 20px;}
.zweispalter{max-width:960px;}
.zweispalter p{width:48%;display:inline-block;margin: 0 1%;float:left;}
figure img{width:200px;margin:50px auto;}
.links{text-align:left;}
.rechts{text-align:right;}

/* !!!!!!!!!!!!! */
/* Media Queries */
@media(max-width:959px){
.tauchauf{display:inherit!important;}
.verschwinde{display:none;}
}

@media(max-width:768px){
.tauchauf-pad{display:inherit!important;}
.verschwinde-pad{display:none;}
body{cursor:pointer;}
h5,p{hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;}
h5{font-size:20px;padding:0 20px;}
.links,.rechts{text-align:center;}
}

@media(max-width:480px){
.tauchauf-phone{display:inherit!important;}
.verschwinde-phone{display:none;}
figure img{width:40%;margin:20px auto;}
.zweispalter p{width:98%;float:none;}
}