/*
Theme Name: DGHWi
Author: FORMLOS Berlin
Author URI: https://www.formlos-berlin.de/
Version: 3.1
Text Domain: formlos-skelett
*/

/* general */
 @import url("https://use.typekit.net/gcp0rem.css");


/*
https://xd.adobe.com/view/6e297f69-9146-47b5-8e70-55f4b1ab702e-3b7a/specs/
*/

:root {

	/* Colors: */
	--color-green: #CEE6D3;
	--color-orange: #FF8800;
	--color-orange-muted: #F5B264;
	--color-yellow: #FFD800;
	--color-grey-dark: #707070;
	--color-grey-light: #CED5DD;

	/* Fonts: */
	--font-int: interstate, sans-serif;
	--font-int-cn: interstate-condensed, sans-serif;

	/* Font Sizes

	14px =  .875rem
	18px = 1.125rem
	22px = 1.375rem
	30px = 1.875rem
	36px = 2rem
	42px = 2.625rem

	*/
}


*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
    font-size:100%;
	font-family: interstate, sans-serif;
    font-weight: 500;
	font-style: normal;
	color: #707070;
}

body.in-iframe #wpadminbar {
    display: none;
}

#wrapper{
    margin:0 auto;
    width:100%;
	padding-top: 8px;
}


#footercontent,
body.search #main,
body.single #main,
body.error404 #main{
    max-width:1600px;
	margin: 0 auto;
}

#main img,
#logo_container img{
	width:100%;
	height:auto;
}

#logo_container img.logo-signet{
	opacity: 0;
	height: 0;
	width: 0;
}

.logo-full,
.logo-signet{
	transition: all .3s;
}

#main{
    min-height: 600px;
}

.page #main,
.single #main,
.archive #main,
.single-stellenanzeige #main,
.single-veranstaltung #main{
	display:flex;
	margin:0 auto;
}

.fl-builder-content > .fl-row,
.page-template-default #main,
.single #main,
.archive #main,
.single-veranstaltung #main,
.single-stellenanzeige #main{
	max-width: 1600px;
	padding: 1rem 20px 0 20px;
}
.single #main,
.archive #main,
.single-veranstaltung #main,
.single-stellenanzeige #main{
	padding-left: 40px;
}

.page-template-default #main{
	padding-left: 0;
}

.page-template-default #main .fl-builder-content > .fl-row{
	padding: 0 20px;
}

.fl-builder-content > .fl-row-full-width{
	width: 100%;
	max-width: 100%;
	padding: 0;
}
.fl-builder-content > .fl-row-full-width .fl-row-fixed-width{
	padding: 0 20px;
}
.clear{
    clear: both;
    display: block;
}

/* typography */
p{
	margin-bottom: .75rem;
}

p,
#main li,
.fl-accordion-button,
td{
	line-height: 1.313rem;
	font-size: 1.125rem;
}
p,
#main .fl-builder-content .fl-rich-text li{
	line-height: 1.75rem;
}
#main .fl-builder-content .fl-rich-text li{
	margin-bottom: .5rem;
}

a.fl-accordion-button-icon,
a.fl-accordion-button-icon i{
	text-decoration: none;
}

h1,h2,h3,h4{
	margin-bottom: .75rem;
	color: #000;
	font-family: interstate-condensed, sans-serif;
}

h4{
	font-family: interstate, sans-serif;
}

h1,
.h2-l h2,
.h3-l h3,
.h4-l h4{
    font-size: 2.25rem;
}

h2,
.h1-m h1,
.h3-m h3,
.h4-m h4 {
    font-size: 1.875rem;
}

h3,
.h1-s h1,
.h2-s h2,
.h4-s h4{
    font-size: 1.375rem;
}

h4,
.h1-xs h1,
.h2-xs h2,
.h3-xs h3{
    font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: .84px;
}

.h1-xl h1,
.h2-xl h2,
.h3-xl h3,
.h4-xl h4,
.h1-xxl h1,
.h2-xxl h2,
.h3-xxl h3,
.h4-xxl h4{
    font-size: 2.625rem;
	text-transform: none;
	letter-spacing: normal;
}

.h1-xxl h1,
.h2-xxl h2,
.h3-xxl h3,
.h4-xxl h4{
    font-size: 3.438rem;
}

a{
	text-decoration:none;
}

#dghwi-sidebar a{
	color: #707070;
}

ul, ol{
    padding-left:20px;
    margin-bottom:.75em;
}

a{
	color : #FF8800;
	font-weight: bold;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

input[type=button]{
  -webkit-appearance: none;
}
#skip{
	_display:none;
	position:absolute;
	top:-1000px;
}
#skip:focus{
	_display:block;
	top:20px;
	z-index:30;
	background-color:lightgray;
	padding:10px 20px;
}

blockquote,
blockquote p{
	padding:20px;
	font-style: italic;
}
.fl_fixed{
    position: fixed;
    z-index: 100;
    top: 0;
	border-bottom: #CED5DD solid 4px;
}

.fl_fixed #meta-nav-wrapper {
	padding-top: .5rem;
}

.font-small p{
	font-size:1rem;
}

/* header */
#wrapper > header{
	width:100%;
    background-color: #fff;
	padding-bottom: 1rem;
}

.header_inner{
	position: relative;
	width:100%;
	max-width:1600px;
	margin:0 auto;
	padding:0 40px;
}

#logo_container{
    float: left;
	width: 230px;
	max-width: 100%;
	padding-top: 18px;
}

.fl_fixed #logo_container{
	width: auto;
}

#meta-nav-wrapper{
	float:right;
}

nav#main-nav{
	padding-top: 3rem;
	margin-left: 230px;
}

nav#main-nav > div{
	padding-left: 2rem;
}

nav#meta-nav-wrapper ul,
nav#main-nav ul{
	font-family: interstate-condensed, sans-serif;
    list-style-type: none;
	display:flex;
    padding-left:0;
    justify-content: flex-end;
    margin-bottom:0;
	line-height: 1em;
}

nav#meta-nav-wrapper ul li,
nav#main-nav ul li{
	display:block;
	text-align: center;
	white-space: nowrap;
}

nav#meta-nav-wrapper ul li{
	font-size: 1.125rem;
}

.fl-builder-ie-11 .menu-meta-navigation-container ul li.icon-facebook a{
	background-size:12px 20px;
}
.fl-builder-ie-11 .menu-meta-navigation-container ul li.icon-twitter a{
	background-size:20px 18px;
}
.fl-builder-ie-11 .menu-meta-navigation-container ul li.icon-instagram a{
	background-size:20px auto;
}
.menu-meta-navigation-container ul li.icon-facebook a,
.menu-meta-navigation-container ul li.icon-twitter a,
.menu-meta-navigation-container ul li.icon-instagram a{
	display: inline-block;
	width: 20px;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

nav#meta-nav-wrapper ul li.icon-facebook a span,
nav#meta-nav-wrapper ul li.icon-twitter a span,
nav#meta-nav-wrapper ul li.icon-instagram a span{
	display: none;
}

.menu-meta-navigation-container ul li.icon-instagram a,
#footer-widgets a.icon-instagram{
	background-image: url("img/icon-instagram.svg");
}

.menu-meta-navigation-container ul li.icon-facebook a,
#footer-widgets a.icon-facebook{
	background-image: url("img/icon-facebook.svg");
}

.menu-meta-navigation-container ul li.icon-twitter a,
#footer-widgets a.icon-twitter{
	background-image: url("img/icon-twitter.svg");
}

nav#meta-nav-wrapper ul li.suche,
.mobile_nav_container #suche-header,
#suche-sidebar input{
	background-image: url("img/icon-suche-header.svg");
	background-repeat: no-repeat;
	background-position: 5px center;
	border-radius: 10px;
	padding-left: 25px;
}
nav#meta-nav-wrapper ul li.suche,
.mobile_nav_container #suche-header{
	background-color: #CED5DD;
	padding-right: .5rem;
	border: 2px solid #CED5DD;
}

#suche-header{
	display: none;
}

#suche-header-input,
#suche-header-input:focus,
#suche-footer-input,
#suche-footer-input:focus{
	background-color: transparent;
	border: none;
	outline: none;
	padding: .25rem;
	font-family: interstate-condensed, sans-serif;
	font-size: 1.06rem;
	color: #707070;
}
#suche-footer-input,
#suche-footer-input:focus{
	border-radius: 10px;
	padding-left: 50px;
	background: url('img/icon-suche-footer.svg') no-repeat 10px center #CED5DD;
	line-height: 40px;
}

#suche-header label,
#suche-sidebar label,
#suche-footer label{
	display: none;
}
#suche-sidebar input,
#dghwi-sidebar #loginform input.input{
	font-family: interstate, sans-serif;
	font-size: .875rem;
	padding: .5rem .5rem .5rem 30px;
	border: 2px solid #fff;
	width: 100%;
	border-radius: 10px;
}

#suche-sidebar input:focus,
#dghwi-sidebar #loginform input.input:focus{
	outline: none;
	border: solid 2px #707070;
}

#dghwi-sidebar #loginform input.input{
	padding-left: .5rem;
}

#dghwi-sidebar #loginform .login-submit{
	margin-bottom: 0;
}

nav#main-nav ul li a{
    width:100%;
    display:block;
	text-decoration: none;
	color: #707070;
}

nav#main-nav ul.menu > li{
	border-bottom: 4px solid #fff;
	position: relative;
}

nav#main-nav ul.menu > li > a{
	font-size: 1.375rem;
    padding: 10px 20px;
}

nav#main-nav ul li:hover a,
nav#main-nav ul li a:focus,
nav#main-nav ul li.current-menu-item a,
nav#main-nav ul li.current-page-ancestor a,
nav#main-nav ul li ul.sub-menu li:hover a,
nav#main-nav ul li ul.sub-menu li a:focus,
nav#main-nav ul li ul.sub-menu li.current-menu-item a{
    text-decoration:none;
}

nav#main-nav ul.menu > li:hover,
nav#main-nav ul.menu > li.current-menu-item,
nav#main-nav ul.menu > li.current-page-ancestor,
.mobile_nav_container ul#menu-hauptnavigation-1 > li.current-menu-item > a,
.mobile_nav_container ul#menu-hauptnavigation-1 > li.current-menu-ancestor > a{
	border-bottom: 4px solid #CEE6D3;
}

nav#main-nav ul.menu > li:first-child > a{
    padding:10px 20px 10px 0;
}
nav#main-nav ul.menu > li:last-child > a{
    padding:10px 0px 10px 20px;
}

nav#main-nav ul li ul.sub-menu{
    display:none;
	background-color: #fff;
	padding: .5rem;
	z-index: 50;
	font-family: interstate-condensed, sans-serif;
	font-weight: normal;
	border: 4px solid #CEE6D3;
}

nav#main-nav ul li:hover > ul.sub-menu,
nav#main-nav ul li a:focus ~ ul.sub-menu{
    display:block;
    position:absolute;
	top: 36px;
	min-width: 100%;
}
nav#main-nav ul li:last-child:hover > ul.sub-menu,
nav#main-nav ul li:last-child a:focus ~ ul.sub-menu{
    right:0;
}

nav#main-nav ul li ul.sub-menu li{
    display:block;
	text-align: left;
}

nav#main-nav ul li ul.sub-menu li a{
	font-size: 1.125rem;
	padding:8px 10px 8px 30px;
	background: url("img/pfeil-grau.svg") no-repeat 0 center;
}

nav#main-nav ul li ul.sub-menu li a:hover,
nav#main-nav ul li ul.sub-menu li.current-menu-item a{
	background-image: url("img/pfeil-rot.svg");
}

nav#meta-nav-wrapper ul li{
	margin: 0 .25rem;
	font-size: 1.06rem;
}

nav#meta-nav-wrapper ul li:last-child{
	padding-right: 0;
}

nav#meta-nav-wrapper ul li a{
	text-decoration: none;
	padding: .25rem;
	color: #707070;
	display: inline-block;
	border-top: 2px solid transparent;
}

nav#meta-nav-wrapper ul li.mitglied-werden,
.mobile_nav_container .menu-meta-navigation-container ul li.mitglied-werden,
#footer-widgets a.mitglied-werden,
nav#meta-nav-wrapper ul li.spenden,
#footer-widgets a.spenden,
.mobile_nav_container .menu-meta-navigation-container ul li.spenden{
	border: 2px solid #FFD800;
	border-radius: 10px;
	padding-right: .25rem;
	padding-left: .25rem;
	font-family: interstate, sans-serif;
	margin-right: 1rem
}

nav#meta-nav-wrapper ul li.mitglied-werden,
#footer-widgets a.mitglied-werden{
	margin-left: 1rem;
}

nav#meta-nav-wrapper ul li.mitglied-werden,
#footer-widgets a.mitglied-werden,
.mobile_nav_container .menu-meta-navigation-container li.mitglied-werden{
	background-color: #FFD800;
}
.mobile_nav_container .menu-meta-navigation-container li.spenden{
	background-color: #fff;
}

nav#meta-nav-wrapper ul li a:hover{
	text-decoration: underline;
}

.mobile_nav_container{
	display:none;
}

/* Start */
#start-intro{
	color: #000;
}
#start-intro p{
	margin-bottom: 0;
}
#start-intro .fl-rich-text{
	text-align: right;
	padding-right: 120px;
}

#start-intro #intro-headline p{
	font-size: 2rem;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 2.5px;
}

#start-intro #intro-prio1,
#start-intro #intro-prio2 {
	font-family: interstate-condensed, sans-serif;
}

#start-intro #intro-prio1{
	padding: .5rem 0;
}

#start-intro #intro-prio1 p{
	font-size: 3rem;
	letter-spacing: 4px;
	line-height: 1em;
	font-weight: bold;
}

#start-intro #intro-prio2 p{
	font-size: 2rem;
	line-height: 1em;
	letter-spacing: 2.5px;
}

/* Suche */

body.search #main{
	max-width: 650px;
	padding-bottom: 3rem;
}

body.search article{
	padding-bottom: 1rem;
}

body.search article a{
	text-decoration: none;
}

body.search article .readmore{
	text-decoration: underline;
}

body.search .excerpt{
	font-weight: normal;
	color: #707070;
}

body.search #searchform-search-top{
	margin-bottom: 2rem;
}

body.search .searchform #s{
	border-radius: 10px;
	background-color:#CED5DD;
	border: solid 2px #fff;
}
body.search .searchform #s:focus{
	outline: none;
	border: solid 2px #707070;
}
body.search input#searchsubmit{
	font-size:1rem !important;
	font-family: interstate, sans-serif;
	border:0;
}
body.search input#searchsubmit:hover{
	cursor:pointer;
}

body.search .pagination{
	margin-bottom: 2rem;
}
/* Footer */

footer {
	padding-top: 3rem;
	font-size: .85rem;
	background-color: #CEE6D3;
	padding-bottom: 1rem;
	font-family: interstate-condensed, sans-serif;
}

footer a{
	color: #707070;
	text-decoration: none;
	font-weight: normal;
}

footer a:hover{
	text-decoration: underline;
}

#footercontent{
	max-width: 880px;
	margin: 0 auto;
}

#footer-widgets{
	display: flex;
}

#footer-widgets .widget-area{
	width: 33.33%;
}

#footer-widgets .social-icons a{
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	padding-left: 30px;
}

#suche-footer{
	text-align: center;
	margin-bottom: 2.625rem;
}

#suche-footer form{
	display: inline-block;
}

#suche-footer-input{
	width: 300px;
}

#footer-widgets a.mitglied-werden,
#footer-widgets a.spenden{
	padding: .25rem .35rem;
}

#footer-widgets a.mitglied-werden{
	margin-left: 0;
	display: inline-block;
}

#footer-widgets a.spenden{
	background-color: #fff;
}

#footer-widgets .footer-cta p{
	padding-bottom: .75rem;
}

#footer-widgets .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal{
	padding-left: 0;
	font-size:1.125rem;
}

#footer-widgets .widget_icl_lang_sel_widget a{
	padding-left: 0;
}

.fl-builder-content > .fl-row{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.fl-builder-content > .fl-row:first-child{
	margin-top: 0;
}
.fl-row.maxwidth-75{
	max-width: 75%;
}

/* Grüne Box */
.gruene-box > .fl-col-content{
	background-color: #CEE6D3;
	border-radius: 0 10px 10px 0;
	border-left: 4px solid #707070;
	margin-right: 20px;
}
.gruene-box h2,
.gruene-box h3,
.gruene-box h4{
	color: var(--color-dark-grey);
}

/* Stellenanzeigen */
.single-stellenanzeige #page_content{
	display: flex;
}
.single-stellenanzeige #page_content.access-denied{
	display: block;
}
.single-stellenanzeige #page_content:not(.access-denied) h1{
	width: 30%;
	margin-right: 2rem;
}

.single-stellenanzeige #page_content:not(.access-denied) .stellenanzeige-content{
	width: calc(70% - 2rem);
}

.stellenanzeige-item{
	display: flex;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 4px solid #CEE6D3;
}

.stellenanzeige-item > *{
	width: 50%;
}

.stellenanzeige-item .stellenanzeige-headline{
	padding-right: 1rem;
}

.stellenanzeige-item .stellenanzeige-content{
	padding-left: 1rem;
}

.stellenanzeige-item .stellenanzeige-label{
	font-weight: bold;
}

.stellenanzeigen-empty{
	background-color: #FF8800;
	padding: 1rem;
	color: #fff;
}
.stellenanzeigen-empty p{
	margin-bottom: 0;
}

/*Page*/
.page.page-template-nosidebar-page-php #main{
	display:block;
}

#page_content{
	width:75%;
}
#dghwi-sidebar{
	width:25%;
	border-left: 4px solid #707070;
	margin: 0 20px 2rem 20px;
}
#dghwi-sidebar aside{
	margin: 0 0 30px 0;
	padding: 20px;
	border-radius: 0 10px 10px 0;
	background-color: #CEE6D3;
}
#dghwi-sidebar aside:last-child{
	margin-bottom: 0;
}

#loginform label{
    display: block;
}

input[type=text],
input[type=password]{
    padding: 10px;
}

#dghwi-sidebar aside.event-preview h4{
    margin-bottom: 0;
}

.sektionen-startseite h3{
    font-size: 1.2rem;
}

.sektionen-startseite h3 a{
    text-decoration: none;
}

/* Accordion */
#main .fl-builder-content .fl-accordion-item{
	border: 4px solid #FF8800;
	border-radius: 10px;
}
#main .fl-builder-content .fl-accordion-item .fl-accordion-button-icon-left,
#main .fl-builder-content .fl-accordion-item .fl-accordion-button-icon-right{
	opacity: 1;
}


/* Sidebar Vorteile */
.vorteile-mitgliedschaft .fl-builder-content{
	padding: 0;
}
.vorteile-mitgliedschaft .fl-module-content{
	margin: 0;
}
.vorteile-mitgliedschaft .fl-slide-photo img,
.vorteile-mitgliedschaft .fl-slide-mobile-photo img{
	max-height: 85px !important;
	height: 50% !important;
	width: auto !important;
	margin: 0 auto;
}
.vorteile-mitgliedschaft .fl-slide-foreground{
	display: flex;
	flex-direction: column-reverse;
}
.vorteile-mitgliedschaft .fl-slide-photo-wrap{
	padding:2rem 0 1.5rem;
}
.vorteile-mitgliedschaft h4{
	font-size: 1.125rem;
	font-family: interstate, sans-serif;
	letter-spacing: normal;
	color: #707070;
	font-weight: normal;
	text-transform: none;
}
.vorteile-mitgliedschaft .fl-content-slider-navigation a{
	opacity: 1;
}
.vorteile-mitgliedschaft .fl-content-slider-navigation a:hover{
	opacity: .7;
}

/* Info-Blob / Störer / CTA */
.close_stoerer{
width: 12px;
    height: 12px;
    margin: 15px auto;
    position: absolute;
    left: 48%;
    z-index: 10;
	transition: all .2s;
}
.close_stoerer:hover{

	cursor:pointer;
}
#info-blob{
    position: fixed;
    top: 25%;
    left: -230px;
    background-color: #FFD800;
    z-index: 20;
    color: #707070;
    width: 230px;
    height: 230px;
    transition: all .2s;
    border: 7px solid white;
    padding: 1rem;
    border-radius: 50%;
    text-align: center;
	text-decoration: none;
}
#info-blob a{
	text-decoration: none;
	color:#707070;
}
#info-blob.show{
	left:15px;
	display:block;
}

#info-blob .info-text{
	 font-size:2rem;
	margin:10px auto;
	text-align:center;
}
#info-blob .info-text{
	 font-size:2rem;
	margin:10px auto;
	text-align:center;
	font-family:interstate condensed, sans-serif;
}
#info-blob .link_arrow{
	width:35px;
	height:17px;
	margin:0 auto;
	display:block;
}

#info-blob{
    _color: #fff;
    _font-weight: bold;
}
#info-blob p.info-title{
    text-transform:uppercase;
	font-size:1rem;
	font-weight:100;

	margin:45px auto 0 auto;
	text-decoration: none;
}
#info-blob p.info-title:hover{
    text-decoration: none;
}

/*404 - Error*/
body.error404 #main,
body.search #main{
	padding-top: 2rem;
}
div.error404{
    max-width: 740px;
	margin: 0 auto 5rem auto;
}

#error404-lottie-animation{
	max-width: 250px;
	margin: 0 auto;
}

#error404-relatedcontent{
	display: flex;
	padding-top: 1rem;
}

#error404-relatedcontent > div{
	width: 50%;
}

#error404-relatedcontent > div:first-child{
	padding-right: 1rem;
}

#error404-relatedcontent > div:last-child{
	padding-left: 1rem;
}

#error404-sitemap ul li a{
	display: inline-block;
	margin-bottom: .25rem;
}

#error404-sitemap ul.sub-menu{
	margin-bottom: 0;
}

#error404-sitemap .menu-meta-navigation-container > ul > li{
	display: inline-block;
}

#error404-sitemap .menu-meta-navigation-container > ul{
	padding-left: 0;
}

#error404-sitemap .menu-meta-navigation-container > ul > li:after{
	content: ', '
}

#error404-sitemap .menu-meta-navigation-container > ul > li:last-child:after{
	content: ''
}

/*Blog*/

.blog #main{
	max-width:1200px;
	margin:0 auto;
}

.post_overview{

}
.post_overview .post{
	margin-bottom:3rem;
}

.post_overview .post .entry_content.post_image,
.post_overview .post .entry_title_box,
.post_overview .post:nth-child(even) .entry_title_box{
	width:calc(50% - 10px);
	float:left;

}
.post_overview .post .entry_title_box,
.post_overview .post:nth-child(even) .entry_content.post_image{
	float:right;

}
.post_overview .post a{
	text-decoration: none;
	display:block;
}

.post_overview .post .entry_title_box h3{
	font-size:1.5rem;
}
.post_overview .post .entry_title_box .read_post_btn{
	font-size:1.25rem;
	text-decoration: underline;
	position:relative;
}

/*Formulare*/
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html{
	padding:10px;
	background:#f1f1f1;
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.headline{
	padding:0;
	background:white;
	border-bottom:1px solid #ccc;
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html p{
	margin-bottom:0;
}
body #main .gform_wrapper div.gform_body ul.gform_fields .ginput_preview img{
	width: auto;
}

/*Single*/

#single_content{
	display: flex;
}

#single_content .single_header{
	width: 40%;
}

#single_content .single_header img{
	display: block;
	margin-bottom: 1rem;
}

#single_content .single_header h1{
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 4px solid #CEE6D3;
}

#single_content .single_header .posts_single_meta{
	margin-bottom: .5rem;
	line-height: 1rem;
}

#single_content .entry{
	width: calc(60% - 2rem);
	padding-left: 2rem;
}

/*404 - Error*/

.error404{

}

/* für Desktop ausblenden */
.hamburger {
	display:none;
}

/*FORMLOS Beitrags Modul*/

#bb_fl_posts_container{
	display:flex;
}
#bb_fl_posts_right,
#bb_fl_posts_left{
	width:50%;
}
#bb_fl_posts_left{
	padding-right:15px;
}
#bb_fl_posts_right{
	padding-left:15px;
}
.bb_fl_posts_single.post_image > .bb_fl_posts_single_header{
	background-size:cover;
	height:350px;
	background-position: center center;
}
.bb_fl_posts_single.post_image > .bb_fl_posts_single_header::after{
	content:"";
	display:block;
	height:120px;
	width:100%;
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.8211659663865546) 54%, rgba(0,0,0,1) 95%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.8211659663865546) 54%, rgba(0,0,0,1) 95%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.8211659663865546) 54%, rgba(0,0,0,1) 95%);
	z-index:1;
}
.post_seperator{
	height:4px;
	width:100%;
	border-radius:2px;
	background:#CEE6D3;
	margin-bottom:40px;
	margin-top:5px;
}
.bb_fl_posts_single_date,
body.single .posts_single_meta{
	font-size:.875rem;
}
.post_image .bb_fl_posts_single_header h3{
	color:#FF8800;
	position: absolute;
	bottom:10px;
	right:10px;
	left:10px;
	z-index:3;
}
.bb_fl_posts_single_header h3{
	color:#FF8800;
	margin-bottom:0;
}
.bb_fl_posts_single_header a,
a.bb_fl_posts_single_header {
	text-decoration:none;
	display: block;
	position: relative;
}
.bb_fl_posts_single_excerpt{
	margin:10px 0;
}
.single_post_read_more{
	text-transform:uppercase;
	color:#707070;
		text-decoration:none;
	font-family:interstate, sans-serif;
	font-size:.875rem;
	font-weight:300;
		background-image: url("img/pfeil-rot.svg");
	background-position: right 14px center;
	background-repeat: no-repeat;
	display:inline-block;
	padding:0 44px 0 0;
}
/* FORMLOS Button */
.bb-formlos-button{
    text-align: center;
}


.btn-left .bb-formlos-button
{
	text-align: inherit;
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit],
body.search input#searchsubmit,
.formlos_btn,
.stellenanzeige-download a,
.veranstaltungsliste-link a,
.startseite-veroeffentlichungen .bb-formlos-image-text.bb-formlos-image-text-height-image.fl-alignment-bottom .image-text-content p,
.fl-module-bb-formlos-public-download .formlos-button-appearance-button a,
.cta-interner-bereich a.info-link,
a#accept_cookie{
    display: inline-block;
    padding: 9px 44px 9px 14px;
    color: #fff;
    background-color: #FF8800;
    text-decoration: none;
    text-align: center;
	border-radius: 10px;
	font-size: 1.375rem;
	font-weight: bold;
	background-image: url("img/pfeil-rot.svg");
	background-position: right 14px center;
	background-repeat: no-repeat;
	transition: .2s all;
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover,
body.search input#searchsubmit:hover,
a.single_post_read_more:hover,
.formlos_btn:hover,
.stellenanzeige-download a:hover,
.veranstaltungsliste-link a:hover,
.startseite-veroeffentlichungen .bb-formlos-image-text.bb-formlos-image-text-height-image.fl-alignment-bottom .image-text-content p:hover,
.fl-module-bb-formlos-public-download .formlos-button-appearance-button a:hover,
.cta-interner-bereich a.info-link:hover,
a#accept_cookie:hover{
	text-decoration: underline;
	background-position: right 9px center;
	cursor:pointer;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
	border:0;
	font-family:interstate, sans-serif;
	font-size:1.375rem!important;
}
.button-kontur .formlos_btn,
.veranstaltungsliste-link a{
	border-width: 2px;
	border-style: solid;
	background-color: transparent;
}

.button-kontur.grau .formlos_btn,
.veranstaltungsliste-link a{
	border-color: #707070;
	color: #707070;
}

.cta-dghwi-muster .formlos_btn,
.weiss .formlos_btn{
	background-color: #fff;
	color: #FF8800;
}

.button-kontur.weiss .formlos_btn{
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}

/* CTA DGHWi Muster */
.fl-builder-content > .fl-row.cta-dghwi-muster{
	padding-left: 40px;
	padding-right: 40px;
}
.cta-dghwi-muster > .fl-row-content-wrap,
.fl-col-group .cta-dghwi-muster > .fl-col-content,
.fl-col-group-nested .cta-dghwi-muster > .fl-col-content{
	background-image: url("img/cta-dghwi-muster.svg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 1rem 0;
}
.fl-col-group-nested .cta-dghwi-muster,
.fl-col-group .cta-dghwi-muster{
	padding: 0 20px;
}

.cta-dghwi-muster .fl-rich-text{
	color: #000;
}

.cta-dghwi-muster.grosse-schrift .fl-rich-text,
.cta-dghwi-muster.grosse-schrift .fl-rich-text p{
	font-size: 2rem;
	line-height: 1em;
	font-weight: bold;
}

.cta-dghwi-muster .bb-formlos-button{
	text-align: left;
}

.text-zentriert .bb-formlos-button{
	text-align: center;
}

.text-rechts .bb-formlos-button{
	text-align: right;
}

.text-links .bb-formlos-button{
	text-align: left;
}

/* Downloads */
.bb-formlos-download{
	display: flex;
	align-items: center;
}
.bb-formlos-download a{
	display: block;
	text-decoration: none;
}
.bb-formlos-download a:hover{
	text-decoration: underline;
}
.bb-formlos-download .formlos-download-icon{
	display: block;
	padding-right: .5rem;
	font-size: 1.5rem;
}
.bb-formlos-download .formlos-download-content{
	display: block;
	padding-left: .5rem;
}
.bb-formlos-download p{
	margin-bottom: 0;
}
.bb-formlos-download p.formlos-download-title{
	font-weight: bold;
}

.fl-module-bb-formlos-public-download .formlos-button-show-icon a.download-module-link{
	display: inline-flex;
	align-items: center;
}

.fl-module-bb-formlos-public-download .formlos-button-show-icon .download-content{
	padding-left: .5rem;
}

.fl-module-bb-formlos-public-download .formlos-button-show-icon .download-content{
	padding-left: .5rem;
}

.fl-module-bb-formlos-public-download .formlos-button-appearance-button.formlos-button-show-icon .download-content{
	padding-left: .75rem;
}

.fl-module-bb-formlos-public-download .formlos-button-appearance-button a{
	text-decoration: none;
	text-align: left;
}

.fl-module-bb-formlos-public-download .formlos-button-appearance-text a{
	font-size: 1.375rem;
	text-decoration: none;
}

.fl-module-bb-formlos-public-download .formlos-button-appearance-text a:hover{
	text-decoration: underline;
}

/* Modul: Zeitschriften-Auflistung */
.bb-formlos-zeitschriften{
	position: relative;
}
.bb-formlos-zeitschriften .zeitschriften-list{
	display: flex;
	flex-wrap: wrap;
}
.bb-formlos-zeitschriften .zeitschrift-item{
	width: 25%;
	display: flex;
	font-size: 1.2rem;
	padding: 1.5rem 1rem;
}
.bb-formlos-zeitschriften .zeitschrift-item a{
	text-decoration: none;
}
.bb-formlos-zeitschriften .zeitschrift-item a:hover{
	text-decoration: underline;
}
.bb-formlos-zeitschriften .zeitschrift-item .zeitschrift-icon{
	text-decoration: underline;
	font-size: 2.5rem;
	color: #707070;
}
.bb-formlos-zeitschriften .zeitschrift-item .zeitschrift-title{
	padding-left: 1rem;
}

.bb-formlos-zeitschriften .notloggedin-wrapper{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background-color: rgba(255,255,255,.8);
	border: 4px solid #FF8800;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bb-formlos-zeitschriften .notloggedin-notice{
	font-size: 1.875rem;
	text-align: center;
	max-width: 750px;
	_margin: 0 auto;
	padding: 0 2.5rem;

}

.bb-formlos-zeitschriften .notloggedin-notice a{
	font-weight: normal;
}

/* Cookie-Notice */
#cookie_notice_container{
	color: #707070;
	border-color: #707070;
}
#cookie_notice_container a{
	color: #707070;
}
#cookie_notice_container a#accept_cookie{
	font-size: 1rem;
	color: #fff;
}

#open_hidden_options::before{
	top: 7px;
}

/* Separator-Linie */

.formlos-bb-separator{
	height: 4px;
	margin-left: 0;
	margin-right: 0;
}

.formlos-bb-separator.fl-align-left{
	margin-right: auto;
}

.formlos-bb-separator.fl-align-center{
	margin-right: auto;
	margin-left: auto;
}

.formlos-bb-separator.fl-align-right{
	margin-left: auto;
}

.formlos-bb-separator.fl-separator-primary{
	background-color: #CEE6D3;
}

.formlos-bb-separator.fl-separator-secondary{
	background-color: #CED5DD;
}

/* Veranstaltungen */

.fl-module-bb-formlos-veranstaltungen .veranstaltungsliste-item{
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 4px solid #CEE6D3;
}

.fl-module-bb-formlos-veranstaltungen .veranstaltungsliste-item:last-child{
	border-bottom: none;
}

.veranstaltungsliste-item .veranstaltungsliste-headline{
	font-size: 1.375rem;
}

.veranstaltungsliste-item .veranstaltungsliste-headline a,
.event-preview .veranstaltungsliste-item .veranstaltungsliste-headline a{
	text-decoration: none;
}

.veranstaltungsliste-item .veranstaltungsliste-link a{
	font-size: 1rem;
}

.veranstaltungsliste-item .veranstaltungsliste-label{
	font-weight: bold;
}


/* Zeitschrift in der Sidebar */
.hinweis-zeitschrift .zeitschrift-download{
	display: flex;
	align-items: center;
	text-align: right;
}
.hinweis-zeitschrift .zeitschrift-download img{
	max-height: 50px;
	width: auto;
}
.hinweis-zeitschrift .zeitschrift-download a.textlink{
	padding-left: 1rem;
}

/* Interner Bereich in der Sidebar */
#dghwi-sidebar .cta-interner-bereich a.info-link{
	color: #fff;
}
#dghwi-sidebar .cta-interner-bereich .logout-link{
	padding-top: .5rem;
	font-size: 1rem;
}

#dghwi-sidebar .cta-interner-bereich .logout-link a{
	font-weight: normal;
}


/* Veranstaltungen in der Sidebar */
.event-preview .veranstaltungsliste-item {
	margin-bottom: 1.375rem;
}

.event-preview .veranstaltungsliste-item p{
	margin-bottom: .5rem;
}

#dghwi-sidebar .event-preview .veranstaltungsliste-item .veranstaltungsliste-date{
	line-height: 1em;
	margin: .25rem 0;
}

.event-preview .veranstaltungsliste-item .veranstaltungsliste-headline{
	font-size: 1.125rem;
	line-height: 1em;
}

.event-preview .veranstaltungsliste-item .veranstaltungsliste-headline a{
	text-transform: none;
}

/* Veranstaltungen auf der Startseite */
.gruene-box.veranstaltungen-startseite .veranstaltungsliste-item{
	color: #000;
}

.gruene-box.veranstaltungen-startseite .veranstaltungsliste-item .veranstaltungsliste-date,
.event-preview .veranstaltungsliste-item .veranstaltungsliste-date{
	font-size: .875rem;
	color: #707070;
	margin-bottom: 0;
}
.gruene-box.veranstaltungen-startseite .veranstaltungsliste-item .veranstaltungsliste-headline a{
	color: #000;
}

.gruene-box.veranstaltungen-startseite .veranstaltungsliste-item .veranstaltungsliste-headline,
.gruene-box.veranstaltungen-startseite .veranstaltungsliste-item .veranstaltungsliste-excerpt,
.gruene-box.veranstaltungen-startseite .veranstaltungsliste-item .veranstaltungsliste-location{
	margin-bottom: .5rem;
}

.gruene-box.veranstaltungen-startseite .fl-module-bb-formlos-veranstaltungen .veranstaltungsliste-item{
	border-bottom: 4px solid #fff;;
	padding-bottom: 1.375rem;
	margin-bottom: 1.375rem;
}

.gruene-box.veranstaltungen-startseite .fl-module-bb-formlos-veranstaltungen .veranstaltungsliste-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
}

.gruene-box.veranstaltungen-startseite .veranstaltungsliste-item .veranstaltungsliste-link a,
.event-preview .veranstaltungsliste-item .veranstaltungsliste-link a{
	border: none;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .84px;
	text-align: left;
}


/* Achtubng-Module */

.achtung > .fl-module-content{
    border: 3px solid #C4B586;
    padding: 2rem;
    background-color: #FFF9E6;
}

/* Startseite: Veröffentlichungen */
.startseite-veroeffentlichungen > .fl-row-content-wrap{
	padding: 2rem 0 1.5rem;
}
.startseite-veroeffentlichungen .bb-formlos-image-text{
	background-color: rgba(255,255,255, .8);
	padding-top: 3rem;
}
.startseite-veroeffentlichungen .bb-formlos-image-text:hover{
	background-color: rgba(255,255,255, 1);
}

.startseite-veroeffentlichungen .bb-formlos-image-text.bb-formlos-image-text-height-image .image-text-content{
	position: static;
	text-align: center;
}

#main .startseite-veroeffentlichungen .bb-formlos-image-text.bb-formlos-image-text-height-image img{
	max-height: 160px;
	width: auto;
	margin: 0 auto 2rem auto;
}

/* FORMLOS Bild-Text Widget */
 .bb-formlos-image-text.bb-formlos-image-text-height-text{
	 max-height: 350px;
	 min-height: 120px;
	 height: 23vw;
}

 .bb-formlos-image-text.bb-formlos-image-text-height-text a{
	 height: 100%;
	 position: relative;
}

.bb-formlos-image-text.bb-formlos-image-text-height-text .image-text-content{
	background: transparent -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 60%, rgba(0,0,0,1) 100%) 0% 0% no-repeat;
	background: transparent -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 60%, rgba(0,0,0,1) 100%) 0% 0% no-repeat;
	background: transparent linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 60%, rgba(0,0,0,1) 100%) 0% 0% no-repeat;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 6rem .875rem .875rem .875rem;
	transition: .2s all;
	min-height: 200px;
}
.bb-formlos-image-text.bb-formlos-image-text-height-text:hover .image-text-content{
	padding-bottom: 1.2rem;
	padding-top: 5.675rem;
}

.bb-formlos-image-text.bb-formlos-image-text-height-text .image-text-content p{
	color: #fff;
	font-size: .875rem;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0;
	line-height: 1em;
}

.bb-formlos-image-text.bb-formlos-image-text-height-text .image-text-content h2,
.bb-formlos-image-text.bb-formlos-image-text-height-text .image-text-content h3{
	margin-bottom: 0;
	font-size: 1.375rem;
	color: #FF8800;
	font-family: interstate, sans-serif;
}

.bb-formlos-image-text.bb-formlos-image-text-height-text .image-text-content h2:after,
.bb-formlos-image-text.bb-formlos-image-text-height-text .image-text-content h3:after,
.hinweis-zeitschrift .zeitschrift-download a.textlink:after,
.vorteile-mitgliedschaft a.info-link:after{
	content: "";
	display: inline-block;
	width: 23px;
	height: 12px;
	background-image: url("img/pfeil-rot.svg");
	background-repeat: no-repeat;
	margin-left: .5rem;
	vertical-align: middle;
}

#dghwi-sidebar .login #wp-submit{
	background-image: url("img/pfeil-rot.svg");
	background-repeat: no-repeat;
	background-position: right center;
	padding: .5rem 30px .5rem 0;
	border: none;
	background-color: transparent;
	font-weight: bold;
	font-family: interstate, sans-serif;
	text-decoration: underline;
	color: #707070;
	cursor: pointer;
	font-size: 1rem;
}

/*Icons*/

#main .icon-bild .fl-photo img,
#main .icon-bild .bb-formlos-image-text img{
	height:125px;
	width:auto;
	max-width:100%;
	margin:0 auto;
}

/* Template - ? */
.fl-accordion-button-label:focus, .fl-accordion-button-label:active, .fl-accordion-button-icon:focus, .fl-accordion-button-icon:active{
	border:0;
	outline-color: transparent !important;
	outline-style: none !important;
	outline:none !important;
}


/* Coming Soon */

.page-id-185 nav,
.page-id-185 footer,
.page-id-185 wrapper > header{
	display:none;
}

/* Textmodule & Überschriften nicht so breit laufen lassen */
.fl-builder-content .einspaltiger-inhalt .fl-module-heading .fl-heading,
.fl-builder-content .einspaltiger-inhalt .fl-rich-text{
	max-width: 600px;
	margin: 0 auto !important;
}

/* Tabelle */
.fl-builder-content table tr td{
	padding-bottom: .5rem;
	padding-right: .5rem;
}


/*IE 11*/


.fl-builder-ie-11 #suche-footer-input{
	background-size:20px auto;
	padding-bottom:10px;
}
.fl-builder-ie-11 .bb-formlos-zeitschrift.notloggedin-notice{
	max-width:100%;width:750px;
}
.fl-builder-ie-11 .gform_wrapper.gf_browser_ie .gform_footer input.button{
	padding-right:40px !important;
}

.fl-builder-ie-11 #cookie_notice_inner{
	overflow:visible;
	grid-template-columns: auto;
	display:block;
}
.fl-builder-ie-11 #cookie_notice_container{
	height:200px;
}

/* Media Queries */

@media (max-width: 1640px)
{

}

@media (max-width: 1500px)
{
	body.logged-in nav#meta-nav-wrapper ul li{
		font-size: 1rem;
	}
	body.logged-in nav#main-nav ul.menu > li > a{
		font-size: 1.2rem;
		padding: 10px 15px;
	}
	body.logged-in nav#main-nav ul li:hover > ul.sub-menu,
	body.logged-in nav#main-nav ul li a:focus ~ ul.sub-menu{
		top: 36px;
	}
}

@media (max-width: 1440px)
{
	nav#meta-nav-wrapper ul li{
		font-size: 1rem;
	}
	nav#main-nav ul.menu > li > a{
		font-size: 1.2rem;
	}
	nav#main-nav ul li:hover > ul.sub-menu,
	nav#main-nav ul li a:focus ~ ul.sub-menu{
		top: 36px;
	}
}
@media (max-width: 1340px)
{
	#logo_container{
		float:none;
	}
	nav#main-nav {
   		padding-top: 0;
		margin-left: 0px;
		padding-bottom: 1rem;
	}
	nav#main-nav > div {
		padding-left: 0;
	}
	nav#main-nav ul {
		justify-content: space-between;
	}
	#wrapper > header{
		padding-bottom: 2rem;
	}
	#meta-nav-wrapper{
		float: none;
		position: absolute;
		bottom: 79px;
		right: 40px;
	}
	#logo_container{
		padding-top: 0;
	}
	.fl_fixed{
		padding-bottom: 0;
	}
	.fl_fixed .logo-full {
		display: none;
	}
	.fl_fixed #logo_container{
		float: left;
		padding-top: 10px;
	}
	.fl_fixed #logo_container img.logo-signet {
		opacity: 1;
		width: auto;
		height: 50px;
	}
	.fl_fixed nav#main-nav {
		padding-top: 1rem;
		margin-left: 90px;
	}

	.fl_fixed #meta-nav-wrapper {
		display: none;
	}
}

@media (max-width: 1160px)
{
	nav#main-nav ul li a {
		padding: 10px;
	}
	nav#main-nav ul li:first-child a {
		padding: 10px 10px 10px 0;
	}
	nav#main-nav ul.menu > li:last-child > a {
		padding: 10px 0px 10px 10px;
	}
	.header_inner{
		padding:0 20px;
	}
	.startseite-veroeffentlichungen .icons-veroeffentlichungen .fl-col-group-nested > .fl-col-small{
		width: 50%;
	}
}

@media (max-width: 1024px)
{
	.fl_fixed nav#main-nav ul.menu > li > a{
		padding:10px;
	}
}

@media (max-width: 980px)
{
}

@media (max-width: 960px)
{
	nav#main-nav ul.menu > li > a{
		padding:10px;
	}
	.fl_fixed nav#main-nav ul{
		display:block;
	}
	.fl_fixed nav#main-nav ul li {
		display: inline-block;
		text-align: center;
		white-space: nowrap;
		width: 19%;
	}
}

@media (max-width: 940px)
{

	.bb-formlos-zeitschriften.not-logged-in .zeitschriften-list > div:nth-child(n+9){
		display: none;
	}

	#footercontent{
		margin: 0 1rem;
	}

}

@media (max-width: 840px)
{
	#meta-nav-wrapper {
		float: none;
		position: absolute;
		top: 0px;
		right: 0;
	}
		nav#main-nav ul{
		display:block;
	}
	 nav#main-nav ul li {
		display: inline-block;
		text-align: center;
		white-space: nowrap;
		width: 19%;
	}
}

@media (max-width: 768px)
{
	.mobile_nav_container{
		display:block;
	}
	#wrapper > header #main-nav,
	.header_inner #meta-nav-wrapper{
		display:none;
	}
	#wrapper{
		padding-top: 20px;
	}
	#main .fl-builder-content .fl-module-content{
		margin-left: 0;
		margin-right: 0;
	}


	.gruene-box > .fl-col-content{
		padding:0 20px !important;
	}
	#start-intro > .fl-row-content-wrap{
		padding:20px !important;
	}
	.fl-builder-content > .fl-row{
		margin-bottom: 0;
	}
	#main .fl-col-small,
	#main .fl-col-small:not(.fl-col-small-full-width){
		max-width: 640px;
	}
	.page-template-default #main{
		padding-right: 0;
	}
	.fl-col-group-nested .cta-dghwi-muster, .fl-col-group .cta-dghwi-muster {
		padding: 0;
	}
	.fl-col-group-nested .cta-dghwi-muster .fl-col-content,
	.cta-dghwi-muster .fl-row-content-wrap,
	.fl-col-group .cta-dghwi-muster .fl-col-content{
		padding:20px !important;

	}

	/*
   * Burger Menu
   */

	.hamburger {
		padding: 10px 20px 15px 20px;
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: 0.15s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: #CEE6D3;
		border: 0;
		margin: 0;
		overflow: visible;
		position: fixed;
		top: 20px;
		right: 20px;
		z-index: 125;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0p 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	}

	.hamburger:hover {
		_opacity: 0.7;
	}

	.hamburger.is-active:hover {
		_opacity: 0.7;
	}

	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
		background-color: #707070;
	}

	.hamburger-box {
		width: 50px;
		height: 56px;
		display: inline-block;
		position: relative;
		font-weight: 500;
		letter-spacing: 1px;
	}

	.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: 24px;
	}

	.hamburger-inner,
	.hamburger-inner::before,
	.hamburger-inner::after {
		width: 50px;
		height: 3px;
		background-color: #707070;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}

	.hamburger-inner::before,
	.hamburger-inner::after {
		content: "";
		display: block;
	}

	.hamburger-inner::before {
		top: -10px;
	}

	.hamburger-inner::after {
		bottom: -10px;
	}

	.hamburger--slider .hamburger-inner {
		top: 6px;
	}

	.hamburger--slider .hamburger-inner::before {
		top: 10px;
		transition-property: transform, opacity;
		transition-timing-function: ease;
		transition-duration: 0.15s;
	}

	.hamburger--slider .hamburger-inner::after {
		top: 20px;
	}

	.hamburger--slider.is-active .hamburger-inner {
		transform: translate3d(0, 10px, 0) rotate(45deg);
	}

	.hamburger--slider.is-active .hamburger-inner::before {
		transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
		opacity: 0;
	}

	.hamburger--slider.is-active .hamburger-inner::after {
		transform: translate3d(0, -20px, 0) rotate(-90deg);
	}

    body.mobile_nav_open{
        overflow:hidden;
    }
    #wrapper.mobile_nav_open{

    }
    footer.mobile_nav_open{

    }
    .mobile_nav_container.mobile_nav_open{
        margin-top:0;
        overflow-y: scroll;
        overflow-x:hidden;
        _overflow:hidden;
        -webkit-overflow-scrolling: touch;
    }
    .mobile_nav_container.left.mobile_nav_open{
        margin-left:0;
        overflow-y: scroll;
        overflow-x:hidden;
        _overflow:hidden;
        -webkit-overflow-scrolling: touch;
    }
    .mobile_nav_container{
        display:block;
        background-color: white;
        position:fixed;
        top:0;
        width:100%;
        margin-top:-100vh;
        transition:margin .5s;
        height:100%;
        left:0;
        overflow:auto;
        z-index:100;

    }
	.mobile_nav_container.left{
		margin-top:0;
		margin-left:-200%;
	}
    .mobile_nav_container nav ul{
        display:block;
        padding-left:0;
    }
    .mobile_nav_container nav ul li{
        text-align: left;
		display:block;
	}
	nav#main-nav > div {
		padding-left:0;
	}
	nav#main-nav ul{
		display:block;
	}
	nav#main-nav ul li{
		text-align: left;
	}
	nav#main-nav{
		float:none;
		margin-left:0;
		padding-top:0;
	}
	nav#main-nav ul li:first-child a,
	nav#main-nav ul li:last-child a,
	nav#main-nav ul li a{
		padding:20px;
	}
    .mobile_nav_container > div{
       padding: 0 20px;
    }
	.mobile_nav_container .menu-hauptnavigation-container{
		padding-top: 120px;
		background-image: url('img/Logo-DGHWi.svg');
		background-repeat: no-repeat;
		background-size: 230px;
		background-position: 20px 20px;
	}
    .mobile_nav_container ul#menu-hauptnavigation-1{
		font-family: interstate-condensed, sans-serif;
		list-style: none;
		padding-left: 0;
	}
    .mobile_nav_container ul#menu-hauptnavigation-1 a{
		color: #707070;
		text-decoration: none;
		display: inline-block;
		padding: .25rem 0;
	}
    .mobile_nav_container ul#menu-hauptnavigation-1 > li{
		font-size: 2rem;
		margin-bottom: 1rem;
	}

    .mobile_nav_container ul#menu-hauptnavigation-1 ul.sub-menu{
		list-style: none;
		font-size: 1.5rem;
		padding-left: 0;
		margin-bottom: 0;
	}
	.mobile_nav_container ul#menu-hauptnavigation-1 ul.sub-menu li{
		background: url("img/pfeil-grau.svg") no-repeat 0 center;
		padding-left: 30px;
	}
	.mobile_nav_container ul#menu-hauptnavigation-1 ul.sub-menu li.current-menu-item{
		background-image: url("img/pfeil-rot.svg");
	}
	.mobile_nav_container ul#menu-hauptnavigation-1 ul.sub-menu li.current-menu-item a{
		text-decoration: underline;
	}
    .mobile_nav_container #suche-header{
		display: block;
	}
    .mobile_nav_container li.suche a{
		display: none;
	}
    .mobile_nav_container .menu-meta-navigation-container{
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-top: 1rem;
		border-top: 4px solid #707070;
		background-color: #CEE6D3;
    }
    .mobile_nav_container #menu-meta-navigation-1{
		padding-left: 0;
    }
	.mobile_nav_container .menu-meta-navigation-container li{
		list-style: none;
		margin-bottom: 1rem;
		display: table;
	}
	.mobile_nav_container .menu-meta-navigation-container li.mitglied-werden,
	.mobile_nav_container .menu-meta-navigation-container li.spenden,
	.mobile_nav_container .menu-meta-navigation-container li.mitglied-werden a,
	.mobile_nav_container .menu-meta-navigation-container li.spenden a{
		padding: .25rem;
	}
    .mobile_nav_container .menu-meta-navigation-container a{
		color: #707070;
		text-decoration: none;
    }
    .mobile_nav_container .menu-meta-navigation-container a:hover{
		text-decoration: underline;
    }
	.mobile_nav_container .menu-meta-navigation-container ul li.icon-facebook a,
	.mobile_nav_container .menu-meta-navigation-container ul li.icon-twitter a,
	.mobile_nav_container .menu-meta-navigation-container ul li.icon-instagram a{
		padding-left: 30px;
	}
	.bb-formlos-zeitschriften .zeitschrift-item{
		width: 50%;
	}

	/* Fußzeile */
	#footer-widgets{
		flex-wrap: wrap;
		text-align: center;
	}
	#footer-widgets .widget-area{
		width: 100%;
		padding-bottom: 2rem;
	}
	#footer-widgets .widget-area p:last-child{
		margin-bottom: 0;
	}

	#footer-widgets .widget-area:last-child .widget:last-child{
		padding-top: 1rem;
	}

	/* Sidebar */
	#main{
		flex-wrap: wrap;
	}
	#page_content,
	#dghwi-sidebar{
		width: 100%;
	}
	#dghwi-sidebar{
		border-left: none;
		border-top: 4px solid #707070;
		padding-top: 30px;
		margin-top: 30px;
	}
	#dghwi-sidebar aside{
		border-radius: 10px;
		max-width: 400px;
		margin: 0 auto 30px auto;
	}
	#start-intro .fl-rich-text{
		padding-right: 0;
	}
	.fl-builder-content .fl-slide-content{
		background:transparent !important;
	}

	.search #main{
		padding:0 20px !important;
	}
	.bb-formlos-image-text.bb-formlos-image-text-height-text {
    	min-height: 200px;
	}
	.fl-builder-content .fl-slide .fl-slide-title{
		color:#707070 !important;
	}
	.fl-builder-content .fl-slide{
		padding:20px;
	}

	.fl-builder-ie-11 #cookie_notice_container{
		height:300px;
	}

}

@media (max-width: 640px)
{
	#start-intro .fl-rich-text{
		text-align: left;
	}

	#bb_fl_posts_container {
		display: block;
	}
	#bb_fl_posts_right, #bb_fl_posts_left{
		width:100%;
		padding:0 20px;
	}
}

@media (max-width: 480px)
{
	#single_content{ display: block; }

	#single_content .single_header{
		border-bottom: 4px solid #CEE6D3;
		margin-bottom: 1.5rem;
    	padding-bottom: .5rem;
	}
	#single_content .single_header,
	#single_content .entry{
		width: 100%;
		padding-left: 0;
	}
	#single_content .single_header h1{
		margin-bottom: 1rem;
		padding-bottom: 0;
		border: none;
	}
	.single #main, .archive #main, .single-veranstaltung #main, .single-stellenanzeige #main{
		padding-left: 20px;
	}
}