:root {
    --schwarz: #000;
    --weiss: #fff;
    --dunkelgrau: #161817;
    --grau: #666;
    --hellgrau: #eee;
    --mittelgrau: #ccc;  /* webadrett TOP NAVI */
    --transparent: rgba(0,0,0,0);
    --box-shadow: rgba(0,0,0,0.3);


    --primaerfarbe: #333;
    --sekundaerfarbe: #003f1b; /* Agrar Dunkelgruen */

    --schriftfarbe1: #003f1b; /* Agrar Dunkelgruen */

    --hintergrund1: rgba(255,255,255,0.75);

    --hintergrund2: rgba(256,256,256,0.1);
    --hintergrund3: rgba(256,256,256,0.7);

}


/* Schriftart 1 */

/* oswald-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: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v56-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-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: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v56-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-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: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v56-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-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: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v56-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





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

    color: var(--schriftfarbe1);
    font-size: 17px;
    line-height: 28px;
    scroll-behavior: smooth;
}

body {
    display: flex;
    flex-flow: column;
}

content {
    flex: 1;
}

.clear{
    clear:both;
}

.fullscreen {
    display: none !important;
}
.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;

}

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

.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: 30px;
    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: 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;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--weiss);
    background-color: var(--sekundaerfarbe);
    border-color: var(--sekundaerfarbe);
}

.btn:focus-visible {
    color: var(--weiss);
    background-color: var(--sekundaerfarbe);
    border-color: var(--sekundaerfarbe);
    outline: 0;
    box-shadow: 0 0 10px var(--box-shadow);
}
.btn-check:checked+.btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check)+.btn:active:focus-visible {
    box-shadow: 0 0 15px var(--box-shadow);
}



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










/*** 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;
}
.mainmenu ul li {
    white-space: nowrap;
    text-decoration: none;
}
.mainmenu ul li a {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--sekundaerfarbe);
    padding: 10px 10px;
    font-weight:400;
}
.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;
    font-size: 20px;
    color: var(--primaerfarbe);
}

.mainmenu ul li.active li a {
    color: var(--primaerfarbe);
}

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

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

    






}/*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 !important;
    }
    .mobile {
        display: none;
    }

    /*MENU*/
    .mainmenu ul li a {
        font-size: 18px;

        padding: 10px 20px;
    }

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