/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Silbentrennung */
h1, h2, h3, h4, h5, h6, p, ul li {
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 3;
  -webkit-hyphenate-limit-lines: 4;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 3;
  -ms-hyphenate-limit-lines: 4;
  hyphens: auto;
}

h1{
	margin-block-start: 3.5rem !important;
    margin-block-end: 0.5rem !important;
}
/*h1:before{
	font-family: "Font Awesome 5 Free";
    padding-right: 1rem;
    vertical-align: middle;
    font-weight: 900;
    content: "\f138";
}*/
.h1-underline{
	mask-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/04/brush-4.svg');
    min-height: 2.5rem !important;
    mask-position: center bottom;
    background-color: var(--e-global-color-9753c48);
    mask-repeat: no-repeat;
}
.parent-pageid-2871 .h1-underline{
	mask-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/04/brush-3.svg') !important;
}
.parent-pageid-2877 .h1-underline{
	mask-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/04/brush-2.svg') !important;
}
.page-id-3652 .h1-underline, .parent-pageid-3652 .h1-underline{
	mask-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/04/brush-1.svg') !important;
}

h2{
	padding-top: 2.5rem !important;
}
h3{
	padding-top: 1.5rem !important;
}
#icon-box-headline-padding h2, #icon-box-headline-padding h3{
	padding-top: 0rem !important;
}


label{
	font-weight: 400;
}

/*ul{
	list-style: circle;
}*/
.icon-anchor-quicklink svg{
	content: "";
    background: radial-gradient(circle, var(--e-global-color-9753c48) 15%, #ffffff 15%);
    background-position: bottom;
}

/*colors*/
/*Stadtteilarbeit*/
.page-id-3654 .menu_slide a, 
.page-id-3654 button, 
.page-id-3654 .elementor-nav-menu--dropdown, 
.page-id-3654 .footer-color, 
.page-id-3654 .h1-underline,
.ue_tags_terms .stadtteilarbeit
/*.page-id-3654 #ea11y-root button:first-child*/{
	background-color: var(--e-global-color-da3b4a8) !important;
}
.page-id-3654 .elementor-widget-theme-site-logo a{
	background-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/02/stadtteilarbeit.svg');
}
.page-id-3654 .body-background{
	background-color: #DE2D2C1a !important;
}
.page-id-3654 .icon-anchor-quicklink svg{
    background: radial-gradient(circle, #DE2D2C 15%, #ffffff 15%);
}
.page-id-3654 #icon-box-headline-padding .elementor-icon{
	fill: var(--e-global-color-da3b4a8) !important;
}

/*KiEZ*/
.page-id-3663 .menu_slide a, 
.page-id-3663 button, 
.page-id-3663 .elementor-nav-menu--dropdown, 
.page-id-3663 .footer-color, 
.page-id-3663 .h1-underline,
.ue_tags_terms .kiez
/*.page-id-3663 #ea11y-root button:first-child*/{
	background-color: var(--e-global-color-a358b94) !important;
}
.page-id-3663 .elementor-widget-theme-site-logo a{
	background-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/02/kinderelternzentrum.svg');
}
.page-id-3663 .body-background{
	background-color: #F7C0021a !important;
}
.page-id-3663 .icon-anchor-quicklink svg{
    background: radial-gradient(circle, #F7C002 15%, #ffffff 15%);
}
.page-id-3663 #icon-box-headline-padding .elementor-icon{
	fill: var(--e-global-color-a358b94) !important;
}

/*Concierge*/
.page-id-3658 .menu_slide a, 
.page-id-3658 button, 
.page-id-3658 .elementor-nav-menu--dropdown, 
.page-id-3658 .footer-color,
.page-id-3658 .h1-underline,
.ue_tags_terms .concierge
/*.page-id-3658 #ea11y-root button:first-child*/{
	background-color: var(--e-global-color-fe71305) !important;
}
.page-id-3658 .elementor-widget-theme-site-logo a{
	background-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/02/concierge.svg');
}
.page-id-3658 .body-background{
	background-color: #4585361a !important;
}
.page-id-3658 .icon-anchor-quicklink svg{
    background: radial-gradient(circle, #458536 15%, #ffffff 15%);
}
.page-id-3658 #icon-box-headline-padding .elementor-icon{
	fill: var(--e-global-color-fe71305) !important;
}

/*Kultur für Ältere*/
.page-id-3665 .menu_slide a, 
.page-id-3665 button, 
.page-id-3665 .elementor-nav-menu--dropdown, 
.page-id-3665 .footer-color, 
.page-id-3665 .h1-underline,
.ue_tags_terms .kultur-fuer-aeltere
/*.page-id-3665 #ea11y-root button:first-child*/{
	background-color: var(--e-global-color-9800177) !important;
}
.page-id-3665 .elementor-widget-theme-site-logo a{
	background-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/02/kultur-fuer-aeltere.svg');
}
.page-id-3665 .body-background{
	background-color: #7733CC1a !important;
}
.page-id-3665 .icon-anchor-quicklink svg{
    background: radial-gradient(circle, #7733CC 15%, #ffffff 15%);
}
.page-id-3665 #icon-box-headline-padding .elementor-icon{
	fill: var(--e-global-color-9800177) !important;
}

/*Fitmacherclub*/
.page-id-2534 .menu_slide a, 
.page-id-2534 button, 
.page-id-2534 .elementor-nav-menu--dropdown, 
.page-id-2534 .footer-color,
.page-id-2534 .h1-underline,
.ue_tags_terms .fitmacherclub
/*.page-id-2534 #ea11y-root button:first-child*/{
	background-color: var(--e-global-color-0269832) !important;
}
.page-id-2534 .elementor-widget-theme-site-logo a{
	background-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/02/fitmacherclub.svg');
}
.page-id-2534 .body-background{
	background-color:#C539941a !important;
}
.page-id-2534 .icon-anchor-quicklink svg{
    background: radial-gradient(circle, #C53994 15%, #ffffff 15%);
}
.page-id-2534 #icon-box-headline-padding .elementor-icon{
	fill: var(--e-global-color-0269832) !important;
}

/*Gemeinwesenarbeit*/
.page-id-3661 .menu_slide a, 
.page-id-3661 button, 
.page-id-3661 .elementor-nav-menu--dropdown, 
.page-id-3661 .footer-color,
.page-id-3661 .h1-underline,
.ue_tags_terms .gemeinwesenarbeit
/*.page-id-3661 #ea11y-root button:first-child*/{
	background-color: var(--e-global-color-0b22462) !important;
}
.page-id-3661 .elementor-widget-theme-site-logo a{
	background-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/02/gemeinwesenarbeit.svg');
}
.page-id-3661 .body-background{
	background-color: #2448941a !important;
}
.page-id-3661 .icon-anchor-quicklink svg{
    background: radial-gradient(circle, #244894 15%, #ffffff 15%);
}
.page-id-3661 #icon-box-headline-padding .elementor-icon{
	fill: var(--e-global-color-0b22462) !important;
}

/*Bildung und Kultur*/
.page-id-3656 .elementor-widget-theme-site-logo a{
	background-image: url('https://www.klarenthal-vbw.de/wp-content/uploads/2025/02/bildung-und-kultur.svg');
}
.page-id-3656 .body-background{
	background-color: #2081901a !important;
}
.page-id-3656 #icon-box-headline-padding .elementor-icon{
	fill: var(--e-global-color-9753c48) !important;
}

.page-id-3654 .menu_slide a:hover,
.page-id-3663 .menu_slide a:hover,
.page-id-3658 .menu_slide a:hover,
.page-id-3665 .menu_slide a:hover,
.page-id-2534 .menu_slide a:hover,
.page-id-3661 .menu_slide a:hover{
	background-color: var(--e-global-color-text) !important;
}


/*Homepage*/
.icon-box-home .elementor-widget-container{
	 padding: 10px !important;
}
.icon-box-home .elementor-icon-box-wrapper{
	box-shadow: 0 0 0px .25rem #fff !important;
    padding: 2rem !important;
}

.flip-home .elementor-flip-box__layer__title{
	padding: 0px !important;
	margin: 0px !important;
}

/* 1) Hintergrund + Innenrahmen – Front **und** Back  */
.flip-home .elementor-flip-box__front{
    box-shadow: 0 0 0px .4rem #000;
}

#red .elementor-flip-box__back{
	box-shadow: 0 0 0px .4rem var( --e-global-color-da3b4a8 );
}

#yellow .elementor-flip-box__back{
	box-shadow: 0 0 0px .4rem var( --e-global-color-a358b94 );
}

#green .elementor-flip-box__back{
	box-shadow: 0 0 0px .4rem var( --e-global-color-fe71305 );
}

#violet .elementor-flip-box__back{
	box-shadow: 0 0 0px .4rem var( --e-global-color-9800177 );
}

#pink .elementor-flip-box__back{
	box-shadow: 0 0 0px .4rem var( --e-global-color-0269832 );
}

#blue .elementor-flip-box__back{
	box-shadow: 0 0 0px .4rem var( --e-global-color-0b22462 );
}

.flip-home .elementor-flip-box__front .elementor-flip-box__layer__overlay,
.flip-home .elementor-flip-box__back .elementor-flip-box__layer__overlay{
	box-shadow: 0 0 0 4px #fff inset;
}

/* 2) Innenabstand für die Inhalte der beiden Seiten  */
.flip-home .elementor-flip-box__front  .elementor-flip-box__layer__overlay,
.flip-homex .elementor-flip-box__back   .elementor-flip-box__layer__overlay{
    padding:24px;                  /* Abstand zum Rahmen – nach Wunsch   */
    box-sizing:border-box;         /* Padding bleibt in der Box          */
}

.flip-box-big .ue-flip-box__panel{
	padding: 6px !important
}
.flip-box-big .ue-flip-box__panel__wrapper{
	box-shadow: 0 0 0 4px #fff inset !important;
}


/*Sticky Side Button*/
.blox_btn_group_inner{
    padding-left: 5px;
}
.ue-btn-icon {
    width: 16px;
}
#uc_blox_btn_group_elementor_be49d8f_item1 > div > div.ue-btn-icon {
    padding-left: 1px !important;
}
.menu_slide {
    left: calc(100% + 85px - 46px);
    width: 150px;
    position: fixed;
    z-index: 100;
    right: -130px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.menu_slide:hover, .menu_slide:focus {
    transform: translate3d(-209px, 0, 0);
    animation-timing-function: 1s ease-in;
}
.menu_slide {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*Ally*/
.ea11y-widget-button--open-widget path{
	stroke: white !important;
}
#ea11y-widget-container .ea11y-widget-button--icon svg path{
	fill: white !important;
}
.ea11y-widget-typography--title,
.ea11y-widget-footer a, 
.ea11y-widget-footer span{
	color: white !important;
}
.ea1y-widget-elementor-link{
	display: none !important;
}
:host, :root{
	--ea11y-widget-accent-contrast: #ffffff !important;
}


/*Mobile Menu*/
.menu-item-6372 .collapsed{
	display: none !important;
}

/*Email Encoder correction*/
.mail-link span:first-child{
	display: contents !important;
}
.mail-link .elementor-icon-list-text{
	padding-left: 0.75rem !important;
}
.elementor-icon-list-text{
	padding-inline-start: 0px !important;
}

/*Buttons*/
[type=button], [type=submit], button{
	border: none !important;
}

/*Input Fields*/
input{
	border-radius: 0px !important;
}


/*Tags Unlimited Design Team Filter*/
.team .ue_tags_terms{
	display: inline-block !important;
	margin-bottom: 0.25rem !important;
}
.team .ue_tags_terms a{
	border-radius: 2rem;
	margin: 0.15rem;
}
.team .ue_tags_terms a:first-child{
	margin: 0.25rem 0.15rem 0.25rem 0rem;
}
.team .ue_tags_terms a:last-child{
	margin: 0.25rem 0rem 0.25rem 0.15rem;
}

.ue_tags_terms .stadtteilarbeit, 
.ue_tags_terms .concierge, 
.ue_tags_terms .kultur-fuer-aeltere, 
.ue_tags_terms .fitmacherclub, 
.ue_tags_terms .gemeinwesenarbeit,
.ue_tags_terms .kiez{
	padding: 0.5rem 0.75rem !important;
}

.ue_tags_terms .stadtteilarbeit, 
.ue_tags_terms .concierge, 
.ue_tags_terms .kultur-fuer-aeltere, 
.ue_tags_terms .fitmacherclub, 
.ue_tags_terms .gemeinwesenarbeit{
	color: #ffffff !important;
}

.team .ue_tags_terms .paedagogische-geschaeftsfuehrung,
.team .ue_tags_terms .kaufmaennische-geschaeftsfuehrung,
.team .ue_tags_terms .paedagogische-leitung,
.team .ue_tags_terms .klarenthal,
.team .ue_tags_terms .kohlheck{
	padding: 0rem !important;
	font-size: 0.8rem !important;
	font-weight: 400 !important;
}


/*Zeiten Flex*/
.wann .uc_post_list_content_inside{
	flex-direction: row !important;
    display: flex !important;
}
@media only screen and (max-width: 767px){.wann .uc_post_list_content_inside{
	flex-direction: column !important;
	}}
.wann .ue_tags_terms, .wann .ue-grid-item-category{
	margin: 0rem 0.5rem !important;
}
.wann .ue-grid-item-category{
	order: 2 !important;
}
.wann .ue-grid-item-category a:not(:first-child){
	margin-left: .5rem;
}
.wann .ue-grid-item-category a:not(:first-child)::before{
	content:"\00a0";
	box-shadow: -1px 0px 0px 0px black;
	-webkit-box-shadow: -1px 0px 0px 0px black;
	-moz-box-shadow: -1px 0px 0px 0px black;
	padding-right: .5rem !important;
}
.wann .ue_tags_terms, .wann .ue-grid-item-meta-data, .wann .ue-grid-item-category a{
	font-size: 0.95rem !important;
}


/*Maps*/
.map-container{
	max-width: 100%;
    overflow-x: scroll !important;
}
.map-content{
	--container-max-width: 2500px !important;
	width: 2500px !important;
	max-width: 2500px !important;
	--container-width: 2500px !important;
    --image-width: 2500px !important;
    --container-height: 100%;
}
.map-content a{
	background-color: #ffffff80;
}
.map-content a:hover{
	background-color: #ffffffd9;
}


/*Slider Programm*/
.page-id-39 .swiper-slide-inner img{
	height: 3rem !important;
	width: 3rem !important;
}
/*.page-id-3663 .swiper-slide-inner img,
.page-id-3654 .swiper-slide-inner img,
.page-id-3658 .swiper-slide-inner img,
.page-id-3665 .swiper-slide-inner img,
.page-id-2534 .swiper-slide-inner img,
.page-id-3661 .swiper-slide-inner img
{
	height: 7rem !important;
	width: 11rem !important;
}*/

/*Allgemein*/
input{
	border-radius: 0px;
}
.alert{
	padding: 1rem;
	border: 1px solid #f2a183;
}
.container-full-width{
	left: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw;
    max-width: 100vw !important;
    position: relative !important;
    right: 50%;
    width: 100vw !important;
    /*padding-left: 3rem !important;
    padding-right: 3rem !important;*/
}

.quicklink .elementor-social-icons-wrapper{
	display: flex;
    flex-direction: row;
}
.quicklink svg{
	fill: var(--e-social-icon-icon-color) !important;
}
.quicklink span{
	padding: 40px 0;
}
.quicklink span:before{
	content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ccc;
    z-index: -1;
}

.hauptseite{
	padding-top: 2.5rem !important; 
}

/*Form*/
.form-horizontal .form-group, .row{
	margin-right: auto;
    margin-left: auto;
}

.vbw-cart{
	height: 1.25rem !important;
}


/*Kufer Design*/

/*Dozentenübersicht*/
.pagination{
	flex-flow: wrap;
}
@media only screen and (max-width: 1024px){.pagination{
	margin-right: 1rem;}
}
@media only screen and (max-width: 880px){.pagination{
	margin-right: 1.5rem;}
}
@media only screen and (max-width: 767px){.pagination{
	margin-right: 2rem;}
}

.pagination li{
	margin: .25rem;
}
.pagination li:last-child{
	margin-right: auto !important;
}

.pagination>li>a, 
.pagination>li>span{
	color: var(--e-global-color-accent);
	background-color: var(--e-global-color-9753c48);
	border: none;
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.25rem;
	padding-top: 0.4rem;
	text-align: center;
}
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover{
	background-color: var(--e-global-color-text);
	color: var(--e-global-color-accent);
}


.pagination>li:last-child>a, 
.pagination>li:last-child>span,
.pagination>li:first-child>a, 
.pagination>li:first-child>span{
	border-radius: 0px;
}

.doz_buchstabe{
	font-size: 1.75rem;
	margin-top: 1rem;
}


.kw-doz-uebersicht .form-group{
	display: flex;
	flex-flow: wrap;
}



.dozent{
	min-width:20%;
	display: flex;
	margin-right: .75rem;
}
@media only screen and (max-width: 1024px){.dozent{
	min-width:30%;}
}
@media only screen and (max-width: 880px){.dozent{
	min-width:45%;}
}
@media only screen and (max-width: 767px){.dozent{
	min-width:65%;}
}


.dozent i, .außenstelle i{
	font-size: 1.25rem;
	border: none;
	margin-right: 0.5rem;
}
@media only screen and (max-width: 767px){.außenstelle i{
	font-size: 1rem;
	margin-right: 0.25rem;}
}


.kw-unterkategorien{
	padding-bottom: 3rem !important;
}


.dozent > .kw-ue-title > a{
	font-size: 1.25rem;
	font-weight: 400;
}
.kw-ue-title b{
color: var(--e-global-color-text);
    font-family: Volksbildungswerk, Sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
}

.außenstelle .kw-mainColor{
	display: inline;
}
@media only screen and (max-width: 767px){.außenstelle .kw-mainColor{
	margin-right: auto;
    width: 89%;
	display: inline-block;}
}
.außenstelle .row{
	padding: 1rem;
}
.außenstelle i{
	background-image: url(https://www.klarenthal-vbw.de/wp-content/uploads/2025/04/volksbildungswerk-pin-bold.svg);
	background-position: center center;
	background-repeat: no-repeat;
	height: 1.25rem;
    width: 1.25rem;
    margin-right: 1rem;
}
.außenstelle i:before{
	content: "" !important;
}
.außenstelle .row div:first-child{
	display: flex;
    flex-direction: row;
    align-items: center;
}

/*Allgemein*/
.kw-kat-info h1, 
.statusadresse,
.kw-suche .kw-title,
.kw-doz-uebersicht .text-right,
.kw-menu-item .elementor-item,
.pagination li a:empty,
ul li a:empty{
	display: none !important;
}
.pagination li:first-child::after{
	content:"Alle";
}


.btn{
	border-radius: 0px !important;
}

/*Teilnehmer Login*/
.teilnehmer-login .row:first-child{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.teilnehmer-login .row:first-child .col-md-12{
	width: 48%;
}
@media screen and (max-width: 576px){
	.teilnehmer-login .row:first-child .col-md-12{
		width: 100%;
	}
	.teilnehmer-login .row:first-child{
		flex-direction: column;
	}
}
.teilnehmer-login hr{
	display: none;
}
#wbloginform .row{
	width: 100%;
	flex-direction: column;
}

.otgs-development-site-front-end{
	font-family: none !important;
}

.hauptseite_kurse .kw-ue .row:first-child{
	padding: 2rem 0rem !important;
}

/*Suchformular*/
.vbw-suchbox{
	display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
}
.vbw-suchbox .kfs_stichwort_schlagwort{
	width: 80% !important;
}

/*Kufer Farben neu*/
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label, .text-success, a.list-group-item-success, button.list-group-item-success, .kw-kursdetails .nav-tabs>.active>a, .kw-kursdetails .nav-tabs>.active>a:focus{
	color: var(--e-global-color-9753c48) !important;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
	background-color: var(--e-global-color-9753c48) !important;
	color: white !important;
}
.kw-kursdetails .nav-tabs>.active>a, .kw-kursdetails .nav-tabs>.active>a:focus, .kw-kursdetails .nav-tabs>.active>a:hover, .kw-kursdetails .nav-tabs>li>a:focus, .kw-kursdetails .nav-tabs>li>a:hover, .kw-table-header{
    background-color: var(--e-global-color-9753c48) !important;
}
.text-danger, .text-warning, .text-info, a.list-group-item-info, button.list-group-item-info {
    color: var(--e-global-color-da3b4a8) !important;
}
.btn-danger, .btn-warning, .alert-warning, .panel-warning>.panel-heading, .alert-info, .panel-info>.panel-heading{
	background-color: var(--e-global-color-da3b4a8) !important;
	border-color: var(--e-global-color-da3b4a8) !important;
	color: white !important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
	opacity: 1 !important;
}
.btn-success{
	background-color: var(--e-global-color-9753c48) !important;
	border-color: var(--e-global-color-9753c48) !important;
	opacity: .5 !important;
	color: #fff !important;
}
.btn-mainColor, .btn-theme{
	background-color: var(--e-global-color-9753c48) !important;
	border-color: var(--e-global-color-9753c48) !important;
	color: #fff !important;
}
span.statusmeldung{
	text-align: left !important;
	font-weight: 500 !important;
	color: var(--e-global-color-text) !important;
}
.alert{
	border-color: var(--e-global-color-da3b4a8) !important;
	border-radius: 0px !important;
}
.fa-3x, 
.keinKurs,
.kursWK,
.wk-menue{
	font-size: inherit !important;
}

.seiteblaettern{
	margin-top: 4rem !important;
}
.pagination li:first-child::after{
	display: none !important;
	content:"";
}