/*
Theme Name: Web Labels Responsive
Theme URI: http://www.web-labels.de
Author: Web Labels
Author URI: http://www.web-labels.de
Description: Eigenprogrammiertes Template - Alle Rechte vorbehalten!
Version: 1.3
License: Copyright @ Web Labels
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, img { margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline; box-sizing:border-box;}

/* HTML5 reset für reudigi Brwoser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body              			{ line-height: 1;}
ol, ul              			{ list-style: none; margin:0; padding:0;}
blockquote, q            		{ quotes: none;}
table              			{ border-collapse: collapse; border-spacing: 0;}

input:focus, textarea:focus { outline: none!important; }

/*---Google Fonts---*/

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/playfairdisplay-bold-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'Quicksand';
    src: url('fonts/quicksand-bold-webfont.woff2') format('woff2'),
         url('fonts/quicksand-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'Quicksand';
    src: url('fonts/quicksand-regular-webfont.woff2') format('woff2'),
         url('fonts/quicksand-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'Sarala';
    src: url('fonts/sarala-bold-webfont.woff2') format('woff2'),
         url('fonts/sarala-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'Sarala';
    src: url('fonts/sarala-regular-webfont.woff2') format('woff2'),
         url('fonts/sarala-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*--Contact Form Fix für Chrome--*/ 
span.wpcf7-form-control-wrap 	{ position: unset!important; }

/* Helper cms -------------------------------------*/
.links							{ float:left;}
.rechts							{ float:right;}
.center							{ text-align:center;}
.keincss						{ border:none!important; padding:0px!important; margin:0px!important; float:none!important; }
img.alignleft, .entry .alignleft			{ float:left; margin-right:20px;}
img.alignright, .entry .alignright			{ float:right; margin-left:20px;}
img.aligncenter, .entry .aligncenter		{ display: block; margin-left: auto; margin-right: auto; }
iframe 							{max-width:100%;}
sub 							{ vertical-align: sub; font-size: smaller;}
sup 							{ vertical-align: super; font-size: smaller; }
.clear							{ clear:both;}
.clearfix:after                 { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix                       { display: inline-block;}
html[xmlns] .clearfix           { display: block;}
* html .clearfix                { height: 1%;}
p.wp-caption-text				{ font-size:11px; font-style:italic;}
.hinweisbar 					{ padding: 10px 20px 10px 20px; box-sizing:border-box; font-size:13px; line-height:20px; text-align:center;}
.trennlinie 					{ border-color:  rgba(0,0,0,0.1); width: 100%; margin: 50px 0; -webkit-margin-before: 0px;  -webkit-margin-after: 14px; -webkit-margin-start: auto; -webkit-margin-end: auto; border-style: inset;   border-width: 1px;}
.trennlinie-top 				{ border-color:  rgba(0,0,0,0.1);  width: 100%; position: absolute; top: 0; margin: 0; -webkit-margin-before: -3px;  -webkit-margin-after: 0px; -webkit-margin-start: auto; -webkit-margin-end: auto; border-style: inset;   border-width: 1px;}
.trennlinie-bottom 				{ border-color:  rgba(0,0,0,0.1);  width: 100%; position: absolute; bottom: 0; margin: 0;  -webkit-margin-before: 0px;  -webkit-margin-after: 14px; -webkit-margin-start: auto; -webkit-margin-end: auto; border-style: inset;   border-width: 1px;}
a.weiterlesen  					{ color: #6db528!important; text-decoration:none!important;}
.entry .mid a { background-color: #fff; border: 2px solid #6db528; padding: 15px 30px; text-align: center; margin: 0 auto;}
.entry .mid a:hover { background-color: #6db528; color: #fff;  text-decoration:none;}
.entry .mid { width: 100%; text-align: center;}
.percent40 { width: 40%}
.circle-wrap {
 	position: relative; 
	width: 100%; 
	margin-top: -50px;
	margin-bottom: 30px;
}
.circle {
	background-color: #fff; 
	border-radius: 55px;
	height: 100px; 
	width: 100px;
	background-image: url(images/AhrensburgerStadtforum-arrow.png);
	background-size: 38px 22px;
	background-repeat: no-repeat;
	background-position: 32px 42px;
	margin: 0 auto; 
	
}

.circle-to-top {
	background-color: transparent; 
	border: 2px solid #fff;
	border-radius: 55px;
	height: 60px; 
	width: 60px;
	background-image: url(images/Ahrensburger-Stadforum-arrow-top.png);
	background-size: 37px 22px;
	background-repeat: no-repeat;
	background-position: 10px 15px;
	margin: 0 auto; 
	float: right;
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
	behavior: 'smooth' 
}



.circle-to-top:before {
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
.circle-to-top:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	top: -2px;
	left: -2px;
	padding: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	border: 2px solid;
		-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}


.circle-to-top:hover{
	box-shadow: 0 0 0 5px rgba(255,255,255, 0.3);
	color: #0d2a45;
}

















.default-beitragsbild img{ border: 2px solid #6db528;}
img { line-height: none!important}

/*----Styling default-----*/
a.btn 							{ display: inline-block; background-color: transparent;
border: 2px solid #6db528;
padding: 15px 30px;
text-align: center; min-width: 250px; color: #6db528; margin: 20px; }
.btn:hover 	, a.btn:hover					{  background-color: #6db528; color: #fff!important;    text-decoration: none!important;}



/*3 Buttons*/
.button-group 	{ width: 100%; max-width: 870px; margin: 0 auto; margin-bottom: 40px;    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: space-around;
}
/*2 Buttons*/
.button-group2 	{ width:100%; max-width: 580px; margin: 0 auto; margin-bottom: 40px;    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: space-around;
}

/*----iOS Formular fix-----*/
input, textarea 					{ -webkit-appearance: none; border-radius: 0px; }
.wpcf7-checkbox input { -webkit-appearance: checkbox; }


/* Webseite CSS -----------------------------------*/
body							{ font-family: 'Quicksand', sans-serif; font-weight: 15px; line-height: 22px;}
a							{ outline:none; text-decoration:none; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
h1, h2, h3, h4, h5					{ font-weight:normal;}
#page 							{ width:100%; margin:0 auto;}

/*----------------------- Head -------------------------*/
#logo img						{ display:inline-block; width:auto!important; min-width:0px!important; max-width:100%; }
#logo 							{ margin: 17px 0; width:190px; min-width:0px; max-width:100%; float: left;}
#header							{ width:100%; height:auto; min-height: 150px;}
.headimg-wrap 					{ width: 100%; text-align:center; margin-top: 145px;max-height: 345px; overflow: hidden; display: block; }
/*#header img.headimg				{ width:100%; max-width: 1440px; height:auto;   position:relative; }*/
#header .headimg				{ min-height: 345px; margin: 0 auto; max-width: 1440px;}
     
	
	
	
#map_sidebar, #address_search, #slp_tagline {     display: none; }
.store_locator_plus { max-width: 1440px; margin: 0 auto; margin-top: 145px;}

#branding { 
	height:auto; 
	width: 100%; 
	margin:0 auto; 
	padding:0px 30px 0px 30px;
	background-color: white;
	position: fixed;
	top: 0;
	z-index: 100; 
	border-bottom: 1px solid #6db528;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
}

/*----------------------- Nav --------------------------*/
#nav-links, #nav-rechts							{ font-family: 'Quicksand', sans-serif; font-weight: regular; font-size: 13px; text-transform: uppercase; padding: 20px 0;  float: left; position: relative; z-index: 100;}
#nav-links a, #nav-rechts	a { color: #000; transition: none;}
.nav-mittig {	width: 995px;	margin: 0 auto;}
#nav-links ul li, 
#nav-rechts ul li {	display:inline-block; position:relative; transition: none;	}

#nav-links>div>ul>li.current-menu-item, 
#nav-rechts>div>ul>li.current-menu-item, 
#nav-links ul li.current-page-parent, 
#nav-rechts ul li.current-page-parent {
 border: 2px solid #6db528;
}
#nav-rechts>div>ul>li>ul>li.current-menu-item,
#nav-links>div>ul>li>ul>li.current-menu-item{
opacity:0.8;  
}

#nav-rechts ul li ul li,
#nav-links ul li ul li { opacity: 1; }

#nav-links ul li a, 
#nav-rechts ul li  a { padding: 15px 15px; display: block;  border: 2px solid #fff; opacity:1;  }

#nav-links ul li:first-child {	margin-left: -15px;} 
#nav-links ul li:last-child {	margin-right: 15px;} 

#nav-rechts ul li:first-child {	margin-left: 15px;}
#nav-rechts ul li:last-child {	margin-right: -15px;} 

#nav-links ul li ul, 
#nav-rechts ul li ul { display:none; position: absolute; float: none;}

#nav-links ul li ul li, 
#nav-rechts ul li ul li { display: block; float: none; width:150px;}

#nav-links ul li ul li a, 
#nav-rechts ul li ul li a { opacity: 1; box-shadow: 0 0 4px #fff;}

#nav-links ul li ul li:first-child , #nav-rechts ul li ul li:first-child, #nav-rechts ul li ul li:last-child , #nav-links ul li ul li:last-child {margin:0px; }

/*Hover*/
#nav-links ul li:hover ul, 
#nav-rechts ul li:hover ul{ display: block;}

#nav-links ul li:hover a, 
#nav-rechts ul li:hover a { background: #6db528; color: #fff; border: 2px solid #6db528;  }

#nav-links ul li ul li:hover a ,
#nav-rechts ul li ul li:hover a  { opacity: 0.8;}


/*Slider*/

.metaslider {z-index: 0!important; margin-top:145px!important;}
.bx-wrapper { max-width: 1060px!important;}




/*contact fix*/

.contact-fix				{ position: fixed; right: -291px; top:100px; z-index: 5000;display: block; width: 340px; height: 50px; box-sizing: border-box;  background: #6db528; transition: all 0.5s;  
-webkit-box-shadow: 0px 0px 13px -4px rgba(255,255,255,0.7);
-moz-box-shadow: 0px 0px 13px -4px rgba(255,255,255,0.7);
box-shadow: 0px 0px 13px -4px rgba(255,255,255,0.7);}
.contact-fix:hover			{ right: -20px; }
.contact-fix i		{ color: #fff; display: block; padding: 5px 0px; height: 100%; background: #6db528; text-align:center }
.contact-fix a {color: #fff;}
.contact-fix .contact_wrapper { float: left; padding: 2px 6px;}
.contact-fix .contact_wrapper img {width: 35px; height: 35px;}
.contact-fix .contact-text { float:right; margin-right: 30px;}
.contact-fix .contact-text a { opacity: 1} 
.contact-fix .contact-text a:hover { opacity: 0.7} 

/*----------------------- Content ----------------------*/

.pum-theme-1269 .pum-title, .pum-theme-standard-theme .pum-title {text-align:center!important; margin-bottom: 20px;}
#content-wrap-page				{ width:100%; min-height:100px!important; height:auto; }
#content-wrap 					{ min-height:100px; max-width:1500px; margin: 0 auto; padding:0px 30px 0px 30px; }
#content						{ }

.entry						{ line-height:22px;}
.entry img					{ max-width:100%; height:auto;}
.weiss { color: #fff; }
.schwarz { color: #000; }
h1, .blog-content h1						{ font-family: 'Playfair Display', serif; font-size: 40px; line-height: 60px; padding-bottom: 20px; text-align:center}
.blog-content h1	{text-align: center; text-transform:uppercase; padding-top: 60px; text-align:center}
h2							{ font-family: 'Playfair Display', serif; font-size: 40px; line-height: 60px; padding-bottom: 50px;}
.page-template-archive-veranstaltungen h2 {text-align: center;}
h3							{ font-family: 'Playfair Display', serif; font-size: 40px; line-height: 50px; padding-bottom: 10px;}
.blog h3 { font-size: 25px; line-height: 30px; min-height: 90px;}
h4							{ font-family: 'Sarala', sans-serif;  font-size:20px; color:#000; line-height:25px; padding-bottom: 35px;}
.blog-content h4 {width: 160px; float: left;}
h5							{ font-family: 'Sarala', sans-serif;  font-size:20px; color:#000; line-height:25px; padding-bottom: 35px;}
h6, h6 a { font-weight: bold;  font-size: 16px; }

.entry a					{ color:#6db528; text-decoration:none;}
.entry a:hover				{ color:#6db528; text-decoration:underline;}
.entry p					{ margin-bottom:18px;}
.entry ol li				{ list-style: decimal outside none; margin-left: 15px; padding-bottom: 30px;}
.entry ul li				{ list-style: disc outside none; margin-left: 15px; padding-bottom: 30px;}
ul.style_none li, ol.style_none li { list-style: none; margin-left: 0px; }

.front-page-spalte:nth-child(4) {clear: both; }

.button-popup  { margin-top:20px; margin-bottom: 20px; display:block; background-color: transparent; border: 2px solid #6db528; padding: 15px 30px; text-align: center; min-width: 250px;}
.button-popup a  { color:#6db528;}


/*statische seiten*/
.text-section-1 { padding-bottom: 70px;}
.text-section-small { width: 100%; margin: 0 auto; max-width: 1320px;}


/*---------unser-verein--------------*/
.vorstands-section {   
		padding-top: 110px;
  
  }
.vorstands-section ul { width: 100%; 
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
  justify-content: space-around;

/*
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between; 
   align-content: flex-start
   
   */
   }
  
  
.vorstands-section li.vorstandmitglied { width: 225px; height:580px; padding-left: 10px; padding-right: 10px;  }
.vorstands-section li.vorstandmitglied img {width: 100%;}
#mitglied-name { font-family: 'Playfair Display', serif; font-size: 30px; line-height: 35px; padding-bottom: 40px;}





/*---------------------Angebote--------*/



ul.nice-list-style {
padding-top: 70px;	
padding-left: 20px;
	}
ul.nice-liste-style2 {padding-top: 0px; padding-left:0px; margin-bottom: 50px;}	
ul.nice-list-style li, ul.nice-list-style2 li { 
	list-style: none; 
	background-image: url(images/Ahrensburger-Stadforum-Liststyle.png);
	background-size: 12px 21px;
	background-repeat:no-repeat;
	background-position: left top;
	margin-left: 0;
	padding-left: 20px;
	

}
ul.nice-list-style#angebotsliste { padding-top: 0px;}
ul.nice-list-style#angebotsliste li { 
	max-width: 260px;
}
ul.nice-list-style2 li { min-height: 25px}
.tourismus-item {width: 20%; float: left;}

.gruener-kasten2-wrap {
		background-color:#6db528;
	padding: 50px 200px;
	height: auto;
	width:100%;
	color: #fff;
	position: relative;
	margin-bottom: 30px;
	text-align: center;
}
.gruener-kasten-wrap {
	background-color:#6db528;
	background-image: url(images/ahrensburgerstadtforum-hg-sillhouette.png);
	background-position:bottom left;
	background-repeat: no-repeat;
	padding: 50px 130px;
	height: auto;
	width:100%;
	color: #fff;
	position: relative;
	text-align: center;
}
.gruener-kasten2-wrap a, .gruener-kasten-wrap a { color: #fff;}
.gruener-kasten2-wrap a:hover, .gruener-kasten-wrap a:hover { color: rgba(255,255,255,0.8);}
.mehr-padding { padding: 40px 200px 100px 200px;}
.kontakt-info {
	width: 170px;
	height: 40px;
	position: absolute;
	top: 20px;
	right: 20px;
}
.gruener-kasten-wrap a { color: #fff; transition: none;}
.gruener-kasten-wrap a .kontakt-spechbubble-hovericon img {
	width: 15px; height: auto;
}
a#kontakthover #kontakt-spechbubble-hoverwrap {
	display: none; 
	width: 500px; height: auto;
}
.gruener-kasten-wrap a .kontakt-spechbubble-hovericon {
	
	position: absolute;
	right: 10px;
	top: 45px;
	padding: 0 20px 20px 100px;
}
.kontakt-spechbubble-hoverkasten {
	position: absolute;
	right: 18px;
	top: 75px;
	padding: 20px;
	background-color: #6db528;
	border: 2px solid #fff;
	width: 315px;
	height: auto;
}

.gruener-kasten-wrap a:hover {
	color: #fff;
	text-decoration:none;
}
a#kontakthover:hover #kontakt-spechbubble-hoverwrap {
	display:block;
}
span.kontakt-speechbubble-text {
 float: left;
 width: 95px;
}
.kontakt-speechbubble-img img {
	width: auto;
	height: 40px;
}

#front-page-verein { padding-top: 30px;}
.dreier-spalten {
	width: 90%;
	max-width: 1250px;
	float: right;
	margin-top: 50px;
}
.front-page-spalte  .beitragsbild {        max-height: 210px;
    overflow: hidden;
    object-fit: contain;}
.front-page-spalte img {
	width: 100%;
	height: auto;
	max-height: 230px;
	overflow:hidden;
	object-fit: contain;
}
.dreier-spalten ul {

}
.dreier-spalten li {
	width: 30%;
	margin-right: 5%;
	float: left;	
	list-style: none!important;
	margin-left:0px!important;
	padding-bottom: 30px;
	
}

.dreier-spalten li:nth-child(3n){
	margin-right:0px;
}

.front-page-icon#mitgliedwerden {
	width: 75px;
	height: 110px;
}
.front-page-icon {
	width: 95px;
	height: 110px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.front-page-icon img {
	width: 100%;
	height: auto;
}
.front-page-text {
	padding-top: 40px;
	min-height:390px;
}
#front-page-terminsliste ul { }
#front-page-terminsliste li {
 	width: 100%;
	float: none;
	padding-bottom: 20px;
}

#front-page-terminsliste .news_title{ min-height: 0px!important;}
/*News Excerpt*/

.news_date {
	color:#6db528;
	padding-bottom: 30px;
}
.news_title {
	padding-bottom: 10px;
	min-height: 60px;
	
}
.news_title#news-und-aktion-title { }
.news_title h4{ padding-bottom: 0px;}
.news_title a {
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	color: #000;
	 text-decoration:none!important;	
}


a#facebook-icon .facebook-icon {
	float: right;
	width: 15px;
	height: 30px;
	background-image: url(images/Ahrensburger-Stadforum-Facebook.png);
	background-size: 15px 30px;
}

a#facebook-icon-header .facebook-icon {
	float: right;
	width: 15px;
	height: 30px;
	background-image: url(images/Ahrensburger-Stadforum-Facebook-hover.png);
	background-size: 15px 30px;
	margin-top: 30px;
	margin-right: 20px;
}

a#facebook-icon:hover .facebook-icon {
	float: right;
	width: 15px;
	height: 30px;
	background-image: url(images/Ahrensburger-Stadforum-Facebook-hover.png);
	background-size: 15px 30px;
}
a#facebook-icon-header:hover .facebook-icon {
	float: right;
	width: 15px;
	height: 30px;
	background-image: url(images/Ahrensburger-Stadforum-Facebook.png);
	background-size: 15px 30px;
	margin-top: 30px;
}

a#xing-icon .xing-icon {
	float: right;
	width: 15px;
	height: 30px;
	background-image: url(images/Ahrensburger-Stadforum-Xing-head.png);
	background-size: 15px 30px;
}

a#xing-icon-header .xing-icon {
	float: right;
	width: 15px;
	height: 30px;
	background-image: url(images/Ahrensburger-Stadforum-Xing-head.png);
	background-size: 15px 30px;
	margin-top: 30px;
	margin-right: 1px
}

a#xing-icon:hover .xing-icon {
	float: right;
	width: 15px;
	height: 30px;
	background-image: url(images/Ahrensburger-Stadforum-Xing-hover.png);
	background-size: 15px 30px;
}
a#xing-icon-header:hover .xing-icon {
	float: right;
	width: 15px;
	height: 30px;
	background-image: url(images/Ahrensburger-Stadforum-Xing-hover.png);
	background-size: 15px 30px;
	margin-top: 30px;
}



.news_text {
	font-family: 'Quicksand', sans-serif;
	font-weight: regular;
}
.beitragsbild {
 margin-bottom: 25px;
 line-height: 0px!important
}

.btn-veranstaltungen-frontpage { width: 100%; margin-bottom: 50px;}
.btn-veranstaltungen-frontpage a.btn { margin: 0 auto; display:block; width: 250px;}

/*Mitgliedschaft*/


.preis-mitgliedschaft { font-size: 58px; font-family: 'Playfair Display', serif; padding-bottom: 50px;}
.text-preis-mitgliedschaft {font-size: 14px; font-style:italic; padding-bottom: 30px;}

h1#h1_vorteile { padding-bottom: 0px; text-align:center}
.mitgliedwerden-wrap { text-align:center; padding-bottom: 100px; padding-top: 100px;}
.mitgliedwerden-wrap #mitgliedwerden-text { padding-bottom: 70px;}

/*Tourismus*/

.weitere-unterkuenfte { padding: 70px 0;}



/*----------------------- Home   -----------------------*/

.blog-content				{ width: 100%; height:auto;}
.sidebar				{ width:25%; height:auto; padding:30px;
background-image: url(images/Ahrensburger-Stadforum-sidebar-bg.jpg); background-repeat:no-repeat; background-size: cover; }
.sidebar ul li.widget			{ margin-bottom:3em;}


.vorschau				{ height:auto; min-height:100px; overflow:hidden; margin-right:20px;}
.post-vorschau				{ width:100%; margin-bottom:30px;}
#sidebar li				{  margin-bottom:25px; text-align:center}
#sidebar li ul				{ padding-bottom:5px;}
#sidebar li ul li			{ border:none; margin:0px;padding:5px 0px 3px 0px; }
#sidebar li ul li	a		{ font-size:14px; color:#fff; }
#sidebar a 					{color:#fff;}
#sidebar li ul li a:hover		{ color:green;}
.weiter-lesen				{ width:100%; height:auto; text-align:right;}

#sidebar_veranstaltungen { margin-top: 80px;}

#calendar_wrap				{ font-size:1.3em;}
#wp-calendar				{ width:100%;}
#wp-calendar caption			{ width:100%; padding:0.3em 0 0.5em 0;}
#wp-calendar thead			{ width:100%;}
#wp-calendar thead tr			{ text-align:right;}
#wp-calendar tbody tr td		{ text-align:right; padding:0.5em 0 0.2em 0; border-bottom:solid 1px #DFDFDF;}
#wp-calendar tbody tr td a		{ color:#9A4B89; font-weight:bold;}

.widget_categories ul li a		{ color:#fff; font-size:1.4em; padding-bottom:0.3em; display:block; margin-bottom:0.5em;}
.widget_categories ul li a:hover	{color:green;}

#pagination				{ padding:20px 0px; clear:both;}
#pagination	span			{ text-align:center; padding:9px 10px; margin:0px 5px;}
#pagination	a 			{ color:#333333; padding: 10px; display:inline-block; background:#DCDCDC; margin:0px 5px; }
#pagination	span.current, #pagination a:hover  { background:#50b948; color:#fff;}

.page-template-home .blog-content, .category  .blog-content, .archive .blog-content{ width: 75%; max-width: 900px; float: left; }
.page-template-home .post-vorschau, .category .post-vorschau, .archive .post-vorschau { width: 45%; float: left; margin: 15px; margin-top: 0px;}
.page-template-home .vorschau, .category .vorschau , .archive .vorschau, .page-template-archive-veranstaltungen .blog-content  { width: 100%; height: auto;  }

.archive h2, .category h2 {font-family: 'Playfair Display', serif; font-size: 30px; line-height: 40px; padding-bottom: 40px; color: #6db528}
h2.widgettitle				{ font-size:1.8em; text-transform:uppercase; color:#fff; line-height:1.4em; margin-bottom:10px; text-align: center; padding-bottom: 20px;}

.page-template-home  h3, .category  h3, .archive h3 { font-family: 'Quicksand', sans-serif; font-weight: bold; font-size: 19px;  line-height: 30px; }
.page-template-home  h3 a, .category h3 a, .archive h3 a { color: #000; font-family: 'Quicksand', sans-serif; font-weight: bold; font-size: 19px; text-transform: none;}
.page-template-home  h3 a:hover, .category h3 a:hover, .archive h3 a:hover {color: #6db528; text-decoration:none;}
.page-template-home .weiter-lesen , .category .weiter-lesen, .archive .weiter-lesen { text-align: left; }



/*--Termine Archive-----*/

.page-template-archive-termine .vorschau-text { float: right; width: 75%; margin-left: 20px;line-height: 30px;  padding: 40px 0;}
.page-template-archive-termine .beitragsbild { margin: 50px 0px; width: 20%; max-width: 405px;  height: auto; float: left;  }

.page-template-archive-termine .beitragsbild img {width: 100%; height: auto;}

.wannundwo-termine { float:left; width: 330px;padding-left: 30px;}
.archive-termine-datum {  padding-bottom: 20px; width: 40%; float: left;}
.archive-termine-ort {  padding-bottom: 20px; width: 40%; float: left;}
.archive-termine-excerpt { float: right; width: calc(100% - 330px); padding-left: 30px;}
.archive-termine-excerpt ul li { padding-bottom: 0px;}
.page-template-archive-termine .archive-vorschau h3 { font-family: 'Quicksand', sans-serif; font-weight: bold; font-size: 19px;  line-height: 30px; }
.page-template-archive-termine .blog-content h4 { float: none;}
.page-template-archive-termine .archive-vorschau h3 a { color: #000; font-family: 'Quicksand', sans-serif; font-weight: bold; font-size: 19px; text-transform: none;}
.page-template-archive-termine .archive-vorschau h3 a:hover {color: #6db528; text-decoration:none;}

.page-template-archive-termine article { position: relative;}

/*--Veranstaltungen Archive-----*/
.page-template-archive-veranstaltungen .post-vorschau,
.page-template-mitglieder-bereich .post-vorschau {margin-bottom: 20px;}

.veranstaltungen-datum-ueberschrift h4 { width: 100%; float: none; text-align: center;}
.page-template-archive-veranstaltungen .vorschau-text,
.page-template-mitglieder-bereich .vorschau-text { float: right; width: calc(60% - 20px); margin-left: 20px;line-height: 30px;  padding: 40px 0;}
.page-template-archive-veranstaltungen .beitragsbild,
.page-template-mitglieder-bereich .beitragsbild { margin: 50px 0px; width: 40%; max-width: 405px;  height: auto; float: left;  }

.page-template-archive-veranstaltungen .beitragsbild img,
.page-template-mitglieder-bereich .beitragsbild img {width: 100%; height: auto;}

.archive-veranstaltungen-datum {  padding-bottom: 20px; width: 150px; float: left;}
.archive-veranstaltungen-excerpt { float: right; width: calc(100% - 150px); padding-left: 30px;}
.archive-veranstaltungen-excerpt ul li { padding-bottom: 0px;}
.page-template-archive-veranstaltungen .archive-vorschau h3,
.page-template-mitglieder-bereich .archive-vorschau h3 { font-family: 'Quicksand', sans-serif; font-weight: bold; font-size: 19px;  line-height: 30px; }
.page-template-archive-veranstaltungen .blog-content h4,
.page-template-mitglieder-bereich .blog-content h4 { float: none;}
.page-template-archive-veranstaltungen .archive-vorschau h3 a,
.page-template-mitglieder-bereich .archive-vorschau h3 a { color: #000; font-family: 'Quicksand', sans-serif; font-weight: bold; font-size: 19px; text-transform: none;}
.page-template-archive-veranstaltungen .archive-vorschau h3 a:hover,
.page-template-mitglieder-bereich .archive-vorschau h3 a:hover {color: #6db528; text-decoration:none;}

.page-template-archive-veranstaltungen article,
.page-template-mitglieder-bereich article  { position: relative;}

.vergangene_veranstaltungen .archive-vorschau{ max-width: 350px; float: left;}
.vergangene_veranstaltungen .vorschau-text { float: right; width: calc(100% - 430px); margin-left: 20px;line-height: 30px; padding: 0px;}
.vergangene_veranstaltungen h3 { margin-top: -5px;}
.vergangene_veranstaltungen .archive-veranstaltungen-datum { margin-top: -5px; width: 200px;}

/*Mitglieder Archive*/
.page-template-archive-mitglieder .archive-vorschau h3 { color: #fff; font-family: 'Sarala'; font-size: 15px; line-height: 20px; text-transform:uppercase; max-width: 95%;}
.page-template-archive-mitglieder .archive-vorschau  a ul li { color: #fff; }

.grid { min-height: 500px;}
.portfolioFilter a { 
    margin-right: 10px; 
	color:#666;
	text-decoration:none;
}

.portfolioFilter a.current { 
    font-weight:bold;
}



.isotope-item {
    z-index: 2;
	width: 230px;
	height:230px;
	margin: 5px;
	 background-color:#6db528;
}
.isotope-item img { 	width: 230px;	height:230px; object-fit: cover;  opacity:1}
.isotope-item:hover img {opacity:0.8}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope-item .art-overlay 				{  opacity:1;}
.isotope-item:hover .art-overlay {opacity: 0.5;}
.overlay 					{ position: relative; width: 100%;height: 230px; filter: grayscale(50%); background-color:rgb(50,50,50); -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s; overflow:hidden;}
/*
.overlay:hover .text-bereich-article h2 { margin-left:-1000px; -webkit-transition:all 600ms ease 0s;-moz-transition:all 600ms ease 0s;-o-transition:all 600ms ease 0s;transition:all 600ms ease 0s;}
.overlay:hover .text-bereich-article div { margin-left:-1000px; -webkit-transition:all 600ms ease 0s;-moz-transition:all 600ms ease 0s;-o-transition:all 600ms ease 0s;transition:all 600ms ease 0s;}
.overlay:hover .text-bereich-article p { margin-top:1000px; -webkit-transition:all 600ms ease 0s;-moz-transition:all 600ms ease 0s;-o-transition:all 600ms ease 0s;transition:all 600ms ease 0s;}
*/
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope a:hover { text-decoration:none; }
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.portfolioContainer .vorschau { width: 100%; min-height: 0px;}

.portfolioContainer .vorschau-text { position: absolute;bottom: 20px;left: 5px;text-align: center;width: 100%;padding: 0 10px;
box-sizing: border-box; text-shadow: 0px 0px 5px rgba( 0,0,0,0.5); }
.portfolioContainer .vorschau-text a {color: #fff; font-size: 15px; line-height: 22px; display:block;}

.toggle-section { position: relative;}
.filter-button { width: 230px; border: 1px green solid; padding: 10px 10px; curser: pointer!important; margin: 5px; float: left; font-size: 19px; font-weight: bold;}
.filter-button a { display: block;  font-size: 19px; font-weight: bold;}

.filter-button-filter  a { width: 230px; border: 1px green solid; padding: 10px 10px; curser: pointer!important; margin: 5px; float: left; font-size: 19px; font-weight: bold;color: #fff;  background-color: green;display:block;}
.filter-toggle { display: none; position: absolute;
width: 470px; 
border: 1px solid green;
bottom: 16px;
z-index: 100;
padding: 20px;
left: 5px;
background-color: #fff;}

/*----Veranstaltungen-----*/


.veranstaltungstext { max-width: 1000px; margin: 0 auto; text-align: center;padding-bottom: 50px;}

.varanstaltungs-gallerie { 
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
    -webkit-flex-flow: row wrap;
  flex-flow: row wrap;  
  justify-content: center; 
  list-style: none;}
.entry ul.varanstaltungs-gallerie li { list-style: none!important; width: 33.333%; float: left; margin-left: 0px; padding: 10px;  max-height: 300px; overflow:hidden ;  box-sizing: border-box}
.entry ul.varanstaltungs-gallerie li img { object-fit: cover; height: 100%; width: 100%;}
.entry ul.varanstaltungs-gallerie li:first-child { width: 50%; float: left; max-height: 450px; }
.entry ul.varanstaltungs-gallerie li:nth-child(2) { width: 50%;  max-height: 450px; }
/*------------------------Single-------------------------*/
.single-section-top {padding-bottom:50px; }
.single-logo-mitglied {width: 100%; text-align:center;     padding-bottom: 30px;    padding-top: 60px;}
.single-logo-mitglied img { max-height: 170px; width: auto;}
.single-bilder-mitglieder, .single-info-mitglieder { width: 48%; position: relative; min-height: 355px;}
.single-info-mitglied { margin-top: 20px;}
.mitglied-text { float: right; margin-bottom: 60px; width: calc(100% - 170px);}
.mitglied-text#mitglied-text-float-none { float: none;}
.single-beitragsbild { width: 100%; max-height: 340px; overflow:hidden ;  display: flex; flex-direction: column; justify-content: center;margin-bottom: 40px}
.single-beitragsbild img { width: 100%;  }
.single-mehr-bilder { width: 48%;overflow:hidden; display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: block;-webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;justify-content:center;max-height:370px; margin: 0 auto;}
.single-mehr-bilder img { width: 100%; object-fit: cover;  }
.single .single-info-mitglied { padding: 20px 60px 40px 60px;}
.single .single-info-mitglied h3 { width: 100%; max-width: 100%}
.single .mitglieder-beschreibung { text-align: center;padding-bottom: 40px;     font-size: 20px;    color: #000;    line-height: 25px; font-weight: 500; font-family: 'Sarala', sans-serif;}
ul.bildmaterial_liste_mitglied li {float: left; list-style:none; width: 31.2%;overflow:hidden ;  display: flex; flex-direction: column; justify-content: center; max-height: 340px; margin: 40px 5px 0 5px; }
ul.bildmaterial_liste_mitglied li:first-child {     margin-left: 4.5%;}

ul.bildmaterial_liste_mitglied li:last-child(odd) { margin-right: 10px;}





/*Maps*/
.acf-map {
	width: 100%;
	height: 570px;
	border: #ccc solid 1px;
}

.single-mitglieder_stadt h4, .single-mitglieder_stadt h5 { padding-bottom: 0px;}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
img { line-height: 0px;}




/*----------------------- Footer -----------------------*/
#footer-wrap				{ width:100%; height:auto; background-color: #6db528;  color: #fff; line-height:29px}
#footer-wrap a { color: #fff;}
#footer					{ max-width:1500px; height:auto; margin:0 auto; padding:50px 30px 50px 30px; }
#footer a { opacity: 1;}
#footer a:hover { opacity: 0.6;}


.footer-section-left { max-width: 690px; width:80%; float: left;}

.footer-slogan {font-size: 25px; padding-bottom: 50px; }
.footer-addi  { width: 45%; max-width: 330px; float: left; margin-right: 3%}
.footer-contact { width: 50%; float: left;}

.footer-social-and-nav-section { width: 100px; float: right; margin-right: 10%;}
.footer-social-wrap { width: 120px; padding-bottom: 40px; }

.footer-social-wrap img { height: 30px; width: auto;}
.footer-social { margin-right: 30px; float: left;}

#footer ul { }

/*----------------------- Kontakt ----------------------*/

.contactform-anordnung { width: 80%; margin: 0 auto; max-width: 815px; }
.contactform-halb { width: 40%; text-align: left;}
.captcha-image .cf7ic_instructions span { color: #6db528!important; }
.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg { border: 2px solid #6db528!important; }
input.wpcf7-text 	{ font-family: 'Sarala', sans-serif;  background-color: #fff; border: 2px solid #6db528; color: #3A302F; font-size: 14px; line-height: 24px; margin-bottom: 28px!important; width: 100%;}
.wpcf7-text 		{ padding: 0.4em 20px 0.4em 20px; width: 100%; box-sizing: border-box;}
textarea.wpcf7-textarea {font-family: 'Sarala', sans-serif;  background-color: #fff; border: 2px solid #6db528; color: #3A302F; font-size: 14px; line-height: 24px; margin-bottom: 15px;}
.wpcf7-textarea 	{ padding: 0.4em 20px 0.4em 20px; width: 100%; min-width: 100%; max-width: 100%; height: 107px; min-height: 100px; max-height: 107px; box-sizing: border-box;}


.wpcf7-submit:hover 	{ cursor: pointer; color: #000; font-weight:bold; background-color: #fff; background-image: url(images/Ahrensburger-Stadforum-arrow3.png); background-size: 11px 22px; background-repeat: no-repeat; background-position: left;  -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; border: none;}

input.wpcf7-submit 	{font-family: 'Sarala', sans-serif; background-color: #fff; border: none; color: #000; background-image: url(images/Ahrensburger-Stadforum-arrow3.png); background-size: 10px 20px; background-repeat: no-repeat; background-position: left;  font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 15px; text-align:left;margin-top: 20px;}

.wpcf7-submit { padding: 0.72em 20px; width: 100%; box-sizing: border-box; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }

/*
#mitglied_werden input.wpcf7-text  , #mitglied_werden textarea.wpcf7-textarea{border: none;} 

#mitglied_werden input.wpcf7-submit { background-color: transparent; color: #fff;}
*/
#mitglied_werden a { font-family: 'Sarala', sans-serif; color: #000; background-image: url(images/Ahrensburger-Stadforum-arrow3.png); background-size: 11px 22px; background-repeat: no-repeat; background-position: left; padding-left: 20px; text-align:left; font-size: 14px;}
#mitglied_werden a:hover { color: #6db528;}


.impressum										{height:120px; overflow-y:scroll; padding-right:25px; margin-top:20px;}




ul.bildmaterial_liste_mitglied li:first-child {     margin-left: 4.5%;}

@media screen and (max-width: 1510px) { ul.bildmaterial_liste_mitglied li:first-child {margin-left:0;}
}
@media screen and (max-width: 1150px) {
.nav-mittig								{display:none;}
#branding {     top: 22px;    padding-bottom: 4px;}
}
@media screen and (max-width: 1110px) {


	.blog-content h4 { float: none; width: 100%;}
	.mitglied-text { float:none; padding-left: 20px; width: 100%;}
	
	}
@media screen and (max-width: 1024px) {
	.dreier-spalten { width: 100%; float: none; }
	ul.nice-list-style2 li { width: 30%; float: left;}
	.tourismus-item { float: none; width: 100%;}
	h2.widgettitle {font-size: 1.2em;}
	
.gruener-kasten-wrap, .gruener-kasten2-wrap {     padding: 50px 80px;}
}
@media screen and (max-width: 960px) {
	.archive-termine-datum { width: 50%;}
	.archive-termine-ort { width: 50%;}
	.archive-termine-excerpt  { width: 100%}
	.footer-section-left { width: 70%;}

}
@media screen and (max-width: 915px) {
	.dreier-spalten li.zu50percent { width: 45%;}
	#front-page-terminsliste li { width: 47%; margin-right: 6%; float: left}
	#front-page-terminsliste li:nth-child(2n) { margin-right: 0px;} 
	.dreier-spalten li.zu50percent:nth-child(2n) { margin-right: 0px;}
	.dreier-spalten li.zu100percent { width: 100%; margin-right: 0px;}
	.footer-social-and-nav-section { margin-right: 5%; width: 60px}
	.footer-addi { width: 100%; margin-right: 0px; float: none; margin-bottom: 20px;}
	.footer-contact { width: 100%; float: none; }
	.front-page-text#start-jetzt-mitglied-werden { min-height: 220px; }
}
@media screen and (max-width: 880px) {
.page-template-home .post-vorschau, .category .post-vorschau, .archive .post-vorschau { width: 100%; float: none; margin: 0px;}
.page-template-home .blog-content, .category  .blog-content, .archive .blog-content, .page-template-archive-veranstaltungen .blog-content {padding-right: 20px;}
.button-group 	{ width: 100%;}

.page-template-archive-veranstaltungen .beitragsbild { float: none;}
}
@media screen and (max-width: 830px) {
	ul.nice-list-style2 li { width: 45%; float: left;}
}
@media screen and (max-width: 768px) {
	.page-template-archive-veranstaltungen .vorschau-text { width: 100%; float: none; }
	.vergangene_veranstaltungen .archive-vorschau{ width: 100%; float: none; }
.single-bilder-mitglieder.rechts, .single-info-mitglieder.links {  width: 100%;}
.gruener-kasten-wrap, .gruener-kasten2-wrap { padding: 80px 80px 80px 80px; background-image: none; }
.single-beitragsbild { margin-top: 50px;}
.entry img							{ max-width:100%; height:auto;}
.kontakt-speechbubble-img img { 	width: auto;
	height: 40px;}

.nachrichtenfelder						{ float:inherit; width:92%;}
#nachricht							{ padding:0.8em 4% 0.8em 4%;}
.page-template-home .blog-content, .category  .blog-content, .archive .blog-content, .page-template-archive-veranstaltungen .blog-content {width: 100%; float: none;}
.sidebar { width: 100%; margin-bottom: 20px;}
#sidebar li { width: 50%; float: left; }
#sidebar li ul li { width: 100%; float: none;}
.headimg-wrap { margin-top: 25px;}
h1, .blog-content h1 { padding-top: 50px;}
#header { min-height: 30px; }
.single-bilder-mitglieder, .single-info-mitglieder { min-height: 0px; }
.empty-weg { display: none; }
.isotope-item img { height: 230px; width: 230px; }

}


@media screen and (max-width: 700px) {
ul.nice-list-style2 li { width: 100%; float: none;}
	.page-template-archive-termine .beitragsbild { width: 100%; float: none; max-width: 100%;}
	.page-template-archive-termine .vorschau-text {width: 100%; float: none; margin-left: 0px;}
	.archive-termine-datum, .archive-termine-excerpt {padding-left: 0px}
	.wannundwo-termine { padding-left: 0px; width: 100%;}

	}
@media screen and (max-width: 670px) {
	.dreier-spalten li { width: 100%; float: none; margin-right: 0px;}
	.dreier-spalten li.zu50percent { width: 100%; float: none; margin-right: 0px;}
.contactform-halb.links, .contactform-halb.rechts { width: 100%!important; float: none!important;}
	#front-page-terminsliste li { width: 100%; margin-right:0px; float: none}
	h1, h2 {font-size: 35px;line-height: 50px; }
	.page-template-archive-veranstaltungen .beitragsbild { width: 100%; margin-right: 0px}
	.button-group2 { width: 100%;}
	ul.bildmaterial_liste_mitglied li { width: 100%; float: none; }
	.single-mehr-bilder { width: 100%; margin-bottom: 40px}
}

@media screen and (max-width: 500px) {
	.single-mehr-bilder.rechts, .single-mehr-bilder.links {width: 100%; float: none; margin-bottom: 20px;}
	#sidebar li { width: 100%; float: none; }
	.archive-veranstaltungen-datum { width: 100%; float: none;}
	.archive-veranstaltungen-excerpt { width: 100%; float: none; padding-left: 0px;}
	.page-template-archive-veranstaltungen .vorschau-text { margin-left: 0px}
	.circle-wrap {    margin-top: -27px;}
	.circle {    height: 70px;    width: 70px;     background-position: 16px 24px;}
	.footer-section-left { width: 100%; float: none; margin-bottom: 50px;}
	.footer-social-and-nav-section { width: 100%; float: none; }

	}
@media screen and (max-width: 450px) {
.contactform-anordnung { width: 100%;}
.archive-termine-datum, .archive-termine-ort { width: 100%;padding-left: 0px; } 
.single .single-info-mitglied { padding: 20px 0px 40px 0px;}
.gruener-kasten-wrap, .gruener-kasten2-wrap {     padding: 50px 30px;}
#tourismus-empty-field { height: 120px!important;}
.single .single-info-mitglied h3 {     font-size: 25px;     line-height: 35px;}
	h1, .blog-content h1 { font-size: 25px;    line-height: 35px; }
}

.vc_custom_1502351250171, .background-position-bottom { background-position: left bottom!important; background-repeat: no-repeat!important;}


/**/


.blog #content ul li { width: calc(33% - 40px); float: left; margin-right: 40px; min-height: 900px; }

.blog .blog-content				{ width:100%; height:auto; }

.blog-content_single		{ width:100%; height:auto; margin-right:0%  }

.blog .sidebar					{ width:27%; height:auto; }

.blog .sidebar_single				{ width:100%; height:auto;  }

.blog .sidebar ul li.widget		{ margin-bottom:3em;}

.blog .post-vorschau							{ background-color:#f2f2f2; margin:0 3% 3% 0; position:relative; }
.blog .home-weiter-btn { position: absolute; bottom: 30px;     width: calc(100% - 40px);    text-align: center;}
.blog .post-vorschau img			{ display:block; min-width:100%;  }

.blog .blog-content li:nth-child(2n) .post-vorschau { margin:0 0 3% 0; }

.blog .vorschau					{ width:20%; height:auto; min-height:100px; overflow:hidden; margin-right:20px; background:url('images/thumbnail.jpg') center center #dfdfdf;}

.blog div.vorschau-text			{     padding: 30px 20px 120px 20px; min-height: 550px}

.blog .thumbnail_holder { width: 100%; height: auto; overflow: hidden;     max-height: 250px;
    object-fit: contain; }

.blog .thumbnail_holder img	{ -webkit-transition:all 600ms ease 0.5s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;  }

.blog .thumbnail_holder:hover img	{ 	-ms-transform-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);-webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;  }

.blog #news-content li:hover .thumbnail_holder img	{ 	-ms-transform-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);-webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;  }


.blog .blog-content li:hover .thumbnail_holder img	{ 	-ms-transform-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);-webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;  }

@media screen and (max-width: 1300px) { 
	.blog #content a.btn { min-width: 1px; width: calc(100% - 40px); }
}

@media screen and (max-width: 1024px) { 
	.blog #content ul li { width: calc(50% - 40px); }

}

@media screen and (max-width: 770px) { 
	.blog .sidebar { width: 100%; margin-bottom: 40px;}
	.blog #content ul li { width: 100%; margin-right: 0px; min-height:1px; }
	.blog div.vorschau-text { min-height: 1px;}
	.blog .blog-content { width: 100%; margin-right: 0;}

}
@media screen and (max-width: 555px) { 
	.isotope-item { width: 100% }
	.isotope-item img { width: 100%; height: 360px; }
	.overlay { width: 100%; }
}
@media screen and (max-width: 425px) { 

.blog .home-weiter-btn a.btn { min-width: 50px; width: 100%}
}

/*---Mitglieder neu--*/
.mitgliederliste li { padding-bottom: 0px!important; margin-left: 0px!important; list-style: none!important; display: inline-block!important; color: #fff; }
.mitgliederliste li::after { content: ", "; position: relative; left: -3px;}
.mitgliederliste li:last-child::after { content: ""; }


.mobile--menu-item{
		display:none;
}
@media screen and (max-width: 1150px) { 
	.mobile--menu-item{
		display:block;
		padding-top:5px;
	}
	#branding{
		justify-content: space-between;
		align-items: center;
		top: 0px;
	}
	a#xing-icon-header .xing-icon , a#facebook-icon-header .facebook-icon{
		margin-top: 5px;
	}


}