@charset "utf-8";
/* CSS Document */

 /* Dropdown Button */
.dropbtn {
  cursor: pointer;
  transition: 0.5s ease all;
  color: black;
  padding: 12px;
  font-size: 16px;
  border: none;
  text-shadow:0.5px 0.5px 0.5px cyan, -0.5px 0.5px 0.5px cyan, 0.5px -0.5px 0.5px cyan, -0.5px -0.5px 0.5px cyan;
}

.dropbtn_ {
  transition: 0.5s ease all;
  color: black;
  padding: 12px;
  font-size: 16px;
  border: none;
  text-shadow:1px 1px 1px cyan, -1px 1px 1px cyan, 1px -1px 1px cyan, -1px -1px 1px cyan;
}

.dropbtn_a {
  transition: 0.5s ease all;
  color: black;
  background: linear-gradient(white, cyan);
  padding: 12px;
  font-size: 16px;
  border: none;
  text-shadow:1px 1px 1px cyan, -1px 1px 1px cyan, 1px -1px 1px cyan, -1px -1px 1px cyan;
 
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  transition: 0.5s ease all;
  position: relative;
  display: inline-block;
  transition: 0.5s ease all;
  z-index: 100;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  color: orange;
  transition: 0.5s ease all;
  display: none;
  position: absolute;
  background-color: #84c9ca;
  min-width: 160px;
  max-width: 200px;
  /*box-shadow: 2px 8px 16px 2px rgba(0,0,0,0.2);*/
  z-index: 1;
  box-shadow: 5px 5px 10px black,
              -5px 5px 10px black;
}


/* Links inside the dropdown */
.dropdown-content a {
  transition: 0.5s ease all;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border-bottom: 2px solid black;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	transition: 0.5s ease all;
	color: orange;
	background: radial-gradient(white, cyan);

}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	transition: 0.5s ease all;
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	
	transition: 0.5s ease all;
	color: orange;
    border: none;

	background: linear-gradient(white, cyan);
} 

.dropdown:hover .dropbtn_ {
	
	transition: 0.5s ease all;
	color: orange;

	background: linear-gradient(white, cyan);
} 

#menu_handy {
   box-shadow: 0px 10px 10px black;
   display: none;
   margin-top: -2px;
   text-align: left;
   border-bottom-left-radius:20px;border-bottom-right-radius:20px;
   background-color: #84c9ca;
}

.right {
   width: 50%;
   background: linear-gradient(160deg, white 70%, #84c9ca);
   height: 50px;
   padding-left: 25px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border: grey solid 1px;
   text-align: left;
   color: orange;
   text-shadow: 0.5px 0.5px 0.5px black;
}

#menu_handy table td a{
   color: black;
   font-size: 1.2em;
   text-shadow: 0.5px 0.5px 0.5px #d9bf65,
                -0.5px 0.5px 0.5px #d9bf65,
				0.5px -0.5px 0.5px #d9bf65,
				-0.5px -0.5px 0.5px #d9bf65;
}

#menu_handy table td a:hover{
   color: cyan;
   text-shadow: none;
   font-size: 1.2em;
   text-decoration: none;
}

#Leistungen_I, #Leistungen_II {
	text-decoration: none;
	z-index: 100;
	margin-top: 18px;
	margin-left: -37px;
	line-height: 45px;
	   color: black;
   font-size: 1.0em;
   text-decoration: none;
	position: absolute;
	display: none;
	width: 334px;
   height: 338px;
   padding-left:35px;
   text-align: left;
   background: linear-gradient(90deg, white 50%, transparent);
text-shadow: 0.5px 0.5px 0.5px #d9bf65,
                -0.5px 0.5px 0.5px #d9bf65,
				0.5px -0.5px 0.5px #d9bf65,
				-0.5px -0.5px 0.5px #d9bf65;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
   border-right: none;
   border-bottom: 2px solid black;
   box-shadow: 0px 5px 5px black;
}

#Leistungen_II {
	height: 389px;
	box-shadow: 0px 5px 5px black;

}

#Leistungen_I a, #Leistungen_II a{
   color: #d9bf65;
   font-size: 1.0em;
   text-shadow: 2px 2px 2px black,
                -2px 2px 2px black,
				2px -2px 2px black,
				-2px -2px 2px black;
}

#Leistungen_I a, #Leistungen_II a:hover{
   color: #84c9ca;
   font-size: 1.0em;
   text-decoration: none;
}

.menu_whal ul {
	background-color: white;
}

.menu_wahl li {
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	border-color: white;
	border-top-right-radius:20px;
    border-bottom-right-radius: 20px;
    background: linear-gradient(-160deg, #84c9ca, white 70%);
}

.menu_wahl_1 li {
	padding-top: 3px;
	padding-bottom: 3px;
	width: 150px;
    border-bottom-right-radius: 20px;
    background: linear-gradient(160deg, white 70%, #84c9ca);
}

#Leistungen_I {
	height: 373px;
	background: linear-gradient(90deg, white 50%, transparent);
	width: 340px;
}

#Leistungen_II {
	width: 340px;
}

.menu_wahl_1 {
		text-decoration: none;
	z-index: 100;
	margin-top: 24px;
	margin-left: -22px;
	line-height: 20px;
	   color: #d9bf65;
   font-size: 1.0em;
   text-decoration: none;
	position: absolute;
	width: 100%;
   height: 45px;
   padding-left:35px;
   text-align: left;
   background: linear-gradient(160deg, white 70%, #84c9ca);
   text-shadow: 2px 2px 2px black;
   border-bottom-right-radius: 20px;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
}



.menu_wahl_2 li {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: -2px;
	width: 150px;
	left: -20px;
    border-bottom-right-radius: 20px;
    background: linear-gradient(160deg, white 70%, #84c9ca);
}


#praxisteam_ {
	display: none;
}

#praxisteam_ {
	text-decoration: none;
	z-index: 100;
	margin-top: 20px;
	margin-left: -22px;
	line-height: 45px;
	   color: #d9bf65;
   font-size: 1.0em;
   text-decoration: none;
	position: absolute;
	width: 148px;
   height: 210px;
   padding-left:35px;
   text-align: left;
   background: black;
   text-shadow: 2px 2px 2px black;
   border-bottom-right-radius: 20px;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
   box-shadow: -3px 3px 5px black;
}

#checkliste_ {
	display: none;
}

#kontakt_ {
	display: none;
}

#kontakt_ {
	text-decoration: none;
	z-index: 100;
	margin-top: 20px;
	margin-left: -30px;
	line-height: 45px;
	   color: #d9bf65;
   font-size: 1.0em;
   text-decoration: none;
	position: absolute;
	width: 148px;
   height: 110px;
   padding-left:35px;
   text-align: left;
   background: black;
   text-shadow: 2px 2px 2px black;
   border-bottom-right-radius: 20px;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
}

.links {
   width: 50%;
   background: linear-gradient(-160deg, white 70%, #84c9ca);
   height: 50px;
   padding-left:20px;
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: none;
   text-align: left;
   color: orange;
   border: grey solid 1px;
   text-shadow: 0.5px 0.5px 0.5px black;
}