:root {
    --schwarz: #000;
    --weiss: #fff;
    
    --transparent: rgba(0,0,0,0);
    --box-shadow: rgba(0,0,0,0.3);
    
	--blue_lighter: #6a8fa7; /*#e3e7ed;*/
    --blue_light: #6a8fa7;
    --blue: #225f7a;
    --blue_dark: #143d4d;
    --orange_light: #edb47c;
    --orange: #f6a44f;
    --orange_dark: #b7712f;

    --primaerfarbe: #225f7a; /* Freyer - dunklere Hauptfarbe */
    --sekundaerfarbe: #f6a44f; /* Freyer - Hauptfarbe */

    --schriftfarbe: #143d4d; /* webadrett */

    --hintergrund1: #fefdfb; /* Freyer - anderes weiss   #FAF9F6*/
    --hintergrund2: rgba(20,61,77,0.8);/*  rgba(237,180,124,0.2);  orange_light 20% */
	
    --hintergrund3: rgba(248, 241, 234, 0.5); /* Freyer orange-grau hell */
    --hintergrund4: rgba(255, 255, 255, 0.7); /* weiß */
    --hintergrund5: rgba(248, 241, 234, 0.5); /* Freyer orange-grau hell transparent */
    --hintergrund6: rgba(254, 253, 251, 0.9); /* Freyer orange-grau hell transparent */

}


/* Schriftart 1 */

/* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - 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: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - 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: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - 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: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - 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: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* Schriftart 2 */



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

    color: var(--schriftfarbe);
    font-size: 18px;
    line-height: 28px;
    scroll-behavior: smooth;
    background: var(--hintergrund1);
}



.clear{
    clear:both;
}

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


/*********************     Linkfarbe       **************************/
b, strong {
    font-weight: 600;
}


a {
    color: var(--primaerfarbe);
    text-decoration: none;
    transition: 0.35s all ease-in-out;
    font-weight:600;
        text-transform: uppercase;
        pointer-events: all;
}

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

}


strong a {
    font-weight: 600;
}


/* 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: 20px 35px 15px 35px;
}

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

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 */




/*********************    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: 50px;
    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: 0;
}

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, #content {
    float: left;
    width: 100%;
    position: relative;
    
}




/*** 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 {
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
}

.mainmenu ul {
    display: flex;
    flex-flow:row;
}
.mainmenu ul li {
    white-space: nowrap;
    text-decoration: none;
}
.mainmenu ul li a {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--hellgrau);
    padding: 10px 10px;
    font-weight:400;
    margin: 0 1px;
}
.mainmenu ul li a:hover,
.mainmenu ul li a:focus,
.mainmenu ul li.active a {
    background: var(--sekundaerfarbe);
    color:var(--hellgrau);
}




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

.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;
    font-weight: 400;
    
    color: var(--sekundaerfarbe);
    width: 100%;
    float: left;
}

.mainmenu ul li.active li a {
    color: var(--sekundaerfarbe);
    background: var(--weiss);
}

.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 {
    color: var(--weiss);
    background: var(--sekundaerfarbe);
}


/* 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 {
    color: var(--primaerfarbe);
}
.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 {
    color: var(--sekundaerfarbe);
}

/* ENDE MAIN MENU ENDE */










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


.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background: none;
    border-radius: 0 0 2px 2px;
    border: 1px solid var(--sekundaerfarbe);
    border-top: none;
}
.breadcrumb > .active {
    color: var(--sekundaerfarbe);
}

.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               ******/
#redim-cookiehint-bottom {
    background: var(--primaerfarbe);
}

#cookiehintsubmit {
    background: var(--primaerfarbe) !important;
}
#cookiehintsubmit:hover {
    background: var(--sekundaerfarbe) !important;
}

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

@media (min-width: 450px) {




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


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

@media (min-width: 641px) {

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






}/*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) {



    /*MENU*/
    .mainmenu ul li a {
        font-size: 15px;
        padding: 10px 20px;
        color: var(--sekundaerfarbe);
    }

    #responsiv {
        display:none;
    }






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



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

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

    }
    


}


@media (min-width: 1600px) {
    .container {
                /*width: 1400px;*/
/*background: #999;*/
    }


}