@charset "utf-8";
/* CSS Document */

/**
 * @author      Andrej Heinemann
 * @subpackage  Meschede
 * @link        http://www.creative-power-group.de
 * @email       info@creative-power-group.de
 * @copyright   Andrej Heinemann
 *
 * Template Meschede 3.5
 * Copyright (C) 2016 Andrej Heinemann // 05.07.2016
 * 
**/

/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/
/* arimo-regular - latin */
@font-face {
	font-family: 'Arimo';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/arimo-v27-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/arimo-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/arimo-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/arimo-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/arimo-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/arimo-v27-latin-regular.svg#Arimo') format('svg'); /* Legacy iOS */
  }
  
  /* arimo-500 - latin */
  @font-face {
	font-family: 'Arimo';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/arimo-v27-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/arimo-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/arimo-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/arimo-v27-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/arimo-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/arimo-v27-latin-500.svg#Arimo') format('svg'); /* Legacy iOS */
  }
  
  /* arimo-600 - latin */
  @font-face {
	font-family: 'Arimo';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/arimo-v27-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/arimo-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/arimo-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/arimo-v27-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/arimo-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/arimo-v27-latin-600.svg#Arimo') format('svg'); /* Legacy iOS */
  }
  
  /* arimo-700 - latin */
  @font-face {
	font-family: 'Arimo';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/arimo-v27-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/arimo-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/arimo-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/arimo-v27-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/arimo-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/arimo-v27-latin-700.svg#Arimo') format('svg'); /* Legacy iOS */
  }
  
  /* arimo-italic - latin */
  @font-face {
	font-family: 'Arimo';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/arimo-v27-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/arimo-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/arimo-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/arimo-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/arimo-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/arimo-v27-latin-italic.svg#Arimo') format('svg'); /* Legacy iOS */
  }
  
  /* arimo-500italic - latin */
  @font-face {
	font-family: 'Arimo';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/arimo-v27-latin-500italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/arimo-v27-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/arimo-v27-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/arimo-v27-latin-500italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/arimo-v27-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/arimo-v27-latin-500italic.svg#Arimo') format('svg'); /* Legacy iOS */
  }
  
  /* arimo-600italic - latin */
  @font-face {
	font-family: 'Arimo';
	font-style: italic;
	font-weight: 600;
	src: url('../fonts/arimo-v27-latin-600italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/arimo-v27-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/arimo-v27-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/arimo-v27-latin-600italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/arimo-v27-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/arimo-v27-latin-600italic.svg#Arimo') format('svg'); /* Legacy iOS */
  }
  
  /* arimo-700italic - latin */
  @font-face {
	font-family: 'Arimo';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/arimo-v27-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/arimo-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/arimo-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/arimo-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/arimo-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/arimo-v27-latin-700italic.svg#Arimo') format('svg'); /* Legacy iOS */
  }
  

html, body{
	height: 100%;
	margin: 0 auto;
	padding: 0; 
	color:#333;
	font-family: 'Arimo', sans-serif !important;
	font-weight:300;
	font-size:16px !important;
	line-height:26px !important;
}
		
p{
	margin: 0px;
	padding:0px;
}

img{
	border: none;	
}


hr{
	border-color: #333 !important;
}

body a{text-decoration:none;}
a:link {color:#0B542B !important;}
a:visited {color: #666}
a:hover {color: #666; list-style-type:none !important; text-decoration:none !important;}
a:focus {color:#666; text-decoration:none !important;}
a:active {color:#EBE668 !important;}

h1{
	font-size:220% !important;
	font-weight:500 !important;
	color:#0B542B !important;
	text-align:center !important;
}

.impressum h1{
	text-align:left !important;
}

.datenschutz h1{
	text-align:left !important;
}

h2{
	font-size: 130% !important;
	font-weight:400 !important;
	line-height:132% !important;
	color:#FFED00 !important;
	text-align:center !important;
}

.impressum h2{
	text-align:left !important;
	color:#0B542B !important;
}

.datenschutz h2{
	text-align:left !important;
	color:#0B542B !important;
}


h3{
	color:#5B5B5B !important;
	margin-bottom:5px !important;
	margin-top:0px !important;
}

h4{
	color:#000 !important;
	font-size: 99% !important;
	line-height: 130% !important;
	font-weight:500 !important;
	margin-bottom:3px !important;
}

header{
	background-color:#fff !important;
	width:100% !important;
	background-image:url(../../../images/header_flower.png);
	background-repeat:no-repeat;
	position:relative;
	z-index:9;
	text-align:center;
	margin:0 auto;
	box-shadow:0px 2px 5px #333;
}

#logo{
	padding-top:15px;
}

#flower{
	margin-top:-70px;
}

section{
	font-size:120%;
	z-index:1;
	position:relative;
	height: auto;
	width: 100%;
	/*background-image:url(../images/bg_site.jpg); */
}

#kontaktformular_xs{
	display:none;
}

section img{
	text-align: center;
	margin: 0 auto;
}

.sidr-class-current > a {
   color:#FFED00 !important;
}

.bg_headline{
	background-color:#0B542B;
	padding:5px;
	width:100%;
}

#gruemenu.grue_88 > ul > li:hover > a, #gruemenu.grue_88 > ul > li > a:hover, #gruemenu.grue_88 > ul > li.active > a{
	color:#ffed00 !important;
}

#navigation-toggle{
	z-index:999 !important;
	position:fixed !important;
}


.fadescroll{
	transition:all 400ms;
	opacity:0;
}

.fade{
	opacity:1;
}

.col-md-12{
	padding-left:0px !important;
	padding-right:0px !important;
}

.moveleft{
	transform: translate(-8%, 0);
	transition:all 400ms;
	opacity:0;
}

.left{
	transform: translate(0px, 0);
	opacity:1;
}


.moveright{
	transform: translate(8%, 0);
	transition:all 400ms;
	opacity:0;
}

.right{
	transform: translate(0px, 0);
	opacity:1;
}


footer{
	font-size:120%;
	color:#0B542B;
	margin: 0 auto;
	text-align:center;
	background-color:#FFED00;
	width:100%;
	float:left;
	padding:3% 0% 0% 0%;
}

footer a:link{
	color:#0B542B !important;
}


footer a:hover{
	color:#0B542B !important;
}


footer a:visited{
	color:#0B542B !important;
}

#footer_top{
	background-color:#0B542B;
	color:#fff;
	text-align:center;
	padding:1%;
}

#footer_top a:link{
	color:#fff !important;
}

#footer_top a:visited{
	color:#fff !important;
}


#bg_nav{
	width:100%;
	background-color:#FFED00;
	float:left;
	height:auto;
	z-index:2;
	position:relative;
}


#gruemenu ul > li > ul > li > a {
   color:#0B542B !important;
}

#gruemenu ul > li > ul > li > a:hover{
   color:#FFED00 !important;
}

a.open-close {
    margin-top:44px;
    padding:1%;
    text-align:center;
    background:#DE252C;
	width:200px;
    font-size:120%;
    display:block;
    color:#fff;
	border-radius:5px;
    text-decoration:none;
}

a.open-close:hover {
    background:#4D4D4D;
	color:#fff;
}
	
a.open-close:link {
	color:#fff !important;
}

.btn-primary{
    background-color: #5B5B5B !important;
    border-color: #5B5B5B !important;
    color: #EBE886 !important;
}

.btn-primary:hover {
    background-color: #fff !important;
    border-color: #4D4D4D !important;
    color: #4D4D4D !important;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 12px 16px 10px 16px !important;
}

.text-danger {
    color: #DE252C !important;
}


.scrollToTop{
	width:50px; 
	height:50px;
	position:fixed;
	top:89%;
	right:40px;
	display:none;	
	z-index:99999999 !important;
	background: url('../images/arrow_up.jpg') no-repeat 0px 0px;
}
.scrollToTop:hover{
	text-decoration:none;
}


.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color:#5B5B5B !important;
	color:#EBE668 !important;
}

.cc_container {
    background: #EBE668 none repeat scroll 0 0 !important;
   font-family: 'Roboto', sans-serif !important;
   border-top:2px solid #5B5B5B;
   color:#5B5B5B !important;

}

.cc_container a, .cc_container a:visited {
    color: #5B5B5B !important;
}

.cc_container .cc_btn {
    max-width: 200px !important;
}

.page-header{
	border:0px !important;
}

#kontakt_daten{
	font-size:200% !important;
	line-height:160% !important;
}

.offenetuer_xs{
	display: none;
}


/* Cookie-Anzeige */

.activebar-container{
	width: 500px !important;
	text-align: center !important;
	position: fixed !important;
	left: 0px !important;
	right: 0px !important;
	margin: 0 auto !important;
	background-color: #fff !important;
	padding: 10px !important;
	font-size: 120% !important;
	line-height: 120% !important;
	box-shadow: 0px 0px 1200px 200px #000 !important;
	margin-top: 10% !important;
	border-radius: 8px;
	z-index: 99999999999 !important;
}

.activebar-container button.accept{
	border: none !important;
	background-color: green !important;
	color: #fff !important;
	float: left !important;
	margin-left: 120px !important;
	border-radius: 5px !important;
}

.activebar-container button.decline{
	border: none !important;
	background-color: red !important;
	color: #fff !important;
	margin-right: 120px !important;
	border-radius: 5px !important;
}

.activebar-container p{
	margin-bottom: 30px !important;
	text-align: center !important;
}


.activebar-container .links li{
	border:2px solid #000 !important;
	color: #fff !important;
	padding: 5px !important; 
	font-size: 90% !important;
	margin-left: -20px !important;
	margin-bottom: 5px !important;
	width: 100% !important;
	text-align: center !important;
}

.plg_system_eprivacy_module div.plg_system_eprivacy_accepted, .plg_system_eprivacy_module div.plg_system_eprivacy_declined{
	bottom: 0px !important;
	z-index: 99999999999999999999 !important;
	width: 100% !important;
	background-color: #fff !important;
	padding: 8px 20px 0px 20px !important;
	color: #000 !important;
}

.plg_system_eprivacy_module div.plg_system_eprivacy_accepted button, .plg_system_eprivacy_module div.plg_system_eprivacy_declined button{
	background-color: #0b542b !important;
	border: none !important;
	color: #fff !important;
	margin-left: 5px !important;
}

.cookies_deaktiviert{
	border: 2px solid red;
	color: red;
	padding: 20px;
	font-size: 120%;
}

.datenschutz tr, th, td{
	border: 1px solid #000;
	padding: 10px !important;
}


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

#slider_home{
	margin-top:-20% !important;
}

#gruemenu.grue_88 ul > li > a{
	font-size:90% !important;
}


}


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


}

@media screen and (max-width: 1199px){
	
.datenschutz tr, th, td{
	font-size: 80% !important;
	padding: 5px !important;
	line-height: 110% !important;
}
	
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss{
	font-size:100% !important;
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss{
	padding: 5px 8px 5px 8px !important;
}
	
h1{
	font-size:140% !important;
	line-height: 142% !important;
}

h3{
	font-size:99% !important;
}

#kontakt_daten{
	font-size:130% !important;
	line-height:110% !important;
}

}


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

section img{
	text-align: center;
	margin: 0 auto;

}

}


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

h3{
	font-size:95% !important;
}

footer{
	font-size:100%;
}
	

section img{
	text-align: center;
	margin: 0 auto;
}


}

@media screen and (max-width: 991px){
	.activebar-container{
	width: 90% !important;
}
	
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted, .plg_system_eprivacy_module div.plg_system_eprivacy_declined{
	color: #000 !important;
	font-size: 110% !important;
	width: 100% !important;
}
	
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted button, .plg_system_eprivacy_module div.plg_system_eprivacy_declined button{
	float: left !important;
	width: 100% !important;
	margin-bottom: 5px !important;
	}

.plg_system_eprivacy_reconsider{
	padding: 5px 5px 2px 5px !important;
}
	
.plg_system_eprivacy_accepted{
	padding: 5px 5px 2px 5px !important;
}

.plg_system_eprivacy_module p{
	font-size: 80% !important;
	line-height: 110% !important;
}


.moveleft{
	transform: translate(0%, 0) !important;
}


.moveright{
	transform: translate(0%, 0) !important;
}

.col-sm-8, .col-md-8{
	min-height:0px !important;
}

a:link {color: #ffed00 !important;}


}


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


}

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

.activebar-container p{
	font-size: 70% !important;
	line-height: 110% !important;
}
	
.activebar-container ul.links li{
	font-size: 70% !important;
	line-height: 110% !important;
}
	
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted, .plg_system_eprivacy_module div.plg_system_eprivacy_declined{
	font-size: 80% !important;
	line-height: 110% !important;
}
	
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted button, .plg_system_eprivacy_module div.plg_system_eprivacy_declined button{
	padding: 4px !important;
}

a.open-close {
	    margin-top:34px;
		width:100% !important;
	    font-size:100% !important;
}

#kontaktformular{
	display:none;
}

#kontaktformular_xs{
	display:block !important;
}
	
.offenetuer_xs{
	display: block !important;
}
	
.offenetuer{
	display: none;
}
	

}


@media screen and (max-width: 640px) {
	
	
h1{
	font-size:110% !important;
}
	
h2{
	font-size:95% !important;
}	

h3{
	font-size:120% !important;
}
			

section .container{
	padding:0px 15px 50px 15px;

}

a.open-close {
	margin-top:25px !important;
	margin-bottom:25px !important;
	padding:1.4% 1% 0.8% 1% !important;
}

footer{
	font-size:90% !important;
}


}

@media screen and (max-width: 539px) {
	.activebar-container button.decline{
		margin-right: 30px !important;
	}
	
	.activebar-container button.accept{
		margin-left: 30px !important;
	}
}