/*!
 * Anpassung KOMMA
 */


/* FONTS LOKAL EINBINDEN ------------------------------------- */
/* architects-daughter-regular  und Open Sans */

/* SIEHE style.css


/* Werte aus style.css direkt überschreiben */
.display-2 {
  letter-spacing: 0.07em;
}

.display-1 {
  letter-spacing: 0.1em;
}

p, ul, li {
	hyphens: auto;
}

.trennungno {
	hyphens: none;
}

p, li {
letter-spacing: 0.05em;
}

h1, h2, h3, h4,
.lead h2 {
letter-spacing: 0.1em;
}

/* Überschriften Größe vereinheitlichen */
h2.toh2 {
	font-size: 1.8rem;
}

h3.toh3 {
	font-size: 1.6rem;
}

/* impressum-seite */
#impressed .lead h2 {
	font-size: 1.2rem;
	/* font-size: 4vw; */
}

/* Media Query Überschriften */
@media (min-width: 400px) {
h2.toh2 {
	font-size: 2.8rem;
	}

h3.toh3 {
	font-size: 2rem;
	}
	
#impressed .lead h2 {
	font-size: 1.3rem;
	/* font-size: 3.2vw;	 */
	}	
} /* Ende Query */

/* Media Query Überschriften */
@media (min-width: 568px) {	
#impressed .lead h2 {
	font-size: 1.5rem;
	/* font-size: 2.6vw;	 */
	}	
} /* Ende Query */

/* Abstände zwischen Sections xxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
section.abstandoben {
	padding-top: 80px;
	padding-bottom: 23px !Important;
	/* border-top: 3px dotted blue; */
	/* background-color: red;*/ 
}


section.abstandunten {
	padding-bottom: 80px  !Important;
	padding-top: 20px;
}
/* Navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* Praxisname */ 
.navbar-dropdown .navbar-caption {
    font-family: "Open Sans";
    font-size: 1rem;
    font-weight: 700;
    white-space: normal;
		color: black;
}

/* Animation Logo Menü beim Scrollen Größe geändert  .navbar-dropdown.navbar-short .navbar-logo img  */
.navbar-dropdown .navbar-logo img {
    height: 3.375rem;
}

/* Brand - Logo-Text */
#ext_menu-1 .navbar-caption {
		font-size: 0.6rem;
    color: rgb(144,197,62);
}

/* Media Query Logo und  Logotext Navigation  */
@media (min-width: 400px) {
	#ext_menu-1 .navbar-caption {
		font-size: 0.7rem;
		}
} /*/ Ende Query */
	
@media (min-width: 576px) {
	#ext_menu-1 .navbar-caption {
		font-size: 1rem;
		}
	
.navbar-dropdown .navbar-logo img {
    height: 6.125rem;
		}	
} /* Ende Query */

/* Menü Text */
#ext_menu-1 .link {
    color: black;
	  font-weight: 400;
	font-size: 0.9rem;
}

/* Abstände Menüpunkte horizontal */
.nav-dropdown .link {
    margin-right: 0.2rem;
		margin-left: 0.2rem;
}

/* Hintergrund Navigation Desktop  Verlauf entfernt   	*/
/*    background-color: rgba(249,249,249,0.45);	 		  	*/
/* background: linear-gradient(to bottom,              */
/* rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 75%,	 */
/*		rgba(255,255,255,0) 100%);											 */

#ext_menu-1  .navbar {	
 background-color: rgba(255,255,255,0.8); 
	  
 background: linear-gradient(to right,             
rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 33%,	
	rgba(255,255,255,0.2) 100%);			
	 background-color: rgba(255,255,255,0.6); 
}  			


/* HANDSCHRIFT-Titel erste Section */
#header1-0 .mbr-section-title,
.display-1 {
	font-size: 2.3rem;
	font-family: 'Architects Daughter', cursive;
	letter-spacing: 2px;
	padding-top: 30px;
	text-shadow: 	0px 0px 48px white, 0px 0px 24px white, 0px 0px 12px white, 0px 0px 6px white;
}

/* Notdienst headline Schatten grün */ 
.ndshadow {
	text-shadow: 0px 0px 48px rgb(144,197,62), 0px 0px 24px rgb(144,197,62), 0px 0px 12px rgb(144,197,62), 0px 0px 6px rgb(144,197,62) !important;
}

/* Media Query Titel Handschrift   ab 576 Pixel */
@media (min-width: 576px) {
#header1-0 .mbr-section-title,
.display-1  {
	font-size: 4.4rem;
	}	
}

/* Media Query Titel Handschrift ab 400 Pixel  */
@media (min-width: 400px) {
#header1-0 .mbr-section-title,
.display-1  {
	font-size: 3rem;
	}	
}


/* Hamburger umfärben */
#ext_menu-1 .navbar-toggler {
    color: black;
}

/* Hintergrundfläche Navigation umfärben  */
#ext_menu-1 .nav-dropdown-sm, 
#ext_menu-1 .nav-dropdown-sm .link[aria-expanded="true"], 
#ext_menu-1 .nav-dropdown-sm .dropdown-menu {
    background-color: rgb(144,197,62);
}

/* TEAM Mitarbeiter - Karten xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.teamcontainer h4,
.card-text {
  text-align: left;
}

.mbr-cards-col {
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
    padding-bottom: 50px;
}

@media (min-width: 992px) {
.mbr-cards  .teamcontainer {
  max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
}

@media (max-width: 991px) {
.mbr-cards  .teamcontainer img {
  width: 50%;
	margin-left: auto;
	margin-right: auto;
}
	
	/* nur index-seite */ 
#index .teamcontainer h4,
#index .card-text {
  text-align: center;
}
}


section .card-img img.cardlogo {
	max-width: 100px;
}

/* Leistungspektrum xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.leistungsspektrum h2 {
	font-size: 1rem;
	font-weight: 700;
}

.leistungsspektrum h3 {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.6rem;
}

.leistungsspektrum img {
	width: 100%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 20px;
}

@media only screen and (min-width: 992px) {
	.leistungsspektrum img {
	margin-bottom: 0px;
}
	
}



.leistungsspektrum ul { 
	margin-left: 0.6em; 
	padding-left: 0.6em;
}

.leistungsspektrum .row { 
	padding-top: 12px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}


.leistungsspektrum .row:nth-child(odd) { 
	background-color: rgb(204,223,165);
}

.leistungsspektrum .row:nth-child(even) { 
	background-color: rgb(244,244,244);
}

.leistungsspektrum .centerme {
	margin-left: auto;
  margin-right: auto;
	margin-top: 30px;
	text-align: center;
	width: 80%;
}

/* Sektion NOTDIENST xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.sectionnotdienst h2,
.sectionnotdienst p {
	color: white !Important;
}

.sectionnotdienst .mbr-section {
	background-color: rgba(0,0,0,0.1);
}


/* KONTAKT xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#kontakt h1.mbr-section-title {
	color: rgb(144,197,62);
}

.adressblock h4 {
  text-align: left;
}

section div.adressblock {
    max-width: 1140px !Important;
		margin-left: auto;
		margin-right: auto;
}

.abstand50px {
	padding-top: 50px;
}

/* für wegbeschreibung */
.abstandanfahrt {
	padding-top: 5px !important;
}

/* für Abstand zu kopfzeile bei Adresse Sprechzeiten etc. */
.adressblock {
	padding-top: 30px;
}

/* Mail Adressen --------------------------------------------  */	

.mailfeld {
	border: none;
	background-color: rgba(255,255,255,0);
	color: black;
	font-size: 1rem;
	}

/* Kontaktseite


/* Maps und Kontaktformular --------------------------------------------  */	

#form1-y {
	padding-bottom: 30px;
}

.mbr-map  {
	height: 40rem;
}


/* Formular sds ooooooooooooooooooooooooooooo  */

/* siehe separates stylesheet kontaktordner */
	
	
iframe.formularwww  {
	width: 100%;	
	min-height: 500px;
	overflow: visible;
	
}


p.pflichtfeld {
	text-align: left;
}

#kontakt #form1-y {
	padding-top: 120px;
	padding-bottom: 10px;
}
/* Formular verschickt Seite xxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#verschickt #form1-y {
	padding-top: 150px;
	padding-bottom: 10px;
}


/* Impressum xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#impressed h1 {
	color: rgb(144,197,62);
}


.impressum h2 {
  font-size: 1.3rem;
	line-height: 1.5em;
	color: black;
	margin-top: 30px;
	margin-bottom: 25px;
}

.impressum h3 {
  font-size: 1.1rem;
	line-height: 1.5em;
	color: rgb(99,99,99);
	margin-top: 30px;
	margin-bottom: 5px;
}

.lead h4 {
	margin-top: 20px;
}

.impressum .background {
	background-color: rgb(249,249,249);
}

.impressum p {
	padding-bottom: 5px;

}





/* Footer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

footer .mbr-section-md-padding {
    padding-top: 10px;
    padding-bottom: 30px;
}


/* Hintergrundfarbe Footer */
.mbr-small-footer {
	background-color: rgb(144,197,62);
}

/* Text im Footer .mbr-footer-content h1, */
.mbr-footer-content p,
.mbr-footer-content p a {
	color: black;
	font-size: 1.0rem;
}

.mbr-footer-content h1 {
	color: rgb(66,66,66);
	font-family: "Open Sans";
}

/* Logo Größe begrenzen */
footer img.logofooter {
	max-width: 100px;
	height: auto;

}

/* Hilfsklassen */
.zentriert {
	text-align: center;
}

/* Hilfsklassen */
.linksbundig {
	text-align: left;
}

/* Sonderregeln */

p.bildtitel50przt {
	width: 50%;
	float: left;
	margin-top: 20px;
}

/* PEPPER Stellenangebote xxxxxxxxxxxxxxxxxx*/

/* Pepper unten links fixieren */
.pepper-jobs {
    position: fixed;
	display: none; /* DEAKTIVIERTE JOBSUCHE */
    bottom: 0%;
    left: 30px;
    background-color: rgba(255,255,255,0.9);
    padding: 10px;    
    color: black;
    background-color:  rgba(144,197,62,0.9);
}

.pepper-jobs a {
    color: black;
    font-weight: bold;
	/* font-size: 1em; */
	font-size: 4vw;
}

.pepper-jobs a:hover {
    text-decoration: none;
    font-weight: bolder;
    color:  rgb(129,129,129);
}


/* Pepper auf Stellenseite ausblenden*/
body.jobs .pepper-jobs  {
    display: none;
}

@media only screen and (min-width: 576px) {
.pepper-jobs a {font-size: 3vw;}
}

@media only screen and (min-width: 768px) {
.pepper-jobs a {font-size: 2vw;}
}

@media only screen and (min-width: 992px) {
.pepper-jobs a {font-size: 1.5vw;}
}


/* Nach oben Button nach rechts verschieben */
.mbr-arrow-up {
    right: 0;
    left: 90%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: right;
    bottom: 15px;
}

/*  STANDARDS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.bghausfarbe {
	background-color: rgb(144,197,62);
}

.bghausfarbehell {
	background-color: rgba(144,197,62,0.15);
}

.bggrau {
	background-color: rgb(200,200,200);
}

.cc-hausfarbe {
	background-color: rgb(144,197,62);	
}




p.verschickt {
	font-size: 3rem;
	color: black;
}