@charset "utf-8";

html 
{ 
	font-family: Arial, Verdana, Helvetica, sans-serif;
} 

html, body, #main 
{
  height: 100%;
}

body 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black;
	font-size:15px;

    margin: 0;
    padding: 0;

    min-height:100%;
    position: relative;
}

.startseite_stellenangebot .sppb-row
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.startseite_stellenangebot .sppb-row-column
{
    margin-left: 0px !important;
    margin-right: 0px !important;
		padding-right: 0px !important;
	  padding-left: 0px !important;
}

.startseite_stellenangebot img
{
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#kartenfeldblocked {
  width: 100%;
  height: 600px;
  background-color: lightgrey;
	
	font-size:15px;
}

#buttonspalte
{
	margin-left: 20%;
	margin-right: 20%;
}

#buttonkarte {
  background-color: #662843;
  text-align: center;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
  color: white;
  border: 1px solid #662843;
  margin-top:3%;
  font-size:15px;
  width:60% !important;

  margin-left:auto;
  margin-right: auto;
}

#buttonspalte a:hover > #buttonkarte 
{
  text-decoration: none;
  color: #662843 !important;
  border: 1px solid #555;
  background-color: white;
  color: white;
}

#textfeldkarte 
{

  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  background-color: white;
  border: 1px solid #555;
	color:black !important;
}

#kartenrahmen
{
	padding-top:2%;
}

.startseite_Textkarussel
{
	text-align: center;
	padding-top:10vh;
	border:1px solid black;
}

.startseite_Stellenangebot_Text
{

}

.startseite_Stellenangebot_Bild
{
	min-width: 1000% !important;
	background-color:red;
}

#Bild_Oben
{
	height: 90% !important;
	text-align:center;
	color:white !important;
	font-size:20px;
}

#Bild_Oben h2
{
	color:white;
	font-size:70px;
	font-weight: bold;
	text-transform: none;
}

#Header
{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/Startseite/Zahnarztstuhl.png");
	min-height:100% !important;
	background-size: cover;
	background-position: center;
}

#Text_Menu
{
	padding: 15px 15px 15px 15px;
	color: white !important;
}

#Text_Menu li a
{
	color:white !important;
	text-decoration: none;
}

#Header2
{
    background-image: linear-gradient(rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.7)),url("/images/Praxisteam/Praxisteam_blume.png");
	min-height:100% !important;
	background-size: cover;
	background-position: center;
}

#Header4
{
    background-image: linear-gradient(rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.7)),url("/images/Leistungen/Stuhl_Leistungen.png");
	min-height:100% !important;
	background-size: cover;
	background-position: center;
}

#Text_Menu2
{
	padding: 15px 15px 15px 15px;
	color: black !important;
}

#Text_Menu2 li a
{
	color:black !important;
	text-decoration: none;
}

#Trenner
{
	background-color:#662843 !important;
	padding-top:2vh;
	padding-bottom:2vh;
	text-align: center;
	color:white;
	font-size:20px;
}

#Menu
{
	background-color:transparent !important;
}

div#Hauptmenu ul.maximenuck
{
		background-color:transparent !important;
}

#Hauptmenu ul li a
{
		background-color:transparent !important;
}

#Hauptmenu ul li.active
{
		background-color:transparent !important;
}

#Hauptmenu ul li.active
{
		background-color:transparent !important;
}

#Footer a
{
    color:white;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

a
{
	color: #e26f6f;
	text-decoration:underline;
}

a:hover
{
	color: #e26f6f;
	text-decoration: none;
}


.convertforms .cf-content-wrap, .convertforms .cf-form-wrap
{
	padding: 0px !important;
}

#cf_1
{
  max-width: 100% !important;
}

div#Hauptmenu .maximenumobiletogglericonck
{
	background-color: white !important;
	height: 40px !important;
}

div#Hauptmenu .maximenumobiletogglericonck::after
{
  display: none !important;
}

div#Umenu .maximenumobiletogglericonck
{
	background-color: white !important;
	height: 40px !important;
}

div#Umenu .maximenumobiletogglericonck::after
{
  display: none !important;
}

#Angebot_box .col-md-3 h2
{
	font-size: 18px;
}

#Umenu
{
	padding-top:1%;
	padding-bottom:1%;
	margin-top:1%;
	margin-bottom:1%;
}

#Umenu#Umenu
{
	border-top: 2.5px #e26f6f solid;
	border-bottom: 2.5px #e26f6f solid;
}

#UMenu ul
{
	background-color: white !important;
}

#UMenu ul
{
	font-size: 25px;
}

#Umenu ul li a span
{
	color: black !important;
}

#Umenu li.active
{
	color: #e26f6f !important;
	background-color: white !important;
}

#Umenu li.current a span
{
	color: #e26f6f !important;
	background-color: white !important;
}

#Umenu li:hover
{
	background-color: white !important;
}

#Umenu li:hover a span
{
	color: #e26f6f !important;
	background-color: white !important;
}

#Hauptmenu li.active
{
	 border-bottom: 2.5px black solid;

}

#Hauptmenu li.active a span
{
   color: white;
}

#Uebermich
{
	padding: 2% 0px 2% 0px;
}

#Uebermich_Spruch
{
	text-align: center;
	padding-bottom:1%;
}

#Uebermich_Bild img
{
	width: 100%;
	Height: auto;
}

#Service
{
	background-color:#f2f2f2;
	padding: 2% 0px 2% 0px;5
}

#Service #Angebot_box a
{
	color:black;
	text-decoration: none;
}

#Service #Angebot_box a.col-md-3
{
	box-shadow: 1px 1px 5px 1px grey;

	padding-top:1%;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;

	margin-left:1%;
	margin-right:1%;

	background-color: white;
}

#Service #Angebot_box a.col-md-3:hover
{
	box-shadow: 5px 5px 25px 5px grey;
}

.row
{
	margin-left:0px !important;
	margin-right: 0px !important;
	
	padding-left: 0xp !important;
	padding-right: 0px !important;
	padding-left: 0% !important;
	padding-right: 0% !important;
}

img.schwarzweiß 
{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}
/*
img.schwarzweiß:hover {
filter: none;
}*/

.parallaxlinks {
    position: relative;
    background-size: cover;
    transform: translateX(0%); /* Starten außerhalb des Bildschirms */
    transition: transform 0.6s ease-out; /* Sanfte Animation für den Effekt */
}

.parallaxrechts {
    position: relative;
    background-size: cover;
    transform: translateX(0%); /* Starten außerhalb des Bildschirms */
    transition: transform 0.6s ease-out; /* Sanfte Animation für den Effekt */
}

h1 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:35px;
	text-transform: uppercase;
}

h2 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:25px;
	text-transform: uppercase;
	text-align: center;
	color: black;
}

h3 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:20px;
  	color: black;
}

hr
{
	text-align: center;
	border: 15px solid #f2f2f2;
	border-radius: 5px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0px;
	margin-right: 0px;
}

div
{
	/* border: 1px solid black; */
}

.container-fluid
{
	padding-left:0px;
	padding-right:0px;
    width: 100vw;
    height: 100vh;
}

#Hauptmenu
{
  z-index:999;
  /* margin-bottom:5%; */
	color: white !important;
}

#Hauptmenu a
{
	 color: white !important;
	 background-color: transparent;
	 font-size: 15px
}

#Hauptmenu a:hover span 
{
     color: white;
	 background-color: transparent !important;
}

#Hauptmenu li
{
	margin-left:1%;
	margin-right: 1%;
}

#Hauptmenu li:hover  
{
	 border-bottom: 2.5px white solid;
  	 background-color: transparent !important;
}

#Hauptmenu li.current 
{
    border-bottom: 2.5px white solid;
}

#Hauptmenu li.current a span
{
	 color: white;
  
}

#Hauptmenu .col-md-11
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#Hauptmenu .col-md-1
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#Hauptmenu ul
{
	background-color: transparent !important;
}
/* 2. Hauptmenu wegen farbwechsel */
#Menu2
{
	background-color:transparent !important;
}

div#Hauptmenu2 ul.maximenuck
{
		background-color:transparent !important;
}

#Hauptmenu2 ul li a
{
		background-color:transparent !important;
}

#Hauptmenu2 ul li.active
{
		background-color:transparent !important;
}

#Hauptmenu2 ul li.active
{
		background-color:transparent !important;
}

div#Hauptmenu2 .maximenumobiletogglericonck
{
	background-color: white !important;
	height: 40px !important;
}

div#Hauptmenu2 .maximenumobiletogglericonck::after
{
  display: none !important;
}

#Hauptmenu2 li.active
{
	 border-bottom: 2.5px black solid;

}

#Hauptmenu2 li.active a span
{
   color: black;
}

#Hauptmenu2
{
  z-index:999;
  /* margin-bottom:5%; */
	color: black !important;
}

#Hauptmenu2 a
{
	 color: black !important;
	 background-color: transparent;
	 font-size: 15px
}

#Hauptmenu2 a:hover span 
{
     color: black;
	 background-color: transparent !important;
}

#Hauptmenu2 li
{
	margin-left:1%;
	margin-right: 1%;
}

#Hauptmenu2 li:hover  
{
	 border-bottom: 2.5px black solid;
  	 background-color: transparent !important;
}

#Hauptmenu2 li.current 
{
    border-bottom: 2.5px black solid;
}

#Hauptmenu2 li.current a span
{
	 color: black;
  
}

#Hauptmenu2 .col-md-11
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#Hauptmenu2
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#Hauptmenu2 ul
{
	background-color: transparent !important;
}


#Logo img
{
	display: block; 
	max-width: 100%; 
	height: auto;
	max-height: 100px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom:2vh;
}

#Picture_inside
{
  	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#Picture_inside img
{
	width: 100%;
	height: auto;
}

#Aktuelles_inside
{
	width:95%;
	height:70vh;
	margin-top:5vh;
	margin-bottom:5vh;
}

#Team_box
{
	width:95%;
	padding-left:0px;
	padding-right:0px;
}

#Team_box div
{
	min-width: 14.5%;
	margin-left: 1%;
	margin-right: 1%;

	min-height: 40vh;
}

#UeberUns_inside
{
	width:95%;
	height:70vh;
	margin-top:5vh;
	margin-bottom:5vh;
}

#Leistungen_inside
{
	width:95%;
	height:70vh;
	margin-top:5vh;
	margin-bottom:5vh;
}

#Service_Text_oben
{
  text-align:center;
}

#Service_box
{
	padding-left:0px;
	padding-right:0px;

  	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

#Service_box div
{
/*	min-width: 30%;
  	min-height: 20vw; */
  
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
    padding:0px 0px 0px 0px;

	min-height: 100%;

	border-radius: 10px;
	z-index:9999;
}

#Service_box div img
{
  width:100%; /* 100% */
  height: auto;
  opacity: 0.6;
/*  border-radius: 2%;
  border: 0px solid blue !important; */
}

#Service_box div p
{
	margin-left:1%;
	font-size:40px;
	color:black;
	position:absolute;
	
	z-index: 99999;
}

#Service_box div a:hover img
{
  box-shadow: 10px 10px 15px 10px black;
	opacity: 0.1;
}

#Service_box div a:hover p
{
	margin-left:1%;
	font-size:40px !important;
	color:black !important;
	position:absolute;
	
	z-index: 99999;
}

#Leitspruch
{
	margin-top:10vh;
	margin-bottom:10vh;
	
	font-size: 5vh;
	font-style: italic;

    animation: fadeIn ease 10s;
}

#References
{
	margin-left:0px;
	margin-right:0px;
  padding: 0px 0px 0px 0px;
}

#References_inside_bild
{
	margin-top:10vh;
	margin-bottom: 10vh;
	margin-left:0px;
	margin-right:0px;
	padding: 0px 0px 0px 0px;
}

#References img
{
	width: 100%;
	height: auto;
}

#References p
{
  position: absolute;
	z-index: 999;
	right: 1vw;
}

#Map_inside
{
	width:95%;
	height:50vh;
}

#Footer
{
	color: white !important;
    background-color: #662843;
}

#Footer_inside
{
	width:95%;
	padding-left:0px;
	padding-right:0px;
    text-align: center;
	padding-top: 1%;
}

/* 
 * Hier kann das css individuell anhand der breite geregelt werden 
 * z.B. wenn eine Tabelle sich auf dem Rechner aber nicht auf dem Handy nach, oben und unten einordnen soll 
 * andere individuelle einstellungen (aber nur für eine geräte-größe)
*/

/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
@media (max-width: 768px) 
{
	div#Hauptmenu .maximenumobiletogglericonck
	{
		background-color:transparent !important;
		color:white !important;
	}

  	div#Hauptmenu2 .maximenumobiletogglericonck
	{
		background-color: transparent !important;
        color:black !important;
	}

   #Bild_Groß
   {
	   min-width: 100% !important;
   }
  
   #Bild_Oben h2
   {
	  font-size:50px;
   }
}

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: 768px) and (max-width: 992px)
{
   #Bild_Groß
   {
	   min-width: 100% !important;
   }

  #Bild_Oben h2
  {
	 font-size:50px;
  }

}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: 992px) and (max-width: 1200px)
{

   #Bild_Groß
   {
	   min-width: 100% !important;
   }

}

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: 1200px) 
{
  
}