@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("wbdesign/css/fonts/bootstrap-icons.woff2?1bb88866b4085542c8ed5fb61b9393dd") format("woff2"),
url("wbdesign/css/fonts/bootstrap-icons.woff?1bb88866b4085542c8ed5fb61b9393dd") format("woff");
}
@font-face {
    font-family: 'NotoSans_Condensed-Bold';
    src: url('wbdesign/css/fonts/NotoSans_Condensed-Bold.ttf');
}
@font-face {
    font-family: 'NotoSans_Condensed-Regular';
    src: url('wbdesign/css/fonts/NotoSans_Condensed-Regular.ttf');
}
@font-face {
    font-family: 'NotoSans_Condensed-Italic';
    src: url('wbdesign/css/fonts/NotoSans_Condensed-Italic.ttf');
}
@font-face {
    font-family: 'NotoSans_Condensed-Light';
    src: url('wbdesign/css/fonts/NotoSans_Condensed-Light.ttf');
}

.ab-tablet,
.ab-desktop {
	display: none;
}

/**/
/* - allgemeine Styles - */

body {
	font-family: NotoSans_Condensed-Regular;	
}
h1 {
	font-family: NotoSans_Condensed-Light;
	padding: .5rem 0 0;
	margin-bottom: 0;
/*	color: white; */
}
h2 {
	text-transform: uppercase;
}
p {
	margin-bottom: .8rem;
	line-height: normal;
}
.relativ {
	position: relative;
}
.absolut {
	position: absolute;
}
.margin-bottom-1em {
	margin-bottom: 1em;
}
.margin-bottom-1-5em {
	margin-bottom: 1.5em;
}
.margin-bottom-2em {
	margin-bottom: 2em;
}
.margin-top-2em {
	margin-top: 2em;
}
.margin-bottom-2-5em {
	margin-bottom: 2.5em;
}
.padding-bottom-0 {
	padding-bottom: 0;
}
.margin-bottom-0 {
	margin-bottom: 0;
}
.padding-bottom-1em {
	padding-bottom: 1em;
}
.padding-top-1em {
	padding-top: 1em;
}
.padding-bottom-2em {
	padding-bottom: 2em;
}
.padding-top-2em {
	padding-top: 2em;
}
.padding-left-2em {
	padding-left: 2em;
}
.display-table {
	display: table;
}
.flex {
	display: flex;
}
.margin-center {
	margin-left: auto;
	margin-right: auto;
}
.text-center {
	text-align: center;
}
.groesser {
	font-size: 1.3rem;
}
main a {
	color: currentColor;
    display: inline;
    background-size: 0 3px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s ease;
    background-image: linear-gradient(to right, #79B530, #79B530);
/*	border: 1px solid rgba(121,181,48,0);*/
}
main a:hover {
    color: currentColor;
    text-decoration: none;
    background-size: 100% 3px;	
}
main a.colorbox {
	border: none;
}
a:link {
	color: #79B530; /* helleres grün wie Menü */
	text-decoration: none;
}
a:visited {
	color: #20590A; /* dunkleres grün */
}
.gruenerpfeil::before {
	content:"\F134";
	font-family: "bootstrap-icons";
	margin-right: .5em;
	color: #79B530;
	position: relative;
	top: 4px;
}
.tipp {
	background: #BDF180;
	padding: 10px;
	margin-bottom: 20px;
}
#edit-body--description {
	max-width: initial;
	padding-top: 2rem;
}
.hilfetitel {
	font-size: 1.2em;
	font-weight: bold;
	line-height: normal;
}
.anleitung summary {}
#body-add-more-wrapper .field-add-more-submit {
	background: rgba(189,241,128,1);
}
.anleitung .claro-details__description {
	max-width: initial;
}
.hilfetext {
	font-size: large;
}

/* - Ende allgemeine Styles - */
/**/

.boxintern {
    position: relative;
    width: 30%;
    height: 140px;
    text-align: center;
    float: left;
    margin: 1.5%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}
.uebersichtboxinhalt {
    position: absolute;
    height: 40%;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    color: black;
    line-height: 1em;
    padding-top: 10px;
}
.boxintern .uebersichtboxinhalt {
    height: 20px;
}

/**/
/* - grundsätzliches Layout - */
header {
	background: #79b530;
	position: fixed;
	width: 100%;
	z-index: 10;
}
header > nav {
	padding-bottom: 10px;
}
.navbar-toggler {
	
}
.navbar-brand img {
	height: 90px
}
.navbar-brand a.site-title {
	color: #79b530;
}
.navbar-brand .site-title {
	font-size: 4vw;
}
.hauptmenu {
	padding-top: 1em;
}
ul.dropdown-menu {
	border-radius: 0;
	margin: 0 !important;
	box-shadow: 0px 3px 9px 1px rgba(0,0,0,0.24);
	-webkit-box-shadow: 0px 3px 9px 1px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 3px 9px 1px rgba(0,0,0,0.24);
}
.hauptmenu > ul > li > a {
	color: white;
	text-transform: uppercase;
}
.hauptmenu > ul > li > a:hover,
.hauptmenu > ul > li > a:focus {
	background: white;
	color: #79b530;
}
.hauptmenu > ul > li > a.active {
	background: rgba(255,255,255,.3);
}
.hauptmenu ul ul li a:hover,
.hauptmenu ul ul li a:focus {
	background: rgba(0,0,0,.5);
	color: white;
}
.hauptmenu ul ul li a.active,
.hauptmenu ul ul li a.is-active {
	color: black;
	background: rgba(0,0,0,.2);
}
#block-slideheader {
	margin: 0 -12px;
}
main {
	padding-top: 55px;
}
.branding {
	padding: 1em 0 1.5em;
	border-bottom: 1px solid #79B530;
	margin-bottom: .5em;
}
.row.g-0 {
	padding-bottom: 2em;
	padding-top: 1em;
}
.row.g-0 > .order-1 {
	border-bottom: 1px solid #79B530;	
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.row.g-0 > .order-3 {
	background: rgba(0,0,0,.05);
	padding: 1em;
}
#block-wbdesign-branding {
	background-image: url(wbdesign/css/flexible_GS.jpg);
	background-size: 18%;
	background-repeat: no-repeat;
	background-position: 100% 2px;
	background-blend-mode: lighten;
	background-color: rgba(255,255,255,.6);
}
.sidebarblock .more-link {
	text-align: left;
	margin-top: 1.5em;
}
.sidebarblock .more-link a {
	padding: .3em 1em;
	text-decoration: none;
}
.sidebarblock .more-link a:link,
.sidebarblock .more-link a:visited {
	background: #79B530;
	color: white;
}
.sidebarblock .more-link a:hover,
.sidebarblock .more-link a:focus,
.zurueckbutton:hover,
.zurueckbutton:focus {
	color: #79B530;
	background: white;
	border: 1px solid #79B530;
}

.flex.gap-20 {
	gap: 20px;
}
.teaserbild img {
	max-width: initial;
}
.bodytext h3 {
	margin-top: 1em;
}
.bodytext h4 {
	font-size: 1.35rem;
	margin-top: 1em;
}
.bodytext hr,
.ck-horizontal-line  {
	clear: both;
	margin: 2rem 0 ;
}
.ck-content figure.drupal-media-style-align-left {
	float: left;
	clear: none !important;
}
.ck-content figure.drupal-media {
	clear: none;
}
.bodytext > .field__item {
	clear: both;
}
.bodytext figure {
	padding-top: 1em;
	margin-bottom: 2em;
}
figure.drupal-media-style-align-left,
.bodytext .align-left.media,
.bodytext figure.align-left {
	margin-right: 2em;
}
.bodytext .media--type-bild {
	margin-bottom: 2em;
}
.bodytext figure > .media--type-bild {
	margin-bottom: initial;
}
.fotoalbum {
	display: flex;
	flex-wrap: wrap;
	gap: 2% 3%;
}
.fotoalbum > div {
	width: 48.5%;
}
.fotoalbum img {
	width: 100%;
}
.bodytext figcaption {
	padding: .2em .5em 0;
}
iframe.media-oembed-content {
	max-height: 280px;
}
.zurueck-link {
	margin-top: 3em;
	align-items: center;
	color: #79B530;
}
.zurueckbutton {
	background: #79B530;
	color: white;
	border: 0;
	padding: .2em 1em;
}
.zurueck-link p {
	margin-bottom: 0;
}
.verfasst {
	margin: .2em 0 .5em;
}
.verfasst-info::before,
.mit-icon::before {
	margin-right: 5px;
	position: relative;
	top: 1px;
}
.mit-icon.vollansicht:before {
	margin-right: 10px;
}
.autor-wer::before {
	content: "\F4D7";
	font-family: "bootstrap-icons";
}
.autor-wann::before,
.mit-datum-icon:before {
	content: "\F214";
	font-family: "bootstrap-icons";
}
.region-sidebar-second .mit-icon {
	font-size: .825em;
}
.mit-geschrieben-icon::before {
	content: "\F292";
	font-family: "bootstrap-icons";
}

.region-sidebar-second > .block {
	margin-bottom: 30px;
}

footer {
	background: #79b530;
	color: #333;
}
footer a:link,
footer a:visited {
	color: #333;
}
footer a:hover,
footer a:focus {
	color: white;
}
footer .region-footer {
	gap: 20px;
}
.footerblock h2 {
	font-size: 1.5em;
	color: white;
}
ul.footer-menu {
	margin: 0;
	padding: 0;
}
ul.footer-menu > li {
	list-style: none;
	line-height: normal;
}


/**/
/* - ab hier Views - */
.archivfilter .form-item {
	margin: 0;
}
.archivfilter select {
	background: #79b530;
	color: white;
}
.block-ohne-pager .pager {
	display: none;
}
.ohne-unterstrich a {
	text-decoration: none;
}
.blockzeile {
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid rgba(0,0,0,.15);
}
.blockzeile:last-child {
	border-bottom: 0;
}
.main-bereich.blockzeile {
	margin-bottom: 1.5em;
	padding-bottom: 2em;
}
.flex.mit-vorschaubild {
	flex-direction: column;
}
.jahr > h2 {
	margin: 1em 0;
	font-size: 1.7em;
}
.jahreszahl {
	font-weight: bold;
}
.edit-delete > a:first-child:after {
	padding-left: 5px;
	content: "|";
	color: #333;
}


/* - Ende Views - */
/**/

@media screen and (min-width: 556px) {
	#block-slideheader {
		margin: 0;
	}
	.navbar-brand {
		max-width: 500px;
	}
	.navbar-brand .site-title {
		font-size: 1.5em;
	}
	footer .region-footer {
		flex-direction: initial;
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px 0;
		max-width: 560px;
		margin: 0 auto;
	}
	footer .region-footer > div {
		width: 50%;
		border-right: 1px solid rgba(255,255,255,.5);
	}
	.anschrift, .telefon {
		padding-right: 3em;
	}
	.sekretariat, .rechtliches {
		padding-left: 4em;
		border-right: 0 !important;
	}
	.telefon h2 {
		margin-right: -1em;
	}
}
@media screen and (min-width: 768px) {
	#block-wbdesign-branding {
		background-size: 20%;
		background-position: 100% 5px;
	}
	.flex.mit-vorschaubild {
		flex-direction: row;
	}
	.sekretariat, .rechtliches {
		padding-left: 5em;
	}
	iframe.media-oembed-content {
		max-height: 380px;
	}
}
@media screen and (min-width: 992px) {
	.ab-desktop {
		display: block;
	}
	header > .navbar {
		padding: 0;
	}
	main {
		padding-top: 39px;
	}
	.navbar-brand {
		max-width: initial;
	}
	.navbar-brand .site-title {
		font-size: 1.8em;		
	}
	.branding {
	padding: 2em 0;
	}
	#navbarSupportedContent {
		justify-content: center !important;
	}
	.hauptmenu {
		padding-top: 0;
	}
	.hauptmenu > ul > li > a {
		padding-left: 1em !important;
		padding-right: 1em !important;
	}
	.row.g-0 > .order-1 {
		border-bottom: 0;	
		padding-right: 2em;
	}
	#block-wbdesign-branding {
		background-size: 15%;
	}
	.region-sidebar-second h2 {
		font-size: 1.3em;
	}
	iframe.media-oembed-content {
		max-height: 367px;
	}
	.fotoalbum {
		display: flex;
		flex-wrap: wrap;
		gap: 10px 1.33%;
		margin-top: 2em;
	}
	.fotoalbum > div {
		width: 24%;
	}
}
@media screen and (min-width: 1200px) {
	#block-wbdesign-branding {
		background-position: 95% 5px;
	}
	.region-sidebar-second h2 {
		font-size: 1.5em;
	}
	footer .region-footer {
		gap: initial;
		max-width: initial;
	}
	footer .region-footer > div {
		width: auto;
		border-right: 1px solid rgba(255,255,255,.5);
		padding: 0 3em;
	}
	footer .region-footer > div:last-child {
		border-right: 0;
		padding-right: 0;
	}
	.anschrift {
		padding-left: 0 !important;
	}
	.rechtliches {
/*		padding-left: 5em; */
	}
	.sekretariat {
		border-right: 1px solid rgba(255,255,255,.5) !important;
	}
	iframe.media-oembed-content {
		max-height: 443px;
	}
}
@media screen and (min-width: 1400px) {
	#block-wbdesign-branding {
		background-position: 97% 40%;
	}
	iframe.media-oembed-content {
		max-height: 519px;
	}	
}