/* ============================ */
/* ---- Farben ---------------- */

/*
violett			#9d0157;
dunkelviolett	#7c0346;
hellviolett		#db91b9;
*/

html,body{
	/*height: 100%;*/
	background: #7f0246 url(../img/grundlayout/hg-oben.jpg) repeat-x top left;
}


/* ============================ */
/* ---- Blöcke und Divs ------- */

#kopf{
	top: 0px;
	left: 0px;
	right: 0px;
	height: 302px;
	background: url(../img/grundlayout/hg-oben-schrift.jpg) no-repeat top center;
}

/* Logo */
#webseite-logo{
	width: 980px;
	margin: auto;
	height: 211px;
	text-align: center;
}
/* Menü */
#menue{
	width: 980px;
	margin: auto;
	height: 91px;
	text-align: left;
	background: url(../img/grundlayout/hg-menue.jpg) no-repeat top center;
}
#ul-menue{	margin: 0px;padding: 0px;padding-left: 200px;padding-top: 14px;}
#ul-menue li{	margin: 0px;padding-left: 4px;padding-right: 4px;list-style-type: none;float: left;}
#ul-menue li a.trenner{ display:block;width: 6px;height: 34px;background:url(../img/grundlayout/menue-trenner.jpg) no-repeat top center;text-decoration:none;}

/* Inhalte */
#mitte{
	left: 0px;
	right: 0px;
	background: #ffffff;	
}
#inhalte{
	width: 980px;
	margin: auto;
}
#inhalte-rahmen{
	padding-bottom: 40px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;	
}
#inhalte-rahmen h1{
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(../img/grundlayout/h1-unterstrich.jpg) no-repeat bottom left;
}

.anfahrt-text{ float: left; width: 200px; margin-right: 60px;}
.anfahrt-karte{ float: left; width: 700px; text-align: right;}

.angebot-text{ float: left; width: 454px; margin-right: 50px; margin-bottom: 20px;}
.angebot-text p{ margin-left: 16px; }
.angebot-bild{ float: left; width: 400px; }

.geschichte-bild{   text-align: center; border: dotted 1px #db91b9; align-self: center; padding: 8px;}
.geschichte-bild > img { object-fit: cover; width: 95%;  height: 95%;}
.geschichte-bild > div {  padding: 8px;}

.geschichte-bild-s2{   text-align: center; border: dotted 1px #db91b9; align-self: center; padding: 8px; grid-column-end: span 2;}
.geschichte-bild-s2 > img { object-fit: cover; width: 95%;  height: 95%;}
.geschichte-bild-s2 > div {  padding: 8px;}


.geschichte-bildtext{   text-align: left; }
.geschichte-bildtext-s2{   text-align: left; grid-column-end: span 2; }
.geschichte-bildtext-s3{   text-align: left; grid-column-end: span 3; }

.impressum-text{ float: left; width: 450px; margin-right: 60px; }
.impressum-text p{ text-align: justify; }
.impressum-angaben{ float: left; width: 490px; margin-right: 0px; }
.impressum-bild{ float: left; width: 470px; text-align: right; }
.impressum-links{ float: left; width: 180px; }
.impressum-rechts{ float: left; width: 310px; }

.datenschutz-links{ float: left; width: 180px; }
.datenschutz-rechts{ float: left; width: 310px; }


.kontakt-text{ float: left; width: 388px; margin-right: 60px;}
.kontakt-bild{ float: left; width: 500px; }
.kontaktform-links{ float: left; width: 130px; }
.kontaktform-rechts{ float: left; width: 250px; }

.praxis-text{ float: left; width: 388px; margin-right: 60px;}
.praxis-bild{ float: left; width: 500px; }

.startseite-text{ float: left; width: 388px; margin-right: 60px;}
.startseite-bild{ float: left; width: 500px; }

.team-name{ float: left; width: 297px; margin-right: 35px; text-align: center; }
.team-name h2{ padding-bottom: 6px; }
.team-bild{ float: left; width: 297px; margin-right: 35px; }
.team-bildtext{ float: left; width: 295px; height: 150px; margin-right: 35px; border: 1px dotted #db91b9; text-align: center; }
.team-bildtext-empty{ float: left; width: 295px; height: 150px; margin-right: 35px;  text-align: center; }
.team-bildtext p{ padding: 8px; }
.team-bildtext-empty p{ padding: 8px; }

/* div, wo mehrere float-divs drin liegen */
.float-container{ 
  display: grid;
  grid-template-columns: 333px 333px 333px;
  grid-template-row: auto auto auto;
  column-gap: 35px;
  row-gap: 6px;
}

.horizontal-trenner{ width: 970px; margin:auto; height: 20px;background: url(../img/grundlayout/horizontal-trenner.jpg) no-repeat center center; margin-bottom: 30px; }
.img1{ border: 1px dotted #db91b9; padding: 6px; margin-bottom: 10px; }


.team-grid-container {
  display: grid;
  grid-template-columns: 300px 300px 300px;
  grid-template-row: auto auto auto;
  column-gap: 35px;
  row-gap: 6px;
}

.team-grid-container > div {
  padding: 8px;
}

.job-container {
	display: flex;
    justify-content: center;
    align-items: center;
}

.job-title {
	
}

.job-element {
	width: 500px;
	border-radius: 5px;
}

.row-name {
  text-align: center;
}

.row-name-s2 {
  text-align: center;
  grid-column-end: span 2;
}

.row-bild {
  text-align: center;
  border: dotted 1px #db91b9;
}
.row-bild-s2 {
  text-align: center;
  border: dotted 1px #db91b9;
  grid-column-end: span 2;
}

.row-bild > img {
  object-fit: cover;
  width: 95%;
  height: 95%;
}

.row-bild-s2 > img {
  object-fit: cover;
  width: 95%;
  height: 95%;
}

.row-text {
  text-align: left;
  border: dotted 1px #db91b9;
}

.row-text-s2 {
  text-align: left;
  border: dotted 1px #db91b9;
  grid-column-end: span 2;
}

.cell-empty {
}

/* Fuß / Sitemap */
#fuss{
	left: 0px;
	right: 0px;
	background: url(../img/grundlayout/hg-unten.jpg) repeat-x bottom center;
	height: 160px;
}
#fuss-rahmen{
	padding-top: 17px;
	padding-bottom: 10px;
}

#sitemap{
	width: 980px;
	height: 145px;
	margin: auto;
	background: url(../img/grundlayout/hg-sitemap.jpg) no-repeat top center;
}
#sitemap-rahmen{
	padding-top: 20px;
	padding-left: 70px;
}
#sitemap-kontakt{ float: left; width: 340px; }
#sitemap-oeffnungszeiten{ float: left; width: 290px; }
#sitemap-sitemap{ float: left; width: 240px; }

div.boxFehler{
	padding: 10px;
	background: #F8E3D6;
	border: 1px dotted #FF0000;
	margin-bottom: 10px;
}
div.boxErfolg{
	padding: 10px;
	background: #e0fdcb;
	border: 1px dotted #00EE00;
	margin-bottom: 10px;
}
div.boxHinweis{
	padding: 10px;
	background: #fcf38e;
	border: 1px dotted #f95505;
	margin-bottom: 10px;
}

div.clear{
	height: 0px;
	overflow: hidden;
	clear: both;
	font-size: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

/* ============================ */
/* ---- Sonstiges ------------- */

img.ping{
	_behavior: url(png_erweiterung/png_erweiterung.htc);
	border: 0px;
}

hr{
	height: 1px;
	border: 0px;
	background: #999999;
	color: #999999;
}

iframe.anfahrt-iframe{
	width: 650px; 
	height: 450px; 
	margin-bottom: 6px; 
	border: 1px dotted #db91b9; 
	padding: 6px;
}

/* ============================ */
/* ---- Tabellen -------------- */

td.spaltePaddingRight{
	padding-right: 10px;
}

td.kontakt-links{
	width: 130px;
}

/* ============================ */
/* ---- Formulare ------------- */

form{
	margin: 0px;
}

input.input1{
	width: 250px;
	height: 18px;
	border: 1px dotted #999999;
	background-color: #FFFFFF;
	margin-bottom: 3px;
	color: #333333;
	font-size: 11px;
}

textarea.area1{
	width: 250px;
	height: 70px;
	border: 1px dotted #999999;
	background-color: #FFFFFF;
	margin-bottom: 3px;
	color: #333333;
	font-size: 11px;
}

.submit1{
	padding-top: 3px;
	padding-bottom: 3px;	
}