/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

html, body { 
    margin: 0; 
    padding: 0;
    height:100%; 
    font-family: 'Roboto', sans-serif;
font-size: 0.95em;}

section { }

a { text-decoration: none; }

li { list-style-type: none; }

h1, h2, h3 p { line-height: 1.2em; }

h1 { font-size: 5.0em; font-weight: 400; color: #00abc8; }
h2 { font-size: 1.6em; font-weight: 400; color: #66cc33; margin: 0; padding: 0;}
h3 { font-size: 5.0em; font-weight: 400; color: #00abc8; margin: 10px 0 40px 0; padding: 0;}

p { font-size: 1.6em; font-weight: 400; color: #333; margin: 20px 20px;  }

header, #logo, #logo img, #home img, #mobileNav { transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; }

#mobileNav { display: none; }

.headlineWrap { width:1200px; margin: 0 auto; padding: 30px 0 0 30px; text-align: left; }
.contentLeft { width:1400px; margin: 0; padding: 0; background-color: #fff; float: left; } 
.contentLeftImg { width:50%; margin: 0; padding: 0; float: left; }
.contentLeftImg img { width:94%; }
.contentLeftText { width:50%; margin: 0; padding: 0 0 0 0; float: right; }
.contentLeftText li { font-size: 1.6em; font-weight: 400; color: #333; margin: 10px 0px 10px 0;  }
.contentLeftText a { color: #00abc8; }
.contentLeftText a:hover { color: #00abc8; }
.contentLeftText a:visited { color: #00abc8; }

.headlineWrapRight { width:1380px; margin: 0 0 0 0; padding: 30px 0 0 0; text-align: left; float: right; }
.contentRightBackground { position: relative; width:100%; height: auto; margin: 0; padding: 0; background-color: #e5f6f9; float: right; } 
.contentRight { width:1400px; height: auto; margin: 0; padding: 0; text-align: left; float: right; background-color: #e5f6f9;} 
.contentRightImg { width:50%; margin: 0; padding: 0; text-align: right; float: right; }
.contentRightImg img { width:94%; }
.contentRightText { width:50%; margin: 0; padding: 0 0 0 0; float: left; }
.contentRightText li { font-size: 1.6em; font-weight: 400; color: #333; margin: 10px 0px 10px 0;  }
.contentRightText a { color: #00abc8; }
.contentRightText a:hover { color: #00abc8; }
.contentRightText a:visited { color: #00abc8; }

.trenner { width: 100%; height: auto; margin: 0; padding: 120px 0 80px 0; clear: both; text-align: center;}
.trennerLeer { width: 100%; height: auto; margin: 0; padding: 60px 0 40px 0; clear: both; text-align: center;}


/* Header *************************************/

#headerWrap { width:1200px; margin: 0 auto;}

header { width: 100%; 
    height: 160px; 
margin: 0 auto; padding: 0;
    background: #fff;
z-index: 100; }



#logo { width: 50%;
float: left; margin: 0; padding: 0;}

#logo:hover { opacity: 0.5; }

#logo img { width: 110px; margin: 10px 0 10px 20px; padding: 0; }

.mobileNav { display: none; }

header nav { float: right; margin: 0 0 0 0; padding: 0 0 0 0; }

header nav ul { margin: 130px 0px 0px 0px; padding: 0; }

header nav ul li { float: left; margin-left: 30px; }

header nav ul li a { font-size: 1.3em; color: #00abc8; }


/* Home *************************************/


#home { min-height: 100%; background-image: url(../images/implantate.jpg);
    background-position: center center;
background-size: cover; background-attachment: fixed;
    text-align: center;
 }

@media (hover: none) {
   #home {
       background-attachment: scroll;
   }
}

#home img { margin-top: 200px; padding: 0px;
opacity: 0.7;}

#home img:hover { opacity: 1.0;}



/* Intro *************************************/


#intro { width: 100%;
 }





/* Für Zahnärzte *************************************/


#zahnaerzte { width: 100%; text-align: left;
 }

#zahnaerzte ul { margin: 20px 20px; padding: 0; }




/* Für Zahnärzte Leistungen *************************************/


#zahnaerzteLeistungen { width: 100%; 
 }

#zahnaerzteLeistungen ul { margin: 20px 20px; padding: 0; }




/* Für Patienten *************************************/


#patienten { width: 100%;
 }





/* Service *************************************/


#service { width: 100%; text-align: left;
 }

#service ul { margin: 20px 20px; padding: 0; }



/* Footer *************************************/

footer dl ul { padding: 20px; margin: 0;
 }

footer dl ul li { display:inline; margin: 0 0 0 0; padding: 0;
 }

footer dl ul li dt { display:inline; margin:0; padding: 0;
 }

footer dd ul li { display:block; margin: 0 0 0 0; padding: 0;
 }

footer a { color: #00abc8;
 }



dd { display:none; margin: 30px 0; padding: 0; }
.closed { color: #000: }
.open { color: #00abc8; }




@media only screen and (max-width: 1400px) {
    
.contentLeft { width:100%; } 
    
.headlineWrapRight { width:100%; margin: 0 0; padding: 0 0 0 0; }
    .headlineWrapRight h2 { margin: 0 0 0 0; padding: 0 0 0 20px; }
    .headlineWrapRight h3 { margin: 10px 0 40px 0; padding: 0 0 0 20px; }
.contentRight { width:100%; } 
    
    
/* Header *************************************/

/* Intro *************************************/
    .headlineWrap { width:90%; margin: 0 20px; padding: 30px 0 0 0; }

}



@media only screen and (max-width: 1280px) {
    
    h1 { font-size: 4.0em; }
h2 { font-size: 1.4em; }
h3 { font-size: 4.0em; }

p { font-size: 1.4em; }
    
    .headlineWrap { width:90%; }
    
    .contentLeftText li { font-size: 1.4em; }
    .contentRightText li { font-size: 1.4em; }
    
/* Header *************************************/

#headerWrap { width:100%; }
    
    #logo { width: 25%; }
    
         header nav ul { margin: 130px 30px 0px 0px; }
    
    
}

@media only screen and (max-width: 1024px) {
    
    h1 { font-size: 3.0em; }
h2 { font-size: 1.3em; }
h3 { font-size: 3.0em; }

p { font-size: 1.3em; }
    
    .headlineWrap { width:90%; }
    
    .contentLeftText li { font-size: 1.3em; }
    .contentRightText li { font-size: 1.3em; }
    
/* Header *************************************/

    
    
}

@media only screen and (max-width: 800px) {
    
    h1 { font-size: 2.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 2.5em; }

p { font-size: 1.2em; }
    
    .contentLeftText li { font-size: 1.2em; }
    .contentRightText li { font-size: 1.2em; }
    
/* Header *************************************/

    
    
}

@media only screen and (max-width: 640px) {
    
    h1 { font-size: 2.0em; }
h2 { font-size: 1.0em; }
h3 { font-size: 2.0em; }

p { font-size: 1.0em; }
    
    .contentLeftText li { font-size: 1.0em; }
    .contentRightText li { font-size: 1.0em; }
    
/* Header *************************************/

    #logo { width: 18%; }
    #logo img { width: 80px; }
    
    header { height: 120px;  }
    header nav ul { margin: 90px 20px 0px 0px; }
    header nav ul li a { font-size: 1.0em; }
    
    
}

@media only screen and (max-width: 480px) {
    
    h1 { font-size: 1.8em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.8em; }

p { font-size: 1.2em; margin: 0 0 0 0; }
    
    .contentLeftImg { width:100%; float: none; }
.contentLeftImg img { width:100%; }
    .contentLeftText { width:91%; margin: 20px; padding: 0; float: none; }
    .contentLeftText li { font-size: 1.2em; font-weight: 400; color: #333; margin: 10px 0 10px 0; }
    
.headlineWrapRight { width:95%; margin: 0 0 0 0; padding: 20px 0 0 0; text-align: left; float: none; }

.contentRightImg { width:100%; float: none; }
.contentRightImg img { width:100%; }
.contentRightText { width:91%; margin: 20px; padding: 0 0 0 0; float: none; }
.contentRightText li { font-size: 1.2em; font-weight: 400; color: #333; margin: 10px 0 10px 0;  }
    
/* Header *************************************/

    .mobileNav { display: block; width: 30px; float: right; margin: -50px 20px 0 0; padding: 0; }
    .mobileNav:hover { opacity: 0.5; cursor: pointer; }
    
    header { height: 120px;  }
    header nav { width: 100%; margin: 0; padding: 0; }
    header nav ul { height:auto; overflow: hidden; margin: -4px 0 0 0; padding: 0; width: 100%; float: none; background-color: #fff; opacity: 0.6; }
    header nav ul.open { height: auto; }
    
    header nav ul li { width: 100%;
    padding: 10px 20px;
    margin: 0;
    font-size: 1.0em; text-align: left; }
    
     header nav ul li:hover { background-color: #e5f6f9; }
    
    header nav ul li a { font-size: 1.0em; display: block; }
    
    
    /* Home *************************************/
    
    #home { min-height: 100%; }
    #home img { margin-top: 120px; }
    
    /* Für Zahnärzte *************************************/


#zahnaerzte { width: 100%; text-align: left;
 }

#zahnaerzte ul { margin: 20px 0px; padding: 0; }
    
    
        /* Für Zahnärzte Leistungen *************************************/


#zahnaerzteLeistungen ul { margin: 20px 0px; padding: 0; }
    
    
    
    /* Service *************************************/


#service { width: 100%; text-align: left;
 }

#service ul { margin: 20px 0px; padding: 0; }
    
    
}