@charset "utf-8";

/*
* CSS-Design
* Prototyp-Startseite
*Modulaufgabe10
*/

/*Farbwerte

/*Hintergrund

Logo-Blau:
rgba(0,95,159,1)
#005f9f

Heller:
rgba(235,239,245,1)
#ebeff5

Dunkler:
rgba(0,67,111,1)
#00436f

/*Button
Grün:
rgba(126,217,87,1)
#7ed957

Dunkelgrün:
rgba(
#65ae46

Text:
rgba(17,17,17,1)
#111111
____________________

Dunkelgrau:
rgba(51,51,51,1)
#333






/*Webfonts-Einbindung*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
	 




/*Reset*********/
*{
margin:0;
padding:0;
-mozbox-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

html{ 
scroll-behavior: smooth; 
}


/* to top-Button */

#totop{
position:fixed;
right:30px;
bottom:30px;
background:#005f9f;
color:#fff;
padding:6px;
border:1px solid#fff;
border-radius:5px;
font-size:28px;
line-height:1;
display:none;
}

#totop:hover{
text-decoration:none;
background:#7ed957;
}


/*Basisformatierung*/

body{
font:400 1.25rem/1.5 'DM Sans',Helvetica,Arial,sans-serif;

/*Langform:
font-size:20px;
font-size:1.25rem;
font-family:'DM Sans',Helvetica,Arial,sans-serif;
line-height:1.5;
font-weight:400; */
}

img{
max-width:100%;
height:auto;
}
	
header{
max-height:150px;}



/*Layout*/

.wrapper{
max-width:1250px;
padding:0 25px;
margin: 0 auto;
}

.column{
float:left;
margin:25px 0 25px 5%;
padding:25px 0;
}

.column:first-child{
margin-left:0;
margin-right:0;
}

section{
padding:75px 0;
}		


/*Footer*/
footer{
background:rgba(74,74,74,1);
color:#fff;
}
footer p{
margin-left:1px;
color:#fff;
}
footer a{
	color:#fff;	
}
footer h3{
color:#fff;
}	
footer.col_1{
	text-align:center;
	font-size:14px;
	color:rgba(255,255,255,.6);
margin:0;
}



.light ueber {
	background: rgba(70, 151, 168, .1);
	padding: 0;
	margin: 75px auto;
}

.light ueber .column {
	/* margin: 0; */
}

.no-gutter .column {
	margin: 0;
	padding: 60px;
}

.no-gutter .col_1_2 {
	width: 50%;
}

.no-gutter .col_1_3 {
	width: 33.33%;
}

.no-gutter .col_2_3 {
	width: 66.66%;
}

.no-gutter .col_1_4 {
	width: 25%;
}

.no-gutter .col_3_4 {
	width: 75%;
}


/*Clearfix*/
.row:before,
.row:after{
content:"";
display:table;
}

.row::after{
clear:both;
}

/*
.row{
background:#aaa;
margin:20px 0;
}
*/


/*Raster*/

.col_1{
width:100%;
}

.col_1_2{
width:47.5%;
}

.col_1_3{
width:30%;
}

.col_2_3{
width:65%;
}

.col_1_4{
width:21.25%;
}

.col_3_4{
width:73.75%;
}


.zentrieren {
	text-align: center;
}

#logo{
	max-height:270px;
margin-top:-44px;
}

.width-800 {
	max-width: 800px;
}



/* Navigation */

#nav {
	background: #005f9f;
	padding: 15px 0;
	position: sticky;
	top: 0px;
	box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, .1);
	z-index: 9999;
}

.main-nav{
background: #fff;
	padding: 15px 0;
	top: 0px;
	box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, .1);
	z-index: 9999;
}

.main-nav {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.main-nav li {
	list-style-type: none;
}


.main-nav a {
	border-radius: 2px;
	background: #1a73e8;
	background: rgba(255, 255, 255, .2);
	border: 1px solid rgba(255, 255, 255, .3);
	color: #111111;
	display: block;
	padding: 5px 25px;
	transition: all 0.2s;
font-size:22px;
}

.main-nav a:hover {
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, .3);
	color: #1a73e8;
	text-decoration: none;
}

ul.main-nav {
	margin-bottom: 0;
}

#nav li a.active{
color:#1a73e8;
}


/* Label und Checkbox ausblenden*/
nav > input,
nav > label {
	display: none;
}

nav > label {
	width: 100%;
	float: left;
	padding: 10px 10px 10px 30px;
	padding-right: 0;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (max-width: 640px) {

    nav > label, nav ul li ul {
        display: block;
        color: #fff;
        font-weight: bold;
    }
    nav > ul {
        height: 0;
        opacity: 0;
        clear: both;
        -webkit-transition:all .5s ease;
        -moz-transition:all .5s ease;
        transition:all .5s ease;
    }
    nav > input:checked + ul {
        opacity: 1;
        height: auto;
    }
    nav ul li {
 	   padding: 0;
 	   margin: 0;
 	   display: block;
    }
    nav ul li a{
	  background: #555;
	  padding: 15px 15px 15px 30px;
	  border-bottom: 1px solid #999;
}

}



/*Typo*/
h1,h2,h3,h4,h5,h6{
font-family: 'Montserrat',sans-serif;


margin-bottom:20px;
line-height:1.4;
}
h1{
font-size:3.625rem;/*58px;*/
margin-bottom:25px;
font-weight:SemiBold 600 Italic;
}
h2{
font-size: 2.125rem;
	/* 34px; */
	font-weight:SemiBold 600 Italic;
}

h3{
font-size:1.875rem;/*30px;*/
}

p{
margin:00 15px;
}
a{
color:#111111;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}	


/*Hero-Teaser*/

.hero{	
background: #005F9F;
background: linear-gradient(110deg, rgba(0, 95, 159, 1) 35%,
rgba(52, 168, 83, 1) 100%);
min-height:800px;
background-size:cover;
color:#fff;
}

.hero h1{
color:#fff;
font-style:Italic;
text-align:center;
}

.hero h1{
animation:textwelle 3s;}

@keyframes textwelle{
	0%{
		transform:scale(0.1);
		opacity:0;
	}
	
70%{
		transform:scale(1.25);
		opacity:1;
	}

100%{
		transform:scale(1);
		opacity:1;
	}
}




.hero h2{
font-weight:500;
margin-top:48px;
color:#fff;
}

.hero img{
margin-left:360px;
margin-bottom:80px;
}

      
.section .row {
display: flex;
flex-wrap: wrap;
margin: 3rem auto;
max-width: 1000px;
}

.section h2{
color:#005f9f;
}
	
.section .column {
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
}

.section .column:hover {
transform: translateY(-5px);
box-shadow: 0px 0px 40px rgba(0, 0, 0, .3);	
}

.button {
background:rgb(52,168,83);
background:linear-gradient(90deg,rgba(52,168,83,1)0%,rgba(126,217,87,1)100%);
border:none; 
padding: 10px 20px 8px;
text-decoration: none;
color: #fff;
letter-spacing: 1px;
margin: 20px 25px 20px 0;
display: inline-block;
z-index:1;

}

.button:before{
	height:0%;
width:2px;}

.button:hover{
box-shadow:4px 4px 6px 0
rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(52,168,83,.5),
inset -4px -4px 6px 0
rgba(255,255,255,.2),
inset 4px 4px 6px 0 rgba(0,0,0,.4);
text-decoration:none;
}





/*Slider*/

.slider img{
position:absolute;
top:0;
left:0;
opacity:0;
}

.slider{
position:relative;
width:1100px;
height:645px;
}	

.einleitung slider{
	padding-top:0;
}

@keyframes fade{
	0%{opacity:0}
	11.111%{opacity:1}
	33.333%{opacity:1}
    44.444%{opacity:0}
	100%{opacity:0}
}

#slide1{
animation:fade 9s infinite;
}
	
#slide2{
animation:fade 9s 3s infinite;
}

#slide3{
animation:fade 9s 6s infinite;

}
.slider-kasten{
background:#005f9f;
padding:35px;
max-width:650px;
float:right;
margin-top:-180px;
position:relative;
}

.slider-kasten h2{
color:#fff;
font-style:italic;}
	
.slider-kasten h3{
color:#fff;
}

/*Mobil*/

.mobil h2{
color:#005f9f;}

.mobil h3{
color:#111111;}

.mobil{
background: #ebeff5;}


/*Leistungen*/

.leistungen h2{
text-align:center;
font-style:italic;
color:#005f9f;
}

.leistungen h3{
text-align:center;
color:#111111;
}

.leistungen .row {
display: flex;
flex-wrap: wrap;
}

.leistungen .column {
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
}

.leistungen .column:hover {
transform: translateY(-5px);
box-shadow: 0px 0px 40px rgba(0, 0, 0, .3);	
}

.leistungen a{
color:#005f9f;}


/*Ihr Vorteil*/

.warum h2{
font-style:italic;
color:#005f9f;
}

.warum h3{
color:#111111;}
	
.fa-ul{
list-style:none;
}


.fa-ul li:before{
font-family:"Awesome 6 Free";
font-weight:bold;		
font-size:32px;
line-height:50px;
margin-right:10px;
}

i.fa-solid fa-check-square{
color:#7ed957;}	

.fa-ul li{
margin-top:40px;
}


.button {
background:rgb(52,168,83);
background:linear-gradient(90deg,rgba(52,168,83,1)0%,rgba(126,217,87,1)100%);
border:none; 
padding: 10px 20px 8px;
text-decoration: none;
color: #fff;
letter-spacing: 1px;
margin: 20px 25px 20px 0;
display: inline-block;
z-index:1;

}

.button:before{
	height:0%;
width:2px;}

.button:hover{
box-shadow:4px 4px 6px 0
rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(52,168,83,.5),
inset -4px -4px 6px 0
rgba(255,255,255,.2),
inset 4px 4px 6px 0 rgba(0,0,0,.4);
text-decoration:none;
}



/*Zitat*/

blockquote {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-size: 30px;
font-weight: 400;
margin-bottom: 22px;
color: #111111;
margin-top:-45px;
text-align:center;
}

p.headline{
text-align:center;
}

.zitat{
background-color:#ebeff5 ;
max-height:650px;
}

.kunde{
border-radius:100px;
max-width:180px;
margin-left:89px;

}




/* Lightbox */
#images img {
max-width: 320px;
margin: 0 35px;
}

.zentrieren{
margin-bottom:0px;
}
	

/*Über mich*/

.andrea{
background:#ebeff5;}

.andrea img{
border-radius:20px;}

.andrea h4{
margin-top:10px;}




/* Ergebnisse */

.ergebnisse .column {
background: #ebeff5;
position: relative;
min-height: 520px;
}

.ergebnisse h2 {
text-align: center;
margin-top:150px;
font-style: italic;
color:#005f9f;
}

.link:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
	/* 	background: red; */
}

.ergebnisse_text {
padding: 20px;
}

.ergebnisse h3{
text-align:center;
color:#111111;
font-style: italic;
}

.ergebnisse .column:hover h3 {
color: #005f9f;
}


/*Newsletter*/

#newsletter input{
width:400px;
margin:0 0 20px;
text-align:center;
padding:13px;
}	

#newsletter{
background: #005F9F;
background: linear-gradient(139deg,
rgba(0, 95, 159, 1) 49%, rgba(235, 239, 245, 1) 49%, rgba(126, 217, 87, 0.34) 100%);
padding:110px 0;}

#newsletter h2{
color:#fff;
font-size:40px;
font-style: italic;
}

#newsletter p{
color:#111111;
margin-right:45px;
}


/*Angebot*/

#angebote .row{
display: flex;
flex-wrap: wrap;
}	

#angebote .column {
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
background:#ebeff5;
}	

#angebote h2{
	text-align:center;
}


/*Du und dein was*/

.back-about {
	background: #ebeff5 url('../img/ich-back.jpg') center center no-repeat;
	min-height:632px;
	background-size: cover;
}

.light h1{
color:#005f9f;
}

.light{
background:rgba(235,239,245,1);}

.light{
	padding:0;
margin:0px auto;}

.no-gutter.column{
	margin:0;
	padding:34px;
}

.no-gutter.col_1_2{
width:50%;}



.elevator h2{
color:#005f9f;
}

.elevator h2{
animation:fadeIn 5s;
-webkit-animation:fadeIn 5s;
-moz-animation:fadeIn 5s;
-o-animation:fadeIn 5s;
-ms-animation:fadeIn 5s;
}


@keyframes h2{
	0%{
	opacity:0;}
100%{
opacity:1;}	
}

@-moz-keyframes fadeIn{
0%{
	opacity:0;}
100%{
opacity:1;}	
}

@webkit-keyframes fadeIn{

0%{
	opacity:0;}
100%{
opacity:1;}	
}

@-o-keyframes fadeIn{
0%{
	opacity:0;}
100%{
opacity:1;}	
}
@-ms-keyframes fadeIn{
	0%{
	opacity:0;}
100%{
opacity:1;}	
}





.ich{
background:rgba(235,239,245,1);}

.ich .col_2_3{
display:flex;
flex-wrap:wrap;
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
background:#fff;}

.ich .col_1_2{
display:flex;
flex-wrap:wrap;
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
background:#fff;}

.ich p{
padding-bottom:1em;}

.ich p{
margin-bottom:1rem;}

.ich img{
border-radius:10px;}	

.foto2{
margin-top:-23px;}

.foto1{
margin-top:23px;
}


.du li{
margin-top:10px;
}
.du ul{
margin:0 0 15px 20px;         
}




.home .row {
display: flex;
flex-wrap: wrap;
}

.home .column {
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
background:rgba(235,239,245,1);
}


.home {
background: #fff url('../img/icon-logo.png') center center no-repeat;	
background-attachment: fixed;
min-height: 500px;
}

.home p{
margin:1px;}

.home ul{
margin-left:20px;}

.linien_liste li{
list-style:none;
padding:12px 0;
border-bottom:1px solid #ccc;
}

.du h2{
color:#005f9f;}	




/*Fun&Facts*/

.fun h2{
color:#005f9f;}

.fun h4{
margin-top:15px;}

.fun h3{
font-style:italic;}

.meine-collage{
border-radius:10%;}


.fun2 h4{
margin-top:-130px;}

.fun2 .column{
margin:0;}

.fun2 row{
margin-top:-60px;}


/*Keyframe*/

.hero-physiotherapie h1{
animation:textwelle 3s;}

@keyframes textwelle{
	0%{
		transform:scale(0.1);
		opacity:0;
	}
	
70%{
		transform:scale(1.25);
		opacity:1;
	}

100%{
		transform:scale(1);
		opacity:1;
	}
}

/*Zitat2*/

blockquote {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-size: 30px;
font-weight: 400;
margin-bottom: 22px;
color: #111111;
margin-top:-45px;
text-align:center;
}

p.headline{
text-align:center;
}

.zitat2{
background-color:#ebeff5 ;
max-height:650px;
}

.kunde1{
border-radius:100px;
max-width:180px;
margin-left:89px;

}



/*Leistungen2*/

.leistungen2 h2{
text-align:center;
font-style:italic;
color:#005f9f;
}

.leistungen2 h3{
text-align:center;
color:#111111;
}

.leistungen2 .row {
display: flex;
flex-wrap: wrap;
}

.leistungen2 .column {
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
}

.leistungen2 .column:hover {
transform: translateY(-5px);
box-shadow: 0px 0px 40px rgba(0, 0, 0, .3);	
}

.leistungen2 a{
color:#000;}



/*Physiotherapie*/

.hero-physiotherapie {
background: #fff url('../img/händerücken.jpg') center center no-repeat;
background-size: cover;
background-attachment: fixed;
min-height: 500px;
}

.hero-physiotherapie h1{
text-align:center;
color: #fff;
padding:100px 0 0;
font-style: italic;
}

.für h2{
font-style:italic;}


/*PhysioonPointX*/

.X h2{
color:#005f9f;}

.X h3{
color:#111111;}

.X li{
list-style-position:inside;}

.X .row {
display: flex;
flex-wrap: wrap;
}

.X .column {
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
background:#ebeff5;
}



/*Methoden*/

.methode h3{
font-style:italic;
color:#111111;
}

.methode li{
margin-top:10px;
}
.methode ul{
margin:0 0 15px 20px;         
}

.methode{
background:#ebeff5;}

.methode2{
background:#ebeff5;}

.methode2 h3{
font-style:italic;
color:#111111;
}






/*Ziele*/

.ziele img {
margin-bottom: 20px;
text-align: center;
}

.ziele h2{
font-style: italic;
color:#005f9f;
}


/*Anwendung*/

.anwendung h2{
font-style:italic;
color:#005f9f;}

.linien_liste li{
list-style:none;
padding:12px 0;
border-bottom:1px solid #ccc;
}



/*Ablauf*/

.ablauf h2{
text-align:center;
font-style: italic;
color:#005f9f;
}

.ablauf h3{
text-align:center;
color:#111111;
}

.ablauf .row {
display: flex;
flex-wrap: wrap;
}

.ablauf .column {
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
background:#ebeff5;
}

.ablauf img{
margin-left:100px;
}

.vorteile h3{
color:#111111;}



/*FAQ-Accordion*/


.accordion{
	margin:30px auto;
	max-width:35em;
}

.toggle{
	display:none;
}

.option{
	position:relative;
	margin-bottom:1em;
}

.title,.content{
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}

.title{
	background:#fff;
	padding:10px 0 10px 30px;
	display:block;
	color:rgba(0,95,159,1);
	font-weight:bold;
}

.title:after, .title:before{
	content:'';
	position:absolute;
	right:1.25em;
	top:17px;
	width:2px;
	height:0.75em;
	background-color:#333;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}

.title:after{
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

.content{
	max-height:0;
	overflow:hidden;
	background-color:#fff;
}

.content p{
	margin:0;
	padding:0 0 1em;
	font-size:0.9em;
	line-height:1.5;
}

.toogle:checked + .title, .toggle:checked + .title + .content{
	box-shadow:3px 3px 6px #ddd, -3px 3px 6px #ddd;
}

.toggle:checked + .title + .content{
	max-height:500px;
}

.toggle:checked + .title:before{
	-webkit-transform:rotate(90deg) !important;
	transform:rotate(90deg) !important;
}

label{
	cursor:pointer;
	margin:10px 0 10px;
}



/*Schmerztherapie*/

#hero h1{
text-align:center;
margin-top:20px;
font-style: italic;
}

#hero{
max-height:300px;
}
.nach-oben{
	margin:40px 0 -300px;
}

.hero img{
margin-left:-1px;}
	
.slider-kasten2{
background:#005f9f;
padding:35px;
max-width:450px;
float:right;
margin-top:-140px;
position:relative;
}

.slider-kasten2 h4{
	color:#fff;
}

.bedeutung h2{
font-style: italic;
color:#005f9f;}


/*Keyframe*/

#hero h1{
animation:textwelle 3s;}

@keyframes textwelle{
	0%{
		transform:scale(0.1);
		opacity:0;
	}
	
70%{
		transform:scale(1.25);
		opacity:1;
	}

100%{
		transform:scale(1);
		opacity:1;
	}
}


/*Arten*/

.arten h3{
font-style: italic;
color:#005f9f;
}

.arten li{
margin-bottom:20px;
padding-left:10px;
list-style-position:inside;
}
.arten{
background:#ebeff5;}

.wie h3{
font-style: italic;
color:#005f9f;
}


/*Ebenenmodell*/

.modell h3{
color:#111111;}

.sieben h3{
font-style:italic;
color:#111111;}

.sieben h4{
background:#fff;}

.sieben .row{
display: flex;
flex-wrap: wrap;
}

.sieben .column {
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
background:#ebeff5;
}


.sieben ul h4{
list-style-position:inside;
padding-left:5px;
margin-top:5px;
}




/*Kontakt*/

.kontakt h2{
color:#005f9f;}

.kontakt h3{
color:#111111;
}

.portrait{
	border-radius:100%;
	max-width:220px;
height:200px;}


/*Formular*/
a{
color:#000;}
.hr{
margin-top:20px;
}

form label{
display:block;
font-weight:600;
margin:20px 0 10px;
}
input[type='text'],input[type='email'],input[type='telefon'],input[type='anfrage'],textarea,select{
	margin-bottom:20px;
}
input[type='text'],input[type='email'],input[type='telefon'],input[type='anfrage'],textarea,select{
width:100%;
border:1px solid#333;
padding:5px;
font:400 1.25rem/1.4 'Montserrat',Helvetica,Arial,sans-serif;
}
textarea{
	height:150px;
}
input[type='submit']{
font-size:18px;
}	


/*Coaching*/

.hero-coaching {
background: #fff url('../img/hero-coaching.jpg') center center no-repeat;
background-size: cover;
background-attachment: fixed;
min-height: 500px;
}

.hero-coaching h1{
text-align:center;
color: #fff;
padding:100px 0 0;
font-style: italic;
margin-top:128px;
}

/*Keyframe*/

.hero-coaching h1{
animation:textwelle 3s;}

@keyframes textwelle{
	0%{
		transform:scale(0.1);
		opacity:0;
	}
	
70%{
		transform:scale(1.25);
		opacity:1;
	}

100%{
		transform:scale(1);
		opacity:1;
	}
}


/*Einführung*/

.einführung h2{
color:#005f9f;}	
	

/*Ist*/	

.ist h3{
color:#005f9f;}

.ist {
background:#ebeff5;}

.ist ul{
margin-left:30px;}

.ist ul li{
margin-top:15px;
}


/*End*/

.end h3{
color:#005f9f;}

.fa-ul{
list-style:none;
}

.fa-ul li:before{
font-family:"Awesome 6 Free";
font-weight:bold;		
font-size:32px;
line-height:50px;
margin-right:10px;
}

i.fa-solid fa-check-square{
color:#7ed957;}	

.fa-ul li{
margin-top:40px;
}

.anwendung h3{
font-style:italic;
color:#005f9f;}

.linien_liste li{
list-style:none;
padding:12px 0;
border-bottom:1px solid #ccc;
}

.angebot{
background:#fff url('../img/training-back.jpg') center center no-repeat;
background-size:cover;
background-attachment:fixed;
min-height:600px;
}

.angebot h2{
color:#fff;
text-align:center;
}

.angebot h3{
color:#fff;
text-align:center;
}

/*Paket*/

.paket .row {
display: flex;
flex-wrap: wrap;
}

.paket .column {
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .1);
padding: 35px 35px 25px;
border-radius: 10px;
transition: all 0.15s ease-out 0s;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 340px;
margin: 25px 2% 25px 2%;
background:#ebeff5;
}

.paket h2{
color:#005f9f;}

.fa-ul li{
margin-top:14px;
}


/*Footer*/

footer{
background:rgba(39,90,149,1);
}
footer p{
color:#fff;
}
footer a{
	color:#fff;
}
footer h3{
color:#fff;
}

	

/*Media Queries*/

@media only screen and (max-width: 950px) {
	.col_1_2,
	.col_1_3,
	.col_2_3,
	.col_1_4,
	.col_3_4,
	.no-gutter .col_1_2,
	.no-gutter .col_1_3,
	.no-gutter .col_2_3,
	.no-gutter .col_1_4,
	.no-gutter .col_3_4 {
		width: 100%;
	}
	.column {
		margin-left: 0;
	}
	section {
		padding: 40px 0;
	}
	.light {
		margin: 40px 0;
	}
	
.hero h1 {
font-size: 3rem;
/* 48px; */
}
.hero h2 {
font-size: 1.875rem;
/* 30px; */
}
	
.slider-kasten {
		max-width: 100%;
		margin-top: 0;
	}

.leistungen.column,
footer .wrapper.column{
	max-width:360px;
margin:25px auto 50px;
float:none;
}
}


@media only screen and (max-width: 640px) {
	.col_1_2,
	.col_1_3,
	.col_2_3,
	.col_1_4,
	.col_3_4,
	.no-gutter .col_1_2,
	.no-gutter .col_1_3,
	.no-gutter .col_2_3,
	.no-gutter .col_1_4,
	.no-gutter .col_3_4 {
	width: 100%;}

.hero h1{
font-size:2.5rem;/*40px;*/
margin-bottom:25px;
font-weight:SemiBold 600 Italic;
}

h2{
font-size:2.rem;/*32px;*/
margin-bottom:25px;
font-weight:SemiBold 600 Italic;
}

h3{
font-size:1.5rem;/*24px;*/
margin-bottom:25px;
font-weight:SemiBold 600 Italic;
}

h4{
font-size:1.125rem;/*18px;*/
margin-bottom:25px;
font-weight:SemiBold 600 Italic;
}
.slider-kasten {
		max-width: 100%;
		margin-top: 0;
	}
.slider{
		max-width: 100%;		
	}
.hero-coaching{
	max-width: 100%;
}
.hero-physiotherapie{
max-width: 100%;}

.angebot{
max-width: 100%;}
}
}

@media only screen and (max-width: 438px) {
.col_1_2,
	.col_1_3,
	.col_2_3,
	.col_1_4,
	.col_3_4,
	.no-gutter .col_1_2,
	.no-gutter .col_1_3,
	.no-gutter .col_2_3,
	.no-gutter .col_1_4,
	.no-gutter .col_3_4 {
	width: 100%;}

.hero h1{
font-size:2.187rem;/*35px;*/
margin-bottom:25px;
font-weight:SemiBold 600 Italic;
}

h2{
font-size:1.875rem;/*30px;*/
margin-bottom:25px;
font-weight:SemiBold 600 Italic;
}

h3{
font-size:1.562rem;/*25px;*/
margin-bottom:25px;
font-weight:SemiBold 600 Italic;
}

h4{
font-size:1.25rem;/*20px;*/
margin-bottom:25px;
font-weight:SemiBold 600 Italic;
}
.slider-kasten {
		max-width: 100%;
		margin-top: 0;
	}
.slider{
		max-width: 100%;		
	}
.hero-coaching{
	max-width: 100%;
}
.hero-physiotherapie{
max-width: 100%;}

.angebot{
max-width: 100%;}
}

#totop{
position:fixed;
right:12px;
bottom:30px;
background:#005f9f;
color:#fff;
padding:6px;
border:1px solid#fff;
border-radius:5px;
font-size:22px;
line-height:1;
display:none;
}

#totop:hover{
text-decoration:none;
background:#7ed957;
}
}

/* Druckformatierung */

@media print {

	header, footer {
		display: none;
	}

	p, blockquote { 
    	font-family: Arial, sans-serif;
		font-size: 10pt;
	}

	h1, h2, h3, h4, h5, h6 { 
		font-family: Arial, sans-serif; 
		font-size: 18pt; 
		color: #000;
		font-style: normal;
	}
	
	section{
		padding: 0;
	}

}