/* @override 
	https://an-der-spree.de/Kunden/habifo/wp-content/themes/wp_habifo/css/style_habifo.css?ver=6.6.1
	https://an-der-spree.de/Kunden/habifo/wp-content/themes/wp_habifo/css/style_habifo.css?ver=6.6.2
	https://habifo.de/wp-content/themes/wp_habifo/css/style_habifo.css?ver=6.8.2 */


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

@import url("webfonts_habifo.css");

 
/* Disable Rubber-Band / Elastic Scroll in macOS */
html {
	height: 100%;
	width: 100%;
	overflow: auto;
}

body {
	padding: 0;
	color: ##555554;
	font-size: 16px;
	line-height: 1.5;
	font-family: 'Saira';
	font-style: normal;
	font-weight: 400;
	margin: 0;
	background: #fff;
}

#size {
	position: fixed;
	top: 105px;
	left: 10px;
	z-index: 9999;
	width: 70px;
	height: 17px;
	font-size: 12px;
	color: red;
	text-align: right;
	display: none;
}


#page {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-height: 100dvh;	
}


/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

a, a:visited {
	color: #3C3C3C;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #FA7600;
}

p {
	max-width: 660px;
	margin-top: 0;
	margin-bottom: 1.5em;
}

p:last-child {
	margin-top: 0;
	margin-bottom: 0;
}

.p_half {
	margin-bottom: 0.5em;
}

.medium {
	font-weight: 500;
}

strong,
.medium strong {
	font-weight: 600;
}

hr {
	height: 1px;
	max-width: 210px;
	border: none !important;
	margin-top: 3em;
	margin-bottom: 3em;
}

figure {
	margin: 0;
}

ul, ol {
	margin-left: 0;
	padding-left: 20px;
	margin-bottom: 1em;
}

ul li,
ol li {
	margin-bottom: 0.5em;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.2;
}

h1 {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 50px;
}

h1.h1_normal {
	text-transform: none;
}

h2 {
	font-size: 22px;
}

h2.h1 {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 50px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 18px;
}

h2.nomargin,
h3.nomargin,
h4.nomargin {
	margin-bottom: 0;
}

.shadow {
	-webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.14);
	box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.14);
}


figcaption {
	margin-top: 0 !important;
	font-style: italic;
	font-size: 0.8em;
	margin-bottom: 1em;
}

header#masthead {
	display: block;
	width: 100%;
	height: 100px;
	position: fixed;
	background-color: #f4f5f5;
	padding-top: 0px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.14);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.14);
	z-index: 10;
}

#header_inner {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	max-width: 1040px;
}

#headerlogo {
	display: inline-block;
	left: 0;
}

.logo {
	width: 100px;
	height: auto;
	display: inline-block;
}


/* Hamburger */

#menuToggle {
	display: none;
}

#holder_navi {
	position: relative;
	display: inline-block;
}	

#navi {
	position: relative;
	padding: 0;
	display: inline-block;
	width: auto;
	height: 100px;
}

#navi ul {
	display: block;
	margin-top: 37px;
}

#navi ul li {
	display: inline-block;
	line-height: 1;
	height: 62px; /* Höhe bis zum unterne Rand */
	margin-left: 25px;
	margin-bottom: 0;
}

#navi ul li:first-child {
	margin-left: 0px;
}

#navi ul li a {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 17px;
	color: #305B59;
}

#navi ul li:hover,
#navi ul li:focus {
	color: #7B962A;
}

#navi ul li.current_page_item a,
#navi ul li.current-menu-item a,
#navi ul li.current-menu-ancestor a,
#navi ul li.current-post-ancestor a {
	color: #7B962A;
}

#navi ul li a:hover,
#navi ul li a:focus {
	color: #7B962A;
}

#navi ul.sub-menu {
	visibility: hidden;
	width: auto;
	height: auto;
	background: #f1f9fb;
	top: 23px;
	padding-top: 25px;
	padding-bottom: 15px;
	left: -60px;
	padding-right: 60px;
	padding-left: 60px;
	border-top: 1px solid #ddd;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.14);
	transition: visibility 0.2s 0.5s; /* delay of 0,5 seconds on hover off */
}

#navi li.first-level:hover > ul.sub-menu,
#navi li.first-level:focus > ul.sub-menu {
	visibility: visible;
	transition-delay: 0s; /* react immediately on hover */
}

#navi ul.sub-menu li {
	display: block;
	margin-left: 0;
	height: auto;
	padding: 0;
	margin-bottom: 1em;
}

#navi ul.sub-menu li a,
#navi ul.sub-menu li a:visited {
	width: auto;
	margin: 0;
	padding: 0;
	color: #7B962A;
	white-space: nowrap;
}

#navi ul.sub-menu li a:hover,
#navi ul.sub-menu li a:focus,
#navi ul.sub-menu li.current_page_item > a,
#navi ul.sub-menu li.current-menu-ancestor > a {
	color: #008AA8;
}





/*////////// FOOTER ////////// */

footer {
	background: rgb(114,156,60);
	background: linear-gradient(90deg, rgba(114,156,60,1) 0%, rgba(42,91,88,1) 100%);
	padding-top: 60px;
	padding-bottom: 60px;
}

footer a,
footer a:hover,
footer a:focus,
footer a:active,
footer a:visited {
	color: white;
	text-decoration: none;
}

#holder_footer {
	font-size: 14px;
	color: white;
	display: flex;
	flex-wrap: nowrap;	
}

#holder_footer p {
	color: white;
	margin: 0;
}

#holder_footer h4 {
	margin: 0;
}

#footer_left {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	flex-basis: 47%;
}

#footer_left div {
	width: 100%;
}

#footer_middle {
	display: flex;
	flex-wrap: wrap;
	flex-basis: 32%;
}

#footer_middle div {
	width: 100%;
}

#footer_right {
	display: flex;
	flex-wrap: wrap;
	flex-basis: 21%;
	align-self: flex-end;
}

#footer_right div {
	width: 100%;
}

#holder_footermenu1 {
	margin-top: 1em;
}

#holder_footermenu2 {
	margin-bottom: 1em;
}

#footermenu1,
#footermenu2 {
	margin: 0;
	padding: 0;
}


#footermenu1 li,
#footermenu2 li {
	list-style: none;
	margin: 0;
}




/*////////// CONTENT ////////// */
.container {
	max-width: 960px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 100%;
}

.fullwidth_inside {
	max-width: 960px;
}

#primary {
	margin-top: 180px;
	margin-bottom: 180px;
	z-index: 1;
}

.post,
.page,
.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.intro {
	margin-bottom: 90px;
}

.intro p {
	margin-bottom: 2em;
}

.intro p:first-child {
	margin-bottom: 1em;
}

.intro p:last-child {
	margin-bottom: 0;
}

.intro_left figure {
	width: 75%;
}

.fullwidth {
	overflow: hidden;
	padding: 0;
	width: 100vw;
	margin-left: calc(-50vw + 480px); /* half of container width */
}

.publikationen_home,
.neo_home {
	padding-top: 60px;
	padding-bottom: 60px;
}

.publikationen_home h2 {
	margin-top: 0;
}

.publikationen_home a,
.newsletter_home a {
	font-weight: 500;
}

.box {
	padding: 60px;
	margin-top: 90px;
	margin-bottom: 90px;
}

.box:last-child {
	margin-bottom: 0px;
}

.box_txt {
	padding: 0px;
	margin-top: 90px;
	margin-bottom: 90px;
}

.box h2 {
	margin-top: 0;
}

.box ul {
	margin-bottom: 0
}

.newsletter_home {
	margin-top: 90px;
	margin-bottom: 90px;
}

.page-vorstandsteam .box:first-of-type {
	margin-top: 0;
}

.page-vorstandsteam .box {
	padding: 0;
}

.portrait_left {
	padding-left: 60px;
	padding-bottom: 60px;
}

.netzwerk {
	margin-top: 20px;
}

.zeitschrift_ausgabe figure {  
margin-left: 20px;
}


/* Formular Mitgliedschaft Ninja Forms */
.form_mitglied {
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 50px 60px;
}

.nf-form-cont h2 {
	margin-top: 0;
	color: #008AA8;
}

.nf-form-content {
	padding: 0 !important;
}

.nf-form-content p,
.nf-form-content label {
	font-size: 1em !important;
	font-weight: 500 !important;
	color: #8d9494;
}

.nf-field-container {
	margin-bottom: 15px !important;
}

.textbox-wrap input.nf-element {
	height: 50px !important;
	border: none !important;
}

textarea.nf-element {
	border: none !important;
}

.check_year {
	display: inline-block;
	position: relative;
	top: 15px;
}

.year {
	width: 120px !important;
}

.txt_ermaessigt {
	margin-top: -36px !important;
	margin-left: 30px !important;
	margin-bottom: 25px !important;
}

.txt_ermaessigt input {
	display: none;
}

.check_consent .checkbox-wrap {
	align-items: flex-start !important;
}

.check_consent .nf-field-label {
	width: 40px !important;
}

.check_consent .nf-field-description {
	margin-right: 0 !important;
	margin-top: -1px !important;
}

.check_consent .nf-field-description p {
	font-size: 1em;
	font-weight: 400 !important;	
}

.checkbox-wrap .nf-field-label label::after, .listcheckbox-wrap .nf-field-element label::after, .listcheckbox-wrap .nf-field-label label::after {
	border: 1px solid #707070 !important;
	width: 20px !important;
	height: 20px !important;
	left: -28px;
	margin-top: 0 !important;
}

.checkbox-wrap .nf-field-element label:before, .checkbox-wrap .nf-field-label label:before, .listcheckbox-wrap .nf-field-element label:before, .listcheckbox-wrap .nf-field-label label:before {
	font-size: 17px !important;
	left: -26px !important;
	top: -0px !important;
	color: #008AA8 !important;
}

.listradio-wrap .nf-field-element label::after {
  border-radius: 20px !important;
  content: "";
  width: 20px !important;
  height: 20px !important;
  position: absolute;
  left: -30px;
  bottom: 1px;
  top: .05em;
  border: 1px solid #707070 !important;
  outline: none !important;
}

.listradio-wrap .nf-field-element label.nf-checked-label::before {
	background: #008AA8 !important;
	border-radius: 12px !important;
	height: 12px !important;
	width: 12px !important;
	left: -26px !important;
	top: 5px !important;
	bottom: 5px !important;
}

.holder_submit {
	text-align: right;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
}

input.submit {
	color: white !important; 
	font-size: 22px !important;
	font-weight: 600 !important;
	font-family: 'Saira';
	background: #008AA8 !important;
	padding-left: 60px !important;
	padding-right: 60px !important;
	opacity: 1;
	transition: opacity 1s ease-in-out 0s;
}

input.submit:hover {
	color: white !important; 
	opacity: 0.8;
	cursor: pointer;
}

.nf-form-fields-required {
	display: none;
}

.ninja-forms-req-symbol {
	display: none;
}

.nf-response-msg {
	font-size: 19px;
	color: white !important;
	background: #008AA8;
	padding: 8px 12px;
	margin-bottom: 20px !important;
}







.wp-block-file a:first-child { /* PDF Download Dateiname ausblenden */
	display: none;
}

.wp-block-file * + .wp-block-file__button { /* Default WP style */
  margin-left: 0;
}

.wp-block-file__button {
	font-weight: 600;
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	background: #008AA8;
	color: white;
	border-radius: 0px;
	text-align: center;
	padding: 13px 30px 11px;
    transition: opacity 0.3s;
}

.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:focus {
	opacity: 0.7;
	color: white !important;
	transition: opacity 0.3s;
}

.wp-block-file a.wp-block-file__button:visited {
	color: white !important;
}


/* Accordion */

.sp-easy-accordion .sp-ea-single {
	border-radius: 0;
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
	padding: 25px !important;
	font-size: 20px;
}

.ea-header a .ea-expand-icon {
	font-size: 18px !important;
}

.ea-body {
	font-weight: 400;
	padding: 0px 30px 30px 60px !important;
	display: flex;
	justify-content: space-between;
	gap: 60px
}

.page-d-a-ch-netzwerk .ea-body {
	display: block;
}

.ea-body div:nth-of-type(1) {
	flex-basis: 33%;
}

.ea-body div:nth-of-type(2) {
	flex-basis: 33%;
}

.ea-body div:nth-of-type(3) {
	flex-basis: 33%;
}

.table_preis table {
	margin: 0;
}

.table_preis td,
.table_preis th {
	border: none;
	border-collapse: collapse;
	padding: 18px 20px
}

.table_preis tr {
	border-bottom: 2px solid white;
}

.table_preis tr:last-child {
	border-bottom: none;
}

.table_preis td {
	border-right: 2px solid white;
}

.table_preis td:last-child {
	border-right: none;
}

.table_preis td:first-child {
	padding-left: 0;
}

.zeitschrift_ausgabe .gb-grid-wrapper  {
	justify-content: space-between !important;
}

.zeitschrift_ausgabe .gb-container {
	position: relative;
	height: 100%;
}

.zeitschrift_ausgabe .medium {
	position: absolute;
	bottom: 0;
}




/* #Media Queries
================================================== */

@media only screen and (max-width: 1120px) {
#header_inner {
margin: 0 40px;
}
.container,
.fullwidth_inside {
width: calc(100dvw - 140px);
}
#navi ul li {
margin-left: 22px;
}
#navi ul li a {
font-size: 16px;
}
.fullwidth {
margin-left: -70px; /* half of container width */
}



}



@media only screen and (max-width: 1020px) {
#navi ul li {
margin-left: 13px;
}
#footer_left {
flex-basis: 51%
}
#footer_middle {
flex-basis: 30%;
}
#footer_right {
flex-basis: 19%;
}
#primary {
margin-top: 170px;
margin-bottom: 140px;
}
.intro {
margin-bottom: 80px;
}
.publikationen_home,
.neo_home {
padding-top: 50px;
padding-bottom: 50px;
}
.publikationen_home .gb-grid-column:first-of-type .gb-container {
margin-right: 50px !important;
}
.box {
padding: 50px;
margin-top: 80px;
margin-bottom: 80px;
}
.box_txt {
margin-top: 80px;
margin-bottom: 80px;
}
h1 {
font-size: 38px;
margin-bottom: 40px;
}
h2.h1 {
font-size: 38px;
margin-bottom: 40px;
}
.form_mitglied {
margin-top: 50px;
margin-bottom: 50px;
padding: 40px;
}

}



@media only screen and (max-width: 960px) {
header#masthead {
height: 80px;
padding-top: 12px;
}
.logo {
width: 92px;
}

/* Hamburger */
#menuToggle {
width: 29px;
height: 18px;
position: absolute;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
cursor: pointer;
z-index: 99;
top: 20px;
right: 0px;
display: inline-block;
}

#menuToggle span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #305B59;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

#menuToggle span:nth-child(1) {
top: 0px;
}

#menuToggle span:nth-child(2),
#menuToggle span:nth-child(3) {
top: 8px;
}

#menuToggle span:nth-child(4) {
top: 16px;
}

#menuToggle.active span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}

#menuToggle.active span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

#menuToggle.active span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#menuToggle.active span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}

#holder_navi {
display: none;
}

#holder_navi.open {
position: relative;
display: block;
width: 100%;
height: auto;
position: fixed;
top: 83px;
padding: 0 30px 20px;
background: #f4f5f5;
bottom: 0;
right: 0;
overflow-y: scroll !important;
}
#navi {
position: relative;
display: block;
width: 100vw;
margin-left: -30px;
}
#navi ul  {
width: 100%;
position: relative;
float: none;
margin: 0 0 16px;
padding: 0 !important;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
}
#navi ul > li {
display: block !important;
width: 100%;
position: relative;
height: auto;
border-bottom: 1px solid #ccc;
margin: 0;
text-align: right;
padding: 15px 0 !important;
text-align: center;
}
#navi ul li > a {
font-size: 18px;
margin-right: 0;
margin-left: 0;
height: 100%;
padding: 0;
width: auto;
padding-right: 0px;
display: inline-block;
}
#navi ul li.first-level > a:after,
#navi ul li.first-level:hover > a:after {
display: inline-block;
position: relative;
content: '';
height: 16px;
width: 30px;
background: url('arrow_navi_down.svg') right center no-repeat;
background-size: 20px;
float: none;
top: 2px;
}
#navi ul li.first-level.selected > a:after {
background: url('arrow_navi_up.svg') right center no-repeat;
background-size: 20px;
}
#navi ul li.first-level.selected > a {
color: #7B962A;
}

#navi ul li.first-level > ul.sub-menu {
visibility: hidden;
display: none;
}
#navi ul li.first-level.selected > ul.sub-menu {
visibility: visible;
display: block;
width: 100%;
padding: 0;
border-top: 1px solid #ccc;
left: 0;
float: none;
top: 18px;
background: none;
margin: 0;
position: relative;
box-shadow: none;
}
#navi ul.sub-menu li {
display: block;
float: none;
height: auto;
padding: 0;
margin: 0;
border-bottom: 1px solid #ddd;
}
#navi ul.sub-menu li:last-of-type {
border-bottom: none;
}
#navi ul.sub-menu li a {
padding-right: 0px;
}
#primary {
margin-top: 140px;
margin-bottom: 120px;
}
.intro {
margin-bottom: 70px;
}
.publikationen_home,
.neo_home {
padding-top: 40px;
padding-bottom: 40px;
}
.box {
padding: 40px;
margin-top: 70px;
margin-bottom: 70px;
}
.box_txt {
margin-top: 70px;
margin-bottom: 70px;
}
h1 {
font-size: 37px;
}
h2.h1 {
font-size: 37px;
}
.publikationen_home .gb-grid-column:first-of-type .gb-container {
margin-right: 40px !important;
}


}



@media only screen and (max-width: 930px) {
h1 {
font-size: 35px;
}
h2.h1 {
font-size: 35px;
}


}


@media only screen and (max-width: 900px) {
#header_inner {
margin: 0 40px;
}
.container,
.fullwidth_inside {
width: calc(100dvw - 80px);
}
.fullwidth {
margin-left: -40px; /* half of container width */
}
footer {
padding-top: 50px;
padding-bottom: 50px;
}
h1 {
font-size: 34px;
margin-bottom: 34px;
}
h2.h1 {
font-size: 34px;
margin-bottom: 34px;
}
.table_preis td,
.table_preis th {
padding: 16px 10px
}
.form_mitglied {
margin-top: 40px;
margin-bottom: 40px;
padding: 30px;
}


}



@media only screen and (max-width: 820px) {
#holder_footer {
flex-wrap: wrap;	
}
footer {
padding-top: 40px;
padding-bottom: 40px;
}
#footer_left {
flex-basis: 66%;
}
#footer_middle {
flex-basis: 34%;
}
#footer_right {
margin-top: 20px;
flex-wrap: nowrap;
flex-basis: 100%;
justify-content: space-between;
align-items: flex-end;
}
#holder_footermenu2 {
flex-basis: 34%;
order: 2;
margin-bottom: 0;
}
#copyright {
order: 1;
flex-basis: 66%;
}
.intro {
margin-bottom: 60px;
}
.box {
padding: 40px;
margin-top: 60px;
margin-bottom: 60px;
}
.box_txt {
margin-top: 60px;
margin-bottom: 60px;
}
h1 {
font-size: 33px;
margin-bottom: 30px;
}
h2 {
font-size: 21px;
}
h2.h1 {
font-size: 33px;
margin-bottom: 30px;
}
h3 {
font-size: 21px;
}

}



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

.nf-form-cont .five-sixths, .nf-form-cont .four-sixths, .nf-form-cont .one-fourth, .nf-form-cont .one-half, .nf-form-cont .one-sixth, .nf-form-cont .one-third, .nf-form-cont .three-fourths, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths, .nf-form-cont .two-sixths, .nf-form-cont .two-thirds {
clear: none !important;
float: left !important;
margin: 0;
}
.nf-field-container {
margin-bottom: 0px !important;
}
.checkbox-wrap {
margin-bottom: 15px !important;
}
.textbox-wrap input.nf-element {
height: 40px !important;
}
.nf-form-cont .first {
clear: none !important;
margin-left: 0 !important;
}
.nf-field-container {
width: calc(98% - 5px);
}
.one-sixth {
width: 16% !important;
}
.two-sixths {
width: 32% !important;
}
.one-fourth {
width: 28% !important;
} 
.one-half {
width: 48% !important;
float: left !important;
margin-right: 10px !important;
}
.check_year {
width: 170px !important;
}
.three-fourths {
width: 66% !important;
}
.plz {
width: calc(16% - 10px) !important;
margin-right: 10px !important;
}
.ort {
margin-right: 0px !important;
}
.label-hidden .field-wrap{
flex-wrap: nowrap !important;
flex-direction: column !important;
}
.txt_ermaessigt {
width: calc(100% - 50px) !important;
margin-top: -25px !important;
}
textarea.nf-element {
margin-bottom: 10px !important;
}
input.submit {
font-size: 21px !important;
padding: 8px 40px 10px !important;
}


}




@media (max-width: 767px) {
.projektnavi {
margin-top: 90px;
}
.holder_projects_feed {
margin-top: 90px;
}
.holder_teaser {
gap: 14px;
}
.holder_projects {
flex-wrap: nowrap !important;
}
.spalten_projekt {
margin-bottom: 50px !important;
}
.intro {
margin-bottom: 50px;
}
.publikationen_home,
.neo_home {
padding-top: 30px;
padding-bottom: 30px;
}
.box {
padding: 30px;
margin-top: 50px;
margin-bottom: 50px;
}
.box_txt {
margin-top: 50px;
margin-bottom: 50px;
}
h1 {
font-size: 32px;
}
h2.h1 {
font-size: 32px;
}
.intro {  /* Noch nicht umbrechen */
flex-wrap: nowrap !important;
}
.publikationen_home .gb-grid-wrapper {
flex-wrap: nowrap !important;	
}
.publikationen_home .gb-grid-column:first-of-type .gb-container {
margin-right: 20px !important;
}
.publikationen_home .gb-grid-column:first-of-type {
width: 38% !important;
}
.publikationen_home .gb-grid-column:nth-of-type(2) {
width: 62% !important;
}
.netzwerk {  
flex-wrap: nowrap !important;
}
.netzwerk .gb-grid-column {  
width: 33.3% !important;
}
.zeitschrift_ausgabe {  
flex-wrap: nowrap !important;
}
.zeitschrift_ausgabe .gb-grid-column:first-of-type {  
width: 62% !important;
}
.zeitschrift_ausgabe .gb-grid-column:nth-of-type(2) {  
width: 38% !important;
}

.table_preis td,
.table_preis th {
padding: 5px 10px 5px 0
}
.table_preis tr {
display: block;
border-bottom: 2px solid #7b9629;
padding-top: 8px;
padding-bottom: 8px;
}
.table_preis tr:last-child {
border-bottom: none;
}
.table_preis td {
display: block;
border-right: none;
border-bottom: 1px solid #fff;
}
.table_preis td:last-child {
border-right: none;
border-bottom: none;
}
.table_preis td:first-child {
padding-left: 0;
}



}



@media only screen and (max-width: 660px) {
#primary {
margin-top: 130px;
margin-bottom: 100px;
}
#header_inner {
margin: 0 30px;
}
.container,
.fullwidth_inside {
width: calc(100dvw - 60px);
}
.fullwidth {
margin-left: -30px; /* half of container width */
}
#holder_footer {
font-size: 13px;
}
#footer_left {
flex-basis: 68%;
}
#footer_middle {
flex-basis: 32%;
}
#holder_footermenu2 {
flex-basis: 32%;
}
#copyright {
flex-basis: 68%;
}
h1 {
font-size: 31px;
margin-bottom: 28px;
}
h2.h1 {
font-size: 31px;
margin-bottom: 28px;
}
h4 {
font-size: 17px;
}
.box {
padding: 30px;
margin-top: 40px;
margin-bottom: 40px;
}
.box_txt {
margin-top: 40px;
margin-bottom: 40px;
}
.intro {  /* Projekt Detailseiten noch nicht umbrechen */
flex-wrap: wrap !important;
margin-bottom: 40px;
}
.intro_left figure {
max-width: 50%;
margin-bottom: 30px;
}
.zeitschrift_ausgabe .medium {
position: relative;
}
.form_mitglied {
margin-top: 30px;
margin-bottom: 30px;
padding: 20px;
}


}



@media only screen and (max-width: 600px){
.nf-field-container .nf-field-label {
margin-bottom: 10px!important;
padding: 0;
width: 100%;
}
.nf-field-container .nf-field-label label {
text-align: left;
}
.nf-field-container .nf-field-description {
margin: 0;
width: 100% !important;
}
.nf-field-container .nf-field-element {
width: 100%;
order: 15;
}
.nf-field-container .checkbox-wrap .nf-field-label {
width: auto;
}
.nf-field-container .checkbox-wrap .nf-field-label label {
position: relative;
margin-left: 30px;
}
.nf-field-container .checkbox-wrap .nf-field-label label:after {
_left: -28px;
_bottom: 0;
}
.nf-field-container .checkbox-wrap .nf-field-label label:before {
_left: -30px;
_bottom: 0;
}
.nf-field-container .checkbox-wrap .nf-field-element {
_width: 20px;
}
.nf-form-cont .five-sixths,.nf-form-cont .four-sixths,.nf-form-cont .one-fourth,.nf-form-cont .one-half,.nf-form-cont .one-sixth,.nf-form-cont .one-third,.nf-form-cont .three-fourths,.nf-form-cont .three-sixths,.nf-form-cont .two-fourths,.nf-form-cont .two-sixths,.nf-form-cont .two-thirds {
clear: both;
float: none;
margin: 0;
width: 100%;
}
.nf-form-cont .five-sixths .inside,.nf-form-cont .four-sixths .inside,.nf-form-cont .one-fourth .inside,.nf-form-cont .one-half .inside,.nf-form-cont .one-sixth .inside,.nf-form-cont .one-third .inside,.nf-form-cont .three-fourths .inside,.nf-form-cont .three-sixths .inside,.nf-form-cont .two-fourths .inside,.nf-form-cont .two-sixths .inside,.nf-form-cont .two-thirds .inside {
padding: 0;
}
.nf-field-container {
width: 100%;
}
.one-sixth {
width: 100% !important;
}
.two-sixths {
width: 100% !important;
}
.one-fourth {
width: 100% !important;
} 
.one-half {
width: 100% !important;
}
.check_year {
width: 160px !important;
}
.year {
width: 100px !important;
}
.three-fourths {
width: 37% !important;
}
.plz {
width: calc(30% - 10px) !important;
margin-right: 10px !important;
float: left !important;
clear: none !important;
}
.ort {
width: 70% !important;
float: left !important;
clear: none !important;
margin-right: 0px !important;
}
.txt_ermaessigt {
width: calc(100% - 50px) !important;
}

}



@media only screen and (max-width: 560px) {
#header_inner {
margin: 0 20px;
}
.container,
.fullwidth_inside {
width: calc(100dvw - 40px);
}
.fullwidth {
margin-left: -20px; /* half of container width */
}
footer {
padding-top: 20px;	
padding-bottom: 20px;
}
#footer_left {
flex-basis: 74%;
}
#footer_middle {
flex-basis: 26%;
}
#holder_footermenu2 {
flex-basis: 26%;
}
#copyright {
flex-basis: 74%;
}
.publikationen_home,
.neo_home {
padding-top: 20px;
padding-bottom: 20px;
}
.box {
padding: 20px;
}
.box_txt {
margin-top: 40px;
margin-bottom: 40px;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 20px;
}
h2.h1 {
font-size: 30px;
}
h3 {
font-size: 20px;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
padding: 20px !important;
font-size: 19px;
}
.ea-header a .ea-expand-icon {
font-size: 17px !important;
}
.ea-body {
padding: 0px 30px 30px 55px !important;
gap: 50px
}


}


@media only screen and (max-width: 500px) {
#primary {
margin-top: 120px;
margin-bottom: 80px;
}
#holder_footer {
display: block;
}
#footer_middle {
margin-top: 10px;
}
#holder_footermenu1 {
display: none;
}
#footer_right {
margin-top: 10px;
}
#holder_footermenu2 {
flex-basis: auto;
order: 1;
}
#copyright {
order: 2;
flex-basis: 120px;
white-space: nowrap;
}
h1 {
font-size: 29px;
}
h2.h1 {
font-size: 29px;
}
.intro_left figure {
max-width: 60%;
margin-bottom: 20px;
}
.publikationen_home .gb-grid-wrapper {
flex-wrap: wrap !important;	
}
.publikationen_home .shadow {
max-width: 50%;
margin-bottom: 20px;
}
.publikationen_home .gb-grid-column:first-of-type {
width: 100% !important;
}
.publikationen_home .gb-grid-column:nth-of-type(2) {
width: 100% !important;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
padding: 15px !important;
font-size: 18px;
}
.ea-header a .ea-expand-icon {
font-size: 16px !important;
}
.ea-body {
padding: 0px 20px 20px 50px !important;
gap: 40px
}
.zeitschrift_ausgabe {  
flex-wrap: wrap !important;
}
.zeitschrift_ausgabe .gb-grid-column:first-of-type {  
order: 2;
width: 100% !important;
}
.zeitschrift_ausgabe .gb-grid-column:nth-of-type(2) {  
order: 1;
width: 100% !important;
margin-bottom: 15px;
}
.zeitschrift_ausgabe figure {  
margin-left: 0px;
max-width: 60%;
}


}


@media only screen and (max-width: 440px) {
#primary {
margin-top: 110px;
margin-bottom: 60px;
}
.box {
padding: 20px;
margin-top: 30px;
margin-bottom: 30px;
}
.box_txt {
margin-top: 30px;
margin-bottom: 30px;
}
h1 {
font-size: 27px;
}
h2 {
font-size: 19px;
}
h2.h1 {
font-size: 27px;
}
h3 {
font-size: 19px;
}
.netzwerk {  
flex-wrap: wrap !important;
}
.netzwerk .gb-grid-column {  
width: 100% !important;
margin-bottom: 10px;
}
.netzwerk .gb-grid-column figure {  
max-width: 60%;
}
.netzwerk .gb-grid-column:nth-of-type(2) figure {  
float: right;
}
.form_mitglied {
margin-top: 30px;
margin-bottom: 30px;
padding: 15px 10px 10px;
}


}


@media only screen and (max-width: 400px) {
body {
font-size: 15px;	
}
h1 {
font-size: 25px;
margin-bottom: 20px;
}
h2 {
font-size: 18px;
}
h2.h1 {
font-size: 25px;
margin-bottom: 20px;
}
h3 {
font-size: 18px;
}
.publikationen_home .shadow {
max-width: 60%;
margin-bottom: 15px;
}
.box {
padding: 15px;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
padding: 10px !important;
font-size: 17px;
}
.ea-header a .ea-expand-icon {
font-size: 15px !important;
}
.ea-body {
padding: 0px 20px 20px 15px !important;
gap: 30px
}

}


@media only screen and (max-width: 330px) {
#holder_footer {
font-size: 12px;
}
h1 {
font-size: 23px;
}
h2 {
font-size: 17px;
}
h2.h1 {
font-size: 23px;
}
h3 {
font-size: 17px;
}
h4 {
font-size: 16px;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
font-size: 16px;
}
.ea-header a .ea-expand-icon {
font-size: 14px !important;
}

}