@charset "utf-8";
/* CSS Document ©2019 by daroc */
/* Thank you for looking at this code ;-) */ 


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

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

/* poiret-one-regular - latin_latin-ext */
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poiret-one-v7-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Poiret One'), local('PoiretOne-Regular'),
       url('../fonts/poiret-one-v7-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poiret-one-v7-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poiret-one-v7-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poiret-one-v7-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poiret-one-v7-latin_latin-ext-regular.svg#PoiretOne') format('svg'); /* Legacy iOS */
}


html, body{
	background-color: #fff; background-image: url("../images/lioncare-bg.jpg");background-repeat: repeat; background-attachment: scroll; color: #555; font-family: 'Lato', sans-serif; font-style: normal; font-size: 1em; letter-spacing: 0.02em; line-height: 1.5em; margin: 0; padding: 0; width: 100%; }
h2{
	color: #555; font-family: 'Poiret One'; font-size: 1.2rem; line-height: 1.2rem; margin: 0; text-transform: uppercase; }
a{
	outline: none; }
a:link,
a:visited{
	color: #555; text-decoration: underline; transition: color 0.5s ease-in-out; }
a:hover,
a:active{
	color: #999; text-decoration: underline; }
a.navLink:link,
a.navLink:visited{
	color: #ffbd14; text-decoration: none; transition: color 0.5s ease-in-out; }
a.navLink:hover,
a.navLink:active{
	color: #d5a734; text-decoration: none; }
a.button:link,
a.button:visited{
	border: 1px solid #555; padding: 20px; text-decoration: none; text-transform: uppercase; text-align: center; white-space: nowrap; transition: all 0.5s ease-in-out; }
a.button:hover,
a.button:active{
	border: 1px solid #999; color: #999; }

a.no-js{
	display: block; position: relative; top: -80px; visibility: hidden; }

div.div_outer{
	display: table; height: 100%; position: absolute; width: 100%; }
div.div_middle{
	display: table-cell; vertical-align: middle; }
div.div_inner{ 
	margin: 0 auto; }

header{
	background-color: transparent; height: 80px; position: fixed; top: 0; left: 0; padding: 0; text-align: right; width: 100%; z-index: 1000; }
div#innerheader{
	margin: 0 auto; padding: 0 2%; position: relative; width: 96%; max-width: 1920px; }

div#container{
	height: auto; margin: 0 auto; padding: 0; position: relative; width: 100%; }
div#homebutton{
	float: left; height: 80px; margin: 0; padding: 0; }
div#homebutton a img{
	border: none; height: 80px; width: auto; }
nav.pushmenu-nav{ 
	height: 80px; line-height: 80px; margin: 0; padding: 0; }
ul.navbar-list { 
	display: table; float: right; height: 80px; margin: 0; padding: 0; }
ul.navbar-list li.navbar-item { 
	font-family: 'Lato', sans-serif; font-style: normal; font-size: 11px; font-weight: 700; display: table-cell; padding: 0; padding-left: 20px; text-align: center; }
ul.navbar-list li.navbar-item a{
	display: block; font-weight: 700; height: 44px; margin: 0; outline: none; position: relative; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: all 0.5s ease-in-out;}
ul.navbar-list li#moblist{
	display: none; }
a#mobNavi{ 
	background-image: url(../images/navicon.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-clip: border-box; background-origin: padding-box; background-size: cover; border: 0; box-sizing: border-box; height: 40px; line-height: 80px; float: right; margin-top: 20px; outline: 0; text-decoration: none; text-align: center; width: 40px; }

div.uppertable{
	display: table; width: 100%; }
div.tableclass{
	display: table-row; height: 100%; }

section#introduction{
	box-sizing: border-box; background-color: transparent; height: 100vh; margin: 0; padding: 80px 0 0 0; position: relative; }
div#heroimage{
	background-image: url(../images/thelioncare-background.jpg); background-position: center top; background-attachment: local; background-origin: content-box; background-repeat: no-repeat; background-size: cover; margin: 0; height: 100%; padding: 0; position: relative; }
div#logoposition{
	position: absolute; right: 10px; top: 10px; bottom: auto; height: 30vh; padding: 10px; transform: translateX(0); }
div#logoposition img{
	height: 100%; width: auto; }

div#werbung{
	position: absolute; left: 20px; top: 20px; width: 300px; padding: 0px; }
div#werbung img{
	width: 100%; height: auto; }
div#myModal {
  background-color: rgba(0,0,0,0.8); box-sizing: border-box; background-clip: padding-box; display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1001; text-align: center; padding: 10vh 0; }
div#myModal img {
	height: 80vh; width: auto; }
div#infobanner{
	position: relative; display: inline-block; }
div#infobanner span.close { 
	color: #d9d9d9; cursor: pointer; position: absolute; right: -25px; top: -25px; font-size: 36px; font-weight: bold; }

div#vision-div,
div#salon-div,
div#looks-div,
div#services-div,
div#produkte-div,
div#partner-div,
div#kontakt-div,
div#recht-div{
	display: table; height: 100%; position: relative; width: 100%; }

div#vision-title,
div#salon-title,
div#looks-title,
div#services-title,
div#produkte-title,
div#partner-title,
div#kontakt-title,
div#recht-title{
	background-color: #222326; clear: both; display: none; height: 8vh; padding: 0; width: 100%; }

div#vision-title h1,
div#salon-title h1,
div#looks-title h1,
div#services-title h1,
div#produkte-title h1,
div#partner-title h1,
div#kontakt-title h1,
div#recht-title h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.0rem; line-height: 2.0rem; margin: 0; text-align: center; text-transform: uppercase; }

section#myvision{
	box-sizing: border-box; background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 33%, #222326 33%, #222326 66.66%, #f8f8f8 66.66%, #f8f8f8 100%); background-clip: content-box; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#vision-left{
	background-image: url(../images/diana-assadi-style-and-care-therwil-20.jpg); background-position: center top; background-attachment: local; background-repeat: no-repeat; background-size: cover; display: table-cell; height: calc(95vh - 80px); width: 33.33%; }
div#vision-center{
	box-sizing: border-box; display: table-cell; padding-top: 100px; padding-right: 3%; vertical-align: top; width: 33.33%; }
div#vision-center h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; text-align: right; text-transform: uppercase; }
div#vision-right{
	box-sizing: border-box; display: table-cell; padding: 100px 3% 20px 3%; vertical-align: top; width: 33.33%; }
div#vision-right p:first-child{
	margin-top: 0; }

section#mysalon{
	box-sizing: border-box; background-image: linear-gradient( to right, #222326 0%, #222326 33.33%, #f8f8f8 33.33%, #f8f8f8 100%); background-clip: content-box; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#salon-hidden{
	display: none; }
div#salon-left{
	box-sizing: border-box; display: table-cell; padding-top: 100px; padding-right: 3%; vertical-align: top; width: 33.33%; }
div#salon-left h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; text-align: right; text-transform: uppercase; }
div#salon-center{
	box-sizing: border-box; display: table-cell; padding: 100px 3% 20px 3%; vertical-align: top; width: 33.33%; }
div#salon-center p:first-child{
	margin-top: 0; }
div#salon-right{
	background-image: url(../images/diana-assadi-style-and-care-therwil-05.jpg); background-position: center top; background-attachment: local; background-repeat: no-repeat; background-size: cover; display: table-cell; height: calc(95vh - 80px); width: 33.33%; }

section#mylooks{
	box-sizing: border-box; background-image: linear-gradient( to right, #222326 0%, #222326 100%); background-clip: content-box; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#looks-left{
	box-sizing: border-box; display: table-cell; padding-top: 100px; padding-right: 3%; vertical-align: top; width: 33.33%; }
div#looks-left h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; text-align: right; text-transform: uppercase; }
div#looks-right{
	display: table-cell; position: relative; width: 66.66%; }
div.bilderline{
	position: relative; padding-bottom: 66.66%; height: 0; }
div.bilderline ul{
	margin: 0px; padding: 0; }

section#myservices{
	box-sizing: border-box; background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 66.66%, #222326 66.66%, #222326 100%); background-clip: content-box; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#services-left{
	background-image: url(../images/diana-assadi-style-and-care-therwil-12.jpg); background-position: center top; background-attachment: local; background-repeat: no-repeat; background-size: cover; display: table-cell; height: calc(95vh - 80px); width: 33.33%; }
div#services-center{
	box-sizing: border-box; display: table-cell; padding: 100px 3% 20px 3%; vertical-align: top; width: 33.33%; }	
div#services-center p:first-child{
	margin-top: 0; }
div#services-center p:last-child{
	text-align: center; }
div#services-right{
	box-sizing: border-box; display: table-cell; padding-top: 100px; padding-right: 3%; vertical-align: top; width: 33.33%; }
div#services-right h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; text-align: right; text-transform: uppercase; }

section#myproducts{
	box-sizing: border-box; background-image: linear-gradient( to right, #222326 0%, #222326 33.33%, #f8f8f8 33.33%, #f8f8f8 100%); background-clip: content-box; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#produkte-hidden{
	display: none; }
div#produkte-left{
	box-sizing: border-box; display: table-cell; padding-top: 100px; padding-right: 3%; vertical-align: top; width: 33.33%; }
div#produkte-left h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; text-align: right; text-transform: uppercase; }
div#produkte-center{
	box-sizing: border-box; display: table-cell; padding: 100px 3% 20px 3%; vertical-align: top; width: 33.33%; }
div#produkte-center p:first-child{
	margin-top: 0; }
div#produkte-right{
	background-image: url(../images/diana-assadi-style-and-care-therwil-22.jpg); background-position: center center; background-attachment: local; background-repeat: no-repeat; background-size: cover; display: table-cell; height: calc(95vh - 80px); width: 33.33%; }
div#produkte-center img{
	display: block; width: 100%; height: auto; max-width: 525px; margin: 0 auto; }
div#naturaglace-info,
div#kevinmurphy-info{
	margin-top: 50px; }

section#mypartner{
	box-sizing: border-box; background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 33%, #222326 33%, #222326 66.66%, #f8f8f8 66.66%, #f8f8f8 100%); background-clip: content-box; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#partner-left{
	background-image: url(../images/diana-assadi-style-and-care-therwil-04.jpg); background-position: center top; background-attachment: local; background-repeat: no-repeat; background-size: cover; display: table-cell; height: calc(95vh - 80px); width: 33.33%; }
div#partner-center{
	box-sizing: border-box; display: table-cell; padding-top: 100px; padding-right: 3%; vertical-align: top; width: 33.33%; }
div#partner-center h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; text-align: right; text-transform: uppercase; }
div#partner-right{
	box-sizing: border-box; display: table-cell; padding: 100px 3% 20px 3%; vertical-align: top; width: 33.33%; }
div#partner-right img{
	display: block; width: 100%; height: auto; max-width: 525px; margin: 0 auto; }
div#truu-info,
div#topimmo-info,
div#daroc-info,
div#brodbeck-info,
div#urbanskincare-info,
div#zauggplus-info{
	margin-top: 50px; }

section#mycontact{
	box-sizing: border-box; background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 66.66%, #222326 66.66%, #222326 100%); background-clip: content-box; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#kontakt-left{
	box-sizing: border-box; background-image: url(../images/diana-assadi-style-and-care-therwil-19.jpg); background-position: center top; background-attachment: local; background-repeat: no-repeat; background-size: cover; display: table-cell; height: calc(95vh - 80px); width: 33.33%; }
div#kontakt-center{
	box-sizing: border-box; display: table-cell; padding: 100px 3% 20px 3%; vertical-align: top; width: 33.33%; }	
div#kontakt-center p:first-child{
	margin-top: 0; }
div#kontakt-right{
	box-sizing: border-box; display: table-cell; padding-top: 100px; padding-right: 3%; vertical-align: top; width: 33.33%; }
div#kontakt-right h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; text-align: right; text-transform: uppercase; }
span.shortspan{
	display: inline-block; width: 3rem; }
span.mobilephonespan,
span.dektopphonespan{
	white-space: nowrap; }
span.mobilephonespan{
	display: none; }

section#myrecht{
	box-sizing: border-box; background-image: linear-gradient( to right, #222326 0%, #222326 33.33%, #f8f8f8 33.33%, #f8f8f8 100%); background-clip: content-box; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#recht-hidden{
	display: none; }
div#recht-left{
	box-sizing: border-box; display: table-cell; padding-top: 100px; padding-right: 3%; vertical-align: top; width: 33.33%; }
div#recht-left h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; text-align: right; text-transform: uppercase; }
div#recht-center{
	box-sizing: border-box; display: table-cell; padding: 100px 3% 20px 3%; vertical-align: top; width: 33.33%; }
div#recht-center p:first-child{
	margin-top: 0; }
div#recht-right{
	background-image: url(../images/diana-assadi-style-and-care-therwil-21.jpg); background-position: center center; background-attachment: local; background-repeat: no-repeat; background-size: cover; display: table-cell; height: calc(95vh - 80px); width: 33.33%; }

footer{
	background-color: #222326; color: #fff; height: 50px; line-height: 50px; padding: 0; margin: 0; width: 100%; }
div#innerfooter{
	margin: 0 auto; padding: 0 2%; position: relative ;text-align: right; width: 96%; max-width: 1920px; }
div#innerfooter p{
	margin: 0; padding: 0; }

/* SIDR Menu */
.pushmenu-body{
	position: relative; right:0; }
.pushmenu-push-left { 
	right: 200px; }
div#mobile-sider{
	background: #222326; box-sizing: border-box; height: calc(100% - 80px); overflow-x: hidden; overflow-y: auto; padding: 0; position: fixed; text-align: center; top: 80px; width: 200px; z-index: 999999; }
.pushmenu-right{
	right: -200px; }
.pushmenu-right.pushmenu-pushed{ 
	right: 0; }
#mobile-sider, 
.pushmenu-body {
  transition: all 0.5s ease; }
div#mobile-sider ul{
	border: none; display: block; margin: 0 15px; padding: 0; text-transform: capitalize; }
div#mobile-sider ul li{
	display: block; margin: 0; line-height: 40px; }
div#mobile-sider ul li:after {
	content: ""; background: #fff; border-radius: 100%; display: block; height: 1px; width: 100%; margin: 0; }
div#mobile-sider ul li:last-child:after {
	content: ""; background: #222326; border-radius: 100%; display: block; height: 1px; width: 100%; margin: 0; }
div#mobile-sider ul li:first-child{
	border-top: none; }
div#mobile-sider ul li a.normalMenu{
	color: #fff; display: block; font-family: 'Lato', sans-serif; font-style: normal; font-size: 11px; font-weight: 700; outline: none;  padding: 8px 15px 3px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
/* SIDR Menu fertig */


/*======= RESPONSIVE =======*/ /*100px = 6.25em*/
@media screen and (max-width:70em) {
	ul.navbar-list li.navbar-item{
		display: none; }
	ul.navbar-list li#moblist{
		display: block; }
	
  	div#kontakt-title,
  	div#looks-title,
  	div#produkte-title,
  	div#salon-title,
  	div#services-title,
	div#partner-title,
  	div#vision-title,
	div#recht-title{
		height: 8vh; display: table-cell; width: 100%; vertical-align: middle; }
    
  	div.tableclass{
		display: table; width: 100% }
   
	section#myvision{
		background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 100%); }
	div#vision-left{
		height: calc(79vh - 80px); width: 40%; }
 	div#vision-center{
		display: none;  }
  	div#vision-right{
		padding: 20px 3% 20px 3%; width: 60%; }
	
	section#mysalon{
		background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 100%); }
	div#salon-left{
		display: none; }
	div#salon-center{
		padding: 20px 3% 20px 3%; width: 60%; }
	div#salon-right{
		height: calc(79vh - 80px); width: 40%; }
	
	section#mylooks{
		background-image: linear-gradient( to right, #222326 0%, #222326 100%); }
	div#looks-left{
		display: none; }
	div#looks-right{
		display: block; float: none; width: 100%; }
	div#mybx-pager { 
		width: 100%; }

	section#myservices{
		background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 100%); }
	div#services-left{
		height: calc(79vh - 80px); width: 40%; }
	div#services-center{
		padding: 20px 3% 20px 3%; width: 60%; }	
	div#services-right{
		display: none; }
	
	section#myproducts{
		background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 100%); }
	div#produkte-left{
		display: none; }
	div#produkte-center{
		padding: 20px 3% 20px 3%; width: 60%; }
	div#produkte-right{
		height: calc(79vh - 80px); width: 40%; }

	section#mypartner{
		background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 100%); }
	div#partner-left{
		height: calc(79vh - 80px); width: 40%; }
	div#partner-center{
		display: none; }
	div#partner-right{
		padding: 20px 3% 20px 3%; width: 60%; }

	section#mycontact{
		background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 100%); }
	div#kontakt-left{
		height: calc(79vh - 80px); width: 40%; }
	div#kontakt-center{
		padding: 20px 3% 20px 3%; width: 60%; }	
	div#kontakt-right{
		display: none; }
	
	section#myrecht{
		background-image: linear-gradient( to right, #f8f8f8 0%, #f8f8f8 100%); }
	div#recht-left{
		display: none; }
	div#recht-center{
		padding: 20px 3% 20px 3%; width: 60%; }
	div#recht-right{
		height: calc(79vh - 80px); width: 40%; }
}

@media screen and (max-width:56.25em){
	div#vision-title h1,
	div#salon-title h1,
	div#looks-title h1,
	div#services-title h1,
	div#produkte-title h1,
	div#partner-title h1,
	div#kontakt-title h1,
	div#recht-title h1{
		font-size: 1.5rem; line-height: 1.5rem; margin: 10px; }
		
	section#myvision,
	section#mysalon,
	section#mylooks,
	section#myservices,
	section#myproducts,
	section#mypartner,
	section#mycontact,
	section#myrecht{
		min-height: 0; }
		
	div#mybx-pager{
		bottom:0; }

	div#vision-left{
		background-image: url(../images/diana-assadi-style-and-care-therwil-20_small.jpg); background-position: left top; background-size: 100% auto; display: block; height: auto; padding-top: 66.66%; width: 100%; }
  	div#vision-right{
		display: block; padding: 20px 3% 20px 3%; width: 100%; }
	
	div#salon-left{
		display: none; }
	div#salon-hidden{
		background-image: url(../images/diana-assadi-style-and-care-therwil-05_small.jpg); background-position: left top; background-size: 100% auto; display: block; height: auto; padding-top: 66.66%; width: 100%; }
	div#salon-center{
		display: block; padding: 20px 3% 20px 3%; width: 100%; }
	div#salon-right{
		display: none; }

	div#services-left{
		background-image: url(../images/diana-assadi-style-and-care-therwil-12_small.jpg); background-position: left top; background-size: 100% auto; display: block; height: auto; padding-top: 66.66%; width: 100%; }
	div#services-center{
		display: block; padding: 20px 3% 20px 3%; width: 100%; }	
	
	div#produkte-left{
		display: none; }
	div#produkte-hidden{
		background-image: url(../images/diana-assadi-style-and-care-therwil-22_small.jpg); background-position: left center; background-size: 100% auto; display: block; height: auto; padding-top: 66.66%; width: 100%; }
	div#produkte-center{
		display: block; padding: 20px 3% 20px 3%; width: 100%; }
	div#produkte-right{
		display: none; }
	
	div#partner-left{
		background-image: url(../images/diana-assadi-style-and-care-therwil-04_small.jpg); background-position: left top; background-size: 100% auto; display: block; height: auto; padding-top: 66.66%; width: 100%; }
	div#partner-right{
		display: block; padding: 20px 3% 20px 3%; width: 100%; }
	
	div#kontakt-left{
		background-image: url(../images/diana-assadi-style-and-care-therwil-19_small.jpg); background-position: left top; background-size: 100% auto; display: block; height: auto; padding-top: 66.66%; width: 100%; }
	div#kontakt-center{
		display: block; padding: 20px 3% 0 3%; width: 100%; }
	
	div#recht-left{
		display: none; }
	div#recht-hidden{
		background-image: url(../images/diana-assadi-style-and-care-therwil-21_small.jpg); background-position: left top; background-size: 100% auto; display: block; height: auto; padding-top: 66.66%; width: 100%; }
	div#recht-center{
		display: block; padding: 20px 3% 20px 3%; width: 100%; }
	div#recht-right{
		display: none; }
}

@media screen and (max-width:430px){
	div#myModal img {
		height: auto; width: 90vw; }
	div#infobanner span.close { 
		right: 25px; top: -50px; }
}

@media screen and (max-width:70em) and (orientation: landscape){
	div#logoposition{
		position: absolute; right: 10px; transform: translateX(0); top: 10px; bottom: auto; height: 25vh; padding: 10px; }
}

@media screen and (max-width:70em) and (orientation: portrait){
	div#logoposition{
		position: absolute; right: 50%; transform: translateX(50%); top: auto; bottom: 10px; height: 25vh; padding: 10px; }
}