/*
Theme-Name: Divi Chikd
Divi Version: 4.27.4
Umsetzung und Layout der Website: Andreas Horath
Internetseite: https://www.andreas-horath.de
Lizenz: GNU General Public License v2
Lizenz URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* ------------ Cookie-Information in Datenschutzerklärung formatieren  ------------ */
#cmplz-document h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h2, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
    font-family: open sans!important;
	color: #000;
	font-size: 16px !important;
	font-weight: bold;
    text-align: left;
    margin-top: 10px;
    text-transform: initial;
    padding-bottom: 10px;
    margin-bottom:0px;
}

#cmplz-document .cmplz-subtitle, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle {
    font-weight: bold;
    margin-top: 0px;
}

#cmplz-cookies-overview .cmplz-dropdown summary h3, #cmplz-document .cmplz-dropdown summary h3, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3 {
    padding: 0 5px;
    border-bottom: 0;
    border-bottom: 0;
}
#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: 16px !important;
    margin-top: 0;
}
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
	padding-bottom:20px;
}

/* ------------ Anpassung der PDF-Liste im Mitgliederbereich ------------ */
.ml-details-ml-white {
	color: #000;
	float: right;
	font-size:100%;
	font-weight: normal !important;
}
.medialist a {
	font-size:15px;
	font-family: open sans;
	font-weight: 300;
}

/* ------------ Anpassung des Mitglieder-Login ------------ */
.ppw-ppf-input-container  {
	width: 35%;
	margin: 0 auto;
	margin-top: 10vh;
	margin-bottom: 3vh;
	background: #FCFCFC; /* Hintergrundfarbe */
	padding: 40px 40px 100px 40px;
	border-radius: 0px;
	box-shadow: 0 10px 20px -6px rgba(64, 65,72,.2);
}

.ppw-ppf-input-container div.ppw-ppf-desc {
	color: #000000!important; /* Schriftfarbe */
	font-size: 16px!important;
	text-align: center;
}

.ppw-ppf-input-container input.text, 
.ppw-ppf-input-container input.title, 
.ppw-ppf-input-container input[type=email], 
.ppw-ppf-input-container input[type=password], 
.ppw-ppf-input-container input[type=tel], 
.ppw-ppf-input-container input[type=text], select, textarea {
	display: block;
	min-width:100%;
	background: #E1E8DB; /* Hintergrund Passworteingabe */
	color: #000!important;
	border: 0px!important; /* Rand Passworteingabe */
	box-shadow: none;
	margin: 30px 0px 0px 0px;
	padding: 15px;
	font-size: 16px!important;
}

.ppw-ppf-input-container input[type='submit'] {
	color: #fff!important; /* Button Schriftfarbe */
	font-family: open sans!important;
	border-width: 0px!important;
	border-radius: 0px;
	font-size: 16px!important;
	font-weight: normal!important;
	background-color: #87A36E; /* Button Hintergrundfarbe */
	padding-top: 15px!important;
	padding-bottom: 15px;
	padding-left: 30px!important;
	padding-right: 30px;
	margin-top: 20px;
	float: right;
	cursor: pointer;
}
.ppw-ppf-input-container input[type='submit']:hover {
background-color: #E1E8DB; /* Button Hintergrundfarbe Hover */
	color: #fff!important; /* Button Schriftfarbe Hover */
	font-family:  open sans!important;
	border-width: 0px!important;
	border-radius: 0;
	letter-spacing: 0;
	font-weight: 800!important;
	padding-top: 15px!important;
	padding-bottom: 15px;
	padding-left: 30px!important;
	padding-right: 30px;
}

div.ppwp-wrong-pw-error {
	font-size: 17px!important;
	font-weight:bold !important;
	color: #dc3232!important;
	text-align: center;
	margin: 0px 0px!important;
}

/* ------------ Anpassung des Blogs auf Seite "Aktuelles" ------------ */
.mainblog .et_pb_post {
	min-height: 450px;
	max-height: 450px;
	border: none;
	min-width: 100% !important;
}

.mainblog .et_pb_image_container {
	margin: 0 ;
}

.mainblog .et_pb_blog_grid .et_pb_post {
	padding: 0 20px 0 0 !important;
	margin-bottom: 20px !important;
}
.mainblog .et_pb_post .post-meta {
	padding: 8px 0 !important;
}

.mainblog .et_pb_post a.more-link {
	display: block;
	margin-top:10px;
	margin-bottom: 20px !important;;
}

.mainblog .et_pb_post .more-link:after {
	content: "\39";
	font-family: ETModules;
	vertical-align: middle;
	margin-left: 5px;
}

/* ------------ Anpassung des Mobile Menu ------------ */
.et_mobile_menu {   
	overflow-y:scroll!important;
	max-height:80vh!important;
	-overflow-scrolling:touch!important;
	-webkit-overflow-scrolling:touch!important;
}

.et_mobile_menu {
	border-top: 0px;
	padding: 0px!important;
	margin-top:12px !important;
}

.et_mobile_menu li a {
	font-size: 20px!important;
	border-bottom: 0px !important;
	font-family: 'Open Sans',sans-serif !important;
	margin: 0px !important;
}

.et_mobile_menu .menu-item-has-children li a {
	padding: 5px 20px;
	font-size: 18px!important;
	border-bottom: 0px !important;
	font-family: 'Open Sans',sans-serif !important;
}

/* ------------ Anpassungen Kalender Plugin ------------ */
.print-calendar-button {
	margin: 20px 0 30px 0;
	background-color: #87A36E !important;
	border: 0px !important;
	padding: 10px 20px !important;
	color: #fff !important;
	font-size: 15px !important;
	cursor: pointer;
}

.demo_sc_primary_btn {
	text-indent: -9999px;
	line-height: 0;
}

.demo_sc_primary_btn::after {
	content: "Kalender drucken";
	text-indent: 0;
	display: block;
	line-height: initial;
}

/* ------------ Unternavigationen in der Seitenleiste ------------ */
.et_pb_widget ol li a:hover, .et_pb_widget ul li a:hover {
	color: #DCE3D5 !important;
	font-weight: bold !important;
}

.et_pb_widget ol li a, .et_pb_widget ul li a{
	font-weight: normal !important;;
}

.et_pb_widget ol li::before, .et_pb_widget ul li::before {
	content: "➔"; /* Oder ein Bild mit url('pfad/zum/bild.png') */
	margin-right: 5px; /* Optionaler Abstand zum Text */
}


/* ------------ Anpassungen Kontaktformular ------------ */
.et-pb-contact-message {
	margin-left: 20px !important;
	margin-bottom: 20px !important;
}

.et_pb_text ol li {
    padding-bottom: 10px;
}

/* ------------ Anpassung Beitragsarchiv Seitenleiste ------------ */
.sya_container .sya_date {	
	display: block;
	font-size: 12px;
	padding-top: 10px; 
	margin-bottom: 1px;
}
.sya_container h3 {
	padding-top: 20px !important; 
	padding-bottom: 0px !important; 
}

.sya_container li {
	list-style-type: none;
}

.sya_container li a {
	font-weight: bold;
	font-size: 14px;
}

/* Anpassung Blog Startseize: Bild links - Text rechts ------------ */
@media only screen and (min-width: 1080px) {
.cb-blog-design .et_pb_post.has-post-thumbnail .entry-featured-image-url {
	float: left;
	width: 40%;
	margin-right: 4%;
}
.cb-blog-design .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
	padding-left: 34%;
    }
}

.et_pb_post {
	margin-bottom: 20px;
}

.et_pb_post .post-meta {
	margin-bottom: 0px;
}

.et_pb_post h2{
	margin-bottom: 0;
	padding-bottom: 0;
}

.et_pb_post .entry-featured-image-url {
	margin-bottom: 10px;
}

.blog-image-aspect-ratio .entry-featured-image-url {
	padding-top: 30% !important;
	display: block !important;
}

.blog-image-aspect-ratio .entry-featured-image-url img {
	position: absolute !important;
	height: 100% !important;
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	object-fit: cover !important;
}

.cb-blog-design .et_pb_post .post-meta {
	padding-top: 5px;
}

.cb-blog-design .et_pb_post .post-content {
	padding-top: 5px;
}

/* ------------ Widget Formatierung ------------ */
.et_pb_widget_area_left {
	border: 0px;
	padding-right: 0px;
}

.post-date {
	display: block;
	font-size: 12px;
	margin-top: 0px; 
	margin-bottom: 25px;
}

.et_pb_widget_area .et_pb_widget a {
	font-weight: bold;
	line-height:1em;
}

/* ------------ Anpassung Bildunterschriften Caption ------------ */
.wp-caption {
	border: 0px;
	text-align: right;
	background-color: #fff;
	margin-bottom: 0;
	max-width:100%;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
}

.et_pb_widget h4{
	display: none;
}

/* ------------ Pfeile im Menü (für Submenü) entfernen ------------ */
.menu-item-has-children>a:after {
	display: none !important;
}

.menu-item-has-children a{
	padding-right: 0  !important;
 }


/*------------ Galeriebilder Querformat 4:3 ------------ */

.galeriebild-4-3 .et_pb_gallery_image {
	padding-top: 75%;
	display: block;
}

.galeriebild-4-3 .et_pb_gallery_item img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

/* ------------  Anpassungen Galerie ------------ */
.et_pb_tabs_controls li a {
	padding: 4px 10px;
}

.et_pb_gallery_image {
	border: 2px solid #fff;
}
.gallery {
	-moz-column-count: 5;
	-webkit-column-count: 5;
	column-count: 5;
	-moz-column-gap: 0px !important;
	-webkit-column-gap: 0px !important;
	column-gap: 0px !important;
}

.gallery-item, .gallery-icon {
	padding: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
}

.mfp-title {
	display: none;
}

.mfp-title-mit-titel {
	font-size: 25px !important;
	display: block !important;
}

.et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_title, .et_pb_gallery_grid .et_pb_gallery_item h3 {
	font-family: open sans !important;
	font-size: 12px!important;
}

/* ------------ Anpassungen Kalender Plugin ------------ */
.menu-item-has-children>a:after {
	display: none !important;
}

.menu-item-has-children a{
	padding-right: 0  !important;
}

.simcal-default-calendar-list ul.simcal-events {
	margin: 0;
}
.simcal-default-calendar-list {
	min-height: 100px;
	padding: 0;
	text-align: left;
}
#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
	list-style-type: disc;
	padding: 0;
	line-height: 20px;
}

.simcal-default-calendar-list .simcal-event-details p, .simcal-default-calendar-list .simcal-event-details .simcal-event-description {
	margin: 10px 0 0 0;
}

.simcal-default-calendar-list .simcal-event-details {
	font-size: 0.9em;
	line-height: 1.5;
	overflow: hidden;
}

/* ------------ Anpassungen Kalender Plugin ------------ */
.menu-item-has-children>a:after {
	display: none !important;
}

.menu-item-has-children a{
	padding-right: 0  !important;
}

/* ------------ Einstellungen Wetter-APP ------------ */
.weather-atlas-wrapper .weather-atlas-header {
	display: none;
}

.weather-atlas-wrapper .weather-atlas-footer {
	display: none;
}
.simcal-default-calendar .simcal-current h3 {
	font-size: 28px;
}

/* ------------ Inhalte vertikal zentrieren ------------ */
.vertikal-zentrieren {
	display: flex;
	flex-direction: column;
	justify-content: center;}

/* ------------ Anpassung Divi-Untermenü ------------ */
.et_pb_menu li ul {
	padding: 10px 0px!important;
	border-top: none;
	width: 210px;
}

.et-menu li li a {
	width: 210px;
	padding: 0px!important;

}

.et_pb_menu li li a {
	margin: 5px 0px;
	font-size: 15px!important;
	font-family: open sans !important;
}

.et_pb_menu li li:hover {
	opacity:0.8 !important;
}

/* ------------ Such-Eingabefeld ------------ */
.et_pb_search .et_pb_searchform input.et_pb_s {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/* ------------ Breadcrump ------------ */
.lwp_divi_breadcrumbs_0 {
	padding-left: 40px;
}