@font-face {
  font-family: DejaVuSans;
  src: url('font/DejaVuSans.ttf');
}

*{

      font-family:'DejaVuSans', sans-serif;
    @font-face { font-family: 'DejaVuSans';
             src: url('font/DejaVuSans.ttf') format('truetype'); }
}

html, body
{
    background-color: #ffffff;
    color: black;
   font-family:'DejaVuSans', sans-serif;
    @font-face { font-family: 'DejaVuSans';
             src: url('font/DejaVuSans.ttf') format('truetype'); }
    

}

.top
{
    width: 50%;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
    margin-top:5%;
}

.top_smartphone
{
     width: 50%;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
}
.untertitel
{
    text-align: center;
}
.untertitelsmart
{text-align: center;
    font-size: 1.3em;
}

/* ######################## HEAD ##########################*/

/* ######################## NAVIGATION START ##########################*/

.navigation
{
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid;
    border-bottom-color: #b3c273;
}

/* ######################## NAVIGATION END ##########################*/


/* ######################## CONTENT START ##########################*/

.content
{
    position: absolute;
	top: 5%;
	left: 0%;
	width: 100%;
	z-index: 2;
	background-color: #efefef;
    color: black;
    
}

h3
{
    color: #cd3266;
   
    
}

.quotesm
{
font-size: 2em;
    font-family: 'Caveat', cursive;
    color: #cd3266; 
    text-align: center;
}

.zweiradbilder
{
    width: 100%;
}


.header{
width: 100%;}

.thumbnail_startseite
{
    width: 100%;
}

.boarder
{
    background-color: #f8f8f8;
    border-bottom: medium solid #b3c273;
    padding-left:10%;
     padding-right:10%;
    padding-bottom: 5%;
    padding-top: 1%;
    margin: 0%;
}

.inhalte
{padding-left:10%;
     padding-right:10%;
    padding-bottom: 5%;
    padding-top: 1%;
}


.footer
{
    text-align: center;
    margin: 0%;
    padding-bottom: 3%;
    padding-top: 1%;
    background-color: #608c5a;
    color: #fff;
}

/* unvisited link */
a:link {
  color: #fff;
}

/* visited link */
a:visited {
  color: #fff;
}

.logo
{width: 30%; margin-left: auto;
margin-right: auto;}

.middle
{
    margin-left: auto;
margin-right: auto;
    text-align: center;
}

.middlesmart
{
    margin-left: auto;
margin-right: auto;
    text-align: center;
    font-size: .9em;
}

.little
{
    width:30%;
    margin-top: 0;
    padding-top: 0;
}

.infos
{
    background-color: white;
    color: black;
    
    padding-left:10%;
     padding-right:10%;
    padding-bottom: 5%;
    padding-top: 1%;
}




.impressum
{
    margin-left: 10%;
    margin-right: 10%;
        padding-bottom: 5%;

}

.services
{
    margin-left: 10%;
    margin-right: 10%;
        padding-bottom: 5%;
    
}

.centertext
{
    text-align: center;
   

}

.well
{
    background-color: grau;
    color: black;
}

.freuen
{
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}


.btn
{
    width: 100%;
    background-color: #cd3266;
}



.keyvisualxs
{
    height: 20px;
}

.textbanner
{
    background-color: #cd3266;
    color: #fff;
    text-align: center;
    padding: 20px;
}
.piktogramme
{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
h4
{text-align: center;}
.hoehe{height: 8%;}
.hoehe2{height: 4%;}
.hoehe3{height:3%;}


.piktogrammekontakt
{
    width: 100%;
}

.methode
{
    width: 90%;
}

.linkblack
{
    color:black; 
}
.linkpink
{
    color:#cd3266; 
}


.linkpink:link
{
    color:#cd3266; 
}

.linkblack:hover
{
    color:#cd3266; 
}
.linkpink:visited
{
    color:#cd3266; 
}
    
    /* unvisited link */
.linkblack:link {
  color: #000;
}

/* visited link */
.linkblack:visited {
  color: #000;
}

.quote
{
    font-size:3.5em;
    font-family: 'Caveat', cursive;
    color: #cd3266; 
    text-align: center;
}


.boxen
{
    padding: 5%;
    height: 100%;
 font-family:'Heebo', sans-serif;
    @font-face { font-family: 'Heebo';
             src: url('font/Heebo-Regular.ttf') format('truetype');  
}}
    .standard
    {font-family: 'Heebo', sans-serif;
}
.thin{
font-family:'Heebo', sans-serif;
    @font-face { font-family: 'Heebo';
             src: url('font/Heebo-Thin.ttf') format('truetype');  }}

.h6
{font-family: 'Heebo', sans-serif; @font-face { font-family: 'Heebo';
             src: url('font/Heebo-Regular.ttf') format('truetype');  }
h7{font-family:'Heebo', sans-serif;}}

h8{font-family:'Heebo', sans-serif;
    @font-face { font-family: 'Heebo';
             src: url('font/Heebo-Regular.ttf') format('truetype');  }
    font-size: 2em;
    background-color: #cd3266;
color: white;}
.cellbackground
{font-size: 2em;
    background-color: #cd3266;
color: white;}


.platz{
   padding-top: 5%;}

.wichtigeinfo
{
    background-color: #cd3266;
    color: white;
    text-align: center;
        padding:4%;
}

.wellpass
{
    text-align: center;
    margin: 0%;
    padding-bottom: 3%;
    padding-top: 2%;
    background-color:#18808E;
    color: #fff;
}

.pink
{
    text-align: center;
    margin: 0%;
    padding-bottom: 3%;
    padding-top: 2%;
    background-color:#cd3266;
    color: #fff;
}



span {
	color: #cd3266;
    font-size: 1.3em;
    @font-face { font-family: 'Heebo';
             src: url('font/Heebo-Thin.ttf') format('truetype');
}
a:hover{ color: #cd3266; }
    a:link    { color: #cd3266; }
a:visited { color: #cd3266; }
a:focus   { color: #cd3266; }

a:active  { color: #cd3266; }
    
nav navbar{color: #cd3266;}

.tabellenzeile{background-color:black;
color:#cd3266;}


.terminvereinbarung{
    border: none; /* Entfernt Rahmen um das iFrame */
    width: 100%;
    height: 100%;}
    
.termintext{
    text-align: center;
    margin: 0%;
    padding-bottom: 3%;
    padding-top: 2%;
    background-color:#cd3266;
    color: #fff;
}


   
    



/* ######################## CONTENT ENDE ##########################*/