:root {
    --schwarz: #000;
    --weiss: #fff;
    --rot: #ff0000;
    --grau: rgba(80,80,80,1);

    --transparent: rgba(0,0,0,0);
    --box-shadow: rgba(100,100,100,0.1);


    --primaerfarbe: rgba(0,80,120,1); /* k50+ BLAU */
    --sekundaerfarbe: rgba(190,180,140,1); /* k50+ GOLD */

    --dunkelgruen: #005078;

    --schriftfarbe1: rgba(80,80,80,1); /* k50+ GRAU */

    --hintergrund_weiss: rgba(255,255,255,0.2);

    --hintergrund_gold70: rgba(190,180,140,0.7);
    --hintergrund_gold40: rgba(190,180,140,0.4);
    --hintergrund_gold20: rgba(190,180,140,0.2);

    --hintergrund_blau70: rgba(0,80,120,0.7);
    --hintergrund_blau40: rgba(0,80,120,0.4);
    --hintergrund_blau20: rgba(0,80,120,0.2);

    --verlauf_HG: linear-gradient(90deg, rgba(0, 80, 120, 0.08), rgba(190, 180, 140, 0.08));
    --verlauf_diagonal: linear-gradient(135deg, rgba(0, 80, 120, 1) 30%, rgba(190, 180, 140, 1) 100%);
    --verlauf: linear-gradient(90deg, rgba(0, 80, 120, 1), rgba(190, 180, 140, 1) 70%);
    --verlauf_hell: linear-gradient(90deg, rgb(232, 234, 240, 1), rgb(249, 247, 244) 70%);

}


/* Schriftart 1 */

/* cairo-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/cairo-v28-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/cairo-v28-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/cairo-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/cairo-v28-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/cairo-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/cairo-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/cairo-v28-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/cairo-v28-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Schriftart 2 */


html, body {
    height:100%;
    margin:0;
    padding:0;
    text-align:left;
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;

padding-top:0px !important;
    color: var(--schriftfarbe1);
    font-size: 18px;

    scroll-behavior: smooth;

}



.clear{
    clear:both;
}

.fullscreen {
    display: none;
}
.mobile {
    display: block;
}


/*********************     Linkfarbe       **************************/

a {
    color: var(--primaerfarbe);
    text-decoration: none;
    transition: 0.35s color;
    font-weight:800;
}
a.white {
    color: var(--weiss);
}

a:hover, a:focus {
    color:var(--sekundaerfarbe);
    text-decoration: none;
    background: none;
    transition: 0.35s color;
    outline: none;

}

:focus-visible {
    outline: none;
}
a:-webkit-any-link:focus-visible {
    outline-offline: none;
}

/* Bilder */

img {
    max-width: 100%;
    height:auto;
}

/* Aufz�hlungen */

ul {
    padding-inline-start: 20px;
}

em {
    color:var(--sekundaerfarbe);
}


/************** Tabelle / tabelle / table ******************/

tr:nth-child(even) {
    background-color: var(--hellgrau);
}

tr:nth-child(odd) {
    background-color: var(--weiss);
}

tr:nth-child(even) td,
tr:nth-child(odd) td {
    padding: 10px 0px 10px 15px;
    width: 100%;
}

table {
    border-spacing: 0px;
    border:1px solid var(--primaerfarbe);
    text-align: left;
    position: relative;
    width:100%;
    margin: 30px 0;
}

table h3 {
    margin-left: -35px;
}
table td p {
    margin:0;
}

table td img {
    /*max-height:30px;*/
    width: auto;
    height:auto;
    position: relative;
}

/* table mit class product*/

table.product td img {

    max-height:100%;
    width:100%;

}


table.product tr:nth-child(even) td {
    padding: 0 20px;
}

table.product tr:nth-child(odd) td {
    padding:20px 35px 15px 35px;
}

/* ENDE tabelle ENDE */


/* Impressum / Datenschutz */

#allgemein h2 {
    font-size:24px;
}

#allgemein h3 {
    font-size:20px;
}

#allgemein h4 {
    font-size:16px;
}



/* Impressum / Datenschutz ENDE */



/************************************************************************/
/*      								*/
/*                          BUTTONS             			*/
/*									*/
/************************************************************************/

/* Buttons */

.btn-link:hover, .btn-link:focus {
    /*    text-decoration:none;
        color:var(--sekundaerfarbe);*/
}

.btn-link {
    /*
        color: var(--primaerfarbe);*/
}



/*********************    READMORE BTN    **************************/


/*p.readmore {
    padding:0;
}

.readmore a {
    border: 1px solid;
    border-color: var(--primaerfarbe);
    color: var(--primaerfarbe);
    border-radius:15px;
    margin: 10px 0 30px;
    float:left;
}

.readmore a:hover {
    border:1px solid var(--sekundaerfarbe);
    color: var(--sekundaerfarbe);
}*/





/************************************* BUTTON *************************************/


#myBtn {
    display:none;
}


.scrollup {
    position: fixed;
    right: 50px;
    bottom: 41px;
    z-index: 10;
}
.scrollup p {
    margin:0;
}




a.btn-info {
    /*    background-color: var(--box-shadow);
        background-image: url(/images/icons/UP.png);
        background-position: 100% 0%;
        width: 24px;
        height: 24px;
        position: relative;
        display: inline-block;
        transition: 0.35s background-position ease-in-out;
        padding: 0;
        border: 0;
        border-radius: 15px;*/
}

a.btn-info:hover {
    /*    background-color: var(--sekundaerfarbe);
        background-image: url(/images/icons/UP.png);
        background-position: 100% 100%;
        transition: 0.35s background-position ease-in-out;*/
}




/* * *    BUTTONS ENDE     * * */







/********************************* SEARCH **********************************************/


.search {
    padding:2px 0 2px;

}


.search input {
    border-radius: 5px;
    padding: 1px 5px;
    border-color: transparent;
    background-color: var(--hellgrau);
    min-width:350px;

}


















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



/*************** HEADER - TOP *****************/

/*** Anker ***/
#header {
    float: left;
    width: 100%;
    position: relative;
}

/*#post-container {
    max-height: 100vh;  oder einer anderen festen Höhe 
    overflow-y: auto;
}
.blog-item {
    height: 100vh;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
#stellensuche .blog-item {
    justify-content:flex-start;
}*/


/*
#scroll_snap {
    width: 100%;
    height: 100vh;
    margin: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
}
#scroll_snap .blog-item {
    display: flex;
    margin: 5px;
    scroll-snap-align: center;
    height: 100vh;
    flex-flow: column;
    justify-content: center;
    width: 100%;
}*/



/*.blog-item {
    text-align: center;
    scroll-snap-align: center;
    flex: none;
}
 scroll-snap 
.x.mandatory-scroll-snapping {
  scroll-snap-type: x mandatory;
}
.x.proximity-scroll-snapping {
  scroll-snap-type: x proximity;
}
.y.mandatory-scroll-snapping {
  scroll-snap-type: y mandatory;
}
.y.proximity-scroll-snapping {
  scroll-snap-type: y proximity;
}
*/




/*** LOGO ***/







/*************************** MAIN MENU / mainmenu ************************************/

/*.nav > li > a {
    color: var(--primaerfarbe);
    text-decoration: none;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none;
    color: var(--sekundaerfarbe);
    text-decoration: none;
}*/


.mainmenu {

}

.mainmenu ul {
    display: flex;
    flex-flow:row;
    margin:10px 0;
}
.mainmenu ul li {
    white-space: nowrap;
    text-decoration: none;
}
.mainmenu ul li a,
.mainmenu ul li span {
    text-transform: uppercase;
    padding: 4px 8px;
    position:relative;
    font-size: 16px;
}
.mainmenu ul li a:hover,
.mainmenu ul li a:focus,
.mainmenu ul li.active a {
}

/* 2. Ebene */
.mainmenu ul ul {
    display: none;
    position: absolute;
    background: var(--weiss);
    padding: 10px 0;
    box-shadow: 0px 2px 16px 0px var(--box-shadow);
    top:40px; 
    background: #eee;
}
 
.mainmenu ul li:hover ul {
    display: block;
}

.mainmenu ul ul li {
    float: none;
    width: 100%;
}




.mainmenu ul ul li a {
    padding: 5px 30px 5px 20px;



}

.mainmenu ul li.active li a {

}

.mainmenu ul li.active li a:hover,
.mainmenu ul li.active li a:focus,
.mainmenu ul li.active li.active a,
.mainmenu ul li.active li.current a {

}


/* Parent Symbil */

.mainmenu ul ul li.parent {

    background-image: url(/images/icons/navigation_submenu.png);
    background-size: 8px;
    background-position: 90% center;
    background-repeat: no-repeat;
    margin-right:24px;

}

.mainmenu ul ul li.parent:hover,
.mainmenu ul ul li.parent.active
{

    background-image: url(/images/icons/navigation_submenu_active.png);
}


/* 3. Ebene */

.mainmenu ul ul ul,
.mainmenu ul li:hover ul ul {
    display: none;
    left: 100%;
    box-shadow: 0px 2px 16px 0px var(--box-shadow);
    background-color: var(--weiss);
    margin: -46px 0 0 0;
    min-width: 250px;
    position: absolute;
}
.mainmenu ul ul li:hover ul {
    display: block;
}

.mainmenu ul ul ul li {
    float:left;
    width:100%;
}
.mainmenu ul ul ul li a {
    width:100%;
    float:left;
}

.mainmenu ul li.active li.active li a {

}
.mainmenu ul li.active li.current li a:hover,
.mainmenu ul li.active li.current li a:focus,
.mainmenu ul li.active li.active li.current a {

}

/* ENDE MAIN MENU ENDE */






/********************************** BREADCRUMB **********************************/

#startseite .hg_breadcrumb {
    display:none;
}

.breadcrumb {
    border-radius:0;
    background-color: var(--transparent);
    margin:35px 0 0;
    padding:0;
}

ol.breadcrumb li:nth-child(2)::before{
    content:"";
}





/*************** Content *****************/
















/********************   Fehler    ****************************/


.alert h4 {
    color: inherit;
    float: left;
    margin: 0 15px 0 0;
    width: auto;
}

.alert-message {
    line-height: 25px;
}





/******************************    Beiträge    *****************************************/






/**************************** FOOTER ******************************************/



footer {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 60px;

}







/* Footer Navigation */


/*** Copyright ***/

.copyright{
    margin: 0 auto;
    text-align:center;
    font-size: 10px;
    width: 100%;
    float: left;
    margin-bottom: 0px;
    color: var(--weiss);
}




.copyright p{

    margin-top: 4px;
    margin-bottom: 8px;
}

.copyright img {

    height: 25px;
    padding: 0 3px;

}



/******            COOKIE HINT               ******/


.mobilemenuck-bar-title {
    display: none;
}












/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 450px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 450px) {




}/*ENDE @media (min-width: 450px) ENDE*/


/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 600px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 641px) {

    






}/*ENDE @media (min-width: 600px) ENDE*/

/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 767px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 767px) {




    footer {
        margin-bottom: 0px;
    }



}/*ENDE @media (min-width: 767px) ENDE*/




/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 990px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/


@media (min-width: 990px) {

.fullscreen {
        display: block;
    }
    .mobile {
        display: none;
    }



    #responsiv {
        display:none;
    }






} /*ENDE @media (min-width: 990px) ENDE*/



/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 1200px)   				           */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 1200px) {
    .container {
        /*        width: 1400px;*/

    }
    



}

/*ENDE @media (min-width: 1160px) ENDE*/

@media (min-width: 1900px) {


}


@media (min-width: 2200px) {

    

}