/*
	
	
	
	#f7f7f7		grey (z.b. nav background)
	#e3e3e3		grey (z.b. footer background)
	#5b5b5b		grey (z.b. nav links)
	#3B8842		blue (z.b. nav hover)
	#818181		grau (z.b. content)
	#0087c0		blau (bei links im content)

*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative);

*{margin: 0;padding: 0;}
body{font-family: 'Open Sans', sans-serif;font-size: 12px;color: #5b5b5b;}

a{text-decoration: none;}
i{color: #818181;}
p{line-height: 22px;}
.hbspt-form {padding-left: 10px;}


.hidden{height: 0;overflow: hidden;}
.clear{clear: both;height: 0;overflow: hidden;}

.content p.bodytext, .column640 p.bodytext{font-size: 14px;line-height: 26px;padding: 0 10px 0 10px;color: #818181;}
.column p.bodytext{font-size: 12px;line-height: 16px;}
.column300b p{color: #5b5b5b;}
.content a,.column640 a,.column320 a{color:#0087c0;}
.column320 a,.column a{font-size: 12px;}
.content a:hover,.column640 a:hover,.column320 a:hover{text-decoration: underline;}
.bottom a{color: #5b5b5b;}
.footer_nav a{color: #5b5b5b;}
.vheight{height: 20px;clear: both;}

.circle{width: 100px;height: 100px;line-height: 100px;border-radius: 50%;background-color: #e3e3e3;text-align: center;cursor: pointer;margin: 0 10px 10px 10px;float: left;}
.circle:hover{background-color: #3B8842;color: white;}
.circle_1{width: 110px;height: 110px;line-height: 110px;}
.circle_3{width: 130px;height: 130px;line-height: 130px;}
.circle_4{width: 70px;height: 70px;line-height: 70px;}
.circle_5{width: 140px;height: 140px;line-height: 140px;}
.circle_6{width: 80px;height: 80px;line-height:80px;margin-right: 80px;}
.circle_7{width: 60px;height: 46px;line-height: normal;padding-top: 14px;}

h1{font-weight: 400;font-size: 22px;color: #3B8842;text-transform: uppercase;margin: 0 0 10px 10px;line-height: normal;}
h2{font-size: 18px;font-weight: 400;color: #3B8842;text-transform: uppercase;margin: 0 0 10px 10px;line-height: normal;}
.dummy-container h2,.tt-container h2{margin: 0 0 10px 0;}
.column300 h2{margin: 0 0 10px 0;}
.column640 h2{margin: 0 0 10px 10px;}
.column320 h2{margin: 0 0 10px 0;}
h3{font-size: 16px;margin: 0 0 10px 10px;line-height: normal;color: #3B8842;font-weight: normal;}
h3.h_column{font-size: 16px;margin: 0 0 0 0;line-height: normal;color: #3B8842;font-weight: normal;}
.holder_460 h3{margin: 0 0 10px 0;}
.bottom h3, .nav_sub h3{margin:0 0 10px 0;}
h4{font-size: 16px;margin: 0 0 10px 0;}
.column300 h4{color: #3B8842;font-weight: normal;font-size: 16px;padding: 10px;margin: 0;}

h7.quote{font-family: 'Cinzel Decorative', cursive;position: absolute;width: 640px;z-index: 10;}
h7.quote_left{left:10px;top:10px;text-align: left;font-size: 12px;}
h7.quote_right{right:10px;top:10px;text-align: left;font-size: 12px;}
h7.quote_home{text-align: left;color: white;width: auto;left: 20px;background-color: #3B8842;padding: 10px 10px; }


/*
 *
 */

/**bottom***/
.wrapper_480px{width: 100%;margin: 20px 10px;padding: 10px 0;}
/* mobile */
.wrapper_1440{max-width: 1440px;margin: 0 auto;overflow: hidden;position: relative;box-sizing: border-box; }
.wrapper_960{width: 100%;margin: 0 auto;box-sizing: border-box;}
.bottom{background-color: #f7f7f7;font-size: 12px;}
.footer{background-color: #e3e3e3;font-size: 12px;box-sizing: border-box;padding: 10px;}
.footer div div{margin:10px 0 10px 0;width: 100%;}
.footer div.footer_socials{float: left;width: 20%;}
.footer div.footer_nav{text-align: right;float: right;width: 60%;}
.footer_socials a{position: relative;height: 40px;display: block;overflow: hidden;float: left;}
.footer_socials a img.sa{position: absolute;top:0;left: 0;}

.column{width: 100%;box-sizing: border-box;overflow: hidden;margin: 0 0 10px 0;background-color: #f7f7f7;position: relative;}



.column300 div img{width: 100%;height: auto;}

.column300-container{width: 100%;box-sizing: border-box; padding:0 10px;}
.column300{width: 100%;float: left;margin:10px 0 10px 0;border-bottom: 2px solid #3B8842;padding: 0 0 0 0 ;}




.column300 p.bodytext{background-color: #f7f7f7;font-size: 14px;}
.column300 span{display: block;border-top:1px solid #e3e3e3;background-color: #f7f7f7;color: #3B8842;padding: 10px 20px;}
/**gruende**/
.column312-container{width: 100%;padding: 0 9px;box-sizing: border-box;}
.column312{width: 100%;margin: 1px 1px;background-color: #f7f7f7;float: left;padding: 20px;text-align: center;box-sizing: border-box;}
.column312 img{display: block;margin: 0 auto 10px auto;}



.tt-container,.dummy-container{width: 100%;padding: 10px;overflow: hidden;box-sizing: border-box;}

/**events**/
.column460{width: 100%;padding: 20px;border-bottom: 2px solid #3B8842;}
.column460 .cl_event_date, .column460 .cl{float: left;text-align: center;width: 20%;}
.column460 .cr_event_date, .column460 .cr{float: left;width: 80%;padding: 0 0 0 20px;box-sizing: border-box;}
.column_events{height: 100px;}
/**team**/
.column220_bb{width: 100%;padding: 20px;border-bottom: 2px solid #3B8842;}
.column220_bb img{width: 180px !Important; text-align: center;margin: 0 auto 20px auto;display: block;}
/**team_rc**/
.column300bb{width: 100%;padding: 20px;background-color: #f7f7f7;border-bottom: 2px solid #3B8842;}
.rc-team-holder img{width: 100%;height: auto;}
.rc-team-holder{padding-top: 240px;}
.rc-team-map{position: absolute;left:0;top: 0;width: 100%;	}

.column640{margin:10px 0 10px 0;width: 100%;}
.column320{margin:10px 0 10px 0;width: 100%;overflow: hidden;}



.logo{float: left;margin: 20px 0;}
.logo img{width: 50%;height: auto;margin:  0 0 0 10px;}


.actions{display: none;}


.mobile_nav_icon{float: right;margin: 20px;font-size: 16px; cursor: pointer;}
.mobile_nav_icon img{vertical-align: text-bottom;	}


.nav{background-color: #f7f7f7;box-sizing: border-box;margin: 20px 0 0 0;clear: both;position: relative;}
.nav_mobile_ul{height: 1px;overflow: hidden;}
.nav_ul{display: none;}
.nav_sub{display: none;}

ul.nav_ul, ul.nav_mobile_ul{list-style: none;}
ul.nav_ul li{float: left;margin: 0 5px 0 0;width: auto;}
ul.nav_mobile_ul li{margin: 0;width: 100%;border-bottom: 1px solid white;}
ul.nav_mobile_ul li ul li{border: 0;background-color: #f2f2f2;border-bottom: 1px solid white;margin: 0 0 0 0;}
ul.nav_ul li:hover{background-color: white;outline: 1px solid #e3e3e3;}
ul.nav_ul li#_619{background-color: #3B8842;float: right;margin: 0;padding: 0 20px;}
ul.nav_ul li a,ul.nav_mobile_ul li a{display: block;padding: 15px 20px 15px 40px;line-height: 20px;color: #5b5b5b;font-size: 16px;}
ul.nav_ul li#_619 a{padding: 15px 20px;}
ul.nav_mobile_ul li ul li a{display: block;padding: 10px 15px 10px 40px;line-height:12px;color: #5b5b5b;font-size: 12px;}
ul.nav_ul li#_619 a{color: white;}
ul.nav_ul li#_619:hover{background-color: white;outline: 1px solid #e3e3e3;}
ul.nav_ul li a:hover{color: #3B8842;}
ul.nav_ul li.active a{color: #3B8842;}
ul.nav_ul li#_619 a:hover{color: #3B8842;}


.nav_mobile li a{display: block;padding: 15px 20px 15px 40px;line-height: 20px;color: #5b5b5b;font-size: 16px;}
.nav_mobile li:hover{background-color: white;outline: 1px solid #e3e3e3;}
.nav_mobile li:hover a{color:#3B8842;}

.slider{z-index: 99;height: auto;border-bottom: 10px solid #3B8842;overflow: hidden;box-sizing: border-box; position: relative;}
.slider img{max-width: 120%; height: auto;}


.csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner .csc-textpic-image img{width: 100%;height: auto;}




@media (min-width: 700px) {
	.slider img{max-width: 200%; height: auto;}
}


/* desktop */
@media (min-width: 820px) {
	
/* 	body{background-color:red;} */

	.wrapper_960{	max-width: 960px;margin: 0 auto;}
	/**bottom***/
	.wrapper_480px{padding: 0;width: 460px;float: left;}
	.mobile_nav_icon{display: none;overflow: hidden;height: 0;width: 0;}
	.actions{display: block;float: right;margin: 20px 0;font-size: 13px;}
	.footer{height: 90px;padding: 10px;}	
	.footer div div{margin:0 10px;float: left;width: 300px;}
	.footer div.footer_socials{width: 220px;text-align: center;margin: 14px 0 0 80px;}
	.footer div.footer_nav{text-align: right;width: 320px;}
	
	.column{float: left;margin:10px;}
	.dummy-container,.tt-container{padding: 0;}
	.column300-container{padding: 0;}
	.column300{width: 300px;margin:10px;}
	.column460{width: 460px;}
	.column312-container{width: 960px;}
	.column312{width: 312px;min-height: 220px;}
	.column220_bb{width: 220px;}
	/*team_rc**/
	.column300bb{width: 260px;}
	.rc-team-holder{padding-top: 150px;}
	.column_team{height: 320px;}
	.logo img{width: 100%;height: auto;margin: 0;}
	.slider{height: 400px;}
	.slider img{position: absolute;left: 50%;margin-left: -720px;z-index: 9; }
	
	.nav_mobile_ul{display: none;}
	.nav_ul{display: block;}

	.nav_sub{position: absolute;background-color: white;min-height: 410px;padding: 20px 0 0 10px;width: 100%;z-index: 100;left: 0;top: 50px;border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;box-sizing: border-box;display: none;}



	.nav_sub a{color: #5b5b5b;line-height: 20px;}
	.nav_sub a:hover{color: #3B8842;}
	.column640{margin:10px 0 10px 0;width: 640px;float: left;}
	.column320{margin:10px 0 10px 0;width: 320px;overflow: hidden;float: right;}

.table_places{width: 100%;border-collapse: collapse;border-spacing: 0;box-sizing: border-box;margin: 0 10px 0 10px;}
.table_places th{text-align: left;background-color: #3B8842;height: 20px;color: white;padding: 10px;}
.table_places td{vertical-align: top;padding: 10px;}
.table_places tr:nth-child(even){background-color: #f7f7f7;width: 100%;}
.table_places tr:nth-child(odd) {background-color: white;width: 100%;}
	
	
h7.quote_left{left:20px;top:100px;text-align: left;font-size: 20px; text-align: center;}
h7.quote_right{right:20px;top:100px;text-align: left;font-size: 20px; text-align: center;}
}







.cgrey1{color:#5c5b5c;}


.actions a{margin: 0 0 0 10px;display: block;float: right;}

.actions a img
{
	float: left;
	margin: 0 2px 0 0;
}



.content
{
	margin:10px auto;
	min-height: 500px;
}

.content ul
{
	margin: 20px 0 20px 0;
	list-style-type: none;
    list-style-image: none;
}

.content li,.column640 li,.column320 li
{
	margin: 0 0 0 10px;
	font-size: 14px;
	line-height: 26px;
	background: url(/fileadmin/images/main-content-li-bg.jpg) no-repeat scroll 0 11px rgba(0, 0, 0, 0);
    list-style: outside none none;
	padding: 0 0 0 14px;
}









.pbg
{
	background-color: #f7f7f7;
	padding: 10px;
}











.column180
{
	width: 180px;
	background-color: transparent;
	
}



.column300b
{
	width: 298px;
	background-color: #f7f7f7;
	border: 1px solid #e3e3e3;
}

.column300b .cl
{
	float: left;
	width: 140px;
	padding: 20px;
}

.column300b .cr
{
	float: left;
	width: 116px;
}






.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f16b{font-size: 22px;font-weight: bold;}
.fb14{color: black;font-size: 14px;}






/*embed, object, video */
.content img 
{ 
	max-width: 100%;
	height: auto!important;
	width: auto;
} 







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


.lightbox_holder{float: left;margin: 10px;}
.lightbox_holder img{width: 80px;}
.lightbox_img img{width: 220px;height: auto;margin: 10px;}



















@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
	
	
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr:nth-child(even) {
   background-color: #f7f7f7;
}
tr:nth-child(odd) {
   background-color: #f2f2f2;
}
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
			padding-top: 10px;
			padding-bottom:10px;
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;

		}
		
		/*
		Label the data
		*/
		td:nth-of-type(1):before { content: "Ort"; }
		td:nth-of-type(2):before { content: "Mediareisen"; }
		td:nth-of-type(3):before { content: "Kontakt"; }
		td:nth-of-type(4):before { content: "Öffnungszeiten"; }
		td:nth-of-type(5):before { content: ""; }
	}
	
	
	
.s_holder{float: left;overflow: hidden;margin:0 10px 10px 10px;}
.holder_940{width: 940px;border-bottom: 2px solid #3B8842;}
.holder_620{width: 620px;border-bottom: 2px solid #3B8842;}
.holder_460{width: 460px;border-bottom: 2px solid #3B8842;}



.icon_event_1{background: url(/fileadmin/images/icon_star.png) no-repeat;	width: 20px;height: 20px;position: absolute;bottom: 10px;right:10px;}
.icon_event_2{background: url(/fileadmin/images/icon_case.png) no-repeat;	width: 20px;height: 19px;position: absolute;bottom: 10px;right:10px;}
.event_booked_up{color:red; text-transform: uppercase;position: absolute;top:5px;right:5px;font-size: 10px;}

.instagram{background-color: yellow;height: 400px;}









li#_620 a{background: url(/fileadmin/images/icon_team.png) no-repeat;background-position:20px 20px;}
li#_620:hover a{background: url(/fileadmin/images/icon_team_mover.png) no-repeat;background-position:20px 20px;}

li#_621 a{background: url(/fileadmin/images/icon_places.png) no-repeat;	background-position: 20px 20px;}
li#_621:hover a{background: url(/fileadmin/images/icon_places_mover.png) no-repeat;	background-position: 20px 20px;}

li#_697 a{background: url(/fileadmin/images/icon_inspiration.png) no-repeat;	background-position: 20px 20px;}
li#_697:hover a{background: url(/fileadmin/images/icon_inspiration_mover.png) no-repeat;	background-position: 20px 20px;}

li#_642 a{background: url(/fileadmin/images/icon_news.png) no-repeat;	background-position: 20px 20px;}
li#_642:hover a{background: url(/fileadmin/images/icon_news_mover.png) no-repeat;	background-position: 20px 20px;}

li#_641 a{background: url(/fileadmin/images/icon_events.png) no-repeat;	background-position: 20px 20px;}
li#_641:hover a{background: url(/fileadmin/images/icon_events_mover.png) no-repeat;	background-position: 20px 20px;}

li#_835 a{background: url(/fileadmin/images/icon_blog.png) no-repeat;	background-position: 20px 20px;}
li#_835:hover a{background: url(/fileadmin/images/icon_blog_hover.png) no-repeat;	background-position: 20px 20px;}





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

	
}

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

	
}














input[type="text"],select,input[type=email],input[type=number],input[type=tel] {
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
  font-family: sans-serif;
  font-size: 14px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  box-sizing: border-box;
  padding: 10px 5px;
  border: 1px solid #3B8842;
}

input[type="text"]:focus {
  background-color: #3B8842;
  color: white;
}

textarea{
	display: block;
  margin: 0 0 10px 0;
  width: 100%;
  font-family: sans-serif;
  font-size: 14px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  box-sizing: border-box;
  padding: 10px 5px;
  border: 1px solid #3B8842;
}

textarea:focus {
  background-color: #3B8842;
  color: white;
}

input[type="submit"] {
  font-family: sans-serif;
  font-size: 14px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  box-sizing: border-box;
  padding: 10px 20px;
  border: 0;
  background-color: #3B8842;
  color: white;
  float: right;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 0 10px 0;
  
   background: -moz-linear-gradient(top, #3B8842 0%, #2989d8 50%, #207cca 100%, #006b98 100%);
}

input[type="submit"]:hover
{
	 background-color: #d54e00;
}

legend{font-size: 14px;margin: 0 0 10px 0;}


select{height: 40px; font-size: 16px;}
h3.regsiter_form { padding: 0; margin: 20px 0 10px 0;}



.contenttable{margin: 0 0 0 8px;}
.contenttable td{font-size: 14px;}
.bg-pwf{background-color:#e3e3e3 !important; border:0; outline: none; color:black; text-align: left !important;}
.bg-pwf:hover{background-color:#3B8842!important;}
.card-body{border: 0;}