/* .......................... RESET und Allgemeines ............................ */
* {
	margin: 0; padding: 0; border: none; outline: none; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
b, strong {font-weight: bold;}
i {font-style: italic;}
em {font-family: "Trebuchet MS", calibri, sans-serif; font-size: 1.8rem; color: rgb(87,88,90); font-style: normal;}

/* .......................... Ab hier generische Notationen ............................ */

html, body {
	width: 100%;
	height: 100%;
}
html {font-size: 62.5%; overflow-y: scroll; }
body {
	font-family: calibri, arial, geneva, sans-serif;
	font-size: 2rem;
	line-height: 1.5;
	font-weight: normal;
	color: rgb(35,31,37);
	background-color: rgb(255,255,255);
}

H1, H2, H3, H4, H5, H6, P {margin: 0 0px 20px 0px; font-weight: normal; overflow: hidden;}
H1 {font-size: 3.2rem; color: rgb(240,124,0); text-transform: uppercase; font-weight: bold; margin-top: 40px;}
H2 {font-size: 2.6rem; color: rgb(0,0,0);}
H3 {font-size: 2.4rem; color: rgb(87,88,90);}
H4 {font-size: 2rem;}
H5 {font-size: 2rem;}
H6 {font-size: 2rem;}

A {text-decoration: none; color: rgb(51,51,51); border-bottom: 1px dotted rgb(0,0,0);}
A:HOVER {color: rgb(0,0,0); background-color: rgba(255,255,255,0.5);}
A.ohneRand {border: none; padding: 0;}

/* .......................... Ab hier seitenspezifische Notationen .................................. */

/* .Top-Header mit Telefon- und E-Mail-Link. */
.topHeaderWrapper {display: none;}
.wrapAlles {width: 100%; max-width: 1062px; margin: 0 auto; padding-top: 3.2rem; border-left: 3rem solid  rgb(240,124,0); border-right: 0.2rem solid  rgb(240,124,0);}

/* .Header mit Logo und Titel sowie oberer Navigation. */
.headerWrapper {clear: both; width: 100%; padding: 0 0 3rem 0; overflow: hidden;}
.headerBox {margin: 0 auto;}
.headerBox .titel {text-align: center;}
.headerBox .titel A {border: none;}
.headerBox .titel IMG {width: 90%; max-width: 592px; height: auto;}

.naviBox {display: none;}

/* .Streifenboxen Wrapper. */
.wrapper {width: 100%; position: relative;}

/* .Bildboxen innerhalb Wrapper. */
.bildBox {margin: 0 3rem; position: relative; overflow: hidden; padding: 0; line-height: 0;}
.bildBox IMG {width: 100%; height: auto;}

/* .Inhalteboxen innerhalb Wrapper. */
.inhalteBox {margin: 0 3rem; padding: 0; position: relative; overflow: hidden;}

.inhalteBox .topLink {position: absolute; right: 0.5rem; bottom: 1.0rem; width: 32px; height: 32px;}
.inhalteBox .topLink A, .inhalteBox .topLink IMG {border: none;}

.aktuellBox {min-height: 120px; margin: 0 0 3rem 0; padding: 20px 20px 20px 50px; background: url(../eicons/aktuell.png) left center no-repeat rgb(220,220,220); color: rgb(0,0,0);}

.physioIcons {margin: 0 0 5rem 0;}
.physioIcons IMG {width: 100%; height: auto;}

.fuszBox {text-align: center; border-top: 1px solid rgb(230,230,230); margin: 0;}
.fuszNavigation {display: none;}
.fuszAbbinder {font-size: 2.4rem; line-height: 1.25; color: rgb(255,255,255); margin: 0; padding: 4rem 0 0 0; border-top: 1px solid  rgb(245,130,32);}
.fuszAbbinder EM {font-size: 4.4rem; line-height: 1.25; color: rgb(255,255,255); margin: 0; padding: 4rem 0 0 0;}
.fuszAdresse {font-size: 1.6rem; line-height: 1.25; color: rgb(255,255,255); margin: 0; padding: 2rem 0;}
.fuszAdresse EM {font-size: 1.8rem; font-weight: bold; line-height: 1.25; color: rgb(255,255,255); margin: 0; padding: 2rem 0;}
.fuszAdresse A {font-size: 1.6rem; line-height: 1.25; color: rgb(255,255,255);}

/* .Tabellen. */
TABLE {border-collapse: collapse; min-width: 80%; margin: 0 auto 3rem auto;}
TR {vertical-align: top;}
TH {padding: 3px 10px;}
TD {padding: 3px 15px 3px 0;}

/* .Formularfelder. */
input {width: 100%; font-size: 2rem; line-height: 2; padding: 1rem; border: 2px solid rgb(240,124,0);}
input[type="checkbox"] {
	border: 1px solid rgb(240,124,0);
	width: 20px;
	color: rgb(0,0,0);
	font-weight: bold;
}
input[type="submit"] {
	border: 2px solid rgb(240,124,0);
	width: 200px;
	-webkit-border-radius: 1.5rem; /*.OL, OR, UR, UL.*/
	-moz-border-radius: 1.5rem;
	border-radius: 1.5rem;
	color: rgb(0,0,0);
	font-weight: bold;
}
textarea {
	font-family: arial, geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3rem;
	border: 2px solid rgb(240,124,0);
	padding: 5px;
	width: 100%;
}
select {border: 1px solid rgb(204,204,204); padding: 3px;}
select option {}

/* .Spezialsachen fuer Einzelseiten. */

.Home .headerBox .titel {display: none;}
.Home H1 {font-size: 4rem; text-transform: none; color: rgb(87,88,90);}
.Willkommen H1 {text-transform: none;}

.Leistungen .leistungenWrapper {margin: 0 0 2rem 0;}
.Leistungen .leistungenTrigger {font-size: 2.4rem; font-weight: bold; color: rgb(240,124,0); margin: 0; cursor: pointer; transition: padding ease 0.5s;}
/* .Leistungen .leistungenTrigger:HOVER {padding-left: 0.5rem;} */
.Leistungen .leistungenBox {padding: 1.8rem; background-color: rgb(255,241,225);}

.Kontakt .inhalteBox {padding: 20px 60px;}

.Datenschutz .DS_Einzug {margin-left: 3rem;}
.Datenschutz .DS_Erklaerung {font-style: italic; color: rgb(77,77,77);}

/* .ALLGEMEINE Einstellungen. ............................................................ */

/* Orientierung + Abstaende*/
.clearB {clear: both;}
.clearL {clear: left;}
.clearR {clear: right;}

.tSchatten {
	-webkit-text-shadow: rgb(153,153,153) 1px 1px 8px;
	-moz-text-shadow: rgb(153,153,153) 1px 1px 8px;
	text-shadow: rgb(153,153,153) 1px 1px 8px;
	/* Col xOff yOff Blur */
}
.keinRand {border: none;}

/* .Schriftfarben und Schriftverhalten. */
.umbruch {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
.keinUmbruch {white-space: nowrap;}
.zentriert {text-align: center;}
.weisz {color: rgb(255,255,255);}
.hellGrau {color: rgb(230,230,230);}
.grau {color: rgb(153,153,153);}
.igrau, .igrau A {color: rgb(102,102,102); font-style: italic;}
.dunkelGrau {color: rgb(77,77,77);}
.rot {color: rgb(204,0,0);}
.blau {color: rgb(0,0,153);}
.orange {color: rgb(240,124,0);}
.schwarz {color: rgb(0,0,0);}

/* .Bilder. */
IMG {}

.linksBild, .linksBildRand {width: 50%; max-width: 490px; height: auto; float: left; margin: 1px 15px 6px 0;}
.rechtsBild, .rechtsBildRand {width: 50%; max-width: 490px; height: auto; float: right; margin: 1px 0 6px 15px;}
.linksBildRand, .rechtsBildRand {border: 1px solid; border-color: rgb(255,255,255) rgb(0,0,0) rgb(0,0,0) rgb(255,255,255);}
.mitte {vertical-align: middle;}

IMG.autoImage_972 {width: 100%; max-width: 972px; height: auto; margin: 0 auto; }
IMG.autoImage_600 {width: 100%; max-width: 600px; height: auto; /* margin: 3rem auto; */}
IMG.autoImage_450 {max-width: 50%;}
IMG.autoImage_300 {float: left; width: 35%; max-width: 300px; height: auto; margin: 1px 15px 6px 0;}
IMG.autoImage_200 {float: left; width: 25%;  max-width: 200px; height: auto; margin: 1px 15px 6px 0;}


IMG.autoImage_180 {width: 80%; max-width: 180px;}
IMG.keinrand {border: none;}