/*
Theme Name: Sandra Baas WP Theme
Theme URI: http://www.rheinseite.de/themes
Description: Sandra Baas Theme
Author: Christian Schillings
Author URI: http://www.rheinseite.de
Version: 1.0

*/


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





/* GENERAL */

	body { margin: 0px; padding: 0px; overflow: scroll; }
	html { background: url("baas-assets/fond-image/baas-kosmetik-pagefond-a.jpg"); margin: 0px; padding: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center !important; height: 100%; background-attachment: fixed; }
	
	.cleanup { height: 0px; overflow: hidden; clear: both; }


/* WRAPS + COLUMNS */
	#wrap { 	background: url("baas-assets/white-90p.png"); width: 1020px; 
			/*height: 100%;*/ margin: 0px auto; font-family: "Lato";}
			
		#innerwrap { padding: 0px 60px; }
		

/* HEADER */
	#leftheader { float: left; width: 250px; }
		#leftheader img { margin: 40px 0px 0px 0px; }
		#headerwrap { margin: 0px 0px 60px 0px; }
	#rightheader { float: left; width: 650px; }
	
	ul.mainnav { list-style-type: none; padding: 60px 0px 0px 0px; text-align: right;
			font-size: 20px; }
		ul.mainnav li { 	display: inline-block; margin: 0px 0px 0px 30px; padding: 0px; 
					text-transform: uppercase; }
		ul.mainnav li a { display: inline-block; margin: 0px; padding: 0px; color: #ccbdad;
					text-decoration: none; }
		ul.mainnav li a:hover, ul.mainnav li.current-menu-item a { color: #889d8d; }
	
/* CONTENT */
	#main { /* this */ }
		h1 { color: #ccbdad; text-transform: uppercase; font-size: 30px; font-weight: 400; }
		h2 { margin: 0px; padding: 0px; color: #ccbdad; font-weight: 400;}
		h3 { margin: 30px 0 10px 0; padding: 0px; color: #65574d; font-weight: 400;}
		p, ul { color: #65574d; font-size: 16px; line-height: 26px; }
		.pagewrap ul li {
			padding: 0 0 10px 0;
		}
		a.readmore { display: inline-block; background: #ccbdad; text-decoration: none; 
				color: #fff; text-transform: uppercase; padding: 15px 30px; }
		p a { color: #65574d; }
						
	.baas-teaser { margin: 50px 0px 0px 0px;	}
		
	.teaser-image { width: 320px; height: 220px; float: left; margin: 0px 50px 0px 0px; }
	.teaser-text { width: 530px; height: 220px; float: left; }
	
	.pagewrap {   min-height:500px; height:auto !important; height:500px; }
	
	.baas-teaser a:hover { filter:alpha(opacity=80); /* IE */ -moz-opacity: 0.80; /* Mozilla */ opacity: 0.80; /* Opera */	}
	
	.alignright { float: right; padding: 0 0 30px 50px; }
	
	.zitatbox { /*background: #e3dbd2;*/ padding: 20px 0px; color: #65574d; line-height: 1.7em; margin: 40px 0; font-style: italic; 
	font-size: 1.3em;
	}
	
	.behandlungsliste { padding: 40px 0 0 0;	}
		.behandlungsitem { background: #fff; padding: 20px 50px; border: 1px solid #e3dbd2; filter:alpha(opacity=90); /* IE */ -moz-opacity: 0.90; /* Mozilla */ opacity: 0.90; /* Opera */ margin: 0 0 20px 0; }
	
/* FOOTER */
	.footerinner { padding: 60px 0px 0px 60px; }
	.footerleft { width: 450px; float: left; }
	.footerright { width: 400px; float: left; }

	#thefooter h4 { text-transform: uppercase; color: #2b5136; font-size: 20px; 
				margin: 120px 0px 10px 0px; }
	#thefooter h3 { text-transform: uppercase; color: #c5b9ae; font-size: 36px; margin: 0px; }
	
	#thefooter ul { list-style-type: none; margin: 0px; padding: 80px 0px 30px 0px; }
		#thefooter ul li { padding: 0px 0px 0px 0px; display: inline-block; }
		#thefooter ul li a { color: #65574d; font-size: 14px; margin: 0px 15px 0px 0px; text-decoration: none; border-bottom: 1px solid #ccbdad; display: inline-block; padding: 0 0 2px 0; }
		
		
	a[href^="tel"]:link,
	a[href^="tel"]:visited,
	a[href^="tel"]:hover {
		text-decoration: none;
		color: #c5b9ae;
	}