/* CSS Document */

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

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/eb-garamond-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('EB Garamond Regular'), local('EBGaramond-Regular'),
       url('fonts/eb-garamond-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/eb-garamond-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/eb-garamond-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/eb-garamond-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/eb-garamond-v9-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

/* eb-garamond-500 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/eb-garamond-v9-latin-500.eot'); /* IE9 Compat Modes */
  src: local('EB Garamond Medium'), local('EBGaramond-Medium'),
       url('fonts/eb-garamond-v9-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/eb-garamond-v9-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/eb-garamond-v9-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/eb-garamond-v9-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/eb-garamond-v9-latin-500.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

.mobile_only, .mobile_intro{
	  display:none;
	}
.desk_only{
	  display:block;
	}

div, a, h1, h2, h3, h4, h5, p, ul, li {
	box-sizing:border-box;
	}
p {
	padding:0;
	}

html, body {
	margin:0;
	padding:0;
	font-size:10px;
    font-family: 'Open Sans', sans-serif;
	min-height: 100% !important;
	height:100% !important;
	}
body.contentpage {
	background-color:#ececec;
	}

	
	


h1 {
	font-family: 'EB Garamond', serif;
	word-spacing:0.2em;
	}
.gereift > p {
	margin-left:20%;
	}
.alr {
	text-align:right;
	margin-right:20%;
	}
.wrapper_intro {
	width:95rem;
	margin-left: auto;
	margin-right:auto;
	position:relative;
	padding-top:36rem;

	}
.head_intro, .head_overlay{
	position:absolute;
	left:0;
	top:20rem;
	opacity:0;
	}

.introtext{
	text-align:left;
	font-size:2.2rem;
	color: #5f5f5f;
	position:relative;
	width:100%;
	padding-left:27.5rem;
	opacity:0;
	line-height:45px;
	}
.intro2 {
	/*font-family: 'EB Garamond', serif;*/
	text-transform:uppercase;
	font-size:3.0rem;
	padding: 3rem 0 4rem 27.5rem;;
	}
.introheads {
	position:relative;
	top:-100px;
	width:100%;
	text-align:right;
	opacity:0;
	}
.introheads img{
	height:80px;
	width: auto;
}	

@media screen and (max-height: 700px) {
	.head_intro, .head_overlay {
   		 top: 18rem;
	}
	.wrapper_intro {
		padding-top: 30rem;	
	}
	.introtext {
   		 font-size: 1.85rem;
	}
	.intro2 {
		font-size: 2.6rem;
		padding: 2rem 0 2rem 27.5rem;
	
	}
		
}
.head {
	display:block;
	width:100%;
	height:11.5rem;
	position:relative;
	top: 0;
	left:0;
	}
.logo {
	display:block;
	width:100%;
	height:11.5rem;
	background-image:url('img/header_form_unterseite-01.svg');
	position:absolute;
	top: 0;
	left:0;
	background-position:top center;
	z-index:2;
	background-repeat:no-repeat;
	}
.clogo {
	position:absolute;
	top: 1.75rem;
    right: calc(50% - 56.5rem);
	}
.head-bg {
	display:block;
	width:100%;
	height:8.5rem;
	background-color: #636362;
	position:absolute;
	z-index:0;
	top: 0;
	left:0;
	box-shadow: 0 -0.5rem 0.6rem rgba(0,0,0,0.1) inset;
	}
.intronavi {
	color:#FFF;
	position:absolute;
	width:100%;
	text-align:center;
	top:3rem;
	left:0;
	opacity:0;
	}
.intronavi a{
	text-transform:uppercase;
	font-size:1.6rem;
	display:inline-block;
	margin:0 1rem;
	color:#FFF;
	text-decoration:none;
}
.navi {
	color:#B3B3B3;
	position:absolute;
	width:100%;
	max-width: 110rem;
	text-align:left;
	top:4.25rem;
	left:calc( 50% - 55rem );
	z-index:10;
	}
.intronavi .navi {
	text-align:inherit;
	}
.navi a{
	font-weight:400;
	font-size:1.6rem;
	color:#B3B3B3;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin-right:2rem;
}
.navi a.akt, .navi a:hover {
	color:#FFF;
	}
.wrapper {
	width:100%;
	max-width: 110rem;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-height:calc(100% - 23rem);
	z-index:2;
	}
.subp-index {
	width:100%;
	text-align:center;
	position:relative;
	margin: 7rem 0;
	}
.sp-ind {
	display:inline-block;
	width:12rem;
	height:auto;
	color:#919191;
	font-size:1.2rem;
	cursor: pointer;
	}
.dot {
  height: 1.8rem;
  width: 1.8rem;
  background-color: none;
  border-radius: 50%;
  display: block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  border: 3px solid #ececec;
  box-shadow: 0 0 0 1px #919191;
  margin-bottom:1rem;
}
.subp-index ul li.current .dot {
  background-color: #636362;
}
.subp-index ul li.current {
	color:  #636362;
	}
.connector {
	position: absolute;
	left: 3rem;
	width: 7.5rem;
	height: 1px;
	background-color:#919191;
	top:0.65rem;
	}
.subp-index ul li:last-child .dot .connector {
	display: none;
	} 
.content {
	
	font-size:1.6rem;
	line-height: 2.6rem;
	color:#393939;
	width: calc( 100% - 26rem);
	margin: 0 13rem;
	}
.content a {
	color:#ffa700;
	}
.content h1, .content h2 {
	color:#828282;
	text-transform:uppercase;
	font-size:3.4rem;
	font-weight:400;
	margin-bottom:4rem;
	font-family: 'EB Garamond', serif;
	}
 .content h3 {
	color:#828282;
	text-transform:uppercase;
	font-size:2.25rem;
	font-weight:400;
 }
 
.content ul li {

	padding-left:2rem;
}
img.fullsize {
	width:auto;
	height:65rem;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
img.fullwidth {
	width:100%;
	height:auto;
}
p.aligncenter {
	text-align: center;
	}
.flip-l {
	display: block;
	position:absolute;
	left: 0;
	top:17rem;
	width:5.5rem;
	height: 5.5rem;
	background-image: url('img/arrows.png');
	background-position: 0 0;
	background-repeat:no-repeat;
	}
.flip-r {
	display: block;
	position:absolute;
	right: 0;
	top:17rem;
	width:5.5rem;
	height: 5.5rem;
	background-image: url('img/arrows.png');
	background-position: -55px 0;
	background-repeat:no-repeat;
	}
.deact {
	opacity: 0.3;
	}
.spacer {
    display: block;
    width: 100%;
    height: 5rem;
	}
.container {
	width: 3000px;
	position:relative;
	}
.frame {
	width: 1000px;
	overflow:hidden;
	}
.cbox {
	display:inline-block;
	float:left;
	width: 1000px;
	vertical-align:top;
	padding: 0 2rem;
	}
.table {
	display:table;
	table-layout: fixed;
	width: 100%;
	}
.tr {
	display:table-row;
	}
.td {
	display:table-cell;
	}
a.morebtn {
    display: block;
    width: 30rem;
    background-color: #999;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 2px 3px 5px rgba(0,0,0,0.25);
    margin-top: 8rem;
	cursor:pointer;
}
a.morebtn:hover {
	 background-color: #adadad;
}
.more-text{
	opacity:0;
	}
.footer {
	background-color: #333;
	width:100%;
	text-align:center;
	margin-top:6rem;
	padding: 2rem;
	color:#CCC;
	font-size:1.25rem;
	position:relative;
	}
.f-content{
	width:100%;
	max-width:110rem;
	text-align:right;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	}
/*
.f-content::before {
	display:block;
	position:absolute;
	z-index:0;
	content:'';
	width: 39rem;
	height:28rem;
	background-image:url('img/heads.png');
	bottom: 5rem;
	right:-4rem;
	}
*/
.footer a{
	color:#CCC;
}

.framebox {
	position:relative;
	width:100%;
	padding:5rem 5rem 2.5rem 5rem;
	border: 1px solid #828282;
	margin-bottom: 5rem;
	}
.framebox h1{
	font-size: 2.6rem;
	margin-top:3rem;	
	margin-bottom: 1rem;
}
.framebox h1:first-child{
	margin-top:0;
}
.framebox h2{
	display:table;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	background-color:#ececec;
	font-size:2rem;
	font-family:'Open Sans', sans-serif;
	font-weight:700;	
	margin-top: -6.35rem;
	padding: 0 1rem;
	margin-bottom: 3rem;
}

.connectfb {
	margin-top: -5rem;
	border-collapse: collapse;
	border-top:none;
	}
.pic3container {
	position:relative;
	}
.pic3 {
	width: 100%;
	height: auto;
	
	}
.blurred {
	position:absolute;
	left:0;
	top:0;
	}

@media only screen and (max-width: 1100px) {
	
	.navi a {
		font-size: 1.3rem;
		}
	
}
@media only screen and (max-width: 985px) {
	p, h1, h2, h3, h4, a, span, div, td, li{
		-webkit-text-size-adjust: none;
		}
	.mobile_only{
	  display:block;
	}
	.desk_only{
	  display:none;
	}
	img{
		max-width:100%;
		height:auto;
		}
	.head {
		height: 8.5rem;
		}
	.logo{
		background-image:none;
		}
	.clogo {
		position: absolute;
		top: 1.75rem;
		right: calc(50% - 56.5rem);
		right:1rem;
		width:22rem;
		height:auto;
	}
	.head-bg {
		background-color:#3c3c3b;
	}
	.navi{
		left: 0 !important;
		top:0 !important;
		padding: 7.5rem 0 0 0;
		} 
	.navi a {
		font-size: 1.6rem;
		display: block;
		width: 100%;
		height: 4rem;
		background-color: #3c3c3b;
		text-align: center;
		padding-top: 0.95rem;
		}
	.navi a:last-child {
		padding-bottom: 4rem;
	}
	.navi a:first-child {
		padding-top: 4rem;
		height: 7rem;
	}
	.navi .mobinav {
		    position: absolute;
			left:0rem;
			top: 1.5rem;
		}
	.dot {
		display:none;
		}
	#menu-hauptmenue {
		display:none;
		opacity:0;
		box-shadow:0 0.7rem 0.5rem rgba(0,0,0,0.25);
		}
	.subp-index{	
		    margin: 0 -1rem;
			position: relative;
			width: calc(100% + 2rem);
			
			background-color:rgba(0,0,0,0.1);
			padding: 1rem 0;
	}
	.subp-index ul {
		    padding-left: 0;
			margin: 0 1rem;
			width: calc(100% - 2rem);
			position:relative;
			display:table;
			table-layout:fixed;
		}
	.sp-tr {
		display:table-row;
		}
	.subp-index ul li{
		text-align: center;	
		position:relative;
		display:table-cell;
		padding: 0 1rem;
		vertical-align:middle;
		width: 50%;
		margin: 0.75rem;
		height:3.5rem;
		border-radius: 0.5rem;
	}
	.subp-index ul li.current{
		background-color:rgba(0,0,0,0.2);
	}
	.connector{
		width: 1.5rem;
		}
	.flipframe {
		background-color:#3c3c3b;
		position:fixed;
		padding:0.5rem;
		width: 4rem;
		height: 4rem;
		opacity:0.7;
		z-index:100;
		}
	.ff_l {
		bottom: 0;
		top:auto;
		left: 0;
		border-top-right-radius: 0.5rem;
		}
	.ff_r {
		bottom: 0;
		top:auto;
		right: 0;
		border-top-left-radius: 0.5rem;
		}
	.flip-r {
		right:auto;
		top:auto;
		position:relative;
		width: 3rem;
		height: 3rem;
		background-position: -30px 0;
		background-repeat: no-repeat;
		background-size: 6rem 3.0rem;
		
	}
	.flip-l {
		left:auto;
		top:auto;
		position:relative;
		width: 3rem;
		height: 3rem;
		background-position: 0px 0;
		background-repeat: no-repeat;
		background-size: 6rem 3.0rem;
	}
	.content {
		margin: 0;
		line-height: 2.3rem;
		}
	.content p, .cbox p, .content .cbox {
		font-size:1.6rem;
		}
	.content h1, .content h2 {
		font-size: 2.4rem;
		margin-bottom: 2rem;
	}
	.content h3 {
		font-size: 1.75rem;
	}
	.cbox {
		padding: 0 0.75rem;
	}
	.table {
		display:block;
		width: 100%;
		}
	.tr {
		display:block;
		}
	.td {
		display:block;
		}
}
@media only screen and (max-width: 485px) {
	
	.mobile_intro{
	  display:block;
	}
	body.intro {
		background-size: 100% auto;
	}
	.desk_intro{
	  display:none;
	}
	.wrapper_intro {
    	width: 100%;
		padding-top:25rem;
	}
	.introtext {
    	line-height:2.5rem;
    	font-size: 1.3rem;
	}
	.intro2 {
		font-size: 2rem;
		top:1.5rem;
	}
	.intro3 {
		top:2.5rem;
	}
	.introtext, .intro2 {
		padding: 0;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		}
	.intronavi {
		top:0;
	}
	.intronavi .mobinav {
	    top: 0.5rem;
	}
	.framebox {
    	padding: 5rem 2rem 0.5rem 2rem;
	}
	.head_intro img, .head_overlay img {
		max-width:35rem;
		width:80%;
		height:auto;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		}
	.head_intro, .head_overlay {
		position: absolute;
		left: 0;
		top: 7rem;
		opacity: 0;
		width: 100%;
		margin: 0;
	}
	 .content ul li {
		padding-left:0;
		}
	.content ul {
		padding-left:1.5rem;
		}	
	.noheader {
		padding-top:2rem;
		}
}