@charset "UTF-8";
/*
Theme Name: DZI
Theme URI: https://dzi.de/
Author: e27
Author URI: https://e27.berlin/
Description: Child of Zakra theme for DZI.
Requires PHP: 5.6
Version: 0.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: dzi
Template: zakra
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, news, e-commerce, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Zakra is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

.keinbild .e27posttypes-block-image, .keinbild .e27posttypes-slider-image, .keintext .e27posttypes-slider-text p, .keintext .e27posttypes-block-text p {display: none !important;}

/* schrift */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=a6e23cf5-3775-4a61-b833-e316b824e23c");
@font-face{
    font-family:"Neue Frutiger W04";
    src:url("fonts/d7ec4664-fe5d-4a0e-9639-8ba16cad9722.woff2") format("woff2"),url("fonts/1058b78b-e906-4491-a225-498656e18e12.woff") format("woff");
	font-weight: 275;
	font-style: normal;
	font-display: swap;
}
@font-face{
    font-family:"Neue Frutiger W04";
    src:url("fonts/32a96847-9c6b-4850-954f-74f19c600f45.woff2") format("woff2"),url("fonts/00e4ddb6-57d3-4bba-bbf2-94bcd08df369.woff") format("woff");
	font-weight: 275;
	font-style: italic;
	font-display: swap;
}
@font-face{
    font-family:"Neue Frutiger W04";
    src:url("fonts/103b3dab-16f9-44c4-b2ca-3316ece01076.woff2") format("woff2"),url("fonts/d3c645a7-f4eb-4050-a61e-5f9f12eda61b.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face{
    font-family:"Neue Frutiger W04";
    src:url("fonts/103b3dab-16f9-44c4-b2ca-3316ece01076.woff2") format("woff2"),url("fonts/d3c645a7-f4eb-4050-a61e-5f9f12eda61b.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face{
    font-family:"Neue Frutiger W04";
    src:url("fonts/3fa0c711-e12e-4d00-9e3f-9f8a2979dd85.woff2") format("woff2"),url("fonts/8d77ce0d-21dd-40af-8226-5806780c1008.woff") format("woff");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face{
    font-family:"Neue Frutiger W04";
    src:url("fonts/3fa0c711-e12e-4d00-9e3f-9f8a2979dd85.woff2") format("woff2"),url("fonts/8d77ce0d-21dd-40af-8226-5806780c1008.woff") format("woff");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face{
    font-family:"Neue Frutiger W04";
    src:url("fonts/99c2f5c1-74c5-4433-9132-f674c9ca7bb7.woff2") format("woff2"),url("fonts/7e1d51d5-a555-4951-9d3a-55335c94e5f9.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face{
    font-family:"Neue Frutiger W04";
    src:url("fonts/99c2f5c1-74c5-4433-9132-f674c9ca7bb7.woff2") format("woff2"),url("fonts/7e1d51d5-a555-4951-9d3a-55335c94e5f9.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face{
    font-family:"Neue Frutiger W04";
    src:url("fonts/87cd38f9-ff31-4766-bdd0-ccaed2202d59.woff2") format("woff2"),url("fonts/dffc09e7-5678-45de-a4e5-c6dc61d60e5c.woff") format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
@font-face{
    font-family:"Neue Frutiger W04";
    src:url("fonts/87cd38f9-ff31-4766-bdd0-ccaed2202d59.woff2") format("woff2"),url("fonts/dffc09e7-5678-45de-a4e5-c6dc61d60e5c.woff") format("woff");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
html body, html .widget, html .widget .widget-title,
html h1, html h2, html h3, html h4, html h5, html h6,
html .tg-page-content__title, html .tg-page-header .tg-page-header__title,
html .tg-primary-menu > div ul li a, html .tg-primary-menu > div ul li ul li a,
html .tg-mobile-navigation a {
	font-family: "Neue Frutiger W04", sans-serif;
}
html, body {
	font-size: 16px;
	font-weight: 400;
}
.c-accordion__title::after {
	font-weight: inherit;
	font-size: 2rem;
}


/* header fixed */
html .site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	transition: all 0.5s;
}
html .home .site-header,
html .has-thumbnail .site-header {
	top: 2rem;
}
html .home.scrolled .site-header,
html .has-thumbnail.scrolled .site-header {
	top: 0;
}
html .site-main {
	margin-top: 140px;
}
html .tg-page-header {
	padding-top: 0;
}
@media screen and (max-width:767px) {
	html .home .site-header,
	html .has-thumbnail .site-header {
		top: 0;
	}
}



/* header opaque */
html .site-header {
	background-color: rgba(255,255,255,0.85);
}
html .scrolled .site-header {
	background-color: rgba(255,255,255,1);
	/* border-bottom ? */
}



/* logo */
html .site-header .site-branding .site-info-wrap {
	display: flex;
	width: 14.5rem;
	/*margin-bottom: 3rem;*/
}
html .site-header .site-branding .site-title {
	padding-right: 0.5rem;
}
html .site-header .site-branding .site-title a {
	/*color: #fff;*/
	color: #339933; /* logo mit anderem grün #81b651;*/
	font-family: "Neue Frutiger W04", sans-serif;
	font-style: italic;
	font-weight: 600;
} 
html .site-header .site-branding .site-description {
	color: #000;
	font-family: "Neue Frutiger W04", sans-serif;
	font-style: italic;
	padding: 0.25rem 0;
	text-indent: 0.15rem;
}
@media screen and (max-width:767px) {
	html .site-header .site-branding .site-info-wrap {
		width: 5rem;
	}
	html .site-header .site-branding .site-description {
		display: none;
	}
}



/* wofür war das nochmal? */
html .tg-container--flex-center {
	align-items: flex-start;
}
html .slick-slider.wp-block-latest-posts.wp-block-latest-posts__list li {
	clear: none;
}



/* header top left weg, left dafür rechts volle breite, immer sichtbar */
html .tg-site-header-top .tg-header-top-left-content {
	width: 0;
}
html .tg-site-header-top .tg-header-top-right-content {
	width: 100%;
}
@media screen and (max-width:600px) {
	html .tg-site-header-top {
		display: block;
	}
}



/* immer mit der mobilen navigation arbeiten, die aber von rechts kommt */
@media screen and (min-width:768px) {
	html .tg-mobile-navigation,
	html .tg-header-action-list .tg-header-action__item.tg-mobile-toggle {
    	display: block;
    }
    html .main-navigation {
    	display: none;
    }
}
html .tg-mobile-navigation {
    left: auto;
    right: 0;
    transform: translateX(100%);
    padding: 50px 0 20px;
}
html .tg-header-action-list {
	width: 50px;
	margin-left: 1em;
}
html .tg-header-action-list .tg-header-action__item.tg-mobile-toggle {
	display: block;
	margin: 0;
}
html .tg-icon-bars::after {
	cursor: pointer;
	color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background: transparent url(/wp-content/themes/dzi/grafiken/sprites.svg) no-repeat;
	background-position: -250px 0;
}
html .tg-mobile-navigation .tg-mobile-navigation-close {
	right: 0;
}
html .tg-mobile-navigation .tg-mobile-navigation-close::before {
	color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;	
	background: transparent url(/wp-content/themes/dzi/grafiken/sprites.svg) no-repeat;
	background-position: -300px 0;
}
html .tg-mobile-navigation > div > ul {
	border-top-width: 0;
}
html .tg-mobile-navigation a {
	hyphens: auto;
	word-break: break-word;
	line-height: 1.3;
	padding: 0.8em 0.5em;
}
html .tg-mobile-navigation > div ul li.current_page_ancestor > a, 
html .tg-mobile-navigation > div ul li.current-menu-ancestor > a, 
html .tg-mobile-navigation > div ul li.current_page_item > a, 
html .tg-mobile-navigation > div ul li.current-menu-item > a {
	color: #81B651; /* aktuellen pfad im menü grün hervorheben */
}
html .tg-mobile-navigation li {
	border-top: 1px solid #b0b8b6;
}
html .tg-mobile-navigation li:first-child {
	border-top-width: 0;
}
html .tg-mobile-navigation li li:first-child {
	border-top-width: 1px;
}
html .tg-mobile-navigation li.page_item_has_children.submenu--show > ul, 
html .tg-mobile-navigation li.menu-item-has-children.submenu--show > ul {
	max-height: 1000px;
}
html .tg-mobile-navigation li ul.children {
	padding-left: 0;
	background-color: rgba(0,0,0,0.075); /* unterebene hellgrau und nicht eingerückt */
}
html .tg-mobile-navigation li > ul ul.children a {
	padding: 0.8em 1rem; /* dritte ebene etwas eingerückt */
}
html .tg-mobile-navigation li > ul ul ul.children a {
	padding: 0.8em 1.5rem; /* vierte ebene etwas eingerückt */
}
html .tg-mobile-navigation li > ul ul ul ul.children a {
	padding: 0.8em 2rem; /* fünfte ebene etwas eingerückt */
}
/* navi unterebnen jetzt vielleicht auch farbig */
html .tg-mobile-navigation li.page-item-43 ul.children {
	background-color: rgba(244,124,35,0.1); 
}
html .tg-mobile-navigation li.page-item-19908 ul.children {
	background-color: rgba(81,136,151,0.1); 
}
html .tg-mobile-navigation li.page-item-62 ul.children {
	background-color: rgba(129,182,81,0.1); 
}
/* togglebutton nicht auf dem text */
html .tg-mobile-navigation li.page_item_has_children > a {
    margin-right: 2rem;
}


/* auf einmal gibt es einen block-two im header */
html .tg-site-header--left .tg-block--two {
	margin-left: 0;
	flex-wrap: wrap;
}



/* search */
.searchform {
	list-style: none;
	margin: 0;
	position: relative;
}
.searchform li {
	display: inline-block;
	margin-left: 1em;
	padding: 0.5em 0;
}
.searchform .search-form {
	display: none;
	position: absolute;
    top: 3rem;
    right: 0;
    width: 200px;
    display: none;
    z-index: 999;
}
@media screen and (max-width:991px) { /* sind jetzt so lange shortlinks, dann schon ab 991 */
	.searchform {
		margin-left: auto;
	}
}
form#searchform {
	position: relative;
	margin: 0 0 1rem;
}
form#searchform button#searchsubmit {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	/**/
}



/* shortlinks */
.shortlinks, .shortlinks ul {
	list-style: none;
	margin: 0 0 0 auto;
}
.shortlinks li {
	display: inline-block;
	margin-left: 1em;
	padding: 0.5em 0;
}
.shortlinks ul ul { /* bei eingabe von suchbegriffen in der orga-suche vergisst wp auf einmal die shortlinks und zeigt die normale navi an */
	display: none;
}
.shortlinks a {
	/*color: #fff;*/
}
@media screen and (max-width:991px) { /* sind jetzt so lange shortlinks, dann schon ab 991 */
	.shortlinks {
		order: 5;
		width: 100%;
		text-align: right;
		padding-top: 0.5em;
		/*padding-right: 0.8em; /* soviel wie beim hmbrgr drüber */
	}
	.shortlinks li {
		padding: 0;
	}
}
@media screen and (max-width:599px) { /* ganz weg, wenn Bildschirm zu klein */
	.shortlinks {
		display: none;
	}
}



/* easylanguage */
.easylanguage {
	list-style: none;
	margin: 0;
}
.easylanguage li {
	display: inline-block;
	margin-left: 1em;
	padding: 0.5em 0;
}
.easylanguage a {
	/*color: #fff;*/
	display: block;
	width: 1em;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
.easylanguage a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(grafiken/leichte_sprache.png) no-repeat center center;
	background-size: contain;
}



/* headerimage */
html .dzi-heroimage {
	margin-top: -140px; /* soviel hatte ich dem inhalt gegeben */
	margin-bottom: 80px; /* soviel hat der Inhalt auch Abstand nach oben */
	margin-left: auto;
	margin-right: auto;
	/*max-width: 1160px; /* soviel ist als Max-Breite des Contents eingestellt */
	max-height: 100vh;
	overflow: hidden;
}
html .dzi-heroimage img {
	width: 100%;
	height: auto;
}



/* header auf bild */
@media screen and (min-width:600px) {
	.has-thumbnail .tg-page-header .tg-container {
		position: relative;
	}
	.has-thumbnail .tg-page-header__title { /* aber nur die überschrift, nicht den breadcrumb */
		/*transform: translateY(-13rem);*/
		/*height: 0;*/
		/*overflow: visible;*/
		/*color: #fff;*/
		/*text-shadow: 0 0 5px #000;*/
		position: absolute;
		top: -13rem;
		background: rgba(255,255,255,0.85);
		padding: 0 0.1em;
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
	}
	.has-thumbnail .site-content {
		margin-top: 0;
	}
}



/* home ohne abstand */
@media screen and (min-width:768px) {
	html .home .site-main,
	html .home .site-content {
		margin-top: 0;
	}
}


/* immer schön abstand halten */
.entry-content p:last-child,
.wp-block-buttons {
	margin-bottom: 1.4em;
}


/* slider und blocks und custom posts */
html .e27posttypes-blocks {
	display: flex;
	flex-wrap: wrap;
	padding: 1rem 0 0 1rem;
	margin-bottom: 1rem;
}
html .e27posttypes-block-item {
	background-color: #fff;
	margin: 0 1rem 1rem 0;
} 
html .e27posttypes-slider-item,
html .e27posttypes-block-item,
html .ptam-block-post-grid .slick-slider article {
	margin-bottom: 1rem;
	position: relative;
}
html .e27posttypes-slider-item:hover,
html .e27posttypes-block-item:hover,
html .ptam-block-post-grid .slick-slider article:hover {
	box-shadow: 0 0 1rem #b0b8b6;
}
html .e27posttypes-slider-image,
html .e27posttypes-block-image,
html .ptam-block-post-grid .slick-slider .ptam-block-post-grid-image {
	margin: 0;
	height: 200px;
}
html .e27posttypes-block-image {
	overflow: hidden;
	position: relative;
}
html .e27posttypes-slider-image.noimage,
html .e27posttypes-block-image.noimage {	
	background-color: #b0b8b6; /* erstma footergrau */
	border-top: 0.5rem solid #81B651; /* erstma grün */
}
html .posttype-odaba .e27posttypes-slider-image,
html .posttype-odaba .e27posttypes-block-image,
html .posttype-publication .e27posttypes-slider-image,
html .posttype-publication .e27posttypes-block-image,
html .posttype-staff .e27posttypes-slider-image,
html .posttype-staff .e27posttypes-block-image {
	padding: 1rem;
}
html .posttype-odaba .e27posttypes-slider-image.noimage,
html .posttype-odaba .e27posttypes-block-image.noimage,
html .posttype-publication .e27posttypes-slider-image.noimage,
html .posttype-publication .e27posttypes-block-image.noimage,
html .posttype-staff .e27posttypes-slider-image.noimage,
html .posttype-staff .e27posttypes-block-image.noimage {	
	background-color: #fff; /* in diesem fall nur weiß */
	border-top-width: 0;
}
html .e27posttypes-slider-image .tags,
html .e27posttypes-block-image .tags {
	position: absolute;
	top: 1rem;
	left: 0;
	padding: 0.5rem 1rem;
	background-color: #EEEEEE; /*rgba(255,255,255,0.8);*/
}
html .e27posttypes-slider-image a,
html .e27posttypes-block-image a,
html .ptam-block-post-grid .slick-slider .ptam-block-post-grid-image a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
html .posttype-odaba .e27posttypes-slider-image a,
html .posttype-odaba .e27posttypes-block-image a,
html .posttype-publication .e27posttypes-slider-image a,
html .posttype-publication .e27posttypes-block-image a,
html .posttype-staff .e27posttypes-slider-image a,
html .posttype-staff .e27posttypes-block-image a {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
html .e27posttypes-slider-image img,
html .e27posttypes-block-image img,
html .ptam-block-post-grid .slick-slider .ptam-block-post-grid-image img {
	/*max-height: 100%;
	width: auto;*/
}
html .posttype-odaba .e27posttypes-slider-image img,
html .posttype-odaba .e27posttypes-block-image img,
html .posttype-publication .e27posttypes-slider-image img,
html .posttype-publication .e27posttypes-block-image img,
html .posttype-staff .e27posttypes-slider-image img,
html .posttype-staff .e27posttypes-block-image img {
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
}
html .ptam-block-post-grid .slick-slider .no-thumb .ptam-block-post-grid-image {
	padding: 0;
	height: 0;
}
html .e27posttypes-slider-text,
html .e27posttypes-block-text,
html .ptam-block-post-grid .slick-slider .ptam-block-post-grid-text {
	margin: 0;
	padding: 1rem;
}
html .e27posttypes-slider-text .siegel,
html .e27posttypes-block-text .siegel {
	display: block;
	margin: 0;
	position: absolute;
	top: 0;
	right: 1rem;
	width: 2rem;
	height: auto;
}
html .e27posttypes-images {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 1rem;
	justify-content: space-between;
}
html .e27posttypes-image-item {
	background-color: #518897;
	margin-bottom: 1rem;
}
html .e27posttypes-image-image {
	overflow: hidden;
	position: relative;
}
html .e27posttypes-image-image .tags {
	position: absolute;
	top: 1rem;
	left: 0;
	padding: 0.5rem 1rem;
	background-color: #EEEEEE; /*rgba(255,255,255,0.8);*/
}

.hero .slick-list {
	padding: 0;
}
.hero .slick-track {
	max-height: 100vh;
}
.hero .slick-slide {
	margin: 0;
	position: relative;
}
.hero .e27posttypes-heroslider-text {
	position: absolute;
	bottom: 1.6rem;
	left: 0;
	width: 100%;
	height: auto;
	/*background-color: rgba(255,255,255,0.8);*/
	/*padding: 1rem;*/
}
.hero .e27posttypes-heroslider-text h1,
.hero .e27posttypes-heroslider-text h2,
.hero .e27posttypes-heroslider-text h3,
.hero .e27posttypes-heroslider-text p {
	padding: 0 0.5rem;
}
.hero .e27posttypes-heroslider-text h1 a,
.hero .e27posttypes-heroslider-text h2 a,
.hero .e27posttypes-heroslider-text h3 a {
	/*color: #fff;*/
	/*text-shadow: 0 0 10px #000;*/
	color: #16181a; /* textcolor */
	background: rgba(255,255,255,0.85);
	padding: 0 0.1em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.hero .e27posttypes-heroslider-image img {
	width: 100%;
	height: auto;
}
.bg-light {
	background-color: #EEEEEE;
}
.bg-green {
	background-color: #81B651;
}
.bg-orange {
	background-color: #F47C23;
}
.bg-petrol {
	background-color: #518897;
}
.bg-gray {
	background-color: #B0B8B6;
}
/* full width background */
.fullwidth, .hero {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
.fullwidth > div, .fullwidth > form {
	margin-left: auto;
	margin-right: auto; 
}
/* bei kleinen bildschirmen trennung einbauen */
@media screen and (max-width:599px) {
	html .e27posttypes-slider-text,
	html .e27posttypes-block-text,
	html .ptam-block-post-grid .slick-slider .ptam-block-post-grid-text {
		hyphens: auto;
	}
	
}
/* breiten vom tg-container übernehmen */
@media screen and (max-width: 767px) {
	.fullwidth > div {
		/*padding-left: 15px;*/
		/*padding-right: 15px;*/
	}
	.hero .slick-slider {
		margin-bottom: 25px;
	}
	.hero .e27posttypes-heroslider-text p {
	    display: none;
	}
	.hero .slick-prev {
		left: auto;
		right: 50px;
		top: 100%;
		transform: translate(0,0);
	}
	.hero .slick-next {
		top: 100%;
		transform: translate(0,0);
	}
}
@media screen and (min-width: 768px) {
	.fullwidth > div, .fullwidth > form {
		max-width: 720px;
	}
	.e27posttypes-blocks.blocks-3 .e27posttypes-block-item {
		flex-basis: calc(50% - 1rem);
	}
	.e27posttypes-images .e27posttypes-image-item {
		flex-basis: calc(50% - 0.5rem);
	}
	.hero .e27posttypes-heroslider-text p {
		/*color: #fff;*/
		/*text-shadow: 0 0 5px #000;*/
	}
	.hero .e27posttypes-heroslider-text span {
		background: rgba(255,255,255,0.85);
		padding: 0 0.15em;
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
		/* klappt nicht mit halbtransparent und überlappenden zeilen, also doch: */
		display: block;
	}
	
}
@media screen and (min-width: 992px) {
	.fullwidth > div, .fullwidth > form {
		max-width: 940px;
	}
	.e27posttypes-blocks.blocks-3 .e27posttypes-block-item {
		flex-basis: calc(33.33333% - 1rem);
	}
	.e27posttypes-blocks.blocks-2 .e27posttypes-block-item {
		flex-basis: calc(50% - 1rem);
	}
	.e27posttypes-images .e27posttypes-image-item {
		flex-basis: calc(33.33333% - 0.6666rem);
	}
}
@media screen and (min-width: 1200px) {
	.fullwidth > div, .fullwidth > form {
		max-width: 1160px;
	}
	.hero .e27posttypes-heroslider-text > * {
	    max-width: 1160px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.hero .e27posttypes-heroslider-text h1,
	.hero .e27posttypes-heroslider-text h2,
	.hero .e27posttypes-heroslider-text h3 {
		font-size: 3rem;
		padding: 0;
	}
	.hero .e27posttypes-heroslider-text p {
		font-size: 1.5rem;
		line-height: 1.35;
		padding: 0;
	}
}



/* more buttons */
html .site-content .more-btn a {
	display: inline-block;
	padding: 0.5rem 1rem;
	border: 3px solid #F47C23; /*#D4842C;*/
	margin-bottom: 3rem;
	color: #F47C23; /*#D4842C;*/
}
html .site-content .more-btn a:link, html .site-content .more-btn a:visited {
	color: #F47C23; /*#D4842C;*/
	border-color: #F47C23; /*#D4842C;*/
}
html .site-content .more-btn a:focus, html .site-content .more-btn a:hover, html .site-content .more-btn a:active {
	color: #000;
	border-color: #000;
}



/* caption */
html .wp-caption .wp-caption-text {
	margin: 0;
	text-align: inherit;
	line-height: 1.3;
	font-size: 0.9em; /* auch etwas kleiner? */
}



/* filter form */
.odaba-filterform {
	padding: 1rem 0;
}
.odaba-filterform fieldset {
	margin: 0;
	padding: 1rem;
	border-width: 0;
	border-bottom: 1px solid #ccc;
	height: 15rem;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	transition: height 0.4s;
}
.odaba-filterform fieldset.keyword,
.odaba-filterform fieldset.filters {
	height: auto;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
}
.sa-searchform fieldset {
	margin: 0 0 1.4rem;
	padding: 0;	
	border: none;
	position: relative;
}
.odaba-filterform fieldset.closed {
	border-left-width: 0;
	border-right-width: 0;
	height: 0;
	overflow: hidden; /* keine komischen scrollbalken */
}
.odaba-filterform legend {
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
	width: 100%;
}
.odaba-filterform legend::after {
	content: "";
	display: inline-block;
	margin-left: 0.5rem;
	border-top: 0 solid transparent;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-bottom: 0.7rem solid #ccc;
	vertical-align: baseline;
}
.odaba-filterform .closed legend::after {
	border-top: 0.7rem solid #ccc;
	border-bottom: 0 solid transparent;
}
.odaba-filterform .keyword legend::after {
	content: none;
}
.sa-searchform label,
.odaba-filterform label {
	display: block;
	hyphens: auto;
}
.odaba-filterform label.hidden,
.odaba-filterform .closed label,
.odaba-filterform .closed .find {
	display: none;
}
.sa-searchform input,
.odaba-filterform input {}
.odaba-filterform input[type=checkbox] {}
.odaba-filterform input[type=radio] {}
.odaba-filterform button {
	padding: 0.2rem 1rem;
}
.odaba-filterform input.find {
	/**/
}
.odaba-filterform button.withcat {
	/*display: none;*/
}
.odaba-filterform button {
	color: #ccc;
	background: #fff;
	border: 0;
	margin: 1px; /* to show inputs border */
	position: absolute;
	/*top: 0;*/
	right: 1rem; /*****/
	bottom: 0.5rem;
}
.sa-searchform button {
	color: #ccc;
	background: #fff;
	border: 0;
	margin: 1px; /* to show inputs border */
	padding: 0.4rem 1rem; /* warum auch immer hier was anderes notwendig ist */
	position: absolute;
	/*top: 0;*/
	right: 0; /*****/
	bottom: 0.5rem;
}
.odaba-filterform span.filter {
	display: inline-block;
	padding: 0 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	color: #F47C23; /* orange */
	border: 1px solid #F47C23; /* orange */
	cursor: pointer;
}
.odaba-filterform span.filter::after {
	content: "×";
	display: inline-block;
	margin-left: 0.5rem;
	transform: translateY(-0.15rem);
}
@media screen and (min-width:768px) {
	.odaba-filterform {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.odaba-filterform fieldset {
		flex-basis: 25%;
	}
	.odaba-filterform fieldset.keyword,
	.odaba-filterform fieldset.filters {
		flex-basis: 100%;
		padding: 0;
	}
	.odaba-filterform button {
		right: 0;
	}
}
@media screen and (min-width:992px) {
	.odaba-filterform fieldset {
		/*flex-basis: 16.6666%;*/
	}
}



/* downloads */
ul.downloads {
	list-style: none;
	margin: 0 0 1rem;
	padding: 0;
}
ul.downloads li {
	margin: 0 0 1rem;
}
ul.downloads a {
	display: block;
	flex-basis: 100%;
	background: #EEEEEE;
	padding: 2rem;
	height: 100%;
	border-left: 0.5rem solid #F47C23; /* orange */
}
ul.downloads a:hover {
	box-shadow: 0 0 1rem #b0b8b6;
}
@media screen and (min-width:768px) {
	ul.downloads {
		display: flex;
		flex-wrap: wrap;
	}
	ul.downloads li {
		flex-basis: calc(50% - 0.5rem);
	}
	ul.downloads li:nth-child(2n+1) {
		margin-right: 1rem;
	}
	ul.downloads li:nth-child(2n) a {
		/*border-left-color: rgba(244,124,35,0.7); /* orange ABER HELLER */
	}
}
@media screen and (min-width:992px) {
	ul.downloads li {
		flex-basis: calc(33.33333% - 0.66666rem);
	}
	ul.downloads li:nth-child(2n+1) {
		margin-right: 0;
	}
	ul.downloads li:nth-child(3n+1),
	ul.downloads li:nth-child(3n+2) {
		margin-right: 1rem;
	}
	ul.downloads li:nth-child(2n) a {
		/*border-left-color: #F47C23; /* orange zurückgesetzt */
	}
	ul.downloads li:nth-child(3n+1) a {
		/*border-left-color: #F47C23; /* orange */
	}
	ul.downloads li:nth-child(3n+2) a {
		/*border-left-color: rgba(244,124,35,0.7); /* orange ABER HELLER */
	}
	ul.downloads li:nth-child(3n+3) a {
		/*border-left-color: rgba(244,124,35,0.4); /* orange ABER NOCH HELLER */
	}
}



/* gremium */
ul.gremium {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1rem;
	padding: 1rem 0 0 1rem;
	background: #EEEEEE;
}
ul.gremium li {
	margin: 0 1rem 1rem 0;
	flex-basis: 100%;
	background: #FFFFFF;
	padding: 2rem;
}
ul.gremium li:hover {
	box-shadow: 0 0 1rem #b0b8b6;
}
@media screen and (min-width:768px) {
	ul.gremium {
		display: flex;
		flex-wrap: wrap;
	}
	ul.gremium li {
		flex-basis: calc(50% - 1rem);
	}
	ul.gremium li:nth-child(2n+1) {
		margin-right: 1rem;
	}
}
@media screen and (min-width:992px) {
	ul.gremium li {
		flex-basis: calc(33.33333% - 1rem);
	}
	ul.gremium li:nth-child(2n+1) {
		margin-right: 0;
	}
	ul.gremium li:nth-child(3n+1),
	ul.gremium li:nth-child(3n+2) {
		margin-right: 1rem;
	}
}



/* selfcheck */
.selfcheck {
	margin-bottom: 1.6em;
}
.selfcheck + .selfcheck {
	border-top: 1px solid #dee2e6;
	padding-top: 1.6em;
}
.selfcheck button.checked {
	background-color: #000;
}
.selfcheck p.answer {
	font-weight: bold;
}


/* forms */
.wpcf7 label {
	margin: 1rem 0 0;
}
.wpcf7 select,
.sib_signup_form select {
	background-color: #fff;
	height: 2.8rem; /* normale zeilenhöhe plus 2*0.7rem */
}
.wpcf7-checkbox .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item {
    display: block;
    margin: 0;
}
.wpcf7-checkbox .wpcf7-list-item label,
.wpcf7-radio .wpcf7-list-item label {
	margin-top: 0;
}
.wpcf7-checkbox .wpcf7-list-item.first label,
.wpcf7-radio .wpcf7-list-item.first label {
	margin-top: 1rem;
}
.wpcf7-form .twocols {}
.wpcf7-form .twocols .col {}
@media screen and (min-width:768px) {
	.wpcf7-form .twocols,
	.sib_signup_form .twocols {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.wpcf7-form .twocols .col,
	.sib_signup_form .twocols .col {
		flex-basis: calc(50% - 0.5rem);
	}
}
html .wpcf7 form .wpcf7-response-output {
	margin: 1rem 0;
}
html .wpcf7 form.sent .wpcf7-response-output {
	border-color: #81B651;
}
html .wpcf7 form.invalid .wpcf7-response-output {
	border-color: #F47C23;
}

/* linkfarben nach oberseite und archiv- und post-type */
html .page-spenderberatung .site-content a,
html .page-spenderberatung .site-content a:link,
html .page-spenderberatung .site-content a:visited,
html .page-spenderberatung .c-accordion__title::after,
html .post-type-archive-odaba .site-content a,
html .post-type-archive-odaba .site-content a:link,
html .post-type-archive-odaba .site-content a:visited,
html .post-type-archive-odaba .c-accordion__title::after,
html .single-odaba .site-content a,
html .single-odaba .site-content a:link,
html .single-odaba .site-content a:visited,
html .single-odaba .c-accordion__title::after {
	color: #F47C23; /* orange */
}
html .page-spenderberatung .site-content a:focus,
html .page-spenderberatung .site-content a:hover,
html .page-spenderberatung .site-content a:active,
html .post-type-archive-odaba .site-content a:focus,
html .post-type-archive-odaba .site-content a:hover,
html .post-type-archive-odaba .site-content a:active,
html .single-odaba .site-content a:focus,
html .single-odaba .site-content a:hover,
html .single-odaba .site-content a:active {
	color: #000;
}
html .page-spenderberatung .tg-scroll-to-top.tg-scroll-to-top--show:hover,
html .post-type-archive-odaba .tg-scroll-to-top.tg-scroll-to-top--show:hover,
html .single-odaba .tg-scroll-to-top.tg-scroll-to-top--show:hover {
	background-color: #F47C23;
}
html .page-spenderberatung .posttype-page .e27posttypes-slider-image.noimage,
html .page-spenderberatung .posttype-page .e27posttypes-block-image.noimage {	
	border-top-color: #F47C23; 
}
html .page-soziale-literatur .site-content a,
html .page-soziale-literatur .site-content a:link,
html .page-soziale-literatur .site-content a:visited,
html .page-soziale-literatur .c-accordion__title::after,
html .post-type-archive-publication .site-content a,
html .post-type-archive-publication .site-content a:link,
html .post-type-archive-publication .site-content a:visited,
html .post-type-archive-publication .c-accordion__title::after,
html .single-publication .site-content a,
html .single-publication .site-content a:link,
html .single-publication .site-content a:visited,
html .single-publication .c-accordion__title::after {
	color: #518897; /* petrol */
}
html .page-soziale-literatur .site-content a:focus,
html .page-soziale-literatur .site-content a:hover,
html .page-soziale-literatur .site-content a:active,
html .post-type-archive-publication .site-content a:focus,
html .post-type-archive-publication .site-content a:hover,
html .post-type-archive-publication .site-content a:active,
html .single-publication .site-content a:focus,
html .single-publication .site-content a:hover,
html .single-publication .site-content a:active {
	color: #000;
}
html .page-soziale-literatur .tg-scroll-to-top.tg-scroll-to-top--show:hover,
html .single-publication .tg-scroll-to-top.tg-scroll-to-top--show:hover {
	background-color: #518897;
}
html .page-soziale-literatur .posttype-page .e27posttypes-slider-image.noimage,
html .page-soziale-literatur .posttype-page .e27posttypes-block-image.noimage {	
	border-top-color: #518897; 
}
html .page-ueber-uns .site-content a,
html .page-ueber-uns .site-content a:link,
html .page-ueber-uns .site-content a:visited,
html .page-ueber-uns .c-accordion__title::after,
html .site-content a,
html .site-content a:link,
html .site-content a:visited,
html .c-accordion__title::after {
	color: #81B651; /* grün */
}
html .page-ueber-uns .site-content a:focus,
html .page-ueber-uns .site-content a:hover,
html .page-ueber-uns .site-content a:active,
html .site-content a:focus,
html .site-content a:hover,
html .site-content a:active {
	color: #000;
}
html .page-ueber-uns .tg-scroll-to-top.tg-scroll-to-top--show:hover {
	background-color: #81B651;
}



/* sidebar immer (oder nur auf home) unten */
html .home #primary {
	width: 100%;
    padding-right: 0;
}
html .home #secondary {
    width: 100% !important;
    padding: 0;
    border: none;
}




/* footer ohne seitliche abstände */
html .tg-site-footer .tg-site-footer-bar .tg-site-footer-section-1,
html .tg-site-footer .tg-site-footer-bar .tg-site-footer-section-2 {
	margin-left: 0;
	margin-right: 0;
}



/* linie im footer */
html .tg-site-footer .footer-sidebar-2 {
	border-bottom: 1px solid #000;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}



/* footer spalten anders sortieren */
@media screen and (min-width: 768px) {
	html .tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--four .tg-footer-widget-area.footer-sidebar-1, 
	html .tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--four .tg-footer-widget-area.footer-sidebar-3 {
		width: 75%;
	}
	html .tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--four .tg-footer-widget-area.footer-sidebar-2,
	html .tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--four .tg-footer-widget-area.footer-sidebar-4 {
		width: 25%;
	}
	html .tg-site-footer .footer-sidebar-1 {
		border-bottom: 1px solid #000;
		margin-bottom: 2rem;
		padding-bottom: 2rem;
	}
	html .tg-site-footer .footer-sidebar-2 {
		display: flex;
		flex-flow: column;
		justify-content: flex-end;
	}
}



/* footer inhalte */
html .tg-site-footer .widget,
html .tg-site-footer .gallery {
	margin-bottom: 0;
}
html .tg-site-footer .widget ul {
	margin-bottom: 1.6em;
}
html .tg-site-footer .widget ul li a {
	padding: 0;
}
html .tg-site-footer .footer-sidebar-1 .widget {
	line-height: 1.6;
}
html .tg-site-footer figure {
	margin-top: 0;
	margin-right: 2em;
	width: 200px;
	float: left;
}
html .tg-site-footer figcaption {
	text-align: left;
	font-size: 0.6rem;
	line-height: 1.3;
	margin-bottom: 1.4em;
}
html .tg-site-footer img {
	vertical-align: top;
}
html .tg-site-footer .footer-sidebar-3 figure:first-child {
	width: 180px;
}
html .tg-site-footer .footer-sidebar-4 figure:first-child {
	width: 55px;
}
html .tg-site-footer .footer-sidebar-4 figure:last-child {
	width: 180px;
	margin-right: 0;
}
html .tg-site-footer .site-info-wrap {
	display: flex;
	width: 14.5em;
	margin-bottom: 3.6em;
}
html .tg-site-footer .site-title {
	padding-right: 0.5rem;
	color: #fff;
	font-family: "Neue Frutiger W04", sans-serif;
	font-style: italic;
	font-weight: 600;
	font-size: 3rem;
	line-height: 1;
} 
html .tg-site-footer .site-description {
	color: #000;
	font-family: "Neue Frutiger W04", sans-serif;
	font-style: italic;
	padding: 0.25rem 0;
	text-indent: 0.15rem;
	line-height: 1.3;
}



/* up arrow */
html .tg-icon-arrow-up::after {
	color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background: transparent url(/wp-content/themes/dzi/grafiken/sprites.svg) no-repeat;
	background-position: -1px -55px;
	transform: rotate(180deg);
}



/* cookie */
html #cookie-law-info-again {
	box-shadow: 0 0 5px #b0b8b6; /* das grau aus dem footer ? */
}



/* shariff */
.widget .shariff {
	margin-bottom: 1.6em;
}
.widget .shariff p {
	margin-bottom: 0;
}
.widget ul li a.shariff-link {
	padding: 0;
}



/* regions crop */
html #regions.crop {
	height: 1.8rem;
	overflow: hidden;
	margin-bottom: 0;
}



/* ansteigende schriftgrößen */
@media screen and (min-width:768px) {
	html, body {
		font-size: 17px;
	}
}
@media screen and (min-width:992px) {
	html, body {
		font-size: 18px;
	}
}
@media screen and (min-width:1200px) {
	html, body {
		font-size: 19px;
	}
}



/* rechte spalte usw für odaba und publication */
.pagerdiv a,
.pagerdiv span {
	display: inline-block;
	margin-right: 0.5rem;
	/*padding: 0 0.5rem;*/
}
.pagerdiv .current {
	font-weight: bold;
}
.pagerdiv .current::before {
	content: "Seite ";
}
.azheader a {
	color: #F47C23; /*#D4842C;*/
}
.treffertable {
	clear: both;
}
.trefferlogo, .publicationcover {
	float: right;
	width: 100px;
	margin: 0 0 10px 10px;
}
.odabalogo, .publicationlogo {
	padding: 0 0 20px;
	line-height: 1.3;
}
.odabalogo img {
	width: 100%;
}
.odabalogo .siegel img {
	float: left;
	width: 2rem;
	margin-right: 1rem;
}
.odababox, .publicationbox {
	margin-bottom: 20px;
	padding: 1rem 1rem 1px;
	background-color: #EEEEEE;
	line-height: 1.3;
}
.odababox {
	border-left: 0.5rem solid #F47C23; /* orange */
}
.publicationbox {
	border-left: 0.5rem solid #518897; /* petrol */
}
@media screen and (min-width: 768px) {
	.odaba, .publication {
		display: flex;
	}
	.odabamain, .publicationmain {
		width: 75%;
		padding-right: 2rem;
	}
	.odabaright, .publicationright {
		width: 25%;
	}
	.odabafoot {
		clear: both;
	}
}
.odabafoot {
	display: none; /* die ist nur für den Ausdruck gedacht ... */
}



/* hilfetexte */
.post-type-help {
	padding: 1rem 1rem 0;
}
.type-help .extra-hatom,
.help-popup .extra-hatom {
	display: none;
}
.help-popup {
	position: relative;
	font-size: 1rem;
}
.help-popup img {
	vertical-align: baseline;
}
.help-popup i {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	font-size: 1rem;
	/*font-style: normal;*/
	line-height: 1;
	font-weight: bold;
	overflow: hidden;
	background: #F47C23;
	color: #fff;
	border-radius: 50%;
}
.help-popup i::before {
	content: "i";
	display: block;
	text-align: center;
	font-size: smaller;
}
.help-popup .popup {
	display: block;
	position: absolute;
	top: 1.5rem;
	left: 0;
	padding: 1rem 1rem 0;
	background: #EEEEEE;
	color: #000;
	width: 400px;
	z-index: 1;
	/*font-size: 1rem;*/
	line-height: 1.3;
	font-style: normal;
	font-weight: normal;
	box-shadow: 0 0 1rem #b0b8b6;
}
@media screen and (max-width: 767px) {
	.help-popup .popup {
		/* muss irgendwie an den linken rand rutschen */ 
		left: -140px;
		width: 300px;
	}
}
@media screen and (min-width: 768px) {
	.odababox .help-popup .popup {
		left: auto;
		right: 0;
	}
}
.help-popup.closed .popup {
	display: none;
}
.help-popup .entry-content {
	margin-bottom: 0;
}




/* overlay*/
html .tg-overlay-wrapper {
	z-index: 1; /* who gave it a 999 to rule the mobile nav? */
}



/* print styles */
@media print {
	
	html .tg-site-header--left .tg-block--two,
	html .dzi-heroimage,
	html .breadcrumbs,
	html .help-popup,
	html #unhide,
	html .tg-site-footer .tg-site-footer-widgets,
	html .tg-site-footer .tg-site-footer-section-1,
	html .tg-scroll-to-top,
	html #cookie-law-info-again,
	html .pagerdiv,
	html .entry-footer {
		display: none !important;
	}
	html #regions.crop {
		height: auto;
		overflow: auto;
		margin-bottom: 1.6em;
	}
	html, body {
		font-size: 10pt;
	}
	html .site-content a,
	html .site-footer a,
	html .tg-site-footer .tg-site-footer-bar {
		color: #000 !important;
	}
	html h1, html h2, html h3, html h4, html h5, html h6 {
		margin-bottom: 6pt;
	}
	html table {
		page-break-inside: avoid;
		width: auto;
	}
	html td, html th {
		border-color: #000;
	}
	html .tg-container {
		max-width: none;
	}
	html .tg-site-header {
		position: static;
	}
	html .tg-site-header-bottom {
		padding-top: 0;
	}
	html .tg-page-header {
		padding: 4rem 0;
	}
	html .site-main,
	html .site-content {
		margin-top: 0;
		margin-bottom: 0;
	}
	.odaba, .publication {
		display: flex;
	}
	.odabamain, .publicationmain {
		width: 75%;
		padding-right: 4rem;
	}
	.odabaright, .publicationright {
		width: 25%;
	}
	.odababox, .publicationbox {
		margin-bottom: 20pt;
		padding: 0 0 0 1rem;
		background-color: transparent;
		border-left: 1px solid #000; 
	}
	html .tg-site-footer .tg-site-footer-section-2 {
		text-align: left !important;
	}
	.odabafoot {
		display: flex;
		/*position: fixed;*/
		/*bottom: 0;*/
		width: 100%;
		margin-top: 1rem;
		border-top: 1px solid #000;
	}
	.odabafoot .item {
		padding: 1rem 0;
	}
	.odabafoot1 {
		width: 75%;
		padding-right: 4rem;
	}
	.odabafoot2 {
		width: 25%;
	}

}