/*
Theme Name: DZI-Theme
Author: Johannes Schwaderer
Author URI: http://sitegraph.de/
*/

/* Clear */
.clear {
clear: both;
}

html {
height: 100%;
}

body, td, div {
font-family: Arial, Helvetica, sans-serif;
font-size: 13.5px;
}

body { background-color: #f0f0f0; 
height: 101%;}
* html { height: auto;}
* html body { height: auto;}


a {
color: #000000;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a[name] {
text-decoration: none;
}

#main {
background: url(grafiken/bg-schatten2.gif) repeat-y; 
background-color: #ffffff;
margin: 0 auto 0 auto;
padding: 0px 22px 0 22px;
width: 920px;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */
overflow: hidden !important; /* FF Scroll-leiste */
}


/* Header */

/* Logo */

#head {
	height: 110px;
	margin-bottom: 20px;
	overflow: visible;
	background-color: #ffffff;
}

#head .logo {
margin: 0 0 0 0;
}

.logolink {
float: left;
/*margin: 45px 0 0 10px;*/
margin: 10px 0 0 10px;
}


#head h1 a {
font-size: 16px;
color: #808385;
position: relative;
top: -48px;
left: 125px;
width: 300px;
text-decoration: none;
}

#meta {
float:right;
display: block;
position: relative;
left: 0px;
top: 0px;
width: 630px; /*580*/
text-align: center;
-moz-border-radius: 0px 0px 0px 0px;
background-color: #f1f1f1;
/*border-top: 5px solid #c3c3c3;*/
padding: 2px 0px 7px 0px;
font-size: 11.5px;
}

#meta a { text-decoration: none; font-size: 11.5px; color: #808385;  }
#meta a:hover { text-decoration: underline; }

#meta .suchbutton {
position: relative;
top: 4px;
border: 0px;
}

#meta form {
position: relative;
}

#meta input, #meta select {
font-size: 11px;
}

#meta #orgaselect {
width: 250px;
}

#meta input {
padding: 1px 2px 1px 2px;
}

#meta select {
height: 20px;
background-color: #ffffff;
width: 240px;
color: #808385;
}

#meta select option {
background-color: #ffffff;
color: #000000;
padding: 0px 3px;
}

#meta .suchfeld {
height: 14px;
background-color: #ffffff;
color: #808385;
width: 175px; /*245*/
}

#meta .meta-print {
position: relative;
top: 3px;
}

#meta .meta-english {
position: relative;
top: 1px;
}

#meta .meta-trans {
position: relative;
top: 1px;
}

#meta .meta-twitter {
position: relative;
top: 5px;
}
/* Banner (DZI) */

#bannerleftdiv {
display: block;
float: left;
width: 690px;
background-color: #55ba29;
/*margin: 10px 5px 20px 0;*/
margin: 0px 5px 20px 0;
}

#bannerrightdiv {
display: block;
float: left;
width: 225px;
border-left: 0px solid #ffffff;
background-color: #ff7417;
/*margin: 10px 0px 20px 0;*/
margin: 0px 0px 20px 0;
}

#bannerleftdiv a {
display: block;
width: 680px;
height: 28px;
margin: 5px 0 0 0;
padding: 7px 0 0px 10px;
color: #ffffff;
border-top: 1px solid #d7e8bf;
background-color: #9bd369;
font-size: 18px;
font-weight: bold;
text-decoration: none;
text-shadow:0 1px 0 #55BA29;
}

#bannerleftdiv a:hover {
background-color: #a6e379;
}

#bannerrightdiv a {
display: block;
width: 215px;
height: 26px;
margin: 5px 0 0 0;
padding: 9px 0 0px 10px;
color: #ffffff;
background-color: #f4a157;
border-top: 1px solid #f2c79e;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-shadow:0 1px 0 #ff7417;
}

#bannerrightdiv a:hover {
background-color: #ffb36d;
}

/* Channelweiche */

#channelbanner #bannerleftdiv, #channelbanner #bannerrightdiv {
width: 457px;
}

#channelbanner #bannerleftdiv a, #channelbanner #bannerrightdiv a {
width: 447px;
height: 28px;
padding: 7px 0 0px 10px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

#channelcontent {
clear: both;
display: block;
width: 560px; /* 500*/
padding: 10px 0 32px 180px; /* left 210*/
line-height: 20px;
}

#channelcontent p {
	line-height: 20px;
	padding: 6px 0;
}

#channelcontent h1 {
margin: 0 0 8px 0;
font-size: 16px;
text-align: center;
}

#channelbanner #bannerleftdiv .grossmehr, #channelbanner #bannerrightdiv .grossmehr  {
position: relative;
font-size: 16px;
padding: 2px 10px 7px 0px;
text-align: right;
}

#channelbanner #bannerleftdiv .grossmehr img, #channelbanner #bannerrightdiv .grossmehr img {
position: relative;
top: 5px;
left: -2px;
}

/* Pfeil in der Channelweiche */
#bannerleftdiv img, #bannerrightdiv img {
padding-right: 5px;
}

#channelbanner #bannerleftdiv .grossoben img, #channelbanner #bannerrightdiv .grossoben img {
position: relative;
top: 3px;
margin: 0 5px;
}
/* Footer Frontpage */
#footerfront {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background-color: #f0f0f0;
	font-size: 0.9em;
	padding: 7px;
}
.footerfrontlink {
	display: block;
	margin-top: -5px;
	padding: 5px 10px 10px 10px;
	text-decoration: none;
	font-weight: bold;
/*	background-color: #d5d6d6;*/
	width: 100px;
}
a.footerfrontlink:hover {
	background-color: #d5d6d6; /*#808385;*/
	/*color: #FFFFFF;*/
}
#footerfront p {
	min-width: 200px;
}
/* Startseite 2-spaltig */
#flexwrap{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
    flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#flexwrapcolumn {
	display: flex;
	flex-direction: column;
}

#channelcontent .left {
/*	border: 0.1em solid #9bd369;*/
	background-color: #f0f0f0;
	width: 260px;
	padding: 5px;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0px 5px 10px 0px; /* unten rechts */
	overflow: auto;
	text-align: center;
}
#channelcontent .left img {
	display: block;
	margin: 0px auto;
	padding: 1em 0px;
}

#channelcontent .right {
/*	border: 0.1em solid #f4a157;*/
	background-color: #f0f0f0;
	width: 260px;
	padding: 5px;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	/*height: 230px;*/
	flex: 1 1 auto; /*auto*/
	margin: 0px 5px 10px 10px;
	overflow: auto;
	text-align: center;
}
#channelcontent .right img {
	display: block;
	margin: 0px auto;
	padding: 1em 0px;
}
#flexwrapcolumn p.more {
	padding: 0;
}

/* Meta-Seiten */

#metacontent {
clear: both;
display: block;
width: 700px;
padding: 10px 0 32px 13px;
line-height: 20px;
}

#metacontent h1 {
margin: 0 0 15px 0;
font-size: 18px;
}

.suchergebnis {
margin: 0 0 15px 0;
}

.suchergebnis p {

}


/* Navi (DZI) */

#navi {
width: 230px;
margin: 0 10px 0 0;
float: left;
font-size: 12px;
}

#navi ul h2 {
	display: none; 
}

/* 1. Ebene & 2. Ebene */

#navi ul ul li a {
display: block;
padding: 7px 10px 5px 10px;
width: 210px;
border-top: 1px solid white;
text-decoration: none;
font-weight: bold;
background-color: #c9e7b2;
}

#navi ul ul li a:hover, #navi ul ul li.current_page_item a {
background-color: #55ba29;
color: #FFFFFF;
}

/* nur 2. Ebene */

#navi ul ul li.current_page_item ul li a {
background-color: #c9e7b2;
color: #000000;
}

#navi ul ul li.current_page_item ul li a:hover {
background-color: #55ba29;
color: #FFFFFF;
}

#navi ul ul li ul li.current_page_ancestor a, #navi ul ul li ul li.current_page_item a {
background-color: #55ba29;
color: #ffffff;
}

/* 3. Ebene */

#navi ul ul ul ul {
border-top: 1px solid white;
padding: 3px 0 3px 0;
background-color: #c9e7b2;
}

#navi ul ul ul li ul li a, #navi ul ul ul li.current_page_item ul li a, #navi ul ul ul li.current_page_ancestor ul li a {
display: block;
width: 195px;
padding: 3px 10px 2px 21px;
border-top: 0px solid white;
text-decoration: none;
font-weight: normal;
background: url(grafiken/strichschwarz.gif) no-repeat 10px 10px;
/* background: url(grafiken/pfeilschwarz.gif) no-repeat 10px 6px; */
background-color: #c9e7b2;
color: #000000;
}

#navi ul ul ul li.current_page_item ul li a:hover {
background-color: #c9e7b2;
color: #000000;
text-decoration: underline;	
}

#navi ul ul ul li ul li.current_page_item a {
background-color: #c9e7b2;
color: #000000;
text-decoration: underline;
}

#navi ul ul ul li ul li a:hover, #navi ul ul ul li ul li.current_page_ancestor a {
background-color: #c9e7b2;
color: #000000;
text-decoration: underline;
}

/* 4. Ebene */

#navi ul ul ul ul ul {
border-top: none;
padding: 3px 0 5px 0;
background-color: #c9e7b2;
}

#navi ul ul ul li ul li ul li a, #navi ul ul ul li ul li.current_page_item ul li a, #navi ul ul ul li ul li.current_page_ancestor ul li a {
display: block;
width: 190px;
padding: 2px 10px 4px 30px;
border-top: 0px solid white;
text-decoration: none;
font-weight: normal;
background: url(grafiken/strichschwarz.gif) no-repeat 20px 8px;
background-color: #c9e7b2;
font-size: 12px;
line-height: 13px;
}

#navi ul ul ul li ul li ul li.current_page_item a, #navi ul ul ul li ul li ul li.current_page_ancestor a {
background-color: #c9e7b2;
color: #000000;
text-decoration: underline;
}

#navi ul ul ul li ul li ul li a:hover {
background-color: #c9e7b2;
color: #000000;
text-decoration: underline;
}

/* 5. Ebene */

#navi ul ul ul ul ul ul {
border-top: none;
padding: 3px 0 5px 0;
background-color: #c9e7b2;
}

#navi ul ul ul ul li ul li ul li a, #navi ul ul ul ul li ul li.current_page_item ul li a, #navi ul ul ul ul li ul li.current_page_ancestor ul li a {
display: block;
width: 180px;
padding: 1px 10px 4px 39px;
border-top: 0px solid white;
text-decoration: none;
font-weight: normal;
background: url(grafiken/strichschwarz.gif) no-repeat 30px 8px;
background-color: #c9e7b2;
font-size: 12px;
line-height: 13px;
}

#navi ul ul ul ul li ul li ul li.current_page_item a, #navi ul ul ul ul li ul li ul li.current_page_ancestor a {
background-color: #c9e7b2;
color: #000000;
text-decoration: underline;
}

#navi ul ul ul ul li ul li ul li a:hover {
background-color: #c9e7b2;
color: #000000;
text-decoration: underline;
}

/* Specials */

#navi ul ul li ul li.page-item-310 a {
margin: 10px 0 0 0;
background-color: #fcd8b7;
color: #000000;
}

#navi ul ul li ul li.page-item-310 a:hover {
background-color: #ff7417;
color: #FFFFFF;
}

#navi ul ul li ul li.page-item-946 a {
background-color: #fcd8b7;
color: #000000;
}

#navi ul ul li ul li.page-item-946 a:hover {
background-color: #ff7417;
color: #FFFFFF;
}

#navi ul ul li ul li.page-item-1462 a {
margin: 10px 0 0 0;
background-color: #d5d6d6;
}

#navi ul ul li ul li.page-item-1716 a {
background-color: #d5d6d6;
}

#navi ul ul li ul li.page-item-1716 a:hover, #navi ul ul li ul li.page-item-1462 a:hover {
background-color: #808385;
color: #FFFFFF;
}


/* Content Main (DZI) */

#main #contentwrap {
}

#content {
float: left;
width: 680px;
margin: 0 0 0 0;
overflow:hidden;
display: block;
}

#contentmain {
padding: 12px 20px 30px 15px;
font-size: 13.5px;
}

#contentmain h1 {
color: #55ba29;
font-size: 22px;
margin: 0 0 10px 0;
}

#contentmain h2 {
font-size: 16px;
margin: 6px 0 0 0;
padding: 6px 0 4px 0;
}

#contentmain h2.h2-unterstrichen, .h2-unterstrichen {
display: block;
border-bottom:2px solid #55ba29;
padding: 6px 0 3px 0;
}

#contentmain h2.h2-farbig, .h2-farbig {
color: #55BA29
}

#contentmain .a-liste-unterstrichen {
display: block;
border-bottom:2px solid #55ba29;
padding: 6px 0 3px 0;	
margin: 5px 0;
font-weight: bold;
text-decoration: none;
}

#contentmain p {
line-height: 20px;
padding: 6px 0;
}

#contentmain ul, .profilmain ul {
line-height: 20px;
padding: 8px 0 8px 0;
margin: 0 0 0px 21px;
list-style-type: disc;
text-align: left;
}

#contentmain ul li { margin: 0; padding: 0;}

#contentmain ul li ul  {
padding: 0 0 0 0px;
margin: 0 0 0 20px;
list-style-type: circle;
}

#contentmain ul li ul li { }

.anker {
text-decoration: none;
}

/* Foto auf der Seite */

.pageimagediv {
	position: relative;
	float: right;
	display: block;
	left: 20px;
	padding: 0px 0 30px 10px;	
	width: 225px;
}

.pageimage {
border-top: 5px solid #55ba29;
padding:1px 0 0 0;
/*background-color: #d7e8bf; warum diese Hitergrundfarbe? 04.05.17 */
}

.pageimagesub {
font-size: 12px;
font-style: italic;
padding: 10px 20px 0 0;
}


/* Boxen Startseite */

#contentmain .startboxtable {
margin: 20px 0 0 0;

}

#contentmain .startboxtd {
background-color: #dcf2d6;
margin: 0;
padding: 0;
font-size: 13.5px;
}

#contentmain .startboxheader {
/* background: url(grafiken/box-header-bg_dzi.jpg) repeat-x; */
background-color: #9BD369;
border-top: 5px solid #55ba29;
}

#contentmain .startboxheader h2 {
color: #FFFFFF;
padding: 5px 7px 5px 7px;
margin: 0;
font-size: 13.5px;
}

#contentmain .startboxmehrtd {
padding: 5px 10px 10px 10px;
background-color: #dcf2d6;
}

#contentmain .startboxmehr {
background: url(grafiken/pfeilschwarz.gif) no-repeat 0px 3px;
padding: 0 0 0 15px;
font-size: 12px;
line-height: 18px;
}

#contentmain .startboxtd .startboxcontent,
#contentmain .rgs_section .startboxcontent {
padding: 10px;
font-size: 12px;
}

#contentmain .startboxtd .startboxcontent  p,
#contentmain .rgs_section .startboxcontent  p{
line-height: 16px;
}


/* Footer */

#footer {
clear: both;
height: 30px; /*50px*/
}

/* Team */

#teamtable {
margin: 0px 0 0 0;
}

#teamtable .spacer {
height: 15px;
}

#teamtable h2 {
margin: 0; padding: 0 0 3px 1px;
border-bottom: 2px solid #55ba29;
font-size: 13.5px;
}

#teamtable h2 a {
text-decoration: none;
}

#teamtable .mitarbeiterfoto {
}

#teamtable p.funktion {
margin: 0 0 0 0; padding: 7px 0 0 0px;
}

#teamtable p.email {
margin: 0; padding: 4px 0 0 0px;
font-style: italic;
}

#teamtable p {

}

#content #contentmain h2.teambereiche {
font-size: 16px;
padding-bottom: 20px;
}

/* Solit-Box */
#solitbox {
background-color: #c9e7b2;
padding: 10px 10px 10px 15px;
margin: 10px 0;
}

/* Tabellen Preise */

#content #preistable {
margin: 10px 0 8px 0;
}

#content #preistable th {
padding: 4px 2px 2px 3px;
margin: 10px 0 0 0;
background-color: #c9e7b2;
border-bottom: 1px solid #55ba29;
}

#content #preistable td {
padding: 5px 2px 5px 3px;
}

#content #table2 #preistable td {
border-bottom: 1px solid #55ba29;
}
#content #preistable td p {
	line-height: normal;
}


/* Tabelle Geschichte */

#content #geschichtstable {
margin: 10px 0 8px 0;
border-bottom: 1px solid #55ba29;
}

#content #geschichtstable td {
padding: 15px 2px 15px 3px;
vertical-align: top;
line-height: 20px;
}

#content #geschichtstable td {
border-top: 1px solid #55ba29;
}

#content #geschichtstable #geschichtstable-jahr {
font-weight: bold;
color: #55BA29;
}

#content #geschichtstable td p {

}


/* Detailseiten */

.dziprofil {}

.profilnav { padding: 0 10px; }

.profilnav a {
font-size: 12px;
color: #55ba29;
text-decoration: underline;
margin: 0 6px 0 0;
}

.profilnav a:hover { text-decoration: none; }
.profilnav a.inact { color: #a4a4a4; }

.profilmain {
padding: 11px 20px 20px 15px;
background-color: #E8F5E2;
}

.profilmain h1 {
color: #55ba29;
font-size: 22px;
padding: 5px 0 5px 0;	
}

.profilmain h2 {
font-size: 16px;
padding: 15px 0 5px 0;	
}

.profilmain p {
line-height: 20px;
padding: 5px 0;
}

.profiltable {
margin: 5px 0;
line-height: 20px;
}

.profillogo {
text-align: center;
border-top: 5px solid #55ba29;
padding: 0 0;
margin: 0 0 10px 0;
}

.profillogo p {
	font-size: 12px;
	padding: 0 10px;
	text-align: left;
	font-style: italic;
}

.profillogo .siegel {
	padding: 5px 0 10px 0;
}

.profilbox {
margin: 10px 0 0 0;
} 

.profilbox1 {
margin: 0 0 0 0;
}

.profilboxtd {
background-color: #e8f5e2;
}

.profilboxheader {
background-color: #9bd369;
border-top: 5px solid #55ba29;
}

.profilboxheader h2 {
font-size: 12px;
color: #FFFFFF;
padding: 5px 7px 4px 7px;
}

.profilboxtext {
font-size: 12px;
color: #000000;
padding: 5px 10px 10px 10px;
}

.profilboxtext p {
padding: 5px 0;
}


/*Formular */

#contentmain .wpcf7 .formheader1 {
margin: 6px 0 10px 0;
}


.wpcf7 p {
clear: both;
}

.wpcf7-list-item input {
clear: both;
float: left;
margin: 0 0 0 5px;
}

#contentmain .wpcf7-list-item-label {
padding: 0px 0px 10px 10px;
width: 450px;
float: left;
position: relative;
top: -5px;
}

.wpcf7 #innen {
padding: 275px 0px 20px 30px;
}

.wpcf7 #innen .wpcf7-list-item-label {
padding: 8px 0 0px 0;
}

.wpcf7 #innen .wpcf7-list-item input {
clear: both;
float: left;
margin: 8px 10px 0 5px;
}

.wpcf7 #innen small {
line-height: normal;
}

.wpcf7 #innen p {
margin: 0; padding: 0;
}

.labelspace2 {
padding: 5px 0 0 0;
}

.RckwirkendabMonat {
display: block;
padding: 0px 0 10px 0;
}

#contentmain .geschlecht select, #contentmain .plz input, #contentmain .titel input {
width: 100px;
}

/* Popup */
#content #contentmain h1.popup {
	color: black;
}

/* NexGen Gallery siehe nggallery.css */


/**
fluidity - http://fluidity.sexy/
 */

canvas,iframe,img,select,svg,textarea,video{max-width:100%}.overflow-container{overflow-x:scroll}.aspect-ratio{height:0;padding-top:56.25%;position:relative}.aspect-ratio--object{height:100%;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:100}
img { height: auto; }
#channelbanner #bannerleftdiv img,
#channelbanner #bannerrightdiv img { height: 15px; }

/** dzw und Zusammenfassung Soziale Arbeit*/
#dzw {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

.dzw, .zusfsg {
    position: relative;
    display: inline;
	flex: 1;
}

.dzwbtn, .zusfsgbtn {
	border: none;
	padding: 10px;
}
.dzwjg {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	width: 100%;
	bottom: 100%;
	font-size: 0.9em;
	line-height:150%;
	padding: 5px;
}

.zusfsgtext {
    display: none;
    position: fixed;
	bottom: 5%;
	width: 50%;
	left: 40%;
    background-color: #f1f1f1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.zusfsgtext div {
	font-size: 0.9em;
	line-height: 150%;
	padding: 6px;
}
@media (max-width: 480px) {
	.zusfsgtext {
		display: none;
		position: absolute;
		bottom: -350px;
		width: 350px;
		left: 0%;
		background-color: #f1f1f1;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-size: 0.9em;
	}
}
.dzw:hover .dzwjg {
    display: block;
}
.zusfsg:hover .zusfsgtext {
	display: block;
}

.zusfsgbtn:hover {
	font-weight: bold;
}

/** Cookie Banner */
#mbmcookie {position: fixed; bottom: 0; left: 0; right: 0; background: #eee; padding: 20px;}
#mbmcookie a.button {cursor: pointer; background: #ccc; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#mbmcookie a.button:hover {background-color: #aaa;}
#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 0;}


/**
responsivegridsystem - http://www.responsivegridsystem.com/
... Here's your row of 12 with your margin of 1.6%.
... all classes are prefixed with "rgs_"
 */

.rgs_section{clear:both;padding:0;margin:0}.rgs_col{display:block;float:left;margin:1% 0 1% 1.6%}.rgs_col:first-child{margin-left:0}.rgs_group:after,.rgs_group:before{content:"";display:table}.rgs_group:after{clear:both}.rgs_group{zoom:1}.rgs_span_12_of_12{width:100%}.rgs_span_11_of_12{width:91.53%}.rgs_span_10_of_12{width:83.06%}.rgs_span_9_of_12{width:74.6%}.rgs_span_8_of_12{width:66.13%}.rgs_span_7_of_12{width:57.66%}.rgs_span_6_of_12{width:49.2%}.rgs_span_5_of_12{width:40.73%}.rgs_span_4_of_12{width:32.26%}.rgs_span_3_of_12{width:23.8%}.rgs_span_2_of_12{width:15.33%}.rgs_span_1_of_12{width:6.866%}@media only screen and (max-width:480px){.rgs_col{margin:1% 0}.rgs_span_10_of_12,.rgs_span_11_of_12,.rgs_span_12_of_12,.rgs_span_1_of_12,.rgs_span_2_of_12,.rgs_span_3_of_12,.rgs_span_4_of_12,.rgs_span_5_of_12,.rgs_span_6_of_12,.rgs_span_7_of_12,.rgs_span_8_of_12,.rgs_span_9_of_12{width:100%}}

/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md

- .wpcf7-* renamed to .wpcf7-* to make it compatible with existing markup
*/

.wpcf7-form input[type=text],.wpcf7-form input[type=password],.wpcf7-form input[type=email],.wpcf7-form input[type=url],.wpcf7-form input[type=date],.wpcf7-form input[type=month],.wpcf7-form input[type=time],.wpcf7-form input[type=datetime],.wpcf7-form input[type=datetime-local],.wpcf7-form input[type=week],.wpcf7-form input[type=number],.wpcf7-form input[type=search],.wpcf7-form input[type=tel],.wpcf7-form input[type=color],.wpcf7-form select,.wpcf7-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wpcf7-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wpcf7-form input[type=color]{padding:.2em .5em}.wpcf7-form input[type=text]:focus,.wpcf7-form input[type=password]:focus,.wpcf7-form input[type=email]:focus,.wpcf7-form input[type=url]:focus,.wpcf7-form input[type=date]:focus,.wpcf7-form input[type=month]:focus,.wpcf7-form input[type=time]:focus,.wpcf7-form input[type=datetime]:focus,.wpcf7-form input[type=datetime-local]:focus,.wpcf7-form input[type=week]:focus,.wpcf7-form input[type=number]:focus,.wpcf7-form input[type=search]:focus,.wpcf7-form input[type=tel]:focus,.wpcf7-form input[type=color]:focus,.wpcf7-form select:focus,.wpcf7-form textarea:focus{outline:0;border-color:#129FEA}.wpcf7-form input:not([type]):focus{outline:0;border-color:#129FEA}.wpcf7-form input[type=file]:focus,.wpcf7-form input[type=radio]:focus,.wpcf7-form input[type=checkbox]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.wpcf7-form .wpcf7-checkbox,.wpcf7-form .wpcf7-radio{margin:.5em 0;display:block}.wpcf7-form input[type=text][disabled],.wpcf7-form input[type=password][disabled],.wpcf7-form input[type=email][disabled],.wpcf7-form input[type=url][disabled],.wpcf7-form input[type=date][disabled],.wpcf7-form input[type=month][disabled],.wpcf7-form input[type=time][disabled],.wpcf7-form input[type=datetime][disabled],.wpcf7-form input[type=datetime-local][disabled],.wpcf7-form input[type=week][disabled],.wpcf7-form input[type=number][disabled],.wpcf7-form input[type=search][disabled],.wpcf7-form input[type=tel][disabled],.wpcf7-form input[type=color][disabled],.wpcf7-form select[disabled],.wpcf7-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.wpcf7-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.wpcf7-form input[readonly],.wpcf7-form select[readonly],.wpcf7-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.wpcf7-form input:focus:invalid,.wpcf7-form textarea:focus:invalid,.wpcf7-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.wpcf7-form input[type=file]:focus:invalid:focus,.wpcf7-form input[type=radio]:focus:invalid:focus,.wpcf7-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.wpcf7-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.wpcf7-form select[multiple]{height:auto}.wpcf7-form label{margin:.5em 0 .2em}.wpcf7-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.wpcf7-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.wpcf7-form-stacked input[type=text],.wpcf7-form-stacked input[type=password],.wpcf7-form-stacked input[type=email],.wpcf7-form-stacked input[type=url],.wpcf7-form-stacked input[type=date],.wpcf7-form-stacked input[type=month],.wpcf7-form-stacked input[type=time],.wpcf7-form-stacked input[type=datetime],.wpcf7-form-stacked input[type=datetime-local],.wpcf7-form-stacked input[type=week],.wpcf7-form-stacked input[type=number],.wpcf7-form-stacked input[type=search],.wpcf7-form-stacked input[type=tel],.wpcf7-form-stacked input[type=color],.wpcf7-form-stacked input[type=file],.wpcf7-form-stacked select,.wpcf7-form-stacked label,.wpcf7-form-stacked textarea{display:block;margin:.25em 0}.wpcf7-form-stacked input:not([type]){display:block;margin:.25em 0}.wpcf7-form-aligned input,.wpcf7-form-aligned textarea,.wpcf7-form-aligned select,.wpcf7-form-aligned .wpcf7-help-inline,.wpcf7-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.wpcf7-form-aligned textarea{vertical-align:top}.wpcf7-form-aligned .wpcf7-control-group{margin-bottom:.5em}.wpcf7-form-aligned .wpcf7-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.wpcf7-form-aligned .wpcf7-controls{margin:1.5em 0 0 11em}.wpcf7-form input.wpcf7-input-rounded,.wpcf7-form .wpcf7-input-rounded{border-radius:2em;padding:.5em 1em}.wpcf7-form .wpcf7-group fieldset{margin-bottom:10px}.wpcf7-form .wpcf7-group input,.wpcf7-form .wpcf7-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.wpcf7-form .wpcf7-group input:focus,.wpcf7-form .wpcf7-group textarea:focus{z-index:3}.wpcf7-form .wpcf7-group input:first-child,.wpcf7-form .wpcf7-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.wpcf7-form .wpcf7-group input:first-child:last-child,.wpcf7-form .wpcf7-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.wpcf7-form .wpcf7-group input:last-child,.wpcf7-form .wpcf7-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.wpcf7-form .wpcf7-group button{margin:.35em 0}.wpcf7-form .wpcf7-input-1{width:100%}.wpcf7-form .wpcf7-input-2-3{width:66%}.wpcf7-form .wpcf7-input-1-2{width:50%}.wpcf7-form .wpcf7-input-1-3{width:33%}.wpcf7-form .wpcf7-input-1-4{width:25%}.wpcf7-form .wpcf7-help-inline,.wpcf7-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.wpcf7-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.wpcf7-form button[type=submit]{margin:.7em 0 0}.wpcf7-form input:not([type]),.wpcf7-form input[type=text],.wpcf7-form input[type=password],.wpcf7-form input[type=email],.wpcf7-form input[type=url],.wpcf7-form input[type=date],.wpcf7-form input[type=month],.wpcf7-form input[type=time],.wpcf7-form input[type=datetime],.wpcf7-form input[type=datetime-local],.wpcf7-form input[type=week],.wpcf7-form input[type=number],.wpcf7-form input[type=search],.wpcf7-form input[type=tel],.wpcf7-form input[type=color],.wpcf7-form label{margin-bottom:.3em;display:block}.wpcf7-group input:not([type]),.wpcf7-group input[type=text],.wpcf7-group input[type=password],.wpcf7-group input[type=email],.wpcf7-group input[type=url],.wpcf7-group input[type=date],.wpcf7-group input[type=month],.wpcf7-group input[type=time],.wpcf7-group input[type=datetime],.wpcf7-group input[type=datetime-local],.wpcf7-group input[type=week],.wpcf7-group input[type=number],.wpcf7-group input[type=search],.wpcf7-group input[type=tel],.wpcf7-group input[type=color]{margin-bottom:0}.wpcf7-form-aligned .wpcf7-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.wpcf7-form-aligned .wpcf7-controls{margin:1.5em 0 0}.wpcf7-form .wpcf7-help-inline,.wpcf7-form-message-inline,.wpcf7-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}

.wpcf7-form button, .wpcf7-form input, .wpcf7-form optgroup, .wpcf7-form select, .wpcf7-form textarea {
	color: inherit;
	font: inherit;
	/*font-size: initial;*/
	margin: 0;

}
.wpcf7-form input[type=text], .wpcf7-form select, .wpcf7-form textarea {
	width: 95.8333%;
	max-width:30em;
}
.wpcf7-form-aligned .wpcf7-control-group label {
	text-align: left;
}
.wpcf7-form button,
.wpcf7-form input[type=submit] {
	background-color: #55ba29;
	border: 1px solid #c9e7b2;
	color: #fff;
	font-family: inherit;
	font-size: 100%;
	padding: .5em 1em;
	text-decoration: none;
	border-radius: 2px;
	display: inline-block;
	zoom: 1;
	line-height: normal;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/**
de responsive
 */

table {
	width: 100% !important;
}

/** hide helper */
@media (min-width: 801px) {
    .de-hide-d {
        display: none !important;
    }
}
@media (max-width: 800px) {
    .de-hide-m {
        display:none !important;
    }
}

#footerfront {
	flex-wrap: wrap;
}
#footerfront p {
	margin-bottom: 5px;
}

.scrollup,
.scrollup span {
    display: none;
}

@media (max-width: 800px) {
    #channelbanner {
        width: 100%;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top:10px;
    }
    #channelbanner #bannerleftdiv,
    #channelbanner #bannerrightdiv {
        width: 100%;
        margin: 0 0 10px 0;
    }
    #channelbanner #bannerleftdiv a,
    #channelbanner #bannerrightdiv a {
        width: auto !important;
    }

	#meta,
	#metacontent {
		width:100%;
	}
	#meta #searchform {
		display: none;
	}

	#contentmain, body, td, div {
		font-size: 16px; /*!important; hiermit ist ein anpassen der Schriftgroesse im Ausdruck nicht möglich*/
	}

	#main {
		width: auto;
		background-image: none;
		padding: 0px 12px 0 12px;
	}
	#content {
		width: 100%; /*so that table are scrolling (overflow) /dzi-institut/ueber-uns/geschichte/*/
	}
	#contentmain {
		padding: 12px 10px 30px 10px; /*left and right padding: for content bg like here /spenderberatung/datenbanksuchmaske/*/
	}
	#channelcontent {
		width: auto;
		padding: 0px;
		margin: 0 auto;
	}

	#flexwrap {
		flex-wrap: wrap;
		justify-content: center;
	}
	#flexwrap .right {
		margin-left: 0;
	}
	#footerfront {
		width: 100%;
	}

	.wpcf7 #innen {
		padding: 0 0 20px 30px;
		clear:both; /*duno why needed*/
	}

	#contentmain .wpcf7-list-item-label {
		width:80%;
	}
	/*overwrites for special page ids*/
	.contentmain214 img {
		margin-left: auto!important;
	}

	.scrollup {
		width: 40px;
		height: 40px;
		position: fixed;
		bottom: 20px;
		right: 20px;
		display: none;
		background-color: #9bd369;
		color:#fff;
		font-size: 25px;
		line-height: 33px;
		text-decoration: none;
		text-align: center;
		transform: rotate(-90deg);
	}
	.scrollup span {
		text-indent: -9999px;
		display: block;
		margin: 8px 4px;
		background-image: url(/wp-content/themes/dzi/grafiken/morepfeil.gif);
		background-repeat: no-repeat;
	}
}

@media (max-width: 480px) {
	#meta {
		display: none;
	}
	.pageimagediv {
		float:none;
		padding:10px 0;
		width:auto;
		position:initial;
		text-align: center;
	}
	.orgaprofil {
		display: flex;
		flex-wrap: wrap-reverse;
	}
}

.de-overflow-container,
#table2,
.contentmain1258,
.contentmain1083 {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.de-bg-orange {
	background-color: #FEECDB;
}
.de-bg-green {
	background-color: #dcf2d6;
}

/** de menu */

.de-menu-banner {
	text-decoration: none;
	display: none!important;
	float:none;
}
.hamburger {
	width: 25px;
	position: absolute;
	right: 25px;
	display: inline-block;
	margin-top: 2px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
.hamburger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #fff;
	border-radius: 9px;
	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;
}
.hamburger span:nth-child(1) {
	top: 0px;
}
.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
	top: 6px; /*18*/
}
.hamburger span:nth-child(4) {
	top: 12px; /*36*/
}

.hamburger.open span:nth-child(1) {
	top: 6px; /*18*/
	width: 0%;
	left: 50%;
}
.hamburger.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.hamburger.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.hamburger.open span:nth-child(4) {
	top: 6px; /*18*/
	width: 0%;
	left: 50%;
}

#navi .mobile-addon li a {
	width: auto;
	display: block;
	padding: 7px 10px 5px 10px;
	border-top: 1px solid white;
	font-weight: bold;
	text-decoration: none;
	background-color: #d5d6d6;
}

#navi .mobile-addon {
	display:none;
}

#show-menu {
	display: none;
}
#show-menu:checked ~ #navi{
	display: block;
}

@media screen and (max-width: 800px) {
	.de-menu-banner {
		display: block!important;
	}
	#navi {
		width: 100%;
		margin: 0;
		float: left;
		position: static;
		display: none;
	}
	#navi .mobile-addon {
		display: block;
	}
	#navi ul ul li a {
		width: auto;
	}
	#navi input {
		width: 100%;
		max-width: inherit;
		margin-bottom:10px;
	}
}

/** fixes for #treffertable */
#treffertable p {
    width:inherit;
}

/** nur Fusszeile für Ausdruck */
div #fusszeile {
display: none;
}