body p, body a, body ul li, body h1, body h2, body h3, body h4, .footer-hg h1, body ol {font-family: Raleway;  }
body p, body a, body ol, body ul {font-size:18px; line-height:2; color: #333;}
body ul li {line-height:2; font-size:18px;}
body h1 {font-size:50px !important; color: #333; font-weight:bold;}
h1, h2, h3, h4 {hyphens: auto; word-wrap: break-word;}

body h2 {font-size:26px; font-weight: bold; color: #333; margin-bottom:20px;}
body h3 {font-size:22px; font-weight: bold; color: #333; margin-bottom:20px;}
body h4 {font-size:20px; font-weight: bold; color: #333; margin-bottom:20px;}



body .footer-hg h1 {font-size:24px !important; font-weight:bold;}

.row {--bs-gutter-x: 0rem;}


/* Verlinkung a */
.hover-link {position: relative; text-decoration: none; color: #01850d; }
.hover-link::after { content: ''; position: absolute; left: 0; bottom: -3px; /* 1mm tiefer als der Standardtext */ width: 0; height: 1px; /* Höhe des Unterstrichs */  transition: width 0.3s ease-in-out 0s; /* Startverzögerung von 0s */}

/*hellblau*/
.hover-link-farbe1::after { background-color: #298ccf; /* Farbe des Unterstrichs */}
a.hover-link-farbe1 { color: #298ccf !important; /* Farbe des Links */}
a.hover-link-farbe1:hover { color: #298ccf; /* Farbe des Links */}

/* dunkelgrün */
.hover-link-farbe2::after { background-color: #01850d; /* Farbe des Unterstrichs */}
a.hover-link-farbe2 { color: #01850d; /* Farbe des Links */}
a.hover-link-farbe2:hover { color: #01850d; /* Farbe des Links */}

/* weiß */
.hover-link-farbe3::after { background-color: #fff; /* Farbe des Unterstrichs */}
a.hover-link-farbe3 { color: #fff; /* Farbe des Links */}
a.hover-link-farbe3:hover { color: #fff; /* Farbe des Links */}

.hover-link:hover::after {width: 100%;}



/* Hintergrund */
.navzeile {background-color: #fff;}
.footer-hg {background-image: url("_Layout/Footer/Footer-HG.webp") !important; background-repeat:repeat;}
.hintergrund {background-image: url("_Layout/HG/HG-grau.webp"); background-attachment:fixed; }



a.button {padding: 10px 15px 10px 15px; border-radius: 5px;}
p.schatten {text-shadow: 1px 1px 1px #555;}

/* Bilderverweis*/
.bilderverweis { text-align: center; font-size:13px; font-weight:normal;}


/* Infozeile */
.infozeile {background-color:#298ccf; height: 36px;}
body .infozeile a {line-height:1.5; color:#fff !important; font-size:16px;}
body .infozeile p {color:#fff !important; font-size:16px;}

/* mobile Infoleiste */

@media (max-width: 525px) { 
								.mobile-weg { display: none; } 
								.infozeile {height: 48px;}
							}


/* Leiste */
.leiste {background-color:#00619b; height: 72px; padding-top:20px; padding-bottom:15px;}
body .leiste a {line-height:1.5; color:#fff !important; font-size:16px;}
body .leiste p {color:#fff !important; font-size:16px;}



/* Navigation */

.navzeile {padding-top: 15px; padding-bottom: 15px;}
.navbar {padding-top: 10px; padding-bottom: 10px;}
a.nav-link:hover {color: #298ccf !important;}
a.active:hover {color: #fff !important;}


.navbar .dropdown-menu a {color: #000000; font-size:14px; line-height:1.5em;}
.navbar .dropdown-menu a:hover {background-color: #298ccf; color: #ffffff; font-size:14px; line-height:1.5em;}

.navbar-light .navbar-nav .nav-link {margin-right:0px; padding-top:2px; padding-bottom:2px; padding-left:12px; padding-right:12px; color:#000; font-size:18px; text-transform: capitalize; font-weight:400;}
.navbar-light .navbar-nav .nav-link:hover {color: #298ccf;}


.nav-item a:hover {color: #298ccf !important;}

.nav-item a.dropdown-item {color: #000 !important;}
.nav-item a.dropdown-item:hover {color: #fff !important;}
.nav-link.active {background: #298ccf; padding: 6px 6px; border-radius: 3px; color: #fff !important;}

body .dropdown-menu a.active {color:#fff !important; background-color: #298ccf;}


/* mobile Navigation */

@media (max-width: 1200px) { .navbar-light .navbar-nav .nav-link {padding-left: 4px; font-size:13px; } }
@media (max-width: 990px) { .navbar-light .navbar-nav .nav-link {padding-left: 20px; font-size:20px; } }

.mobile_navigation {color:black; font-size: 30px; border: 0px solid white; padding:10px 10px 6px 10px;}

@media (max-width: 990px) { .navbar-nav {border-top: 1px solid black;} }


/*Rahmen*/
.rahmen {border-color: orange; border-width: 5px; border-style: solid; padding: 15px; background-color: rgba(255, 255, 255, 0.75);}



/* Homeseite */
a img.Kreis 	  {border-radius:50%; box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 15px 0px; display: block; margin-left: auto; margin-right: auto; }


/* Slider */
#slider {box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 15px 0px;}




/* Übersicht Technologie*/
a img.Quadrat 		{border: 1px #fff solid; border-radius: 5%; box-shadow: 10px 20px 15px silver; margin:10px;}
a img.Quadrat:hover {border: 1px #298ccf solid;}



/* Referenzen */


  
 .gallery {
    text-align: center;
    margin: 20px auto;
    max-width: 2000px;
}

.gallery img {
    display: inline-block;
    margin: 5px;
    max-width: 100%;
    height: auto;
	
	 box-shadow: 5px 5px 8px #555;
}  

/* Dentallexikon */
h2.dental {
  font-size: 32px; padding-left: 10px;
  background-color: #298dcd; 
  border-radius: 5px;
  color: #fff;
 }


/* Leistungen */
img#Schatten {box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 15px 0px;}
  

/* Slider */
body .owl-prev:hover {background-color: #9ccd23 !important; border: 1px solid white !important;}	/*Pfeile*/
body .owl-next:hover {background-color: #9ccd23 !important; border: 1px solid white !important;}	/*Pfeile*/

body h1.slider {font-size:50px !important;text-shadow: 1px 1px 1px black;}
@media (max-width: 1300px) { body h1.slider  {font-size:36px !important;}}
@media (max-width: 1000px) { body h1.slider  {font-size:32px !important;}}
@media (max-width: 768px)  { body h1.slider  {font-size:40px !important;}}
@media (max-width: 600px)  { body h1.slider  {font-size:34px !important;}}
@media (max-width: 500px)  { body h1.slider  {font-size:30px !important;}}
@media (max-width: 400px)  { body h1.slider  {font-size:26px !important;}}
@media (max-width: 300px)  { body h1.slider  {font-size:22px !important;}}


/* Standard Farbe */
a.farbe {color: #9ccd23;}

body a.weiss:hover {color:#ffffff !important;}
body a.weiss, body p.weiss {color: #ffffff !important;}


/* Footer */

.footer-hg {margin-top: -20px;}

body .footer a {color: #9ccd23; }
/*hellblau*/
body .footer-hg .hover-link-farbe1::after { background-color: #00baff !important;; /* Farbe des Unterstrichs */}
body .footer-hg a.hover-link-farbe1 { color: #00baff !important;; /* Farbe des Links */}
body .footer-hg a.hover-link-farbe1:hover { color: #00baff !important;; /* Farbe des Links */}
body .footer-hg p.weiss {color:#ffffff !important;}

body .footer-bild img {border-radius: 50%; display: block; margin-left: auto; margin-right: auto;}


h5.schwarz {color:#000;}


a.farbe-hg {background-color: #298ccf;}
a.farbe-hg:hover {background-color: #039dfc;}

a.breit:hover {letter-spacing: 0.5px;} /* Anpassen des Werts nach Bedarf */


/* Logo mobil */

@media (max-width: 768px) { .navbar-brand img { width: 250px; /* Smaller size for small screens */ } .infozeile p, .infozeile a {font-size: 16px; padding:4px;}}
@media (max-width: 500px) { .navbar-brand img { width: 250px; /* Smaller size for small screens */ } .infozeile p, .infozeile a {font-size: 14px; padding:6px;}}
@media (max-width: 400px) { .navbar-brand img { width: 150px; /* Smaller size for small screens */ } .infozeile p, .infozeile a {font-size: 12px; padding:8px;}}
    
.navbar-toggler { border-color: none; /* Weißer Rahmen für den Button */ }


.navbar-toggler:focus {
    text-decoration: none;
    outline: 0; 
	box-shadow: 0px 0px 0px white;}
	
.navbar-light .navbar-toggler {
    color: transparent;
	border-color: transparent;}

.navbar-toggler { border: 0px solid transparent; }



/* Kontaktformular */
textarea.rund {border-radius: 5px;}
input.rund {border-radius: 5px;}
span.rund {border-radius: 5px;}

button.btn-absenden {background-color:#298ccf; border-radius:5px; border:0px; font-weight:normal;}
button.btn-absenden:hover {background-color:#039dfc; border-radius:5px; border:0px;}

label {font-family:Raleway; font-size:14px;}

.input-group {padding-right:5px;}
textarea {padding-right:5px;}


/* Kostenvoranschlag online */
.form-control {padding-left: 0px; padding-right:0px; padding-top:5px; padding-bottom:5px; text-align: center;}

.kostenvoranschlag_online p {font-size: 16px;}
.kostenvoranschlag_online label {color: #333333;}
.kostenvoranschlag_online .form-control {font-family: Raleway; font-size:14px;}
.kostenvoranschlag_online p, .kostenvoranschlag_online label {hyphens: auto;}