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

/* assistant-300 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  src: url('../pics/fonts/assistant/assistant-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/fonts/assistant/assistant-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/assistant/assistant-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/fonts/assistant/assistant-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../pics/fonts/assistant/assistant-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/fonts/assistant/assistant-v18-latin-300.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-regular - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('../pics/fonts/assistant/assistant-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/fonts/assistant/assistant-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/assistant/assistant-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/fonts/assistant/assistant-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../pics/fonts/assistant/assistant-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/fonts/assistant/assistant-v18-latin-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-600 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  src: url('../pics/fonts/assistant/assistant-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/fonts/assistant/assistant-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/assistant/assistant-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/fonts/assistant/assistant-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../pics/fonts/assistant/assistant-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/fonts/assistant/assistant-v18-latin-600.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-700 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('../pics/fonts/assistant/assistant-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/fonts/assistant/assistant-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/assistant/assistant-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/fonts/assistant/assistant-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../pics/fonts/assistant/assistant-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/fonts/assistant/assistant-v18-latin-700.svg#Assistant') format('svg'); /* Legacy iOS */
}



/* spectral-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 300;
  src: url('../pics/fonts/spectral/spectral-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../pics/fonts/spectral/spectral-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/spectral/spectral-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../pics/fonts/spectral/spectral-v13-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../pics/fonts/spectral/spectral-v13-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../pics/fonts/spectral/spectral-v13-latin-300.svg#Spectral') format('svg'); /* Legacy iOS */
}

/* spectral-300italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 300;
  src: url('../pics/fonts/spectral/spectral-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../pics/fonts/spectral/spectral-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/spectral/spectral-v13-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../pics/fonts/spectral/spectral-v13-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../pics/fonts/spectral/spectral-v13-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../pics/fonts/spectral/spectral-v13-latin-300italic.svg#Spectral') format('svg'); /* Legacy iOS */
}

/* spectral-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  src: url('../pics/fonts/spectral/spectral-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../pics/fonts/spectral/spectral-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/spectral/spectral-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../pics/fonts/spectral/spectral-v13-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../pics/fonts/spectral/spectral-v13-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../pics/fonts/spectral/spectral-v13-latin-600.svg#Spectral') format('svg'); /* Legacy iOS */
}

/* spectral-600italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 600;
  src: url('../pics/fonts/spectral/spectral-v13-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../pics/fonts/spectral/spectral-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/spectral/spectral-v13-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../pics/fonts/spectral/spectral-v13-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../pics/fonts/spectral/spectral-v13-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../pics/fonts/spectral/spectral-v13-latin-600italic.svg#Spectral') format('svg'); /* Legacy iOS */
}



body { font-family: "Assistant", sans-serif; font-size: 16px; font-weight:300; color: #444444; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-image: url(../pics/massagepraxis-wellness-heidenheim.jpg); background-repeat:no-repeat; background-size:100%; background-attachment:fixed; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;  }
@media only screen and (max-width:1200px) {	body { font-family: "Assistant", sans-serif; font-size: 42px; font-weight:300; color: #444444; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-image: url(../pics/massagepraxis-wellness-heidenheim-m.jpg); background-repeat:no-repeat; background-size:100%; background-attachment:fixed; padding:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }}
a:link {text-decoration: none; color: #444444;} a:visited {	text-decoration: none; color: #444444;} a:hover {text-decoration: none; color: #888888;} a:active {text-decoration: none; color: #444444;}

.h1 {font-family: "Spectral", serif; font-size: 36px; color: #424242; text-align: center; line-height: 1.2; font-weight:600;}
.h2 {font-family: "Spectral", serif; font-size: 36px; color: #edd970; text-align: center; line-height: 1.2; font-weight:600; }
.h3 {font-family: "Spectral", serif; font-size: 36px; color: #424242; text-align: left; line-height: 1.2; font-weight:600;}
.p {font-family: "Assistant", sans-serif; font-size: 18px; color: #424242; text-align: left; line-height: 1.5; font-weight:200;}
.p1 {font-family: "Spectral", serif; font-size: 20px; color: #424242; text-align: center; line-height: 1.2; font-weight:600;}
.p2 {font-family: "Assistant", sans-serif; font-size: 18px; color: #424242; text-align: center; line-height: 1.5; font-weight:200;}
.bold {font-family: "Assistant", sans-serif; font-size: 18px; color: #424242; text-align: center; line-height: 1.5; font-weight:600;}
@media only screen and (max-width:1200px) {	
.h1 {font-size: 62px;}
.h2 {font-size: 62px;}
.h3 {font-size: 62px;}
.p {font-size: 42px;}
.p1 {font-size: 44px;}
.p2 {font-size: 42px;}
.bold {font-size: 42px;} }

#massagepraxis {width:520px; height:auto; padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:0px; background-color:hsla(0, 0%, 100%, 0.8); box-shadow: 0px 0px 6px #999; margin-left:120px; margin-top:60px;  }
@media only screen and (max-width:1366px) {	#massagepraxis {margin-left:60px;} }
@media only screen and (max-width:1200px) {	#massagepraxis {width:90%; height:auto; padding-left:0px; padding-right:0px; padding-top:40px; padding-bottom:80px; margin-left:5%; margin-right:5%; margin-top:780px; background-color:hsla(0, 0%, 100%, 0.9);} }

#content {width:80%; height:auto; padding-left:10%; padding-right:10%; padding-top:10px; padding-bottom:40px; background-color:transparent;} 
#content- {width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:10px; padding-bottom:40px; background-color:transparent;  background-color:hsla(0, 0%, 100%, 0.9); } 
@media only screen and (max-width:1200px) {	
	#content {width:76%; height:auto; padding-left:12%; padding-right:12%; padding-top:10px; padding-bottom:40px; background-color:transparent;}  }
	
#info-kontaktbanner {width:80%; height:auto; padding-left:10%; padding-right:10%; padding-top:10px; padding-bottom:40px; background-color:transparent;} 
@media only screen and (max-width:1200px) {	
	##info-kontaktbanner {width:76%; height:auto; padding-left:12%; padding-right:12%; padding-top:10px; padding-bottom:40px; background-color:transparent;}  }

#logo { width:250px; height:auto; margin-left:auto; margin-right:auto; margin-top:20px; }
#banner { width:526px; height:250px; margin-left:116px; background-color: transparent; }
#bannerx { width:526px; height:250px; margin-left:116px; background-color: transparent; background-image:url(../pics/banner1.png); background-repeat:no-repeat; background-size:100%; background-position:top;}
@media only screen and (max-width:1366px) {	#banner {margin-left:57px;} }
@media only screen and (max-width:1200px) {	
	#logo { width:420px; height:auto; margin-top:-20px; margin-left:auto; margin-right:auto; margin-top:0px;} 
	#banner { width:100%; height:250px; margin-left:0px; margin-right:0px; background-color: transparent; background-image:none; background-repeat:no-repeat; background-size:100%; background-position:top;}}

.bild-schatten {width:60%; height:auto; box-shadow: 0px 0px 6px #999;}
@media only screen and (max-width:1200px) {	
.bild-schatten {width:100%; height:auto; box-shadow: 0px 0px 6px #999;} }

.bild-rund {width:60%; height:auto; border-radius:50%; margin-left:20%; margin-right:20%;}

#insta {background-color:hsla(0, 0%, 100%, 0.5); box-shadow: 0px 0px 6px #999; padding:20px;}

#termin {width:90px; height:auto; float:left; left:650px; top:auto; bottom:0px; position:absolute; position:fixed; background-color:hsla(0, 0%, 100%, 0.5); box-shadow: 0px 0px 6px #999;}
@media only screen and (max-width:1366px) {	#termin {left:590px;} }
@media only screen and (max-width:1200px) {	#termin {width:120px; height:auto; float:right; left:auto; right:0px; top:510px; bottom: auto; position:absolute; position:fixed; background-color:hsla(0, 0%, 100%, 0.9); box-shadow: 0px 0px 6px #999; border-radius:10px;} }

#massagen {width:90px; height:auto; float:left; left:750px; top:auto; bottom:0px; position:absolute; position:fixed; background-color:hsla(0, 0%, 100%, 0.7); box-shadow: 0px 0px 6px #999;}
@media only screen and (max-width:1366px) {	#massagen {left:690px;} }
@media only screen and (max-width:1200px) {	#massagen {width:120px; height:auto; float:right; left:auto; right:0px; top:650px; bottom: auto; position:absolute; position:fixed; background-color:hsla(0, 0%, 100%, 0.9); box-shadow: 0px 0px 6px #999; border-radius:10px;} }

#footer {height:auto; width:90%; padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:0px; margin-left:0px; margin-right:auto; margin-top:5px; background-image: none; background-repeat:no-repeat; background-size:100%; float:left;}
#footer-box {width:auto; float:left; padding-bottom:40px; margin-left:40px; }
#footer-box-auszeichnung {width:30%; float:left; margin-left:1%; margin-right:1%; text-align:center;}
#footer-box-copyright {width:99%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:50px; padding-left:1%; background-color:#c1c6ca; margin-top:-10px;}
.bildcookie {width:20px; height:auto;}
.bildinsta {width:30px; height:auto; }
.footer {margin-top:0px; font-size: 22px; color: #444444; text-align:left; line-height: 1.5; font-weight:300;}

.bildfooter {margin-top:0px; background-color:#f0e1cc; padding-top:100px; padding-bottom:20px; }

@media only screen and (max-width:1200px) {
	#footer {height:auto; width:100%; padding-left:0px; padding-right:0px; padding-top:90px; padding-bottom:20px; margin-left:auto; margin-right:auto; margin-top:0px; background-image:none; float:left;}
#footer-box {width:86%; float:left; margin-left:7%; margin-right:7%; margin-top:60px;}
#footer-box-auszeichnung {width:86%; float:left; margin-left:7%; margin-right:7%; text-align:left;}
#footer-box-copyright {height:auto; float:left; width:86%; float:left; padding-left:7%; padding-right:7%; padding-top:50px; text-align:left; background-color:#c1c6ca;}
.bildcookie {width:50px; height:auto;}
.bildinsta {width:100px; height:auto;}
.footer {margin-top:0px; font-size: 46px; color: #444444; text-align:left; line-height: 1.5; font-weight:300;}
}


#navigation-top-bg {width:300px; margin-top:300px; padding-left:0%; margin-left:650px; margin-right:0px; background-color:transparent; height:100px; position:absolute; z-index:400; top:0px; padding-top:0px; }
#navigation-top {margin-top:0px; width:100%; height:100px; padding-top:0px; padding-left:0px; background-color:transparent; }
.navigation-top {margin-left:0px; margin-right:0px;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:100%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; width:100%; text-align: left; padding-left:10%; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 0px; padding-right: 0px; padding-top:0px; display: block; color: #FFF; margin-top: 20px;  font-size: 18px; sans-serif; font-weight: 300; line-height:1.2;}
a:hover.navigationspunkt-text { color: #CCC;} 

@media only screen and (max-width:1366px) {
#navigation-top-bg {width:300px; margin-top:300px; padding-left:0%; margin-left:590px; margin-right:0px; background-color:transparent; height:100px; position:absolute; z-index:400; top:0px; padding-top:0px; }
#navigation-top {margin-top:0px; width:100%; height:100px; padding-top:0px; padding-left:0px; background-color:transparent; }
.navigation-top {margin-left:0px; margin-right:0px;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:100%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; width:100%; text-align: left; padding-left:10%; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 0px; padding-right: 0px; padding-top:0px; display: block; color: #FFF; margin-top: 20px;  font-size: 18px; sans-serif; font-weight: 300; line-height:1.2;}
a:hover.navigationspunkt-text { color: #CCC;} 
}



@media only screen and (max-width:1200px) {
#navigation-top-bg {width:100%; margin-top:0px; padding-left:0%; margin-left:0px; margin-right:0px; background-color:transparent; height:180px; position:absolute; z-index:400; top:300px; padding-top:0px; }
#navigation-top {margin-top:0px; width:100%; height:150px; padding-top:0px; padding-left:0px; background-color:transparent; }
.navigation-top {margin-left:0px; margin-right:0px;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:100%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:40px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; width:100%; text-align: left; padding-left:10%; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 0px; padding-right: 0px; padding-top:20px; display: block; color: #FFF; margin-top: 20px;  font-size: 48px; font-weight: 300; line-height:1.2;}
a:hover.navigationspunkt-text { color: #CCC;} 
}


label.menu1 {display: block; width: 48px; height: 45px; margin-left:0px; border-radius: 1px; margin-top:30px; margin-bottom:0px;  background-color:hsla(0, 0%, 100%, 0.8); box-shadow: 0px 0px 6px #999;}
	input#menu1 {display:none}
	.line-1 {margin-left:10px;  height: 2px; width: 28px;   background: #333; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 12px; }
	.line-1:nth-child(2) { margin-top: 22px; }
	.line-1:nth-child(3) { margin-top: 32px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(10px) rotate(-45deg); }
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-10px) rotate(45deg); }
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 1900px; width:100%; background-color:#5e5d67; box-shadow: 0px 0px 10px #666;  padding-bottom:60px; padding-top:20px;  margin-bottom:90px; margin-top:0px;}


@media only screen and (max-width:1200px) {
	label.menu1 {display: block; width: 120px; height: 110px; margin-left: auto; margin-right:0px; right:0px; border-radius: 6px; margin-top:30px; margin-bottom:0px;  background-color:hsla(0, 0%, 100%, 0.8); box-shadow: 0px 0px 6px #999; }
	input#menu1 {display:none}
	.line-1 {margin-left:35px;  height: 4px; width: 48px;   background: #333; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 32px; }
	.line-1:nth-child(2) { margin-top: 50px; }
	.line-1:nth-child(3) { margin-top: 68px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(18px) rotate(-45deg); }
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-18px) rotate(45deg); }
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 1900px; width:100%; background-color:#5e5d67; box-shadow: 0px 0px 10px #666;  padding-bottom:170px; padding-top:120px;  margin-bottom:90px; margin-top:0px;}



}