/************************************************************************/
/*             								*/
/*			C  U  S  T  O  M				*/
/*									*/
/*									*/
/************************************************************************/

/* Hintergruende */
.hg_top, .hg_picture , .hg_content, .hg_parallax1, .hg_kontaktaufnahme, .hg_information,
.hg_footer_bild, .hg_footer, .hg_footer_slogan,
.hg_footer_menu, .hg_footer2, .hg-copy {
    float:left;
    width:100%;
}








/* Ueberschriften */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {

}


h1, .h1 {

}

h2, .h2 {
    font-size:24px;
}



h3, .h3 {

}


h4, .h4 {

}



h5, .h5 {

}

h6, .h6 {

}




/****************   HEADER ******************/

.hg_top {
    height: 80px;
    background: var(--weiss);
    display: flex;
    justify-content: center;
    align-items: center;
}
.hg_top p {
    margin: 0;
}

.top {
    display: flex;
    flex-flow: row;
    width: 100%;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

.logo {
    display: flex;
    align-items: center;
}

.logo img {
    height: 76px;
    width: auto;
}


/*** MAIN MENU ***/

.mainmenu {
    width: 44px;
}


/* Einleitungsbild Startseite HOME */
.hg_picture {
    background: url(/images/home/einleitung.jpg);
    height: calc(100vh - 80px);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 450px;
}

.einleitung {
    width: 100%;
    background: var(--box-shadow);
    height: calc(100vh - 80px);
    position: relative;
    max-width: 100vw;
    padding: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    min-height: 450px;


}
.einleitung h2 {
    color: var(--weiss);
    font-style: italic;
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
}
.einleitung h3 {
    color: var(--weiss);
    font-style: italic;
    font-size: 24px;
}

.einleitung .custom {
    width: auto;
}


.einleitung .custom div {
    background: var(--weiss);
    padding: 50px 30px;
    text-align: center;
    font-style: italic;
    margin-top: 30px;
}


/**************** ENDE  HEADER  ENDE ******************/













/*************** BTN BUTTONS ******************/

a.weiter {
    background: var(--sekundaerfarbe);
    color:var(--weiss);
    padding: 10px 25px;
    transition: 0.35s all ease-in-out;
    display: inline-block;
    margin: 2px 0;
}
a.weiter:hover {
    background: var(--hellgrau);
    color:var(--sekundaerfarbe);
    padding: 10px 25px;
    transition: 0.35s all ease-in-out;
}





a.rund {
    background: var(--sekundaerfarbe);
    display: flex;
    width: fit-content;
    padding: 15px;
    border-radius: 90px;
    transition: 0.35s all ease-in-out;
}
a.rund img {
    width: 50px;
    height: 50px;
}

a.rund:hover {
    background: var(--hellgrau);
    color:var(--sekundaerfarbe);

    transition: 0.35s all ease-in-out;
}




a.eckig {
    background: var(--hellgrau);
    display: flex;
    width: fit-content;
    padding: 15px;

    transition: 0.35s all ease-in-out;
}
a.eckig img {
    width: 100px;
    height: auto;
}

a.eckig:hover {
    background: var(--weiss);
    color:var(--sekundaerfarbe);

    transition: 0.35s all ease-in-out;
}





/***** ENDE  BTN BUTTONS  ENDE ******************/





/* TABELLE */


table.uebersicht {
    border: none;
    background: 0;
    text-align: center;
}
table.uebersicht tr {
    display: flex;
    flex-flow: wrap;
    background: none !important;
}

table.uebersicht td {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
    padding: 35px 0;
}


/* ENDE TABELLE ENDE */







/*****   CONTENT   ******************/

.hg_content {
    background: var(--hellgrau);
    margin-top: 0px;

}
#home .hg_content {
    margin-top:0;
}


/* Einzelseite */
.item-page {
    margin: 50px 0 100px;
    display: flex;
    flex-flow: column;
    align-items: center;

}

.item-page .com-content-article__body {
    max-width:900px;
    width:100%
}

/* BLOG */
.blog-items {
    display: flex;
    flex-flow: column;
}

.blog-item {
    display: flex;
    flex-flow: column;
    align-items: center;
}

/* 2 Spalten */
.blog-items.columns-2 {
    flex-flow: column;
}

.blog-items.columns-2 .blog-item {
    width: 100%;
    padding: 0px;
}

.item-content {
    margin: 50px 0 100px;
    display: flex;
    flex-flow: column;
    max-width:900px;
    width:100%;
}

/* FORMULARE */
#formular .item-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}









/***** ENDE  CONTENT  ENDE ******************/


/************ * MODULE * **********/

.hg_kontaktaufnahme {
    background: var(--sekundaerfarbe);
    margin-top: 300px;
}
.kontaktaufnahme {
    text-align: center;
    padding: 50px;
    margin:50px 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kontaktaufnahme .custom {
    max-width: 900px;
        width: 100%;
}
.kontaktaufnahme h3 {
    color: var(--weiss);

}




/* Parallax */

.hg_parallax1 {
    background: url(/images/home/hg_p1.jpg);
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: -1;
    background-position: center;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: var(--sekundaerfarbe);
}

.parallax1 {

}


/* Information -  Komplexe Teile, einfache Lösungen */

.hg_information {
    background: var(--hellgrau);
    text-align: center;
    padding: 50px 0 100px;

}

.information {
    text-align: center;
    /*    padding: 50px;*/

    display: flex;
    align-items: center;
    justify-content: center;
}
.information .custom {
    max-width: 900px;
}


/* FOOTER BILD */
.hg_footer_bild {
    background: url(/images/home/hg_footer1.jpg);
    min-height: 500px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}




/************ * END MODULE  END * **********/





/* Pagination */

.pagination {
    float:left;
    width:100%;
}
.pagination ul {
    display: flex;
    flex-flow: row;
}
.pagination ul li {
    list-style:none;
}
.pagination ul li a {
    padding:5px;
}
.pagination ul li span {
    padding:5px;
}






/* AFTER CONTENT ENDE */







/***************************** KONTAKT ****************************************/


/*********************************************************************************/
/*																				 */
/*           	              Slideshow CK               		             */
/*																				 */
/*********************************************************************************/


/*slideshowck ende*/














/************************************************************************/
/*				 Footer					*/
/************************************************************************/

footer {



}

footer p {
    margin: 0;
}


.hg_footer_slogan {
    background: var(--hellgrau);
    border-top: 7px solid var(--sekundaerfarbe);
}
.footer_slogan_box {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}

.footer_dvs {

}
.footer_dvs a {
    display: flex;
}
.footer_dvs img {
    height: auto;
    width: 150px;
}

.footer_slogan {
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 0.5px;
    text-align: center;
}



/* FOOTER MENU */

.hg_footer_menu {
    background: var(--sekundaerfarbe);
}

.footer_menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_menu ul li a {
    color: var(--weiss);
    padding: 0 15px;
    transition: 0.35s background ease-in-out;
}
.footer_menu ul li a:hover {
    background: var(--hellgrau);
    transition: 0.35s background ease-in-out;
}

/* COPYRIGHT */

.hg-copy {
    background: var(--dunkelgrau);
}





/***************** CONVER FORMS **********************/

.cf-control-input p {
    margin: 0;
}

.cf-control-group.datenschutz label {
    font-size: smaller !important;
}








/******************************** MOBILE MENU CK  *****************************/

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 {
    background: var(--sekundaerfarbe);
}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.open {
    background: var(--box-shadow);
}
.menuck.nav-item.current.active.level1,
.menuck.nav-item.active.level1 {
    background: var(--box-shadow);
}

.menuck.nav-item.current.active.level2 {
    background: var(--hellgrau);
}
/****************************** ende mobilemenuck  *******************/


/* MAP */
.fa-circle:before {
    content: "";
}
.awesome-marker-icon-blue {
    background-position: -648px 0;
}

.leaflet-top, .leaflet-bottom {
    z-index: 400;
}

.leaflet-popup {
    z-index: 401;
}