/* 

	Logofarben, dunkler:
	dunkelrosa: #a84dad
	dunkelblau: #5c9ac4
	dunkelgrün: #93ad57

*/

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/opensans-light.eot');
    src: url('fonts/opensans-light.eot') format('embedded-opentype'),
         url('fonts/opensans-light.woff') format('woff'),
         url('fonts/opensans-light.ttf') format('truetype'),
         url('fonts/opensans-light.svg#OpenSansLight') format('svg');
	font-weight: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/opensans-semibold.eot');
    src: url('fonts/opensans-semibold.eot') format('embedded-opentype'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype'),
         url('fonts/opensans-semibold.svg#OpenSansSemibold') format('svg');
	font-weight: bold;
}

@font-face {
	font-family: 'entypo';
	src: url('fonts/Entypo-webfont.eot');
	src: url('fonts/Entypo-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Entypo-webfont.woff') format('woff'),
		 url('fonts/Entypo-webfont.ttf') format('truetype'),
		 url('fonts/Entypo-webfont.svg#entyporegular') format('svg');
	font-weight: normal;
	font-style: normal;
}


html * {
  -webkit-font-smoothing: antialiased;

}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a.textlink, a.textlink:visited {
	text-decoration:none;
	color:#93ad57;
	display:inline-block;	
}
a.textlink:hover, a.textlink:active {
	background-color:#93ad57;
	text-decoration:none;
	color:white;
	display:inline-block;
}

a.downloadlink, a.downloadlink:visited {
	text-decoration:none;
	color:#5c9ac4;
	display:inline-block;
}
a.downloadlink:hover, a.downloadlink:active {
	background-color:#5c9ac4;
	text-decoration:none;
	color:white;
	display:inline-block;
}

body {
	margin: 0;
	font-family: 'OpenSansLight', sans-serif;
	color: #53106F;
	background-color: white;
}

body, html {
	/* important */
	height: 100%;
	font-size: 62.5%;
}

p {
	
	font-family: 'OpenSansLight', Verdana;
	text-align:left;
	color:#53106F;
	font-size: 22px; font-size: 2.2rem;
	line-height: 33px; line-height: 3.3rem;
	padding-bottom: 29px; padding-bottom: 2.9rem;
	
}

h1, h2, h3 {

	font-family: 'OpenSansLight', Verdana;
	color:#a84dad;
	font-size: 55px; font-size: 5.5rem;
	line-height: 66px; line-height: 6.6rem;
	padding-top: 70px; padding-top: 7.0rem;
	padding-bottom: 60px; padding-bottom: 6.0rem;	
	font-weight: normal;

}

h1 {

	padding-top: 11px; padding-top: 1.1rem;

}

hr.dottedgray {

	height:1px;
	background-color: white;
	border:none;
	border-top: 1px dotted gray;

}

.rosa {
	color: #a84dad;
}

.blau {
	color: #5c9ac4;
}

.gruen {
	color: #93ad57;
}


/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}






.cd-scrolling-bg {
  position: relative;
  /* min-height: 100%; */
  z-index: 2;
  padding-top:88px;
  padding-bottom:88px;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.7);
  
}

.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 100%;
  position: relative;
  z-index: 1;
}


.cd-fixed-bg {

	position: relative;
	/* min-height: 100%; */
	height: 500px;
	background-size: cover;
	/* background-size: auto;  */
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
  
}

.spinner {
	/* spinner-graphic created with http://ajaxload.info/ */
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/ajax-loader.gif");
	background-color: #efefef;
	z-index: 0;
}

.cd-fixed-bg.cd-bg-footer {
	background-image: url("images/portrait.jpg");
	background-position:right bottom;  
}

.cd-fixed-bg.cd-bg-pic1 {
	background-image: url("images/solo_pic1.jpg");
	background-position:left center;  
}

.cd-fixed-bg.cd-bg-pic2 {
	background-image: url("images/solo_pic2.jpg");
	background-position:center top;
}

.cd-fixed-bg.cd-bg-pic3 {
	background-image: url("images/solo_pic3.jpg");
	background-position:center top;
}

.cd-fixed-bg.cd-bg-pic4 {
	background-image: url("images/solo_pic4.jpg");
	background-position:center top;
}


#nav {
	display: inline-block;
}

#nav .cell {

	display:table-cell;
	font-family: 'OpenSansLight', Verdana;
	text-align: center;
	vertical-align: middle;
	color: #5c9ac4;
	font-size: 18px; font-size: 1.8rem;
	width: 155px;
	padding-left: 11px;
	padding-right: 11px;

}

#nav .cell:hover {
	background-color: #93ad57;
	color: white;
	cursor: pointer;

	/* info transition: http://www.mediaevent.de/css/transition.html */
	-webkit-transition: all 0.45s ease-out;  
	-moz-transition: all 0.45s ease-out;  
	-o-transition: all 0.45s ease-out;  
	transition: all 0.45s ease-out;  
	
}


@media only screen and (max-width: 900px) {
	.cd-fixed-bg {
		/* background-size: contain; */
	}
	.sinnspruch {
		font-size: 55px; font-size: 5.5rem;
		line-height: 62px; line-height: 6.2rem;
	}
	
}


.autor {

	padding: 0px;
	/* padding-bottom: 88px; padding-bottom: 8.8rem; */
	font-family: 'Tangerine', Times New Roman;
	text-align:center;
	font-size: 25px; font-size: 2.5rem;
	padding-top: 22px; padding-top: 2.2rem;
	opacity:0.6;

}



.background_dunkellila {

	color:white;
	background-color:#53106F;

}

.background_dunkelgruen {

	color:white;
	background-color:#427055;

}

.background_helllila {

	color:#49125c;
	background-color:#e3d4e9;

}

.background_verlauf_lila {

	color:white;
	
	background: #964db5; /* Old browsers */
	background: -moz-linear-gradient(top,  #964db5 0%, #53106f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#964db5), color-stop(100%,#53106f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #964db5 0%,#53106f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #964db5 0%,#53106f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #964db5 0%,#53106f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #964db5 0%,#53106f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#964db5', endColorstr='#53106f',GradientType=0 ); /* IE6-9 */

}

.link_button_green {
	position: relative;
    background-color: #2d7212;

	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	behavior:url(border-radius.htc);	
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	
	/* erzeugt mit http://www.css3.me */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#76c159', endColorstr = '#2d7212');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#76c159', endColorstr = '#2d7212')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #76c159, #2d7212);
	background-image: -ms-linear-gradient(top, #76c159, #2d7212);
	background-image: -o-linear-gradient(top, #76c159, #2d7212);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#76c159), to(#2d7212));
	background-image: -webkit-linear-gradient(top, #76c159, #2d7212);
	background-image: linear-gradient(top, #76c159, #2d7212);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/	
	
    background-repeat: repeat-x;
    border-color: #489629;
    border-image: none;
	
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    /* line-height: 20px; */
    margin-bottom: 0;
    padding: 11px 16px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #2d7212;
    vertical-align: middle;
}

.link_button_green:hover {
    background-color: #76c159;
    /* background-position: 0 -15px; */
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
	
	/* erzeugt mit http://www.css3.me */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2d7212', endColorstr = '#76c159');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2d7212', endColorstr = '#76c159')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #2d7212, #76c159);
	background-image: -ms-linear-gradient(top, #2d7212, #76c159);
	background-image: -o-linear-gradient(top, #2d7212, #76c159);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#2d7212), to(#76c159));
	background-image: -webkit-linear-gradient(top, #2d7212, #76c159);
	background-image: linear-gradient(top, #2d7212, #76c159);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	
	-moz-box-shadow: 0px 0px 6px gray;
	-webkit-box-shadow: 0px 0px 6px gray;
	box-shadow: 0px 0px 6px gray;

	/* info transition: http://www.mediaevent.de/css/transition.html */
    -webkit-transition: all 0.25s ease-out;  
    -moz-transition: all 0.25s ease-out;  
    -o-transition: all 0.25s ease-out;  
    transition: all 0.25s ease-out;  
	
}	


.link_button_symbol {
	position: relative;
	top: 6px;
	color:white;
	font-family: 'entypo';
	font-size:54px;
	line-height: 11px;
}

.button_text {
	position: relative;
	bottom: 20px;
	font-size: 22px; font-size: 2.2rem;
    text-decoration: none;
    text-shadow: 0 -1px 0 gray;
}

.centered {
	width: 100%;
	text-align: center;
}

.margin_top {
	padding-top: 111px;
}

.text_hintergrundbild {
	font-size: 16px; font-size: 1.6rem;
	line-height: 22px; line-height: 2.2rem;
	color: black;
    text-shadow: 0 0 3px white;
	padding: 22px 22px 0;
}


.box_hintergrundbild {
	background-color:rgba(255, 255, 255, 0.5);
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    border-color: silver;

    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    padding: 33px;
	width: 500px;
}

.newsletter_symbol {
	position: relative;
	top: 9px;
	font-family: 'entypo';
	font-size: 70px; font-size: 7.0rem;
	line-height: 0;
	color: #53106F;
	display: inline-block;
}

.newsletter_symbol:hover {
	color: white;
    text-shadow: 0 0 5px #53106F;
	
	-webkit-transition: all 0.25s ease-out;  
	-moz-transition: all 0.25s ease-out;  
	-o-transition: all 0.25s ease-out;  
	transition: all 0.25s ease-out;  
	cursor: pointer;
}

.newsletter_form {
	padding:9px; padding:0.9rem;
	color:#7c137e;
	font-family: 'OpenSansLight', Verdana ,sans-serif;	
	font-size: 18px; font-size: 1.8rem;
	line-height: 18px; line-height: 1.8rem;
	background-color:#fdf1fd;
	width:230px; width:23.0rem;
	
	border: 1px dotted silver;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	margin: 0;
	outline: 0;	
}

.error {
	background-color: yellow;
	border: 1px solid red;
}

@media (max-width: 1080px) {

	.newsletter_form {
		width:140px; width:14.0rem;
	}

}

#trailerbutton_container {
	position: absolute;
	bottom: 0;
	z-index: 3;
	width: 100%;
	background-color:rgba(255,255,255,0.5);
	padding: 11px;
	cursor: pointer;
}

#button-rund-container {
	display: table-row;
	vertical-align: middle;
	height: 60px;
	text-align:center;
}

.button-rund {
	opacity: 1;
	cursor: pointer;
	width: 51px;
	height: 51px;
}

#trailerbutton_container:hover .button-rund {
	opacity: 0.5;
	width: 57px;
	height: 57px;
	-webkit-transition: all 0.25s ease-out;  
	   -moz-transition: all 0.25s ease-out;  
		 -o-transition: all 0.25s ease-out;  
			transition: all 0.25s ease-out;  
}

#trailerbutton_container:hover {
	background-color:rgba(255,255,255,1);
	-webkit-transition: all 0.25s ease-out;  
	   -moz-transition: all 0.25s ease-out;  
		 -o-transition: all 0.25s ease-out;  
			transition: all 0.25s ease-out;  
}


.centered{												
	margin-left: auto;
	margin-right: auto;
	display: table;
	text-align:center;
}