/* CSS Document Gynäkologie am Schloss */





html {
	height: 100%; }

body {
	margin: 0;
	line-height: 1.5em;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	font-size: 1em;
	color: #562424;
	background-color: #FFFFFF; }

body * {
	text-shadow: none;
	-webkit-text-size-adjust: none; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

a, a:link, a:active, a:visited {
	color: inherit;
	text-decoration: underline; }

a:hover {
	color: inherit;
	text-decoration: none; }

p {
	margin: 1em 0; }

h1, h2 {
	margin: 0;
	line-height: 1.2em;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em; }

@media screen and (max-width: 1019px) { h1, h2 {
	line-height: 1.25em;
	font-size: 1.5em; } }

h3, h4, h5 {
	margin: 0;
	line-height: 1em;
	font-size: 1em;
	font-weight: bold; }

h4 {
	padding-top: 40px; }

@media screen and (max-width: 1019px) { h5 {
	padding-top: 40px; } }

img {
	max-width: 100%; }

.clear {
	margin: 0;
	clear: both;
	float: none !important; }

.bold {
	font-weight: bold; }





/* # # # # # # # # # # HEAD # # # # # # # # # # */





#head {
	position: fixed;
	top: 0;
	width: 100%;
	height: 230px;
	z-index: 1000;
	background: #FFFFFF url(gfx/head_bg.jpg) repeat-x; }

@media screen and (max-width: 1019px) { #head {
	height: 120px !important; } }

#top {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	height: 165px;
	line-height: 165px; }

@media screen and (max-width: 1019px) { #top {
	padding: 0 1em;
	height: 85px !important;
	line-height: 85px !important; } }

#logo {
	display: inline-block; }

@media screen and (max-width: 1019px) { #logo {
	width: 200px !important;
	max-width: 75% !important; } }

#logo img {
	vertical-align: middle; }

#navkontakt1 {
	right: 250px; }

#navkontakt2 {
	right: 0; }

#navkontakt1, #navkontakt2 {
	display: inline-block;
	position: absolute;
	top: 70px;
	line-height: 1em !important;
	color: #FFFFFF;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.1em;
	transition: color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out; }

#navkontakt1 .fas, #navkontakt2 .fas {
	vertical-align: sub; }

@media screen and (max-width: 1019px) { #navkontakt1 {
	display: none; } }

@media screen and (max-width: 1019px) { #navkontakt2 {
	top: 22px !important;
	right: 1em; } }

@media screen and (max-width: 1019px) { #navkontakt2 span {
	display: none; } }

#navkontakt1:hover, #navkontakt2:hover {
	color: rgba(32,0,0,1); }

#doctolib {
	position: absolute;
	top: 160px;
	right: 0;
	width: 120px;
	height: 75px;
	padding-top: 25px;
	background-color: #107ACA; }

@media screen and (max-width: 1019px) { #doctolib {
	top: 80px !important;
	right: 1em;
	height: 45px !important;
	padding-top: 10px !important; } }

#doctolib:hover {
	-webkit-filter: brightness(0.75);
	filter: brightness(0.75); }

#doctolib img {
	position: absolute; }

#nav {
	width: 100%;
	height:65px;
	line-height: 65px;
	background-color: #953D30; }

@media screen and (max-width: 1019px) { #nav {
	height: 35px !important;
	line-height: 35px !important; } }

@media screen and (max-width: 1019px) { #nav nav {
	display: none; } }

#nav ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1000px;
	list-style-type: none;
	color: #FFFFFF;
	font-weight: bold; }

#nav li:first-child::before {
	content: none !important; }

#nav li::before {
	content: "|"; }

#nav li {
	float: left;
	text-transform: uppercase; }

#nav li a {
	margin: 0 18px;
	text-decoration: none;
	letter-spacing: 0.1em;
	transition: color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out; }

#nav li:first-child a {
	margin-left: 0; }

#nav li:last-of-type {
	display: none; }

#nav li a:hover {
	color: #200000; }

#mobile {
	margin: 0;
	padding-left: 1em;
	color: #FFFFFF; }

@media screen and (min-width: 1020px) { #mobile {
	display: none; } }

.mm-spn.mm-spn--light {
	background: #FFFFFF !important;
	text-transform: uppercase; }

.mm-ocd--open {
	background: rgba(0,0,0,0.5) !important; }

.mm-spn.mm-spn--navbar.mm-spn--main:after {
	padding-top: 20px;
	height: auto;
	line-height: inherit;
	color: #562424;
	font-weight: bold;
	text-align: left;
	opacity: 1;
	white-space: normal; }

.mm-spn.mm-spn--navbar ul {
	top: calc(var(--mm-spn-item-height) + 30px) !important; }





/* # # # # # # # # # # AUFMACHER # # # # # # # # # # */





#start {
	width: 100%;
	height: 730px;
	padding-top: 230px;
	background: #EDE3D8 url(gfx/aufmacher1.jpg?22022024) center bottom no-repeat; }

@media screen and (max-width: 1019px) { #start {
	height: 420px;
	padding-top: 120px;
	background: #EDE3D8 url(gfx/aufmacher1_mobile.jpg?22022024) center bottom no-repeat;
	background-size: auto 300px; } }

@media screen and (max-width: 569px) { #start {
	height: 300px;
	padding-top: 120px;
	background-size: auto 180px; } }

#aufmacher {
	margin: 0 auto;
	padding: 40px 0 100px 0;
	width: 100%;
	max-width: 1000px; }

@media screen and (max-width: 1019px) { #aufmacher {
	padding: 40px 1em 100px 1em; } }

#aufmacher div:first-of-type {
	float: left;
	margin-right: 40px;
	width: 600px; }

@media screen and (max-width: 1019px) { #aufmacher div:first-of-type {
	float: none;
	margin-right: 0;
	padding-bottom: 40px;
	width: 100%; } }

#aufmacher #bild {
	margin: 0;
	text-align: center; }

#aufmacher img {
	float: right; }

@media screen and (max-width: 1019px) { #aufmacher img {
	float: none;
	text-align: center; } }

#button, button {
	display: inline-block;
	margin: 0;
	padding: 1em;
	line-height: 1.5em;
	border: 0;
	background-color: #953D30;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
	transition: background-color 0.25s ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out; }

#button:hover, button:hover {
	background-color: rgba(180,118,110,1); }





/* # # # # # # # # # # SEKTOREN # # # # # # # # # # */





.sektor {
	border-bottom: 1px solid #953D30;
	scroll-margin-top: 119px; }

@media screen and (max-width: 1019px) { .sektor {
	scroll-margin-top: 59px; } }

.sektor div {
	margin: 0 auto;
	padding: 100px 0 100px 0;
	width: 100%;
	max-width: 1000px; }

@media screen and (max-width: 1019px) { .sektor div {
	padding: 100px 1em 100px 1em; } }





/* # # # # # # # # # # TEAM # # # # # # # # # # */





#team {
	background: url(gfx/team_bg.jpg?27022024) no-repeat center top, url(gfx/team_bg2.jpg) no-repeat center bottom, #EDE3D9;
	border-bottom: 0 !important; }

@media screen and (max-width: 1019px) { #team {
	background: url(gfx/team_bg.jpg) no-repeat, url(gfx/team_bg2.jpg) no-repeat, linear-gradient(#6F7254 8%, #EDE3D9 8%);
	background-position: center 5%, center bottom;
	background-size: contain, auto; } }

#team h2 {
	padding-bottom: 900px;
	color: #FFFFFF;
	text-align: center; }

@media screen and (max-width: 1019px) { #team h2 {
	padding-bottom: 0; } }

#team div div {
	padding: 0 30px;
	width: 100%; }

@media screen and (max-width: 1019px) { #team div div {
	margin-top: 100%;
	padding: 0; } }

@media screen and (max-width: 299px) { #team div div {
	margin-top: 140%; } }

#team p {
	padding-bottom: 50px; }

#team span {
	display: block; }

.doc {
	margin: 0;
	padding: 0 30px 50px 0;
	float: left; }

@media screen and (max-width: 619px) { .doc {
	width: 40%; } }

@media screen and (max-width: 299px) { .doc {
	padding: 0 0 20px 0;
	width: 100%; } }

@media screen and (max-width: 619px) { .doc img {
	width: 100%; } }

#team img {
	border: 10px solid #FFFFFF; }

@media screen and (max-width: 1019px) { #team img {
	border: 5px solid #FFFFFF; } }

#team span:nth-of-type(2) {
	margin-left: 245px; }

@media screen and (max-width: 619px) { #team span:nth-of-type(2) {
	margin-left: 40%; } }

@media screen and (max-width: 299px) { #team span:nth-of-type(2) {
	margin-left: 0; } }

.mfa_pic {
	padding: 0 !important; }

.mfa_txt {
	margin: 0;
	padding: 10px 0 0 0 !important;
	text-align: center; }





/* # # # # # # # # # # PRAXIS # # # # # # # # # # */





#gallery {
	position: relative;
	padding: 0; }

#scroller {
	margin-top: 100px;
	padding: 0;
	white-space: nowrap;
	overflow-x: auto; }

@media screen and (max-width: 1019px) { #scroller {
	margin-top: 50px; } }

#scroller img {
	margin-right: 30px;
	max-width: inherit !important; }

@media screen and (max-width: 1019px) { #scroller img {
	margin-right: 1em !important;
	height: 300px; } }

#scroller img:last-child {
	margin-right: 0 !important; }

.prev, .next {
	position: absolute;
	top: 50%;
	margin-top: -2em !important;
	width: auto !important;
	max-width: inherit !important;
	line-height: 2em;
	color: #FFFFFF;
	background-color: rgb(149,61,48);	
	background-color: rgba(149,61,48,0.75);
	cursor: pointer;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; }

.prev {
	display: none;
	left: 0;
	padding: 1em !important; }

.next {
	display: inline-block;
	right: 0;
	padding: 1em !important; }

.prev:hover, .next:hover {
	background-color: rgb(180,118,110);
	background-color: rgba(180,118,110,1); }





/* # # # # # # # # # # LEISTUNGEN # # # # # # # # # # */





#leistungen {
	border-bottom: 0 !important; }

#leistungen ul {
	margin: 0;
	padding-left: 20px;
	list-style: square; }

#leistungen p:last-of-type {
	margin-bottom: 0; }





/* # # # # # # # # # # SCHWANGERSCHAFTSABBRUCH # # # # # # # # # # */





#schwangerschaftsabbruch {
	margin: 0 auto;
	padding: 40px 0 100px 0;
	width: 100%;
	max-width: 1000px; }

@media screen and (max-width: 1019px) { #schwangerschaftsabbruch {
	padding: 40px 1em 100px 1em; } }

#schwangerschaftsabbruch ul {
	margin: 0;
	padding-left: 20px;
	list-style: square; }

#schwangerschaftsabbruch h2 {
	padding-top: 40px; }





/* # # # # # # # # # # SPRECHZEITEN # # # # # # # # # # */





#sprechzeiten {
	background: linear-gradient(to right, #6F7254 50%, #44462F 50%);
	border-bottom: 0 !important; }

#sprechzeiten div {
	background: url(gfx/hund.jpg?17022024) right bottom no-repeat, url(gfx/sprechzeiten_bg.jpg) right top repeat-y; }

@media screen and (max-width: 1019px) { #sprechzeiten div {
	background: url(gfx/hund.jpg?17022024) center bottom no-repeat, url(gfx/sprechzeiten_bg.jpg) center top repeat-y;
	background-size: contain; } }

#sprechzeiten h2 {
	color: #FFFFFF; }

#sprechzeiten table {
	margin-top: 2em;
	border: 0;
	border-collapse: separate;
	border-spacing: 0 1em;
	color: #FFFFFF; }

@media screen and (max-width: 1019px) { #sprechzeiten table {
	margin-bottom: 96%;
	width: 100%; } }

#sprechzeiten tr:nth-child(even) { 
	background-color: #85886F; }

#sprechzeiten tr:nth-child(odd) { 
	background-color: #44462F; }

#sprechzeiten td {
	padding: 8px 16px;
	height: 64px;
	vertical-align: top; }

@media screen and (max-width: 1019px) { #sprechzeiten td {
	padding: 2px 7px;
	height: 52px; } }

#sprechzeiten td:nth-child(odd) { 
	width: 200px; }

@media screen and (max-width: 1019px) { #sprechzeiten td:nth-child(odd) {
	width: inherit; } }

@media screen and (max-width: 1019px) { #sprechzeiten td:nth-child(even) {
	width: 100%; } }





/* # # # # # # # # # # KONTAKT # # # # # # # # # # */





#formular {
	padding: 0 !important; }

.contact {
	margin: 0;
	padding: 0.5em;
	width: 100%;
	border: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #EDE3D9; }

.contacthonig {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: -1; }

#formular textarea {
	height: 190px; }





/* # # # # # # # # # # POPUP # # # # # # # # # # */





#popup_layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	z-index: 3000; }

#popup {
	position: fixed;
	top: 40%;
	left: 25%;
	padding: 1em 3em 1em 1em;
	width: 50%;
	background: #FFFFFF;
	border: 1px solid #000000;
	color: #562424; }

@media screen and (max-width: 1019px) { #popup {
	top: 30%;
	left: 15%;
	width: 70%; } }

#popup a {
	cursor: pointer; }

#close a {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 0.25em 0.3em 0.2em 0.35em;
	color: #953D30; }





/* # # # # # # # # # # ANFAHRT # # # # # # # # # # */





#anfahrt {
	border-bottom: 0 !important; }





/* # # # # # # # # # # MAP # # # # # # # # # # */





#map {
	width: 100%;
	height: 600px; }

@media screen and (max-width: 1019px) { #map {
	height: 500px; } }

@media screen and (max-width: 599px) { #map {
	height: 400px; } }

#map span {
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	font-weight: bold;
	color: #953D30; }

.leaflet-tile-pane {
	-webkit-filter: grayscale(1) brightness(1.1);
	filter: grayscale(1) brightness(1.1); }

.leaflet-top, .leaflet-bottom {
    z-index: 999 !important; }

.leaflet-container a {
    color: #333333 !important; }





/* # # # # # # # # # # FOOTER # # # # # # # # # # */





#footer {
	padding: 100px 0;
	background: #EDE3D8;
	text-align: center;
	scroll-margin-top: 119px; }

@media screen and (max-width: 1019px) { #footer {
	padding: 100px 1em;
	scroll-margin-top: 59px; } }

#footer p {
	margin-top: 0; }

#legal {
	margin: 0 auto;
	padding: 50px 0;
	width: 1000px;
	max-width: 100%;
	text-align: left;
	overflow: hidden; }

#legal div {
	float: left;
	width: 47.5%; }

@media screen and (max-width: 1019px) { #legal div {
	float: none;
	width: 100%; } }

#legal div:first-of-type {
	margin-right: 5%; }

@media screen and (max-width: 1019px) { #legal div:first-of-type {
	margin-right: 0; } }

#legal div p {
	margin: 1em 0;
	font-size: 0.8em; }





/* # # # # # # # # # # VISUALINVENTS # # # # # # # # # # */





#visualinvents  {
	width: 100%;
	background: #141414;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	color: #767676; }

#visualinvents p {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0.75em 0;
	font-size: 0.9em; }

@media screen and (max-width: 1019px) { #visualinvents p {
	padding: 0.5em 1em;
	text-align: center;
	font-size: 0.8em; } }

#visualinvents a, #visualinvents span:last-of-type {
	font-weight: bold;
	text-decoration: none; }

#visualinvents a:hover {
	color: #BCBCBC; }

#visualinvents span:nth-of-type(2) {
	display: none; }

@media screen and (max-width: 619px) { #visualinvents span:first-of-type {
	display: none; } }

@media screen and (max-width: 619px) { #visualinvents span:nth-of-type(2) {
	display: inline; } }