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

body {
	margin:0;
	padding:0;
	font-size:16px;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
	scroll-behavior:smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SignPainter-HouseScript-Regular-latin";
    src: url("../fonts/SignPainter-HouseScript-Regular-latin.woff2") format("woff2"),
    url("../fonts/SignPainter-HouseScript-Regular-latin.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

a,
a:hover,
a:active,
a:focus,
a:visited {
	transition:all 0.2s;
	color:#111;
	text-decoration:none;
	border-bottom:1px solid #45c224;
}

h1 {
	font-size:2.7rem;
	font-weight:300;
	color:#45c224;
	margin-top:0;
}

h1.script {
	font-family:SignPainter-HouseScript-Regular-latin;
	font-size:4.2rem;
	color:#45c224;
	margin-top:20px;
	margin-bottom:0;
}

h2 {
	font-size:2.7rem;
	font-weight:300;
	color:#45c224;
	margin-top:0;
}

h2.script {
	font-family:SignPainter-HouseScript-Regular-latin;
	font-size:4.2rem;
	color:#45c224;
	margin-top:20px;
	margin-bottom:0;
}

.rahmen {
	width:100%;
	max-width:1280px;
	margin:auto;
	position:relative;
}

.abschliesser {
	clear:both;
}

.abschliesser-sechs {
	clear:both;
	display:none;
}

.header-rand-oben {
	position:absolute;
	top:-30px;
	left:0;
	width:100%;
	height:auto;
	z-index:1;
	transition:all 0.2s;
}

.header-rand-oben img {
	width:100%;
	height:auto;
}

.header-rand-oben-klein img {
	width:101%;
	margin-left:-0.5%;
}

.head-shadow-klein {
	position:absolute;
	width:100%;
	height:80px;
	box-shadow:0px 40px 40px rgba(0,0,0,0.1);
	margin-top:-150px;
	z-index:-1;
}

.header-rand-unten {
	position:relative;
	left:0;
	width:100%;
	height:auto;
	z-index:1;
	bottom:0;
	top:-50px;
	overflow:hidden;
	transition:all 0.2s;
}

.header-rand-unten img {
	width:101%;
	height:auto;
}

header {
	width:100%;
	height:auto;
	position:absolute;
	z-index:99999;
}

.logo {
	width:260px;
	height:auto;
	margin-top:35px;
	z-index:2;
	position:relative;
	float:left;
	transition:all 0.2s;
}

.logo img {
	width:100%;
	height:auto;
}

nav {
	float:right;
	margin-top:30px;
	z-index:2;
	position:relative;
}

nav ul {
	padding-left:0;
	padding-top:0;
	margin-top:0;
}

nav li {
	float:left;
	list-style:none;
}

nav li a,
nav li a:visited {
	border-bottom:0;
	padding:15px;
	font-size:1.1rem;
	color:#45c224;
}

nav a:hover {
	background-color:rgba(69,194,36,0.1);
	border-radius:100px;
	border-bottom:0;
	color:#45c224;
}

nav a.active {
	background-color:rgba(69,194,36,0.2);
	border-radius:100px;
}

.navigation-mobil-ausloeser {
	display:none;
}

.strich-menue {
	width:auto;
	height:auto;
	float:right;
	padding:15px 15px 8px 15px;
	margin-right:-15px;
	transition:all 0.2s;
	margin-top:13px;
}

.strich-menue-strich {
	width:32px;
	height:2px;
	margin-bottom:7px;
	background-color:#e38f00;
}

.strich-menue:hover {
	transition:all 0.2s;
	background-color:rgba(227,143,0,0.1);
	transform:scale(1.15);
}

.navigation-mobile {
	position:fixed;
	z-index:99999;
	width:100%;
	height:auto;
	box-sizing:border-box;
	background-color:#fff;
	top:0;
	left:0;
	box-shadow:0px 80px 80px rgba(0,0,0,0.2);
	transition:all 0.2s;
	display:none;
	padding-bottom:60px;
}

.navigation-mobile:target {
	animation-name:nav;
	animation-duration:0.3s;
	display:block;
}

@keyframes nav {
	from {opacity:0;margin-top:-100px}
	to {opacity:1;margin-top:0;}
}

.navigation-mobile a.menu {
	width:100%;
	float:left;
	box-sizing:border-box;
	padding:15px 5%;
	font-size:1.5rem;
	color:#45c224;
	text-align:center;
	border-bottom:1px solid #eee;
	transition:all 0.2s;
}

.navigation-mobile a.menu:hover {
	background-color:rgba(69,194,36,0.1);
	transition:all 0.2s;
}

.navigation-mobile li a.menu:last-child {
	border-bottom:0;
}

.navigation-mobile a.menu.active {
	background-image:linear-gradient(90deg, rgba(69,194,36,0), rgba(69,194,36,0.2), rgba(69,194,36,0))
}

.navigation-mobile li {
	list-style:none;
}

.navigation-mobile ul {
	margin-top:0;
}

.navigation-rand-unten {
	width:100%;
	height:70px;
	position:absolute;
	bottom:0;
	margin-bottom:-50px;
}

.navigation-rand-unten img {
	width:100%;
	height:auto;
}

.navigation-schliessen-button {
	position:absolute;
	top:0;
	right:0;
	padding-right:5%;
	font-size:3rem;
	font-weight:200;
	border-bottom:0;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:9px;
	width:auto;
	height:auto;
	color:#e38f00;
}

.navigation-schatten-stilelement {
	width:100%;
	height:auto;
	transform:rotate(180deg);
	margin-top:-40px;
	opacity:0.1
}

.navigation-schatten-stilelement img {
	width:100%;
	height:auto;
}

.resp-logo {
	width:100px;
	margin:auto;
	padding-top:10px;
	padding-bottom:15px;
	margin-bottom:40px;
	position:relative;
}

.resp-logo img {
	width:100%;
	height:auto;
}

.banner-bild-index {
	width:100%;
	height:850px;
	z-index:-2;
	margin-top:0px;
	margin-bottom:-180px;
}

.banner-bild-index img {
	width:100%;
	height:auto;
	margin-top:-100px;
}

.banner-bild-unterseiten {
	width:100%;
	height:900px;
	z-index:-2;
	margin-top:0;
	margin-bottom:-180px;
	overflow:hidden;
	transition:all 0.2s;
}

.banner-bild-unterseiten img {
	width:100%;
	height:auto;
	margin-top:-100px;
}

.banner-bild-petra {
	width:100%;
	height:900px;
	z-index:-2;
	margin-top:0;
	margin-bottom:-180px;
	overflow:hidden;
	transition:all 0.2s;
}

.banner-bild-petra img {
	width:100%;
	height:auto;
	margin-top:0px;
}

section#index-abschnitt-1 {
	width:100%;
	height:auto;
	position:relative;
	text-align:center!important;
	margin-top:-50px;
	z-index:1;
}

section#index-abschnitt-1 h1 {
	width:100%;
	box-sizing:border-box;
	padding-left:25%;
	padding-right:25%;
}

section#index-abschnitt-2 {
	width:100%;
	height:auto;
	position:relative;
	background-color:#eeefee;
	box-sizing:border-box;
	margin-bottom:-2px;
}

.vorstellung-text {
	color:#333;
	font-size:1.2rem;
	float:left;
	width:60%;
	font-weight:300;
	padding-top:110px;
	padding-bottom:70px;
}

.vorstellung-bild {
	width:40%;
	height:300px;
	float:right;
	margin-top:80px;
	text-align:right;
}

.vorstellung-bild img {
	width:auto;
	height:100%;
}

.vorstellung-bild-m {
	width:40%;
	height:300px;
	float:right;
	margin-top:80px;
	text-align:right;
	display:none;
}

.vorstellung-bild-m img {
	width:auto;
	height:100%;
}

.grauer-balken-oben {
	margin-bottom:-6px;
	width:100%;
	height:auto;
	overflow:hidden;
}

.grauer-balken-oben img {
	width:101.5%;
	margin-left:-1%;
}

.grauer-balken-unten {
	margin-top:-2px;
	width:100%;
	height:auto;
	overflow:hidden;
}

.grauer-balken-unten img {
	width:101.5%;
	margin-left:-1%;
}

button#gruen {
	float:left;
	color:#45c224;
	padding:8px 20px 8px 20px;
	border-radius:100px;
	margin-top:50px;
	font-family:SignPainter-HouseScript-Regular-latin;
	font-size:1.8rem;
	transition:all 0.2s;
	background-color:#fff;
	box-shadow:0px 20px 40px rgba(0,0,0,0.1);
	border:none;
	cursor:pointer;
}

button#gruen:hover {
	transition:all 0.2s;
	background-color:#45c224;
	color:#fff;
	box-shadow:0px 20px 35px rgba(0,0,0,0.3);
	margin-top:40px;
	margin-bottom:10px;
}

.start-leistungen {
	width:100%;
	height:auto;
	position:relative;
	margin-top:50px;
	padding-bottom:80px;
}

.start-leistungen-box {
	width:25%;
	height:auto;
	box-sizing:border-box; 
	float:left;
	padding-left:3%;
	padding-right:3%;
	text-align:center;
	transition:all 0.2s;
}

.start-leistungen-box:hover {
	transition:all 0.2s;
	transform:scale(1.15)
}

.start-leistungen-bild {
	width:100%;
	height:auto;
	margin-bottom:15px;
}

.start-leistungen-bild img {
	width:100%;
	height:auto;
}

.start-leistungen-text {
	color:#e38f00;
	font-family: SignPainter-HouseScript-Regular-latin;
	font-size:1.8rem;
}

.start-leistungen-alter {
	width:100%;
	height:auto;
	margin-top:80px;
	margin-bottom:80px;
}

.start-leistungen-alter li {
	list-style:none;
}

ul.start-leistungen-alter {
	padding-left:0;
}

.start-leistungen-alter-box-1 {
	float:left;
	width:25%;
	height:auto;
	transition:all 0.2s;
}

.start-leistungen-alter-box-2 {
	float:left;
	width:25%;
	height:auto;
	transition:all 0.2s;
}

.start-leistungen-alter-box-3 {
	float:left;
	width:25%;
	height:auto;
	transition:all 0.2s;
}

.start-leistungen-alter-box-4 {
	float:left;
	width:25%;
	height:auto;
	transition:all 0.2s;
}

.start-leistungen-alter-bild {
	height:300px;
	width:300px;
	border-radius:50%;
	overflow:hidden;
	margin:auto;
	box-shadow:0px 20px 40px rgba(0,0,0,0.15);
	transition:all 0.2s;
}

.start-leistungen-alter-bild:hover {
	transition:all 0.2s;
	box-shadow:0px 40px 50px rgba(0,0,0,0.2);
}

.start-leistungen-alter-bild img {
	width:auto;
	height:100%;
}

.start-leistungen-alter-title {
	text-align:center;
	font-family:SignPainter-HouseScript-Regular-latin;
	color:#e38f00;
	font-size:2rem;
	padding-top:25px;
}

section#index-abschnitt-3 {
	position:relative;
	background-image:url("../data/img/apfel-apptern-g.svg")
}

.apfel-pattern {
	background-image:url("../data/img/apfel-rechts-unten.svg");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right;
	width:300px;
	height:650px;
	position:absolute;
	right:0;
	z-index:-1;
	bottom:-60%;
}

section#ueberschrift {
	margin-bottom:-80px;
	position:relative;
	z-index:1;
}

section#ueber-mich-abschnitt-1 {
	width:100%;
	height:auto;
	position:relative;
	background-color:#eeefee;
	box-sizing:border-box;
}

section#ueber-mich-abschnitt-2 {
	width:100%;
	height:auto;
	position:relative;
	box-sizing:border-box;
	color:#333;
	font-size:1.2rem;
	font-weight:300;
	padding:100px 0 10px 0;
}

section#leistungen-abschnitt-2 {
	width:100%;
	height:auto;
	position:relative;
	box-sizing:border-box;
	color:#333;
	font-size:1.2rem;
	font-weight:300;
	background-image:url("../data/img/apfel-apptern-g.svg");
}

.ueber-mich-text {
	font-size:1.2rem;
	font-weight:300;
	color:#333;
	padding-top:65px;
	padding-bottom:60px;
	width:70%;
}

.ueber-mich-text.kurz {
	padding-top:0;
	padding-bottom:0;
}

.ueber-mich-uebersicht {
	float:left;
}

.ausbildung {
	width:100%;
	height:auto;
	padding-top:10px;
	padding-bottom:70px;
}

.ausbildung img {
	width:100%;
	height:auto;
}

.ausbildung img:nth-child(2) {
	display:none;
}

.ausbildung img:nth-child(3) {
	display:none;
}

section#ueber-mich-abschnitt-3 {
	background-color:#eeefee;
	padding-bottom:200px;
	margin-bottom:-300px;
	z-index:-1;
	position:relative;
	text-align:center;
}

.zitat-gruen {
	width:50%;
	margin:auto;
	text-align:center;
	font-size:2.3rem;
	color:#45c224;
	font-family:SignPainter-HouseScript-Regular-latin;
	padding-top:60px;
}

.zitat-grau {
	color:#888;
	padding-top:20px;
}

.unten-rand-grau-gruen-unten {
	width:101%;
	height:auto;
	margin-bottom:-5px;
	overflow:hidden;
	margin-left:-1%;
}

.unten-rand-grau-gruen-unten.grey {
	background-color:#eeefee;
}

.unten-rand-grau-gruen-unten img {
	width:101%;
	height:auto;
}

section#leistungen-abschnitt-1 {
	width:100%;
	height:auto;
	position:relative;
	background-color:#eee;
	box-sizing:border-box;
	color:#333;
	font-size:1.2rem;
	font-weight:300;
	padding-top:65px;
	padding-bottom:20px;
}

section#leistungen-abschnitt-1 li {
	padding-left:3px;
	list-style-image:url("../data/img/lp-apfel.svg");
	line-height:normal;
	padding-bottom:15px;
}

.leistungen-text {
	width:70%;
}

.leistungen-optionen {
	width:100%;
	height:auto;
	margin-bottom:100px;
	margin-top:50px;
}

.leistungen-optionen-1 {
	width:25%;
	height:auto;
	float:left;
}

.leistungen-optionen-2 {
	width:25%;
	height:auto;
	float:left;
}

.leistungen-optionen-3 {
	width:25%;
	height:auto;
	float:left;
}

.leistungen-optionen-4 {
	width:25%;
	height:auto;
	float:left;
}

.leistungen-optionen-box-1 {
	width:300px;
	height:auto;
	margin:auto;
	position:relative;
}

.leistungen-optionen-box-2 {
	width:300px;
	height:auto;
	margin:auto;
	position:relative;
}

.leistungen-optionen-box-3 {
	width:300px;
	height:auto;
	margin:auto;
	position:relative;
}

.leistungen-optionen-box-4 {
	width:300px;
	height:auto;
	margin:auto;
	position:relative;
}

.leistungen-optionen-pic {
	width:100%;
	height:auto;
}

.leistungen-optionen-pic img {
	width:100%;
	height:auto;
	margin-bottom:-5px;
}

.leistungen-optionen-m-pic {
	display:none;
}

.leistungen-optionen-title {
	background-color:#45c224;
	width:100%;
	height:auto;
	box-sizing:border-box;
	text-align:center;
	color:#fff;
	font-size:1.5rem;
	font-weight:600;
	padding-bottom:20px;
	padding-top:20px;
	position:relative;
}

.leistungen-optionen-title::after {
	position:absolute;
	content:'';
	bottom:0;
	margin:auto;
	height:2px;
	width:80px;
	background-color:rgba(255,255,255,0.3);
	left:0;
	right:0;
}

.leistungen-optionen-beschreibung {
	width:100%;
	height:210px;
	background-color:#45c224;
	box-sizing:border-box;
	text-align:center;
	color:#f5f5f5;
	padding:35px 20px 0px 20px;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
	box-shadow:0px 20px 40px rgba(0,0,0,0.15);
	overflow:hidden;
}

.leistungen-optionen-preis {
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	width:130px;
	height:60px;
	text-align:center;
	background-color:#fff;
	border-radius:100px;
	box-shadow:0px 20px 40px rgba(0,0,0,0.1);
	margin-top:-30px;
	box-sizing:border-box;
	font-size:1.5rem;
	font-weight:bold;
	color:rgba(0,0,0,0.4);
	padding-top:13.5px;
	transition:all 0.2s;
}

.leistungen-optionen-preis:hover {
	transition:all 0.2s;
	box-shadow:0px 20px 35px rgba(0,0,0,0.3);
	margin-top:-40px;
}

section#terminvereinbarung-bild {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:-200px;
	margin-bottom:-280px;
	position:relative;
	z-index:-1;
}

section#terminvereinbarung-bild img {
	width:100%;
	height:auto;
}

section#terminvereinbarung-abschnitt-1 {
	background-color:#eeefee;
}

.termin-links {
	width:70%;
	float:left;
	font-size:1.2rem;
	font-weight:300;
	padding-top:80px;
	padding-bottom:70px;
	color:#333;
}

.termin-buttons {
	width:30%;
	float:left;
	margin-top:130px;
}

.termin-button-tel {
	width:200px;
	height:50px;
	overflow:hidden;
	background-color:rgb(227, 143, 0);
	margin-bottom:20px;
	border-radius:100px;
	float:right;
	box-shadow:0px 20px 40px rgba(0,0,0,0.1);
	transition:all 0.2s;
}

.termin-button-mail {
	width:200px;
	height:50px;
	overflow:hidden;
	background-color:rgb(227, 143, 0);
	border-radius:100px;
	float:right;
	box-shadow:0px 20px 40px rgba(0,0,0,0.1);
	transition:all 0.2s;
}

.termin-button-tel:hover {
	box-shadow:0px 20px 35px rgba(0,0,0,0.3);
	transition:all 0.2s;
	margin-bottom:30px;
	margin-top:-10px;
}

.termin-button-mail:hover {
	box-shadow:0px 20px 35px rgba(0,0,0,0.3);
	transition:all 0.2s;
	margin-top:-10px;
}

.termin-button-bild-tel {
	width:50px;
	height:50px;
	float:left;
	box-sizing:border-box;
	padding:10px;
	text-align:center;
	background-color:rgba(0,0,0,0.1);
	border-radius:50%;
}

.termin-button-bild-tel img {
	width:auto;
	height:100%;
}

.termin-button-bild-mail {
	width:50px;
	height:50px;
	float:left;
	box-sizing:border-box;
	padding:15px 10px 10px 10px;
	background-color:rgba(0,0,0,0.1);
	border-radius:50%;
}

.termin-button-bild-mail img {
	width:100%;
	height:auto;
}

.termin-button-text {
	float:left;
	color:#fff;
	font-size:1.22rem;
	padding-top:11.5px;
	padding-left:20px;
}

footer {
	background-color:#333;
	color:#fff;
	/*margin-top:200px;*/
	padding-bottom:20px;
	position:relative;
	width:100%;
	height:auto;
	margin-top:-50px;
}

/*footer::before {
	width:100%;
	height:200%;
	position:absolute;
	content:'';
	left:0;
	top:0;
	background-image:url("../images/bottom-bg.svg");
	background-repeat:no-repeat;
	background-size:contain;
	margin-top:-200px;
}*/

footer a,
footer a:visited,
footer a:focus {
	color:#fff;
	border-bottom:0px;
}

footer a.active {
	color:rgb(227, 143, 0);
}

.weisses-logo {
	width:350px;
	height:auto;
	float:left;
	margin-right:70px;
}

.weisses-logo img {
	width:100%;
	height:auto;
}

.kontakt-im-footer {
	width:auto;
	height:auto;
	float:left;
}

button.kontakt-telefon {
	background-color:#444;
	width:auto;
	height:auto;
	padding:10px 15px;
	margin-bottom:10px;
	border-radius:100px;
	transition:all 0.2s;
	margin-top:-7px;
	border:0;
	color:#fff;
	font-size:16px;
	cursor:pointer;
}

button.kontakt-email {
	background-color:#444;
	width:auto;
	height:auto;
	padding:10px 15px;
	border-radius:100px;
	transition:all 0.2s;
	border:0;
	color:#fff;
	font-size:16px;
	cursor:pointer;
}

.kontakt-telefon:hover {
	background-color:rgb(227, 143, 0);
	color:#fff;
	transition:all 0.2s;
	transform:scale(1.1)
}

.kontakt-email:hover {
	background-color:rgb(227, 143, 0);
	color:#fff;
	transition:all 0.2s;
	transform:scale(1.1)
}

.hyperlinks-eins {
	float:right;
	display:none;
	margin-top:40px;
	line-height:30px;
	font-size:16px!important;
}

.hyperlinks-zwei {
	float:right;
	margin-left:50px;
	margin-top:40px;
	line-height:30px;
	font-size:16px!important;
}

.hyperlinks-drei {
	float:right;
	margin-top:40px;
	line-height:30px;
	font-size:16px!important;
}

.hyperlinks-eins a:hover,
.hyperlinks-zwei a:hover,
.hyperlinks-drei a:hover {
	color:#e38f00;
	position:relative;
	z-index:9;
}

.hyperlinks-eins a::after,
.hyperlinks-zwei a::after,
.hyperlinks-drei a::after {
	opacity:0;
	content:'';
	background-color:#444;
	position:absolute;
	width:120px;
	height:30px;
	left:0;
	top:0;
	z-index:-1;
	border-radius:100px;
	margin-left:-15px;
	margin-top:-5px;
	transition:all 0.2s;
}

.hyperlinks-eins a:hover::after,
.hyperlinks-zwei a:hover::after,
.hyperlinks-drei a:hover::after {
	opacity:1;
	transition:all 0.2s;
}

.hyperlinks-eins a,
.hyperlinks-zwei a,
.hyperlinks-drei a {
	border-bottom:0px solid #333;
	position:relative;
	z-index:9;
}

.copyright {
	width:100%;
	height:auto;
	border-top:2px solid rgba(255,255,255,0.1);
	padding-top:15px;
	margin-top:60px;
	color:#aaa;
}

@media (min-width:1850px) {
	.header-rand-oben {
		background-image:url("../data/img/header-rand-oben-p.png");
		background-size:100% 100%;
		background-repeat:no-repeat;
		width:100%;
		height:400px;
	}
	
	.header-rand-oben img {
		display:none;
	}
	
	.header-rand-unten {
		background-image:url("../data/img/bottom-bg-kurz-p.png");
		background-size:100% 100%;
		background-repeat:no-repeat;
		width:100%;
		height:300px;
	}
	
	.header-rand-unten img {
		display:none;
	}
	
	.header-rand-unten-lang {
		background-image:url("../data/img/bottom-background-p.png");
		background-size:100% 100%;
		background-repeat:no-repeat;
		width:100%;
		height:420px;
	}
	
	.banner-bild-index {
		z-index:-1;
		position:relative;
	}
	
	.header-rand-unten-lang img {
		display:none;
	}
	
	.unten-rand-grau-gruen-unten {
		background-image:url("../data/img/bottom-bg-p.png");
		background-size:100% 100%;
		background-repeat:no-repeat;
		width:101%;
		height:400px;
		overflow:hidden;
	}
	
	.unten-rand-grau-gruen-unten img {
		display:none;
	}
	
	.grauer-balken-oben {
		background-image:url("../data/img/grey-bg-top-p.png");
		background-size:100% 100%;
		background-repeat:no-repeat;
		width:100%;
		height:220px;
	}
	
	.grauer-balken-oben img {
		display:none;
	}
	
	.grauer-balken-unten {
		background-image:url("../data/img/grey-bg-bottom-p.png");
		background-size:100% 100%;
		background-repeat:no-repeat;
		width:100%;
		height:220px;
	}
	
	.grauer-balken-unten img {
		display:none;
	}
	
	.header-rand-oben {
		background-image:url("../data/img/header-rand-oben-p.png");
		background-size:100% 100%;
		background-repeat:no-repeat;
		width:100%;
		height:400px;
	}
	
	.header-rand-oben img {
		display:none;
	}
}

@media (min-width:1730px) {
	section#index-abschnitt-1 {
		background-color:#fff;
	}
	
	.grauer-balken-oben {
		background-color:#fff;
		padding-top:35px;
		margin-top:-36px;
	}
}

@media (min-width:1560px) {
	section#terminvereinbarung-bild {
		height:1050px;
		margin-top:-220px;
	}
	
	section#terminvereinbarung-bild img {
		width:100%;
		height:auto;
	}
}

@media (min-width:1540px) {
	
	.banner-bild-unterseiten {
		margin-bottom:-240px;
	}
	
	.banner-bild-petra {
		margin-bottom:-240px;
	}
	
	.banner-bild-petra img {
		margin-top:-100px;
	}
	
	section#ueberschrift {
		position:relative;
	}
	
	section#ueberschrift::before {
		position:absolute;
		content:'';
		width:100%;
		height:60px;
		top:0;
		background-color:#fff;
		margin-top:-80px;
		transition:all 0.2s;
	}
}

@media (max-width:1495px) {
	.header-rand-unten {
		width:100%;
		position:relative;
		top:0;
	}
	
	.banner-bild-unterseiten {
		height:auto;
		width:100%;
		overflow:hidden;
		position:relative;
		z-index:-2;
		margin-bottom:-225px;
	}
	
	.banner-bild-unterseiten img {
		width:100%;
		height:auto;
		margin-top:-100px;
	}
	
	.banner-bild-petra {
		height:auto;
		width:100%;
		overflow:hidden;
		position:relative;
		z-index:-2;
		margin-bottom:-225px;
	}
	
	.banner-bild-petra img {
		width:100%;
		height:auto;
		margin-top:-100px;
	}
	
	.banner-bild-index {
		height:auto;
		width:100%;
		overflow:hidden;
		position:relative;
		z-index:-2;
		margin-bottom:-225px;
	}
}

@media (max-width:1435px) {
	section#ueberschrift {
		background-color:#fff;
		z-index:-1;
		margin-top:-11px;
		padding-top:30px;
	}
}

@media (max-width:1430px) {
	.header-rand-oben {
		padding-top:20px;
	}
} 

@media (max-width:1350px) {
	.rahmen {
		width:100%;
		height:auto;
		box-sizing:border-box;
		padding:0 80px;
		overflow:hidden;
	}
	
	.leistungen-optionen-box-1 {
		width:100%;
		height:auto;
		box-sizing:border-box;
		padding-right:4%;
	}
	
	.leistungen-optionen-box-2 {
		width:100%;
		height:auto;
		box-sizing:border-box;
		padding-right:4%;
		padding-left:4%;
	}
	
	.leistungen-optionen-box-3 {
		width:100%;
		height:auto;
		box-sizing:border-box;
		padding-right:4%;
		padding-left:4%;
	}
	
	.leistungen-optionen-box-4 {
		width:100%;
		height:auto;
		box-sizing:border-box;
		padding-left:4%;
	}
	
	.leistungen-optionen-title {
		font-size:1.3rem;
	}
	
	.leistungen-optionen {
		height:auto;
	}
	
	.leistungen-optionen-beschreibung {
		margin-bottom:75px;
	}
	
	.leistungen-optionen-preis {
		margin-top:-106px;
	}
	
	.leistungen-optionen-preis:hover {
		margin-top:-111px;
	}
	
	.start-leistungen-alter-bild {
		width:200px;
		height:200px;
	}
	
	.start-leistungen-alter-title {
		font-size:1.8rem;
	}
}

@media (max-width:1235px) {
	.header-rand-oben {
		padding-top:30px;
	}
}

@media (max-width:1200px) {
	section#terminvereinbarung-bild {
		height:800px;
	}
	
	.ueber-mich-text {
		width:100%;
	}
	
	.leistungen-text {
		width:100%;
	}
}

@media (max-width:1195px) {
	.banner-bild-unterseiten {
		height:auto;
		margin-bottom:-180px;
	}
	
	.banner-bild-petra {
		height:auto;
		margin-bottom:-180px;
	}
	
	section#ueberschrift {
		background-color:#fff;
		position:relative;
		z-index:-1;
	}
	
	.header-rand-unten {
		margin-bottom:-5px;
	}
}

@media (max-width:1190px) {
	.leistungen-optionen-title {
		font-size:1.2rem;
	}
}

@media (max-width:1140px) {
	.logo {
		width:210px;
	}
}

@media (max-width:1115px) {
	.hyperlinks-zwei {
		display:none;
	}
	
	.hyperlinks-drei {
		display:none;
	}
	
	.kontakt-im-footer {
		float:right;
	}
	
	footer {
		padding-top:20px;
	}
	
	section#ueber-mich-abschnitt-3 {
		margin-bottom:-230px;
	}
}

@media (max-width:1110px) {
	.banner-bild-petra img {
		margin-top:-50px;
	}
}

@media (max-width:1090px) {
	.header-rand-oben {
		padding-top:40px;
		position:absolute;
	}
	
	.header-rand-oben::before {
		content:'';
		position:absolute;
		left:0;
		width:100%;
		height:16px;
		background-color:#fff;
		margin-top:-15px;
		transition:all 0.2s;
	}
}

@media (max-width:1080px) {
	.start-leistungen-text {
		font-size:1.7rem;
	}
}

@media (max-width:1075px) {
	.leistungen-optionen-1 {
		width:50%;
		height:auto;
		padding:0;
		margin-bottom:50px;
	}
	
	.leistungen-optionen-box-1 {
		width:100%;
		height:auto;
		padding-right:5%;
	}
	
	.leistungen-optionen-2 {
		width:50%;
		height:auto;
		margin-bottom:50px;
	}
	
	.leistungen-optionen-box-2 {
		width:100%;
		height:auto;
		padding-left:5%;
		padding-right:0;
	}
	
	.leistungen-optionen-3 {
		width:50%;
		height:auto;
		padding:0;
	}
	
	.leistungen-optionen-box-3 {
		width:100%;
		height:auto;
		padding-right:5%;
		padding-left:0;
	}
	
	.leistungen-optionen-4 {
		width:50%;
		height:auto;
		padding:0;
	}
	
	.leistungen-optionen-box-4 {
		width:100%;
		height:auto;
		padding-left:5%;
		padding-right:0;
	}
	
	.leistungen-optionen-title {
		font-size:1.6rem;
		margin-top:-45px;
		border-top-left-radius:50px;
		border-top-right-radius:50px;
	}
	
	.leistungen-optionen-beschreibung {
		height:160px;
	}
	
	.leistungen-optionen {
		margin-bottom:40px;
	}
}

@media (max-width:1030px) {
	section#ueber-mich-abschnitt-2 {
		padding-top:50px;
	}
}

@media (max-width:1005px) {
	section#terminvereinbarung-bild img {
		width:120%;
		margin-left:-10%;
	}
}

@media (max-width:1002px) {
	section#index-abschnitt-1 {
		background-color:#fff;
	}
}

@media (max-width:1000px) {
	.start-leistungen-box {
		width:50%;
		height:auto;
		padding-bottom:70px;
	}
	
	.start-leistungen-bild {
		width:auto;
		height:210px;
	}
	
	.start-leistungen-bild img {
		width:auto;
		height:100%;
	}
	
	.start-leistungen-alter-bild {
		width:180px;
		height:180px;
	}
	
	.start-leistungen-alter-title {
		font-size:1.6rem;
	}
}

@media (max-width:955px) {
	nav {
		display:none;
	}
	
	.navigation-mobil-ausloeser {
		display:block;
	}
	
	.logo {
		width:170px;
	}
	
	section#ueberschrift {
		padding-top:5px;
		margin-top:-6px;
	}
	
	.header-rand-oben {
		width:100%;
		overflow:hidden;
	}
	
	.header-rand-oben img {
		width:101%;
		margin-left:-0.5%;
	}
}

@media (max-width:950px) {
	.termin-links {
		width:100%;
		padding-bottom:20px;
		padding-top:60px;
	}
	
	.termin-buttons {
		margin-top:50px;
		width:100%;
		height:auto;
		padding-bottom:40px;
	}
	
	.termin-buttons .abschliesser {
		clear:none;
	}
	
	.termin-button-tel {
		float:left;
		margin-right:30px;
	}
	
	.termin-button-mail {
		float:left;
	}
}

@media (max-width:940px) {
	.ausbildung img:nth-child(1) {
		display:none;
	}
	
	.ausbildung img:nth-child(2) {
		display:block;
	}
}

@media (max-width:930px) {
	section#ueberschrift {
		margin-bottom:-60px;
	}
}

@media (max-width:915px) {
	section#index-abschnitt-1 h1 {
		padding-left:5%;
		padding-right:5%;
	}
	
	section#index-abschnitt-1 h3 {
		padding:0;
	}
}

@media (max-width:915px) {
	.start-leistungen-alter-box-1 {
		width:50%;
		margin-bottom:50px;
	}
	
	.start-leistungen-alter-box-2 {
		width:50%;
		margin-bottom:50px;
	}
	
	.start-leistungen-alter-box-3 {
		width:50%;
	}
	
	.start-leistungen-alter-box-4 {
		width:50%;
	}
	
	.start-leistungen-alter-bild {
		width:250px;
		height:250px;
	}
	
	section#index-abschnitt-1 {
		margin-top:-10px;
	}
}

@media (max-width:900px) {
	.vorstellung-bild {
		display:none;
	}
	
	.vorstellung-text {
		width:100%;
		padding-top:50px;
		text-align:center;
		padding-bottom:180px;
	}
	
	.vorstellung-bild-m {
		display:block;
		width:100%;
		text-align:center;
		float:right;
		margin-top:60px;
	}
	
	button#gruen {
		width:250px;
		position:absolute;
		left:0;
		right:0;
		margin:auto;
		margin-top:50px;
		z-index:9;
	}
	
	.zitat-gruen {
		width:100%;
	}
}

@media (max-width:862px) {
	.weisses-logo {
		width:100%;
	}
	
	.weisses-logo img {
		width:200px;
	}
	
	.kontakt-im-footer {
		float:left;
		margin-top:70px;
	}
	
	.hyperlinks-eins {
		display:block;
		float:none;
		text-align:right;
	}
	
	.hyperlinks-zwei {
		display:block;
		float:none;
		margin-top:20px;
		text-align:right;
	}
	
	footer {
		padding-top:0;
	}
}

@media (max-width:850px) {
	.banner-bild-unterseiten {
		height:auto;
		margin-bottom:-130px;
	}
	
	.banner-bild-petra {
		height:auto;
		margin-bottom:-130px;
	}
	
	.banner-bild-index {
		height:auto;
		margin-bottom:-130px;
	} 
}

@media (max-width:820px) {
	.logo {
		width:150px;
	}
}

@media (max-width:800px) {
	section#terminvereinbarung-bild img {
		width:150%;
		margin-left:-30%;
	}
}

@media (max-width:792px) {
	section#index-abschnitt-1 {
		background-color:#fff;
	}
}

@media (max-width:768px) {
	.contact-buttons {
		display:none;
	}
	
	.contact-buttons-bottom {
		display:block;
	}
	
	.rahmen {
		padding:0 5%;
	}
	
	.strich-menue {
		margin-top:10px;
	}
}

@media (max-width:760px) {
	section#ueberschrift {
		margin-bottom:-50px;
	}
	
	.banner-bild-unterseiten {
		height:450px;
	}
	
	.banner-bild-unterseiten img {
		margin-top:0;
	}
	
	.banner-bild-petra {
		height:450px;
	}
	
	.banner-bild-petra img {
		margin-top:0;
		float:right;
	}
	
	.banner-bild-index {
		height:450px;
	}
	
	.banner-bild-index img {
		margin-top:0;
	}
}

@media (max-width:755px) {
	.leistungen-optionen-1 {
		height:440px;
	}
	
	.leistungen-optionen-2 {
		height:440px;
	}
	
	.leistungen-optionen-beschreibung {
		height:205px;
		box-sizing:border-box;
	}
}

@media (max-width:700px) {
	h1.script {
		font-size:3.5rem;
	}
	
	.leistungen-optionen-title {
		box-sizing:border-box;
		padding-left:15px;
		padding-right:15px;
	}
	
	section#ueber-mich-abschnitt-3 {
		margin-bottom:-190px;
	}
}

@media (max-width:675px) {
	.logo {
		margin-top:20px;
	}
}

@media (max-width:620px) {
	.hyperlinks-eins {
		float:left;
		margin-top:50px;
		text-align:left;
	}
	
	.hyperlinks-zwei {
		float:left;
		margin-top:50px;
		text-align:left;
	}
	
	.abschliesser-sechs {
		display:block;
	}
	
	.banner-bild-unterseiten img {
		height:100%;
		width:auto;
		margin-left:-5%;
	}
	
	.banner-bild-petra img {
		height:100%;
		width:auto;
		margin-left:-5%;
	}
	
	.banner-bild-index {
		overflow:hidden;
	}
	
	.banner-bild-index img {
		height:100%;
		width:auto;
		margin-left:-5%;
	}
}

@media (max-width:615px) {
	.header-rand-oben {
		padding-top:100px;
	}
	
	.header-rand-oben::before {
		margin-top:-70px;
		height:70px;
		transition:all 0.2s;
	}
	
	.logo {
		width:180px;
	}
	
	.banner-bild-unterseiten {
		margin-top:80px;
	}
	
	.banner-bild-petra {
		margin-top:80px;
	}
	
	.strich-menue {
		margin-top:30px;
	}
	
	.banner-bild-index {
		margin-top:80px;
		margin-bottom:-130px;
	}
	
	.banner-bild-index img {
		margin-bottom:0;
	}
	
	header {
		margin-top:-80px;
	}
}

@media (max-width:610px) {
	section#terminvereinbarung-bild img {
		width:200%;
		margin-left:-50%;
		margin-top:50px;
	}
}

@media (max-width:600px) {
	footer {
		margin-top:0px;
	}
	
	.unten-rand-grau-gruen-unten {
		margin-bottom:-6px;
	}
	
	section#ueberschrift {
		margin-bottom:-30px;
	}
}

@media (max-width:590px) {
	.start-leistungen-alter-bild {
		width:200px;
		height:200px;
	}
}

@media (max-width:560px) {
	.banner-bild-petra img {
		margin-right:-100px;
	}
}

@media (max-width:550px) {
	section#index-abschnitt-1 h1.script {
		font-size:3rem;
	}
	
	section#index-abschnitt-1 h1 {
		font-size:2rem;
	}
	
	section#index-abschnitt-1 {
		margin-bottom:15px;
		margin-top:-5px;
	}
}

@media (max-width:530px) {
	section#leistungen-abschnitt-1 li {
		margin-left:-20px;
	}
	
	.ausbildung img:nth-child(2) {
		display:none;
	}
	
	.ausbildung img:nth-child(3) {
		display:block;
		width:50%;
		margin:auto;
	}
}

@media (max-width:500px) {
	.leistungen-optionen-1 {
		width:100%;
		padding:0;
		height:auto;
		margin-bottom:-20px;
	}
	
	.leistungen-optionen-box-1 {
		padding:0;
		position:relative;
		height:auto;
	}
	
	.leistungen-optionen-2 {
		width:100%;
		padding:0;
		height:auto;
		margin-bottom:-20px;
	}
	
	.leistungen-optionen-box-2 {
		padding:0;
		position:relative;
		height:auto;
	}
	
	.leistungen-optionen-3 {
		width:100%;
		padding:0;
		height:auto;
		margin-bottom:-20px;
	}
	
	.leistungen-optionen-box-3 {
		padding:0;
		position:relative;
		height:auto;
	}
	
	.leistungen-optionen-4 {
		width:100%;
		padding:0;
		height:auto;
		margin-bottom:-10px;
	}
	
	.leistungen-optionen-box-4 {
		padding:0;
		position:relative;
		height:auto;
	}
	
	.leistungen-optionen-title {
		margin-top:70px;
		font-size:1.4rem;
		text-align:left;
		padding-left:25px;
		padding-top:40px;
	}
	
	.leistungen-optionen-title::after {
		margin-left:25px;
		margin-bottom:10px;
	}
	
	.leistungen-optionen-beschreibung {
		height:auto;
		padding-bottom:80px;
		text-align:left;
		padding-left:25px;
		padding-top:20px;
	}
	
	.leistungen-optionen-preis {
		right:0;
		left:auto;
		margin-right:25px;
		height:50px;
		width:120px;
		font-weight:500;
		padding-top:11px;
		font-size:1.3rem;
	}
	
	.leistungen-optionen-m-pic {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:auto;
		height:70px;
		margin:auto;
		margin-top:-69px;
		margin-left:40px;
	}
	
	.leistungen-optionen-m-pic img {
		width:auto;
		height:100%;
	}
	
	.leistungen-optionen-pic {
		display:none;
	}
	
	.leistungen-optionen-pic img {
		width:auto;
		height:100%;
	}
	
	section#index-abschnitt-1 {
		background-color:#fff;
		margin-top:-6px;
	}
}

@media (max-width:480px) {
	.start-leistungen-alter-bild {
		width:180px;
		height:180px;
	}
	
	.termin-buttons {
		margin-bottom:40px;
	}
	
	.termin-button-mail:hover {
		margin-bottom:10px;
	}
}

@media (max-width:460px) {
	section#ueberschrift {
		margin-bottom:-20px;
	}
}

@media (max-width:450px) {
	.header-rand-oben {
		padding-top:115px;
	}
	
	.header-rand-oben::before {
		height:75px;
	}
}

@media (max-width:440px) {
	.start-leistungen-alter-title {
		font-size:1.4rem;
	}
}

@media (max-width:430px) {
	.ausbildung img:nth-child(3) {
		width:60%;
	}
}

@media (max-width:425px) {
	.start-leistungen-alter-bild {
		width:150px;
		height:150px;
	}
}

@media (max-width:420px) {
	section#ueber-mich-abschnitt-3 {
		margin-bottom:-180px;
	}
}

@media (max-width:400px) {
	section#terminvereinbarung-bild img {
		margin-top:130px;
	}
}

@media (max-width:390px) {
	section#ueberschrift {
		margin-bottom:-10px;
	}
}

@media (max-width:360px) {
	.start-leistungen-alter-bild {
		width:130px;
		height:130px;
	}
}