@charset "UTF-8";
/* CSS Document */
/*local Google Fonts*/
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/muli-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Muli Light'), local('Muli-Light'),
       url('../fonts/muli-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v12-latin-300.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-300italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/muli-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Muli Light Italic'), local('Muli-LightItalic'),
       url('../fonts/muli-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v12-latin-300italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/muli-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('../fonts/muli-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v12-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/muli-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Muli Italic'), local('Muli-Italic'),
       url('../fonts/muli-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v12-latin-italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* quicksand-300 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/quicksand-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Light'), local('Quicksand-Light'),
       url('../fonts/quicksand-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v8-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
}
/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
       url('../fonts/quicksand-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v8-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

* {
	margin: 0;
	padding:0;
	}

body {	
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	background-color: #FFF;
	font-family: 'Muli', sans-serif;
	 -webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;
	 font-size:16px;
	 color: #333;
}

html, body {
	height: 100%;
	}	

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */	

.clear {
	clear:both;
	width: 100%;
}

.content {
	width: 100%;
	clear:both;
}

.main {
	margin:auto;
	max-width: 1111px;
	width: 95%;
	padding: 2,5%;
}

.bild {
	width: 100%;
	max-width: 1111px;
	margin:auto;
	margin-top:0;
	height: 100%;
}

.fisch {
	background: url(../image/fisch.jpg) left bottom no-repeat;
	background-size: 100% auto;
}

.kirsche {
	background: url(../image/kirsche.jpg) left bottom no-repeat;
	background-size: contain;
}

.blume {
	background: url(../image/blume.jpg) left bottom no-repeat;
	background-size: contain;
}


.marienkaefer {
	background: url(../image/marienkaefer.jpg) left bottom no-repeat;
	background-size: contain;
}


.schmetterling {
	background: url(../image/schmetterling.jpg) left bottom no-repeat;
	background-size: contain;
}


.pfeil {
	background: url(../image/pfeil.jpg) left bottom no-repeat;
	background-size: contain;
}

.dankebox {
	background: url(../image/dankebox-2.jpg) left bottom no-repeat;
	background-size: contain;
}

.team {
	background: url(../image/team.jpg) left bottom no-repeat;
	background-size: contain;
}

.wuerfel {
	background: url(../image/wuerfel.jpg) left bottom no-repeat;
	background-size: contain;
}

.box {
	min-height:450px;
}

.hellgrau {
	background: url(../grafik/hg-content-verlauf.jpg) top center no-repeat;
}

.grau {
	background-color: #EBEBEB;
	z-index: 101;
}
.balken {
	border-bottom: 4px solid #eb137e;
}

.linie-top {
	border-top: 1px solid #CCCCCC;
}

.grafik-linie {
	background:url(../grafik/linie.gif) 0 7px repeat-x;
	width: 100%;
	text-align:center;
	margin-bottom: 40px;
	margin-top: 40px;
	display:block;
}

.text-linie {
	padding: 15px;
	background-color:#FFF;
	font-size:20px;
	margin: 20px;
	color: #666;
	font-weight: 300;
	text-decoration:none;
}

.top {
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color:#CCC;
	font-size:16px;
	color: #FFF;
	font-weight: 300;
	text-decoration:none;
	margin-top: 30px;
	margin-bottom: 30px;
        border-radius: 5px;        
}

.text-linie:hover {
	color: #eb137e;
}

.linie {
	border-bottom: 1px solid #CCCCCC;
}

.linie-ight {
	border-bottom: 1px solid #EBEBEB;
}

/*HEADER*/

#header {
	width: 100%;
	background-color: #fff;
}

.logo {
	padding: 3%;
	padding-left:0;
	float:left;
}

.aktion p {
    font-family: 'Comic Sans MS', sans-serif;  
    font-size: 20px;
    font-weight: bold;
    color: #eb137e;
    float: left;
    padding-top: 75px;
    padding-left: 15px;
}
.aktion img {
    max-width: 180px;
    float: left;
}

/*NAVIGATION*/

.navigation {
	float:right;
	text-align:right;
	padding-top: 4.6%;
}

.navigation a:hover {
	color: #eb137e;
}

.navigation a.aktive {
	color: #eb137e;
}

.navigation a {
	font-weight: 300;
	font-size:18px;
	display: inline-block;
	margin-right: 25px;
	text-decoration:none;
	padding-bottom: 20px;
	padding-top: 20px;
	color:#666;
}

.navigation li a.aktive {
	color: #c60086;
}

.navigation li.aktive {
	border-top: 4px solid #eb137e;
}

/*SUBNAVI*/

.subnavi a {
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color:#CCC;
	font-size:16px;
	color: #FFF;
	font-weight: 300;
	text-decoration:none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	display:inline-block;
        border-radius: 5px;        
}

.subnavi a:hover {
	background-color: #eb137e;
	color: #FFF;
}

.subnavi-back h1 {
	float:left;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.subnavi-back a {
	float:right;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #999;
	font-size:16px;
	color: #FFF;
	font-weight: 300;
	text-decoration:none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	display:inline-block;
        border-radius: 5px;        
}

.subnavi-back a:hover {
	background-color: #eb137e;
	color: #FFF;
}

.btn-schulungszentrum a {
	float:left;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #999;
	font-size:16px;
	color: #FFF;
	font-weight: 300;
	text-decoration:none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	display:inline-block;
        border-radius: 5px;
}

.btn-schulungszentrum a:hover {
	background-color: #eb137e;
	color: #FFF;
}

/*CONTENT*/

.pulldown {
	width: 100%;
	margin:auto;
	margin-top:0px;
	text-align:center;
	margin-bottom: 30px;
}	

.image {
	width:100%;
	max-width: 835px;
}

.relative {
	position:relative;
}


h1 {
	font-size:28px;
	font-weight: 300;
	color:#eb137e;
}


h2 {
	font-size:26px;
	font-weight: 300;
	color: #999;
	line-height: 45px;
}

h3 {
	font-size:18px;
	font-weight: 300;
	color: #666;
	line-height: 28px;
}

h4 {
	font-size:17px;
	font-weight: 300;
	color: #eb137e;
	line-height: 28px;
}

p {
	color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.small {
    font-size: 13px;
}

li {
	color: #666666;
	font-size: 15px;
	font-weight: 400;
	margin-top: 8px;
	list-style-image: none;
	margin-left: 17px;
	list-style-type: square;
}

.pink {
	color: #eb137e;
}

.box h3 {
	color: #666666;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
	margin-left: 3%;
	line-height: 35px;
	max-width: 600px;
	margin-top: 4%;
	float:right;
}
	

.claim {
	text-align:right;
	position:absolute;
	bottom: 0;
	width: 100%;
	 -webkit-hyphens: none;
	 -moz-hyphens: none;
	 -ms-hyphens: none;
	 hyphens: none;
}

.claim h2 {
	color: #666;
    font-family: 'Quicksand',sans-serif;
	border-right: 2px solid #eb137e;
    font-size: 57px;
    font-weight: 300;
    line-height:75px;
    padding-bottom: 75px;
	padding-right: 45px;
	letter-spacing:-3px;
	margin-right: 12px;
}

.claim-mobil {
	display: none;
}

.claim-mobil h2 {
	color: #666;
    font-family: 'Quicksand',sans-serif;
    font-size: 30px;
    font-weight: 300;
    padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height:38px;
	letter-spacing:-3px;
	display:block;
	text-align:center;
}

.leistungen-liste {
	width: 22%;
	margin-right:2.30%;
	float:left;
	display:block;
	margin-bottom: 3%;
}

.short-button {
	width: 30%;
	margin-right:3.30%;
	float:left;
	display:block;
	margin-bottom: 3%;
}

.blank {
	height: 200px;
}

.short-button a.link,
.referenz a.link {
	font-size:28px;
	font-weight: 300;
	color:#eb137e;
	display:block;
	margin-bottom: 10px;
	text-decoration:none;
}

.danke-link a {
	color:#eb137e;
	text-decoration:none; 
        font-weight: 400;
}
.danke-link a:hover {
	text-decoration: underline;
	color: #999;
}

.short-button h3,
.referenz h3 {
	font-size:17px;
	color:#999;
	font-weight:400;
}

.center {
	text-align:center;
}

.short-button .portrait {
	width: 100%;
	display:block;
	margin-bottom: 10px;
}

.short-button h2,
.leistungen-liste h2 {
	font-size:20px;
	font-weight: 300;
	color:#eb137e;
}

.short-button a,
.referenz a {
	font-size:15px;
	text-decoration:none;
	color:#eb137e;
	line-height: 20px;
}

.short-button a:hover {
	text-decoration: underline;
	color: #999;
}

.news {
	width: 30%;
	margin-right:3%;
	float:left;
	display:block;
	margin-bottom: 3%;
}

.news h2 {
	font-size:20px;
	font-weight: 300;
	color:#eb137e;
}

.news a {
	font-size:15px;
	text-decoration:none;
	color:#eb137e;
	line-height: 20px;
}

.news a:hover {
	text-decoration: underline;
	color: #999;
}

.flyer {
	float:left;
	margin-right: 30px;
	margin-bottom: 25px;
}

.referenz {
	width: 100%;
	display:block;
	margin-bottom: 3%;
	margin-top: 3%;
}

.referenz h2 {
	font-size:20px;
	font-weight: 300;
	color:#eb137e;
	line-height: 30px;
}

.accordion-example h1 a {
	text-decoration:none;
	font-size:24px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EBEBEB;
	display:block;
	color:#999;
	padding-left: 30px;
	background:url(../grafik/pfeil-closed.png) 0 10px no-repeat;
}

.accordion-example h1 a:hover {
	color: #eb137e;
}

.accordion-example h1.open a {
	color: #eb137e;
	background:url(../grafik/pfeil-open.png) 0 10px no-repeat;
}

.trenner {
	border-bottom: 1px solid #EBEBEB;
	display:block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	clear:both;
}

.trenner-screen {
	display:block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	clear:both;
}

.trenner-blank {
	display:block;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	clear:both;
}
.trenner-0 {
	display:block;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	clear:both;
}
.trenner-20 {
	display:block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	clear:both;
}
.trenner-headline {
	border-bottom: 1px solid #EBEBEB;
	display:block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 50px;
	clear:both;
}

.karte {
	width: 80%;
	height: 300px;
	margin-top: 10px;
}

.kontakt-left {
	float:left;
	margin-right: 70px;
	margin-bottom: 30px;
}

.kontakt-left a{
	float:left;
	color: #eb137e;
}

.routenplaner {
	float:left;
	margin-bottom: 30px;
}
		
	
/*FOOTER*/
.big-screen {
	display:none;
	width: 150px;
	clear:both;
}


.pink-bg {
	background-color: #eb137e;
}


.footer {
    padding-bottom: 30px;
    padding-top: 25px;
	background:url(../grafik/symbol.png) right no-repeat;
}

.footer p {
	color: #fff;
    font-size: 14px;
	line-height: 22px;
}

.footer a {
	color: #fff;
	font-size: 14px;
	text-decoration:none;
	margin-right: 15px;
}

.footer a:hover {
	color: #CCC;
	text-decoration: underline;
}

.footer-left {
	width: 250px;
	float:left;
}

.footer-right {
	float:right;
	margin-right: 20px;
}

/*SCROLLER*/

.scrollup{
    width:40px;
    height:40px;
    position:fixed;
	z-index:999;
    bottom:90px;
    right:0;
    display:none;
    text-indent:-9999px;
    background: url(../grafik/icon_top.png) no-repeat;
}

/*===================================================== PARTNER ======================================= */


.container-ref{
	float:left;
	width: 97%;
	margin-right: 10px;
	margin-bottom: 10px;
	padding:15px;
	line-height:20px;
	}
	
.holder {
	overflow:hidden;
	width:250px;
	height:151px;
	float:left;
	position:relative;
	background-color:#fff;
	margin-right:12px;
	margin-bottom:12px;
	border: 1px solid #ebebeb;
}
	
.holder h4{
	font-family: 'Muli', sans-serif;
	font-size:14px;
	line-height:16px;
	padding:5px;
	color:#ffffff;
	font-weight:normal;
	margin-bottom:7px;
	display:block;
	background-color:#eb137e;
	width:240px;
	}

.holder .bild {
	position: absolute;
	left: -1px;
}
.holder .text {
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	position:absolute;
	font-size:12px;
	color:#4f585f;
	width:250px;
}
.holder .text p{
	padding-left:5px;
	font-size:13px;
}
.holder .text a{
	color:#eb137e;
}

.clear {
	clear:both;
}
.credit {
	font-size:12px;
	margin-top:25px;
}

.holder .text .laufweite{
	letter-spacing: -0.6px;
	}

.trenner-maxi {
	display:none;
}

.trenner-maxi {
	display:block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	clear:both;
}

.zitat {
	background-image:url(../grafik/zitat.svg);
	background-repeat:no-repeat;
	padding-left: 60px;
	padding-bottom: 20px;
}

@media only screen and (max-width: 1200px) { 

.trenner-maxi {
	display:none;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	clear:both;
}
}

@media only screen and (max-width: 1024px) { 

.trenner-maxi {
	display:none;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	clear:both;
}

.news {
	width: 30%;
	margin-right:3%;
	float:left;
	display:block;
	margin-bottom: 3%;
}
}

@media only screen and (max-width: 850px) { 
.flyer {
	float:left;
	margin-right: 30px;
	margin-bottom: 25px;
	margin-top: 15px;
}
.short-button,
.leistungen-liste
.news {
	width: 46.5%;
}

.blank {
	height: 200px;
	display:none;
}

.box {
	min-height: 350px;
}

.trenner-screen {
	display:none;
}

.short-button .portrait {
	margin-top: 25px;
}

h2 {
	font-size:22px;
	line-height: 32px;
}

.claim h2 {
	color: #666;
    font-family: 'Quicksand',sans-serif;
	border-right: 2px solid #eb137e;
    font-size: 48px;
    font-weight: 300;
    line-height:65px;
    padding-bottom: 55px;
	padding-right: 45px;
	letter-spacing:-3px;
	margin-right: 12px;
}

.news {
	width: 45%;
	margin-right:3%;
	float:left;
	display:block;
	margin-bottom: 3%;
}

}


@media only screen and (max-width: 700px) { 

h1 {
	font-size:22px;
	line-height: 34px;
	font-weight: 300;
	color:#eb137e;
}

h2 {
	font-size:18px;
	line-height: 30px;
}

.logo {
	padding: 3%;
	padding-left:0;
	float: none;
}

.short-button h2,
.referenz h2 {
	font-size:18px;
}


.short-button,
.leistungen-liste {
	width: 100%;
	min-height: 100px;
}

.referenz {
	margin-top: 20px;
	width: 100%;
	min-height: 80px;
}

.footer-left {
	width: 100%;
	float: none;
}

.footer-right {
	float:none;
	margin-top: 20px;
	display:block;
}

.naver {
	float: none;
	margin-top: 0px;
	text-align:center;
}

.bild {
	background: none;
}

.claim {
	display: none;
}

.box {
	min-height: 200px;
}

.claim-mobil {
	display: block;
}

.short-button a.link {
	margin-top: 25px;
}

.trenner {
	margin-top: 15px;
	margin-bottom: 15px;
}

.trenner-headline {
	margin-top: 15px;
	margin-bottom: 20px;
}

.naver a {
	font-weight: 300;
	font-size:18px;
	display: inline-block;
	margin-right: 25px;
	text-decoration:none;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #EBEBEB;
	color:#666;
}

.accordion-example h1 a {
	font-size:20px;
}

.karte {
	width: 100%;
	float: none;
	margin-top: 30px;
	height: 200px;
}

.flyer {
	float:none;
	margin-right: 30px;
	margin-bottom: 25px;
}

.news {
	width: 100%;
	margin-right:0;
	float:left;
	display:block;
	margin-bottom: 3%;
}

.container-ref{
	float:none;
	width: 97%;
	margin-right: 0;
	margin-bottom: 10px;
	padding:0px;
	line-height:20px;
	}

.subnavi-back h1 {
	float: none;
	margin-bottom: 25px;
}

.subnavi-back a {
	float: none;
}

}