/* Allgemeine Styles für die Inhaltstyp "Administrative Seiten" */
/****************************************/


.main {
	background-color: #f2f2f2;
	}

.layout {
	width: 1170px;
	margin: 0 auto;
	}

h1 {
	text-align: center;
	color:#1d71b8!important;
	padding: 10px
	}

h2 {
	text-align: left;
	color:#1d71b8!important;
	padding: 30px 20px 10px 20px; 
	border-bottom: 2px solid #f2f2f2;
	margin-bottom: 20px;
	}

h3 {
	text-align: left;
	color:#1d71b8!important;
	}


/*Header-Bereich*/

.header {
	background-color: #fff;
	margin: 120px 0 20px 0;
	padding: 15px;
	}
 
.header img {
	display: block;
	margin: 0 auto;
	}


/*Inhaltsbereich*/

.inhalt {
	background-color: #fff;
	margin-bottom: 20px;
	}

.text {
	padding: 0 15px 15px 15px;
	}

.blau {
	font-weight: 700;
	color: #1d71b8;
	}


/*Bereich Macher-Karussell*/

.layout--onecol:nth-child(2) {
	background-color: #fff;
	}

.layout--onecol:nth-child(2) .view-content-2,
.layout--onecol:nth-child(3) .view-content-2,
.layout--onecol:nth-child(4) .view-content-2 {
	background-color: #f2f2f2;
	padding: 20px 0;
	margin: 0 15px 15px 15px;
	}

.owl-carousel {
	margin: 0 auto;
	}

.owl-carousel .owl-nav.disabled {
	display: block;
	}

.owl-carousel .owl-nav {
	opacity: 1;
	}

.owl-item {
	width: 90%;
	}


/************************************************Sonderfälle************************************************/


/*Inhalte ohne Bild*/

.inhalt-ohnebild {
	background-color: #fff;
	margin: 120px 0 20px 0;
	}

.inhalt-ohnebild h1 {
	text-align: left;
	padding: 30px 20px 10px 20px; 
	border-bottom: 2px solid #f2f2f2;
	margin-bottom: 30px;
	}

.inhalt-ohnebild h2 {
	border: 0;
	padding: 15px 0 0 0;
	}

.inhalt-ohnebild h4 {
	color: #1d71b8!important;
	}

.inhalt-ohnebild .text {
	padding: 0 15px 15px 15px;
	}


/*Partner werden*/

.vriends {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
	}

.vriends div:nth-child(1) {
	flex:1;
	}

.vriends div:nth-child(2) {
	flex:4;
	}

.vriendslogo {
	width:200px;
	height:auto;
	}


/*FAQ*/

.ckeditor-accordion-container > dl {
	border: 0;
	}

.ckeditor-accordion-container > dl dt > a, 
.ckeditor-accordion-container > dl dt > a:not(.button) {
	background-color:#f2f2f2;
	color: #1d71b8;
	padding: 15px 15px 15px 50px;
	margin-top: 10px;
	border-bottom: 0;
	}

.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt > a:not(.button):hover,
.ckeditor-accordion-container > dl dt.active > a{
	background-color:#f2f2f2;
	color: #1d71b8;
	}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before {
	font: var(--fa-font-solid);
    content: "\f107";
	transform: none;
	top: -7px;
	position: absolute;
	height: 0;
	width: 0;
	}

.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before {
    content: "\f106";
	transform: none;
	}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
	display:none;
	}

.ckeditor-accordion-container > dl dd.active {
	border: 1px solid #f2f2f2;
	}


/*Kontakt*/

.contact-message-kontakt-form {
	background-color: #fff;
	margin-bottom: 20px;
	}

form#webform-submission-kontaktformular-node-1382-add-form {
	/*width:718px;*/
	margin:0 20px;
	}

body.page--node-1382 label {
	color:#1d71b8;
	font-weight:bold;
	padding-top:15px;
	}

input#edit-ihr-name.form-text,
input#edit-ihre-e-mail-adresse.form-email,
input#edit-betreff.form-text,
textarea#edit-ihre-nachricht.form-textarea{
	border-radius:4px;
	background-color:#f2f2f2;
	border: 1px solid #dee2e6;
	}

form#webform-submission-kontaktformular-node-1382-add-form .form-actions {
	float: none;
	}

form#webform-submission-kontaktformular-node-1382-add-form .form-item {
	margin-bottom: 10px;
	}

form#webform-submission-kontaktformular-node-1382-add-form .form-text {
	margin-top: 0;
	}

form#webform-submission-kontaktformular-node-1382-add-form .form-item label {
	font-size: 1rem;
	}

input#edit-ich-habe-die-datenschutzbestimmungen-gelesen-und-stimme-diesen-z {
	display: inline-block;
	width: auto;
	margin-right: 10px;
	padding-top: 0;
	}

form#webform-submission-kontaktformular-node-1382-add-form #edit-actions-submit {
	border-radius: 4px;
	margin: 20px 0 30px 0;
	}

form#webform-submission-kontaktformular-node-1382-add-form #edit-actions-submit:hover {
	background-color: #1d71b8;
	text-decoration: underline;
	}

form#webform-submission-kontaktformular-node-1382-add-form fieldset.captcha {
	margin-bottom: 20px;
	background-color: #f1f1f1;
	}

form#webform-submission-kontaktformular-node-1382-add-form fieldset.captcha legend {
	font-size: 1rem;
	padding: 20px 15px 0 15px;
	background-color: #f1f1f1;
	}

form#webform-submission-kontaktformular-node-1382-add-form fieldset > div {
	padding: 0 15px;
	font-size: 0.8rem;
	}

form#webform-submission-kontaktformular-node-1382-add-form fieldset label {
	font-size: 0.8rem!important;
	}

form#webform-submission-kontaktformular-node-1382-add-form #edit-captcha-response {
	max-width: 30%;
	}

form#webform-submission-kontaktformular-node-1382-add-form #edit-captcha-response--description {
	display: none;
	}

/*
input#edit-name.form-text.required,
input#edit-subject-0-value.js-text-full.text-full.form-text.required,
textarea#edit-message-0-value.js-text-full.text-full.form-textarea.required {
	width:100%;
	}

.js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail {
	display: flex;
	flex-direction: column;
	}

input#edit-submit {
	text-transform: inherit;
	margin: 20px 0 40px 0;
	}

input#edit-submit:hover {
	background-color: #1d71b8;
	text-decoration: underline;
	}

#edit-actions.form-actions {
	text-align:center;
	}

#edit-preview {
  	display: none;
	}

#edit-field-datenschutz-wrapper {
	margin: 15px 0 25px;
	}

#edit-field-datenschutz-wrapper label {
	display: none;
	}

#edit-field-datenschutz-value--description {
	display: inline-block;
	padding-left: 5px;
	}*/


/*Nachhaltigkeitsseite*/

#treeMap {
	display: block;
	background-color: #fff;
	padding: 20px 0 20px 110px;
	margin-bottom: 20px;
	}

h3.gruen {
	color: #688716!important;
	}

.layout--onecol:nth-child(3),
.layout--onecol:nth-child(4) {
	background-color: #fff;
	}

.page--node-1834 .layout--onecol:nth-child(2) .view-content-2 {
	background-color: #fff;
	}

img.baeume {
	width:1000px;
	height: auto;
	display: block;
	margin: 0 auto;
	}

.page--node-1834 table td {
	padding-left: 5px;
	}

.nachhaltigkeit-boxen {
	display: flex;
	}

.nachhaltigkeit-boxen div {
	background-color: #f2f2f2;
	flex:1;
	text-align: center;
	}

.nachhaltigkeit-boxen div:nth-child(1) {
	margin: 0 10px 0 0;
	}

.nachhaltigkeit-boxen div:nth-child(2) {
	margin: 0 5px;
	}

.nachhaltigkeit-boxen div:nth-child(3) {
	margin: 0 0 0 10px;
	}

.nachhaltigkeit-boxen div img{
	width:auto;
	height:80px;
	margin-top: 30px;
	}
	
.nachhaltigkeit-boxen .ckeditor-accordion-container > dl dd {
	display: block;
	}

.nachhaltigkeit-boxen .ckeditor-accordion-container > dl dt > a {
	font-family: "Roboto";
	font-size: 1.4rem;
	color: #688716;
	padding: 5px 0 15px 0;
	}

.nachhaltigkeit-boxen .ckeditor-accordion-container .ckeditor-accordion-toggle {
	display: none;
	}


.nachhaltigkeit-boxen .ckeditor-accordion-container > dl dt > a {
	cursor: default;
	}

.nachhaltigkeit-boxen .ckeditor-accordion-container > dl dt > a:hover,
.nachhaltigkeit-boxen.ckeditor-accordion-container > dl dt > a:not(.button):hover{
	text-decoration: none;
	color: #688716;
	}