body{
	background-color: #fff;
}
.no_scroll{
	height: 100vh;
	overflow: hidden;
}
.bild_full{
	width: 100%;
	height: 650px;
	background-repeat: no-repeat;
	background-size: cover;
}
.slogan{
	position: absolute;
	z-index: 99;
	bottom: 80px;
}
.slogan_left{
	left: 80px;
	text-align: left;
}
.slogan_left h1, .slogan_left h2{
	text-align: left;
}
.slogan_right h1, .slogan_right h2{
	text-align: right;
}
.slogan_right{
	right: 80px;
	text-align: right;
}
.slogan .slidetitel{
	color:#fff;
	font-size:45px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.slogan .slideautor{
	color:#fff;
	font-size:30px;
	line-height: 1.5;
	text-transform: inherit;
	font-weight: 400;
}
.slogan .slideautor a{
	color:#fff;
	font-size:30px;
	line-height: 1.5;
	text-transform: inherit;
	font-weight: 400;
}
.slogan .slideautor a:hover{
	color:#fff;
}
.text_rot{
	font-weight:400;
	color:#8e0d2f;
	letter-spacing: 2px;
	padding-right: 25%;
}
.verlinkung{
	color: #fff;
	font-size: 16px;
	display: inline-block;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: #8E0D2F;
	padding: 3px 8px 2px;
	text-transform: uppercase;
	float:left;
	margin-right: 15px;
	border: 1px solid #8E0D2F;
}
.verlinkung:hover{
	color: #8E0D2F;
	background-color: #fff;
}
.kartenlink{
	color: #fff;
	font-size: 16px;
	display: inline-block;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: #8E0D2F;
	padding: 3px 8px 2px;
	text-transform: uppercase;
	border: 1px solid #8E0D2F;
}
.kartenlink:hover{
	color: #8E0D2F;
	background-color: #fff;
}
.juicer-ad, .referral{
	display: none!important;
}
.j-poster{
	display: none;
}
.juicer-feed.white li.feed-item, .juicer-feed.user li.feed-item, .juicer-feed.juicer-widget li.feed-item, .juicer-feed.colors li.feed-item, .juicer-feed.gray li.feed-item, .juicer-feed.modern li.feed-item, .juicer-feed.polaroid li.feed-item{
	border-width: 0 0 0 0;
}
.juicer-feed .j-paginate{
	color: #fff;
	background-color: #8E0D2F;
	border:0;
	font-size: 16px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	padding: 3px 8px 2px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;  
	font-weight: 500;
	border: 1px solid #8E0D2F;
}
.juicer-feed .j-paginate:hover{
	color: #8E0D2F;
	background-color: #fff;
	border: 1px solid #8E0D2F;
}
.juicer-feed, .juicer-feed.modern .j-message{
	color:#000000!important;
	font-weight: normal!important;
}
.juicer-feed.modern .j-text{
	border:1px solid #999;
	border-top: 0;
}
.news_grid {
    width: calc(50% - 20px);
    margin: 0 0 60px;
    float: left;
}
.newswrap{
	width: 100%;
	height: auto;
}
.newswrap_inner{
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #efefef;
	width: 100%;
	height: 350px;
}
.newslist_info{
	width: 100%;
	padding: 15px 0 0;
	font-size: 26px;
}
.newslist_info h3{
	margin-bottom: 5px;
}
.untertitel{
	text-transform: uppercase;
}
.newslist_info .untertitel{
	font-size: 22px;
}
.eventicon{
	margin: 15px;
}
.newslink{
	color: #fff;
	font-size: 16px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: #8E0D2F;
	padding: 3px 8px 2px;
	text-transform: uppercase;
	border: 1px solid #8E0D2F;
}
.newslink:hover{
	color: #8E0D2F;
	background-color: #fff;
}
.breadcrumb{
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 200px;
}
.breadcrumb_single{
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 40px;
}
.singletitel{
	margin-bottom:10px;
}
h3.untertitel, h3.zusatzinfo{
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;  
	color: #434343;
	font-weight: 300;
	line-height:1.5;
	font-size:25px;
	margin: 0px;
	letter-spacing: 0;
}
.grey{
	background-color:#f5f5f5;
}
.person{
	font-weight:500;
	margin: 0;
}
.charakter_info{
	margin-bottom:10px;
}
.infopin{
	float:left;
	margin-right: 10px;
	width: 40px;
	height: auto;
	position: relative;
}
.platzhalter_infopin{
	height: 40px;
}
.pinicon{
	line-height: 0;
	margin: 0;
}
.pininfo{
	font-size: 14px;
	display: none;
	max-width: 220px;
	width:220px;
	position: absolute;
	left: 0;
	top: 50px;
}
.icon1:hover + .verkauf{
	display: block;
}
.icon2:hover + .besichtigung{
	display: block;
}
.icon3:hover + .weinhoefe_erleben{
	display: block;
}
.icon4:hover + .kulinarik{
	display: block;
}
.icon5:hover + .verkostung{
	display: block;
}
.icon6:hover + .uebernachtung{
	display: block;
}
.adressinfo{
	border-bottom:1px solid #434343;
	border-top:1px solid #434343;
	padding: 30px 0;
	font-size: 20px;
}
.adressinfo p{
	margin:0;
}
.adresse_left{
	float:left;
	width: 60%;
	margin-right: 40px;
	text-align: left;
}
.daten_rechts{
	float: right;
}
.adresse_social{
	float:left;
	width: auto;
	margin-right: 40px;
	text-align: right;
	line-height: 0;
}
.adresse_social a{
	margin-left: 10px;
	display: inline-block;
}
.adresse_karte{
	float:right;
	width: auto;
	text-align: right;
}
.beschreibung{
	font-size:22px;
}
.icon_grid {
    width: calc(50% - 20px);
    margin: 0 0 20px;
    float: left;
	background-color: #efefef;
}
.iconwrap{
	width: 100%;
	height: auto;
	padding: 15px;
}
.pin{
	float:left;
	margin-right: 15px;
	width: 50px;
	height: auto;
	line-height: 0;
}
.serviceinfo{
	float:left;
	width: calc(100% - 65px);
	padding-top: 10px;
	text-transform: uppercase;
	font-size:22px;
}
.weinliste{
	background-color: #8e0d2f;
	color:#fff;
	width: 50%;
	float: left;
	display: table;
}
.weinliste_inner{
	display: table-cell;
	vertical-align: middle;
	padding: 40px;
	padding-left: 80px;
	font-size:20px;
}
.weinliste h3{
	color:#fff;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.weinimage{
	float: left;
	width: 50%;
	height: auto;
	line-height: 0;
}
.weinbezeichnung{
	padding-bottom:10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}





.version4{
	position:relative;
}
.anislide_1{
	position:absolute;
	left:40px;
	width: 40px;
	height:40px;
	z-index: 9;
	top:20px;
}
.anislide_2{
	position:absolute;
	left:40px;
	width: 40px;
	height:40px;
	z-index: 9;
	top:225px;
}
.anislide_3{
	position:absolute;
	left:40px;
	width: 40px;
	height:40px;
	z-index: 9;
	top:430px;
}
.anislide_4{
	position:absolute;
	left:40px;
	width: 40px;
	height:40px;
	z-index: 9;
	top:635px;
}
.anislide_5{
	position:absolute;
	left:40px;
	width: 40px;
	height:40px;
	z-index: 9;
	top:840px;
}
#wrapper {
  	position: absolute;
	top:20px;
	left:40px;	
	z-index: 9;
}
#float {
  	position: absolute;
  	-webkit-animation: floatBubble 20s infinite normal linear;
  	animation: floatBubble 20s infinite normal linear;
	color:#fff;
	left:60px;
}
#slideset6 {
  	position: absolute;
  	left: 90px;
	color:#fff;
}
#slideset6 a{
	color:#fff;
}
#slideset6>* {
  	opacity: 0.0;
  	animation: 20s autoplay6 infinite linear;
  	position: relative;
	width:300px;
	font-size: 20px;
}
#slideset6>*:nth-child(1) {
  	animation-delay: 0s;
  	top: 5px;
}
#slideset6>*:nth-child(2) {
 	animation-delay: 4.2s;
  	top: 180px;
}
#slideset6>*:nth-child(3) {
  	animation-delay: 9.5s;
  	top: 355px;
}
#slideset6>*:nth-child(4) {
  	animation-delay: 14.8s;
  	top: 530px;
}
#slideset6>*:nth-child(5) {
  	animation-delay: 20s;
  	top: 705px;
}

@keyframes autoplay6 {
  0% {
    opacity: 0.0
  }
  4% {
    opacity: 1.0
  }
  12% {
    opacity: 1.0
  }
  30% {
    opacity: 0.0
  }
  100% {
    opacity: 0.0
  }
}

@-webkit-keyframes floatBubble {
	0% {
    	top: 20px;
  	}
  	100% {
    	top: 820px;
  	}
}

@keyframes floatBubble {
	0% {
    	top: 20px;
  	}
  	100% {
    	top: 820px;
  	}
}


.suchbild{
	background-size:cover;
	background-repeat: no-repeat;
	padding: 0!important;
}
.suche1{
	float:left;
	width: 50%;
	padding: 100px 40px 200px 100px;
	position: relative;
}
.suchenbox{
	position:absolute;
	background-color: #fff;
	padding: 20px;
	bottom:40px;
	left:100px;
	/*width: calc(200% - 200px);*/
	width:100%;
}
.suche2{
	float:left;
	width:50%;
	padding: 100px 100px 0 40px;
	text-align: right;
}
.suchhoflink{
	background-color:#fff;
	font-size: 16px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	padding: 3px 8px 2px;
	text-transform: uppercase;
	border: 1px solid #fff;
}
.newslink:hover{
	color: #8E0D2F;
	background-color: #fff;
}
.suchtitel{
	text-align: left;
	color:#fff;
	font-size:40px;
}
.suchtext{
	color:#fff;
	text-align: left;
	font-size:26px;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	.suche1{
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		background: rgba(255,255,255,0.1);
	}
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
	.suche1{
		background: rgba(0,0,0,0.3);
		/*background-image: url('https://www.fws.it/wp-content/themes/effekt/images/blur.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;*/
	}
}

.suchenbox select{
	margin: 0;
	/*width: calc(35% - 40px);*/
	width: calc(80% - 40px);
	padding: 5px 35px 5px 5px;
	font-size: 16px;
	border:0;
	background-color: #fff!important;
	border-bottom: 1px solid #CCC;
	height: auto;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(https://www.fws.it/wp-content/themes/effekt/images/pfeil_unten.svg) 95% / 5% no-repeat #EEE;
}
.suchenbox_button{
	width:40px;
	height: 40px;
	float: right;
}

/* CAUTION: Internet Explorer hackery ahead */
select::-ms-expand {
    display: none; /* Remove default arrow in Internet Explorer 10 and 11 */
}
/* Target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background: none\9;
        padding: 5px\9;
    }
}

.suche_select{
	width:100%;
	margin-bottom: 30px;
}
.suche_select select{
	margin: 0;
	width: calc(25% - 6px);
	padding: 5px 35px 5px 5px;
	font-size: 16px;
	border:0;
	background-color: transparent!important;
	border-bottom: 1px solid #CCC;
	text-transform: uppercase;
	height: auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(https://www.fws.it/wp-content/themes/effekt/images/pfeil_unten.svg) 95% / 5% no-repeat #EEE;
}
.suche_button{
	color: #fff;
	font-size: 16px;
	display: inline-block;
	-webkit-border-radius: 16px 16px 16px 16px;
	border-radius: 16px 16px 16px 16px;
	background-color: #8E0D2F;
	padding: 8px 15px 7px 50px;
	text-transform: uppercase;
	float: left;
	margin-right: 15px;
	border: 1px solid #8E0D2F;
	background-image: url(https://www.fws.it/wp-content/themes/effekt/images/suche.svg);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 26px;
}
.suche_button:hover{
	color: #8E0D2F;
	background-color: #fff;
	border: 1px solid #8E0D2F;
	background-image: url(https://www.fws.it/wp-content/themes/effekt/images/suche_hover.svg);
}
.search_select{
	width:100%;
	margin-bottom: 30px;
}
.search_select select{
	margin: 0;
	width: 100%;
	padding: 5px 35px 5px 5px;
	font-size: 16px;
	border:0;
	background-color: transparent!important;
	border-bottom: 1px solid #CCC;
	text-transform: uppercase;
	height: auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(https://www.fws.it/wp-content/themes/effekt/images/pfeil_unten.svg) 99% / 15px no-repeat #EEE;
}

.suche_button:hover{
	color: #8E0D2F;
	background-color: #fff;
}
.listenlink{
	float:right;
	margin: 5px 20px 0;
	font-size: 20px;
	text-transform: uppercase;
}
.searchlistenlink{
	margin: 0;
	font-size: 20px;
	text-transform: uppercase;
	color: #8E0D2F;
}
.deactivelink{
	color:#ccc!important;
}
.liste{
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px;
	background-image: url(https://www.fws.it/wp-content/themes/effekt/images/listenansicht.svg);
}
.karte{
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px;
	background-image: url(https://www.fws.it/wp-content/themes/effekt/images/kartenansicht.svg);
}
.kartenbutton{
	position:relative;
	border: 0;
	background-color: transparent;
	font-weight: 200;
}
.kartenbutton:hover{
	cursor:pointer;
}
.search_links p{
	margin:0;
}
.zwischenmargin{
	margin-right:40px;
}
.result_anker{
	float:right;
	margin-top: 40px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-right: 10px;
}
.start_overlay{
	background-color:rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	left:0;
	margin:0;
	width:100%;
	height: 100vh;
	z-index:99998;
}
.start_popup{
	background-color:#fff;
	position:absolute;
	top:25%;
	left:50%;
	margin-left:-300px;
	width:600px;
	z-index:99999;
	max-width:100%;
	padding:100px 60px 40px;
	font-size:18px;
	text-align: center;
	color: #000;
}
.close_button{
	display:block; 
	position:absolute; 
	right:30px; 
	top:30px; 
	z-index:1000000; 
}
.popup_content h3{
	color:#8e0d2f;
	text-transform: inherit;
}
.donotshow{
	display:none;
}
.anislidetitel{
	color:#fff;
	position: absolute;
	bottom: 0;
	right: 100px;
	font-size: 35px;
	text-align: right;
	max-width: calc(100% - 400px);
}


/* /////////////////// Weinhöfe besuchen /////////////////// */
.home_block {
	height: 100vh;
	overflow-y: scroll;
	width: auto;
	white-space: nowrap;
	display: block;
}
.block1, .block2{
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 100vh;
}
.block2{
	background-color: #f5f5f5;
}
.block3 {
    display: block;
    width: 100%;
    height: auto;
    padding: 60px 0 0;
}
.block3 .horizontal_box {
    width: 100%;
    display: block;
    margin-right: 0;
	padding: 0 40px!important;
}
.block3 .table_cell_div{
	padding:0!important;
}
.block3 .horizontal_box_karte{
	width:100%!important;
}
.startbild{
	height: 100vh;
	width: 50% !important;
	float: left;
	background-position: center;
}
.weinsuchbild{
	height: 100vh;
	width: 50vh !important;
	float: left;
	background-position: center;
	margin: 0!important;
}
.start_text{
	width: 50%;
	float: right;
	white-space: normal;
	text-align: left;
	height: 100%;
}
.start_text .breadcrumb{
	margin-bottom: 30px;
}
.start_text h1{
	text-align: left;
}
.start_text .breadcrumb{
	margin-top: 0;
}
.horizontal_box_karte{
	width: calc(100% - 500px);
	display: inline-block;
	vertical-align: middle;
	margin-right: 0;
	padding: 0;
}
.horizontal_box_karte:last-child{
	margin: 0 auto;
}
.horizontal_box{
	width: 450px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 50px;
}
.horizontal_box:last-child{
	margin: 0 auto;
}
.horizontal_box .news_grid{
	width: 100%;
	float: none;
	display: block;
}
.horizontal_box .news_grid:nth-child(2){
	margin: 0 auto;
}
.horizontal_box .newswrap_inner{
	height: 280px;	
}
.horizontal_box1{
	width: 1000px;
	padding: 20px;
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
}
.table_div{
	display: table;
	width: 100%;
	height: 100%;
}
.table_cell_div{
	display: table-cell;
	vertical-align: middle;
	padding: 0 50px;
	position: relative;
}

.link_leiste {
    background-color: #F5F5F5;
    text-align: center;
    margin-left: -20%;
    z-index: 5;
    position: relative;
    margin-top: 80px;
}
.link_leiste_links{
	float: left;
	width: calc(100% - 300px);
}
.link_box{
	float: left;
	width: 33.33%;
	padding: 20px 0;
}
.link_box:first-child, .link_box:nth-child(2), .link_box:nth-child(3){
	border-bottom: 1px solid #ccc;
}
.link_box a{
	display: block;
	border-right: 1px solid #ccc;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 19px;
}
.link_box:nth-child(3) a, .link_box:nth-child(6) a{
	border: none;
}
.link_box a:hover, .link_box.on a{
	color: #8E0D2F;
}
.link_leiste_rechts{
	width: 300px;
	float: right;
	display: table;
	height: 100%;
	border-left: 1px solid #ccc;
}
.link_leiste_rechts .link_box{
	width: 100%;
	float: none;
	border: none;
	display: table-cell;
	vertical-align: middle;
}
.link_leiste_rechts .link_box a{
	border: none;
	padding: 0;
	display: block;
}

.map_div{
	width:100%;
	max-width:100%;
	height: 900px;
}
.map_div_route{
	width:100%;
	max-width:100%;
	height: 900px;
	display: inline-block;
}
.routemap{
	width:100%;
	max-width:100%;
	height: 900px;
	display: inline-block;
}
.horizontal_box_karte{
	height:900px!important;
}
.red{
	color: #8E0D2F!important;
}
#freisuchform{
	padding-bottom:40px;
}
.free_search{
	padding:8px;
	width: 100%;
}
.element_mitglied{
	float:left;
	width: 24%;
	margin-right: 1%;
	margin-bottom: 1%;
	font-size: 13px;
}
.element_mitglied .untertitel{
	font-weight:bold;
	margin: 0;
}


.text-small {
    font-size: 50%;
}
.w3eden .h3, .w3eden h3 {
    font-size: 18px;
}
.w3eden .wpdm_icon {
    box-shadow: none;
    min-width: 35px;
    max-width: 35px;
    width: 35px;
}
.w3eden img {
    vertical-align: top;
    border-style: none;
    margin-right: 10px;
}
.w3eden .card img {
    display: none;
}
.w3eden .text-danger {
    color: var(--color-danger) !important;
    font-size: 18px;
}
#content_wpdm_package_1{
	display:none;
}
.mb-3.d-block{
	display:none;
}
.w3eden .col-12 {
    margin-bottom: 25px;
}
.w3eden .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.card-body .row {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.logoutlink{
	color: #fff;
	font-size: 16px;
	display: inline-block;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: #8E0D2F;
	padding: 3px 8px 2px;
	text-transform: uppercase;
	border: 1px solid #8E0D2F;
}
.logoutlink:hover{
	color: #8E0D2F;
	background-color: #fff;
}



.textwrap #wpgmza_map_1{
	height:1000px!important;
}


.topic-button-sticky, .pages-and-menu .forum-menu a:nth-child(2){
	display: none!important;
}


#wpgmza_map_3{
	margin-bottom:30px;
}
#directions_panel_3, #wpgmaps_directions_edit_3, #wpgmaps_directions_notification_3{
	padding: 0 40px;
}
.wpgmza-reset-directions{
	display: none!important;
}


/*the container must be positioned relative:*/
.autocomplete {
  	position: relative;
  	display: inline-block;
	width: 100%;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.autocomplete-items div {
  	padding: 10px;
  	cursor: pointer;
  	background-color: #fff; 
  	border-bottom: 1px solid #d4d4d4;
	font-size: 16px;
}
/*when hovering an item:*/
.autocomplete-items div:hover {
  	background-color: #e9e9e9; 
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  	background-color: DodgerBlue !important; 
  	color: #ffffff; 
}


.kontakt_karte{
	padding: 0;
	margin: 0;
}
.detail_karte{
	padding: 0;
	margin: 10px 0;
}

.resetsearch{
	font-size:16px;
}
.tourinfo{
	font-size: 11px;
	font-weight: 400;
}

.beginn-arrow{
	background-color: #8E0D2F;
    font-size: 30px;
    height: 35px;
    line-height: 0;
    right: 15px;
    text-align: center;
    bottom: 15px;
    vertical-align: middle;
    width: 35px;
	position:fixed;
	z-index: 999;
	display:none;
}
.beginn-arrow a, .beginn-arrow a:visited{
	display:block;
	color: #fff;
}
.beginn-arrow a:hover{
	color: #fff!important;
}
.rcb-sc-link{
    width:auto;
    margin: 0 10px 10px 0;
    display: inline-block;
}



/* ///////////////////// Abfalltrennung ///////////////////// */
.abfalltrennung_block{
	
}
.abfalltrennung_block h2{
	margin-bottom: 0px;
}

.abfalltrennung_block .grid{
	margin-top: 30px;
}

.trennungs_block{
	width: calc(50% - 20px);
	margin: 0 0 20px;
	float: left;
	background-color: #efefef;
	text-align: left;
	padding: 20px;
}
.trennungs_block .icon_box{
	float: left;
	margin-right: 15px;
	width: 50px;
	height: auto;
	line-height: 0;
}
.trennungs_block .beschreibung_block{
	float: left;
	width: calc(100% - 65px);
	font-size: 16px;
}
.trennungs_block .beschreibung_block span{
	display: block;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 18px;
}

.abfalltrennung_block h3{
	margin: 30px auto 0;
	font-weight: normal;
	font-size: 20px;
}




.accordion {
	background-color: #efefef;
	color: #434343;
	cursor: pointer;
	padding: 20px;
	width: 100%;
	border: none;
	outline: none;
	transition: 0.4s;
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.panel_acitve{
	max-height: none;
	transition: max-height 0.2s ease-out;
}