@charset "UTF-8";
	/* CSS Document */
	
	/*
	Theme Name: Maria Rundel Desktop Theme 
	Version: 1.0
	Description: Kundenspezifisches Theme für Desktop und Laptop, 2016
	Author: Mario Blum
	Author URI: http://www.marioblum.com
	*/
	
	/*
	font-family:'RotisSemiSerifW01-Roman';
	font-family:'RotisSemiSerifW01-Bold';
	font-family:'Rotis SemiSerif Pro Greek W04';
	font-family:'Rotis SemiSerif Pro Gre1461261';
	*/

/*	@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=2c7ae610-b644-4c34-9667-856936145068"); */

    @font-face{
        font-family:"Rotis Sans Serif W01";
        src:url("Fonts/d3158683-496c-49da-9a42-6a2ab1f8457a.eot?#iefix");
        src:url("Fonts/d3158683-496c-49da-9a42-6a2ab1f8457a.eot?#iefix") format("eot"),url("Fonts/979b67f1-28b4-4d3b-ab4d-551d4eaa3827.woff2") format("woff2"),url("Fonts/60d6e9b1-72ed-49c7-bcd9-026d74b98deb.woff") format("woff"),url("Fonts/03122496-25a2-4eb5-8181-fc843043fcc3.ttf") format("truetype");
    }
    @font-face{
        font-family:"RotisSansSerifW01-Bold";
        src:url("Fonts/bfaa64da-e2ff-4871-9db9-9853cec95733.eot?#iefix");
        src:url("Fonts/bfaa64da-e2ff-4871-9db9-9853cec95733.eot?#iefix") format("eot"),url("Fonts/667fde85-ea2f-4851-a2d1-93456b293f5a.woff2") format("woff2"),url("Fonts/a789b8d7-2c89-433b-8852-dc661d2fb383.woff") format("woff"),url("Fonts/c7ede56d-0306-445f-ad54-23e574bdcb4f.ttf") format("truetype");
    }
	html[xmlns] .clearfix {
    	display: block;
	}
	* html .clearfix {
    	height: 1%;
	}
	body, html {
		height: 100%;
		font-family:"Rotis Sans Serif W01";
		font-size:16px;
		line-height: 24px;
	}
	#footer {
		clear: both; width:940px; height: 0px; margin:0px auto 0px 0px;   float:left; padding: 0px 0px 0px 0px; 
		border:0px solid #999; font-size:12px; display:block; 
	}
	
	/*
	Scrollmagic Animation
	*/					
						
	#pinContainer {
		width: 100%;
		height: 100%;
		overflow: hidden;
		-webkit-perspective: 1000;
		perspective: 1000;

		}
	#slideContainer {
		width: 400%; /* to contain 4 panels, each with 100% of window width */
		height: 100%;
		}
	.panel {
		height: 100%;
		width: 25%; /* relative to parent -> 25% of 400% = 100% of window width */
		float: left;
		will-transform: translate; /* für Ipad  */
		transform: translate3d(0,0,0); /* für Ipad  */
		-webkit-transform: translate3d(0,0,0); /* für Ipad  */
		}				

	/*
	Scroll Containers
	*/
	#content-wrapper, #example-wrapper {
		height: 100%;
		background: #f2ecd5;
		min-width: 1020px;
	}
	.scrollContainer {
		overflow-y: scroll;
		overflow-x: hidden;
		width: 100%
		height: 100%;
		margin: auto;
	}
	#example-wrapper .scrollContent {
		height: 100%;
	}


/* Layout Sections */


	#content-welcome {
		width:90%;  height:auto; z-index:200; overflow:hidden;  margin: auto; 
		padding: 0px 0 0px 0px; border-radius:10px 10px 10px 10px; display: block; 
	}
	#content-welcome img{
		width: 100%;
		height:auto;
		border-radius: 10px;
	}
	#example-wrapper section#titlechart #description:after {
		content: "↧";
		font-size: 20px;
		display: block;
		margin-top:0px;
		color:#803945;
	}
	section#titlechart {
		text-align: center;
		position: relative;
		height: 100%;
		min-height: 500px;
		min-width: 100%;
		height: 100vh;
	}
	section#titlechart #description {
		top: 40%;
		left: 50%;
		position: absolute;
		width: 600px;
		height: 300px;
		margin: -150px auto auto -300px;
	}

	/*
	Foto und Kontakt / 
	*/

	#content-about {
		width:190px;  height:66%; overflow:hidden;  margin: 6% auto; 
		padding:0; border-radius:10px; display: block; overflow: hidden;
		}
	#content-about h2 {
		padding:2% 8%;
		margin:0;
	}
	#content-about .text-1 {
		text-align:center !important;
	} /* */
	#content-about p {
		clear:both; padding:5px 0 10px 5px; margin: 0; width:100%; height:100%; text-indent:0px
	}
	#content-about a {
		color:#e9dfb9; text-decoration: none; 
		}
	#content-about a:hover {
		color:#e9dfb9; text-decoration: underline;
		}

	/*
	Vita
	*/

	#title-vita {
		 width:36%; height:4%; margin:auto 10% auto auto; float:right; padding:0;  
		}
	#content-vita {
		width:50%;  height:73%; overflow:hidden;  margin:0% 0.5% 0 0; 
		padding:4%; border-radius:10px; overflow: hidden;
		}
	.content-vita-titel {
		width:100%; height:auto; overflow:hidden; margin:0; padding:0; 
		}

	/*
	Rebalancing
	*/

	#title-rebalancing {
		 width:40%; height:4%; margin:auto; 
		}
	#content-rebalancing {
		width:91.66%;  height:73%; overflow:hidden; margin: auto; padding:4%; border-radius:10px 10px 10px 10px; overflow: hidden;
		}
	#box-rebalancing {
		width:40%;  height:11%; margin:auto; padding:0; overflow: hidden; 
		}

	/*
	Traumatherapie
	*/

	#title-traumatherapie {
		 width:40%; height:4%; margin:auto auto; 
		}
	#content-traumatherapie {
		width:91.66%;  height:73%; margin: auto; padding: 4%; border-radius:10px; clear:both; overflow: hidden;
		}


	#box-traumatherapie {
		width:40%;  height:11%; margin:auto; overflow: hidden;
		}

	/*
	Impressum
	*/

	#content-final {
		width:50%;  height:62%; z-index:200; overflow:hidden;  float:left; margin:6% 0 0 0; 
		padding: 4%; border-radius:10px;
		}
	#content-final p {
		clear:both; padding:0 0 20px 0; margin:0; width:100%; height:auto; text-indent:0px;
		}
	#content-final a {
		color:#e9dfb9; text-decoration: none; 
		}
	#content-final a:hover {
		color:#e9dfb9; text-decoration: underline;
		}

	
/* Positioning */

	.vertical-center{
		display:flex;
    	align-items: center;
	}

	.center{margin:auto auto;}
	.left{float:left;}
	.right{float:right;}
	
	.breaker{clear: both}

/* Formen */

	.rounder{
		border-radius:10px;
	}
	.rounder-top{
		border-radius:10px 10px 0px 0px;
	}
	.rounder-bottom{
		border-radius:0px 0px 10px 10px;
	}
	
	.rounder img{
		padding:0;
		margin:0;
		border-radius:0px;
	}	

/* Farben */

	. { 
		border:0px solid #803945;
		border-radius: 0px;
	}

	.font-red{
		color:#803945;
	}
	.font-light{
		color:#f2ecd5;
	}
	.font-gold{
		color:#e9dfb9;
	}

	.bg-red{
		background:#6b2938;
		color: #e9dfb9;

	}	
	.bg-light{
		background:#f2ecd5;	
		
	}
	.bg-gold{
		background:#e9dfb9;	
	}

/* Schriften, Absätze */

	h1, h2, h3, h4 {
		font-family: "RotisSansSerifW01-Bold", serif;
		font-weight: normal;
	}	
	h1{
		font-size: 22px;
		line-height:22px;

		width:100%;
		text-align: center;
	}
	h2{
		font-size:18px;
		line-height:24px;
		padding:0 0 20px 0;
		margin:0;
	}

	h3{
		font-size: 25px;
		line-height:30px;
	
	}


	p { float:left; padding:0 0 20px 0; margin: 0; width:100%; height:auto;  text-indent:0px }	

	.text { padding: 2.5% 5% 2.5% 5%; margin: auto; width:90%; height:100%;  display:block;  text-indent:0px }
	

/* GRID SYS */
	

	[class*="col-"] {  .
	   	display:block;
		margin:0;
		height:auto;
		padding:0;
	}
	
	.col-1 {width: 8.33%;}
	.col-2 {width: 13.66%; display:block;}
	.col-3 {width: 25%;} 
	.col-4 {width: 33.33%; display:block;}
	.col-5 {width: 41.66%;} 	/*not*/
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;} 	/*not*/
	.col-8 {width: 63.66%;}
	.col-9 {width: 75%;}		/*not*/
	.col-10{width: 83.33%;}
	.col-11{width: 91.66%;}
	.col-12{width: 100%;}
	
	.col-5 img{
		width:auto;
		height:100%;
		float:right;
		padding:0;
		margin:0;
	}
	.col-4 img{
		width:auto;
		height:100%;
	}							/*boxen only*/
	.col-12 img{
		width:100%;  height:auto; /*portraitfoto only*/
		}


/* Datenschutz */

.overlay {
 position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 0px auto;
  padding:0%;
  background:#6b2938;
  border-radius: 10px;
  width:100%;
  height:100%;
  position: relative;
  transition: all 5s ease-in-out;
}
.popup h3 {
  margin-top: 0;
  margin-left:2%;
  margin-bottom:4%;
  
  width:auto;
}
.popup .close {
position:relative;
  	transition: all 200ms;
  	font-size: 30px;
	top:5;
	right:0%;
  	font-weight: bold;
  	text-decoration: none;
  	z-index:10000000 !important;
  	width:auto;
}
.popup .close:hover {
  	color: #f2ecd5;
  	z-index:10000000 !important;
}P
.popup .content {
  	max-height: 80%;
  	overflow: auto;
  	z-index:10000001 !important;
}
#header-datenschutz {
	width:80%;  
	margin: auto; 
	padding:5px 4% 0px 4%;  
	border-radius:0px 0px 10px 10px; 
	background:#e9dfb9;
	height:40px;
	position:fixed;
	top:0px;
	left:6%;
	z-index:10000000 !important;
} 
#content-datenschutz {
	width:80%;  
	height:85%; 
	margin: auto; 
	padding:4%; 
	border-radius:10px 10px 10px 10px; 
	position:absolute;
	top: 46px;
	left:6%;
	background:#e9dfb9;
	overflow: scroll;	
}
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : portrait) { 

	/*
	Scrollmagic Animation / 
	*/

	#pinContainer {
		width: 100%;
		height: 1024px;
		overflow: hidden;
		webkit-perspective: 1000;
		perspective: 1000;
		}
	#slideContainer {
		width: 400%; /* to contain 4 panels, each with 100% of window width */
		height: 100%;
		}
	.panel {
		height:668px;
		width: 25%; /* relative to parent -> 25% of 400% = 100% of window width */
		float: left;
		will-transform: translate; /* für Ipad  */
		transform: translate3d(0,0,0); /* für Ipad  */
		-webkit-transform: translate3d(0,0,0); /* für Ipad  */
	}	

	/*
	Foto und Kontakt / 
	*/

	#content-about {
		width:190px;  height:600px; overflow:hidden;  margin: 8% auto; 
		padding:0; border-radius:10px; display: block; 
		}
	/*
	Vita
	*/

	#title-vita {
		 width:50%; height:40px; margin:auto 15% auto auto; float:right; padding:0;  
		}
	#content-vita {
		width:70%;  height:800px; overflow:hidden;  margin:0% 0.1% 0 0; 
		padding:4%; border-radius:10px; 
		}
	.content-vita-titel {
		width:100%; height:auto; overflow:hidden; margin:0; padding:0; 
		}

	/*
	Rebalancing
	*/

	#title-rebalancing {
		 width:55%; height:40px; margin:auto; 
		}
	#content-rebalancing {
		width:91.66%;  height:800px; overflow:hidden; margin: auto; padding:4%; border-radius:10px 10px 10px 10px; 
		}
	#box-rebalancing {
		width:55%;  height:100px; margin:auto; padding:0; overflow: hidden; 
		}

	/*
	Traumatherapie
	*/

	#title-traumatherapie {
		 width:55%; height:40px; margin:auto auto; 
		}
	#content-traumatherapie {
		width:91.66%;  height:800px; margin: auto; padding: 4%; border-radius:10px; clear:both;
		}
	#box-traumatherapie {
		width:55%;  height:100px; margin:auto; overflow: hidden;
		}

	/*
	Impressum
	*/

	#content-final {
		width:50%;  height:600px; z-index:200; overflow:hidden;  float:left; margin:130px 0 0 0; 
		padding: 40px; border-radius:10px;
		}
	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : landscape) { 


		body, html {
		height: 100%;
		font-family:"Rotis Sans Serif W01";
		font-size:15px;
		line-height: 19px;
	}

	/*
		
	Scrollmagic Animation / 
	*/

	#pinContainer {
		width: 99.5%;
		height: 768px;
		overflow: hidden;
		webkit-perspective: 1000;
		perspective: 1000;
		}
	#slideContainer {
		width: 400%; /* to contain 4 panels, each with 100% of window width */
		height: 100%;
		}
	.panel {
		height:768px;
		width: 25%; /* relative to parent -> 25% of 400% = 100% of window width */
		float: left;
		will-transform: translate; /* für Ipad  */
		transform: translate3d(0,0,0); /* für Ipad  */
		-webkit-transform: translate3d(0,0,0); /* für Ipad  */
	}	

	#content-about {
		width:190px;  height:450px; overflow:hidden;  margin: 8% auto; 
		padding:0; border-radius:10px; display: block; 
		}


	/*
	Foto und Kontakt / 
	*/

	#content-about {
		width:190px;  height:69%; overflow:hidden;  margin: 3% auto; 
		padding:0; border-radius:10px; display: block; overflow: hidden;
		}
	#content-about h2 {
		padding:2% 8%;
		margin:0;
	}
	#content-about .text-1 {
		text-align:center !important;
	} /* */
	#content-about p {
		clear:both; padding:5px 0 10px 5px; margin: 0; width:100%; height:100%; text-indent:0px
	}
	#content-about a {
		color:#e9dfb9; text-decoration: none; 
		}
	#content-about a:hover {
		color:#e9dfb9; text-decoration: underline;
		}
	

	/*
	Vita
	*/

	#title-vita {
		 width:50%; height:40px; margin:auto 15% auto auto; float:right; padding:0;  
		}
	#content-vita {
		width:70%;  height:518px; overflow:hidden;  margin:0% 0.1% 0 0; 
		padding:4%; border-radius:10px; 
		}
	.content-vita-titel {
		width:100%; height:auto; overflow:hidden; margin:0; padding:0; 
		}

	/*
	Rebalancing
	*/

	#title-rebalancing {
		 width:60%; height:40px; margin:auto; 
		}
	#content-rebalancing {
		width:91.66%;  height:520px; overflow:hidden; margin: auto; padding:40px; border-radius:10px 10px 10px 10px; x
		}
	#box-rebalancing {
		width:60%;  height:100px; margin:auto; padding:0; overflow: hidden; 
		}

	/*
	Traumatherapie
	*/

	#title-traumatherapie {
		 width:60%; height:40px; margin:auto auto; 
		}
	#content-traumatherapie {
		width:91.66%;  height:520px; margin: auto; padding: 40px; border-radius:10px; clear:both;
		}


	#box-traumatherapie {
		width:60%;  height:100px; margin:auto;  overflow: hidden;
		}

	/*
	Impressum
	*/

	#content-final {
		width:50%;  height:450px; overflow:hidden; float:left; margin:65px 0 65px 0; 
		border-radius:10px;
		}
	#content-final p {
		clear:both; padding:0 0 20px 0; margin:0; width:100%; height:auto; text-indent:0px;
		}

	}