/************************************
Autor: edm-service Marco Pracht www.webdesign24.biz
Bearbeiter: M. Pracht
Datum: 10.05.2026
Farben:

Bemerkungen: 

*******************/



/*************************************************************************** --> Variablen ****************************************/
:root{
    --main-color: #297680;
    --main-color-prozent-50: rgba(41, 118, 128, 0.5);
    --main-color-prozent-20: rgba(41, 118, 128, 0.2);
    --second-color: #bfc5c3;
    --second-color-prozent-50: rgba(191, 197, 195, 0.5);
    --second-color-light: rgba(191, 197, 195, 0.2);
    
/*    --second-color-yellow: #fce805;
    --second-color-prozent-50: rgba(252, 232, 5, 0.5);
    --second-color-light: rgba(252, 232, 5, 0.2);
    
    --third-color-blue: #f2f6fc;
    --third-color-blue-prozent-50: rgba(242, 246, 252, 0.5);
    --third-color-blue-light: rgba(242, 246, 252, 0.2);*/

    --font-size-xxl: 3.0rem;  
    --font-size-news-teaser-headline: 1.2rem;
    
    /** fancyLinkv2*/
    --arrow-color: red;
    --arrow-color-hover: green;
    
    /* ToTop-Button*/
    --move-to-top-bg: var(--main-color);
    --move-to-top-bg-hover: var(--main-color-prozent-50);
    --move-to-top-color: white;
    

}

/***************************************************************** Variablen --> ****************************************/
/*************************************************************************** --> Allgemein ****************************************/
p .main-color{
    color: var(--main-color);
}

.mod_article p{
    text-align: justify;
}

.mod_article p.textAlignCenter{
    text-align: center;
}

.fontSizeXXL{
    font-size: var(--font-size-xxl);
}

.pt-header{
    padding-top: 300px;
}

pb-header{
    padding-bottom: 300px;
}




/****************************************************************** Allgemein --> ****************************************/
/*************************************************************************** --> Topleiste / Meta-Navi ****************************************/


/***************************************************** Topleiste / Meta-Navi --> ****************************************/
/*************************************************************************** --> Sidebar ****************************************/
.sidebar nav.subnav{
    border: 8px solid rgba(220, 220, 220, 0.5);
    border-radius: 5px;
}

/***************************************************** Sidebar --> ****************************************/
/*************************************************************************** --> footer ****************************************/
#footer a{
    color: var(--main-color);
}

#footer a:hover{
    color: var(--gray-color);
}

/******************************************************************** footer --> ****************************************/
/*************************************************************************** --> bottom ****************************************/
#bottom{
    color: white;
}

#bottom a{
    color: var(--gray-color);
}

#bottom a:hover{
    color: var(--lightgray-color);
}

/******************************************************************** bottom --> ****************************************/

/*************************************************************************** --> Links ****************************************/
main a:hover{
    color: var(--main-color-prozent-50);
}


/********************************************************************* Links --> ****************************************/
/*************************************************************************** --> Startseite Iconboxen ****************************************/
.startseiteIconbox .ce_rsce_themoreIcons.textAlignCenter,
.startseiteIconbox .fancyLinkv2{
    text-align: center;
    margin: auto;
}

/*.fancyLinkInner:hover .arrow, 
.fancyLinkInner:hover .arrow::before, 
.fancyLinkInner:hover .arrow::after,
.arrow, 
.arrow::before, 
.arrow::after{
    background-color: var(--main-color) !important;
    color: var(--main-color-prozent-50);
}*/

/*.startseiteIconbox {
   box-shadow: Rechts/Links Oben/Unten Unschärfe Größe Farbe; 
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.05);
}*/

/****************************************************** Startseite Iconboxen --> ****************************************/
/*************************************************************************** --> Leistungstabelle ****************************************/
.leistungstabelle
{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.leistungenRechteSpalte{
    padding-left: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

/********************************************************** Leistungstabelle --> ****************************************/
/*************************************************************************** --> Stoererleiste ****************************************/
.stoererleiste div.content-element-group{
    padding-left: 15px;
    padding-right: 45px;
}

.stoererleiste div.content-element-group:not(:last-child) {
  border-right: 1px solid var(--main-color-prozent-20);
}

.stoererleiste{
    background-color: var(--second-color-light);
}

/************************************************************* Stoererleiste --> ****************************************/
/*************************************************************************** --> Navi ****************************************/
body.nav-is-desktop .navigation-main a, body.nav-is-desktop .navigation-main li .active{
    font-weight: var(--font-weight-navigation-main);
}

.nav-burger.is-active .icon-line::before, .nav-burger.is-active .icon-line::after{
    background-color: white; 
}
/************************************************************************** Navi --> ****************************************/
/*************************************************************************** --> Call to Action ****************************************/
.callToAction .btn{
    border: 1px solid var(--second-color-yellow);
    border-radius: var(--border-radius-xs);
}

.callToAction a{
    text-decoration: none;
}

/************************************************************ Call to Action --> ****************************************/

/*************************************************************************** --> Formulare ****************************************/


/***************************************************************** Formulare --> ****************************************/

/*************************************************************************** --> Nachrichten ****************************************/
.mod_newslist h2{
    font-size: var(--font-size-news-teaser-headline);
}

/*************************************************************** Nachrichten --> ****************************************/

/*************************************************************************** --> ToTop-Link ****************************************/


/**************************************************************** ToTop-Link --> ****************************************/
/*************************************************************************** --> Öffnungszeiten ****************************************/
.oeffnungszeiten.content-table table, .oeffnungszeiten.content-table td:not(:last-child){
    border: unset;
}

.oeffnungszeiten.content-table table tr{
    border-bottom: 1px solid var(--main-color-prozent-20);
}

.oeffnungszeiten.content-table table td{
    padding-top: 10px;
    padding-bottom: 10px;
}
/************************************************************ Öffnungszeiten --> ****************************************/