/**
 * Main.css
 * loaded after Bootstrap 4.5
 *
 * Concept12 custom styles
 *

 */
/**************************************************************************
 *   General Styles
 *************************************************************************/
* {
    margin  : 0;
    padding : 0;
}

img {
    border : 0;
}

a {
    text-decoration : none;
}

a:link, a:visited {
    color           : #333;
    text-decoration : none;
}

a:active, a:hover {
    color           : #586906;
    text-decoration : underline;
}

div.clear {
    clear   : both;
    margin  : 0;
    padding : 0;
    border  : 0;
}

* {
    font-family : "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, Verdana, sans-serif;
    font-size   : 12pt;
    color       : #333;
}

body {
    /*font: 16px/24px Helvetica, Helvetica Neue, Arial;*/
    background     : #fff;
    /*border:1px solid red;*/
    width:100%;
    /**
     * Padding for the footer
     */
    padding-bottom : 20px;
}

/**************************************************************************
 *   Header
 *************************************************************************/

nav.header_navigation {
    z-index       : 1;
    border-top    : 10px solid #3e3200;
    background    : transparent url(../images/header_bg_strip.png) repeat-x left center;
    border-bottom : 2px white solid;

}

#navbarBaseNavigation {
    /*position: absolute;*/
    z-index:999;
}

#navbarBaseNavigation.navbar-collapse.collapsing{
    display:none;
}
#navbarBaseNavigation.navbar-collapse.collapse.show {
    border           : 1px solid #8D8C74;
    border-radius    : 5px;
    position         : absolute;
    top              : 100px;
    right            : 0;
    background-color : #8d8c74;
    margin           : 10px;
    padding          : 5px;
}

nav.header_navigation ul li {
    float           : left;
    height          : 32px;
    line-height     : 32px;
    margin          : 0;
    padding         : 0;
    list-style-type : none;
}

nav.header_navigation ul li a {
    color           : #3e3200;
    height          : 32px;
    line-height     : 32px;
    font            : 12px sans-serif;
    letter-spacing  : 5px;
    text-transform  : lowercase;
    text-decoration : none;
    padding         : 0 5px 0 0;
}

nav.header_navigation ul li a:hover {
    text-decoration : underline;
}

nav.header_navigation #form_suche {
    float           : left;
    /*width: 50%;*/
    height          : 25px;
    padding         : 0;
    margin          : 4px 0 3px 0;
    border          : 0;
    /* background:orange; */
    background      : url(../images/hintergrund_suche.png) no-repeat;
    /* 246 x 25 px*/
    background-size : contain;
}

nav.header_navigation #form_suche #suchbegriff {
    height      : 25px;
    font-size   : 16px;
    line-height : 25px;
    margin      : 0;
    padding     : 0 0 0 30px;
    border      : 0;
    color       : white;
    background  : transparent;
    overflow    : hidden;
}

nav.header_navigation #form_suche #suchbegriff:focus {
    outline : none;
}

/**
 * Stop Bootstrap from Minimizing
 */
nav.header_navigation #form_suche input {
    font-size   : 16px;
    line-height : 25px;
}

div#theme_navigation_bar {
    background-color : #CDCCAA;
}

/**************************************************************************
 *   Navigationsleite mit den Oberkategorien
 *************************************************************************/
#theme_navigation_main_category {
    background-color : #cdccaa;
    width            : 100%;
    margin-bottom    : 10px;
}

#main_catgeory_nav_wrapper ul {
    width            : 100%;
    display          : flex;
    flex-direction   : row;
    justify-content  : space-between;
    /*border          : 1px solid green;*/
    flex-wrap        : wrap;

    list-style       : none;
    min-height       : 48px;
    padding          : 0;
    margin           : 0;
    background-color : #cdccaa;
    letter-spacing   : 0.05em;

}

@media (max-width : 576px) {
    #main_catgeory_nav_wrapper ul {
        width          : 100%;
        display        : flex;
        flex-direction : column;
        /*border          : 1px solid red;*/
    }
}

#main_catgeory_nav_wrapper ul li {
    flex       : auto;
    min-height : 48px;
    margin     : 0;
    padding    : 0;
    /*width      : 25%;*/
    text-align : center;
    overflow   : hidden;
}

#main_catgeory_nav_wrapper ul li a {
    display          : block;
    min-height       : 48px;
    line-height      : 48px;
    font-size        : 20px;
    padding          : 0;
    text-align       : center;
    text-transform   : uppercase;
    color            : #333;
    background-color : #cdccaa;
    overflow         : hidden;
}

#main_catgeory_nav_wrapper ul li a:link,
#main_catgeory_nav_wrapper ul li a:visited {
    color           : #333;
    text-decoration : none;
}

#main_catgeory_nav_wrapper ul li a:active,
#main_catgeory_nav_wrapper ul li a:hover,
#main_catgeory_nav_wrapper ul li.selected a:link,
#main_catgeory_nav_wrapper ul li.selected a:visited,
#main_catgeory_nav_wrapper ul li.selected a:active,
#main_catgeory_nav_wrapper ul li.selected a:hover {
    background      : #857A57 url(../images/menu_active_background.png) repeat-x left center;
    color           : #fff;
    text-decoration : none;
}

/**************************************************************************
 *   Navigation
 *************************************************************************/

/**
 * Unclear if in Use
 */
/*#nav_wrapper {*/
/*    border           : 1px solid red;*/
/*    background-color : #CDCCAA;*/
/*    margin-bottom    : 20px;*/
/*}*/


/*.main_category,*/
/*#nav_wrapper,*/
/*#menu1_div {*/
/*    max-width       : 100%;*/
/*    min-height      : 48px;*/
/*    margin-bottom   : 20px;*/
/*    background-color : #fcfcfc;*/
/*    color           : #ffffff;*/
/*    font-size       : 1.2em;*/
/*    text-decoration : none;*/
/*    border-bottom   : 2px white solid;*/
/*    z-index         : 9999;*/
/*}*/

#nav_wrapper ul,
#menu1_div ul {
    list-style       : none;
    min-height       : 48px;
    padding          : 0;
    margin           : 0;
    background-color : #cdccaa;
    letter-spacing   : 0.05em;
}

#nav_wrapper li,
#menu1_div li {
    flex       : auto;
    /*float      : left;*/
    min-height : 48px;
    margin     : 0;
    padding    : 0;
    /*width      : 25%;*/
    text-align : center;
    overflow   : hidden;
}

#nav_wrapper li a,
#menu1_div li a {
    display          : block;
    min-height       : 48px;
    line-height      : 48px;
    font-size        : 20px;
    padding          : 0;
    text-align       : center;
    text-transform   : uppercase;
    color            : #333;
    background-color : #cdccaa;
    overflow         : hidden;
}

#menu1_div a:link,
#menu1_div a:visited {
    color           : #333;
    text-decoration : none;
}

#menu1_div a:active,
#menu1_div a:hover {
    background      : #857A57 url(../images/menu_active_background.png) repeat-x left center;
    color           : #fff;
    text-decoration : none;
}

#menu1_div li.selected a:link,
#menu1_div li.selected a:visited {
    background      : #857A57 url(../images/menu_active_background.png) repeat-x left center;
    color           : #fff;
    text-decoration : none;
}

#menu1_div li.selected a:active,
#menu1_div li.selected a:hover {
    background      : #857A57 url(../images/menu_active_background.png) repeat-x left center;
    color           : #fff;
    text-decoration : none;
}

/**************************************************************************
 *   Menü zweite Ebene

 *   Freistehende Anzeige der Unterkategorien
 *************************************************************************/
div#navigation_level2_wrapper {
    /*background-color: yellow;*/
    border-bottom  : 1px solid #CCC9A8;
    padding-bottom : 10px;
    margin-bottom  : 10px;
}

div#navigation_level2_wrapper ul.menu2 {
    width           : 100%;
    display         : flex;
    flex-wrap       : wrap;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    list-style      : none;
    margin-bottom   : 0;
    /*margin         : 0 auto;*/
    /*background     : green;*/
    /*border         : 1px solid black;*/
}

div#navigation_level2_wrapper ul.menu2 li {
    /*flex: auto;*/
    display    : block;
    margin     : 0;
    text-align : center;
    /*background : greenyellow;*/
}

div#navigation_level2_wrapper ul.menu2 li a {
    padding         : 5px;
    display         : inline;
    text-align      : center;
    line-height     : 24px;
    font-size       : 16px;
    color           : #333;
    text-decoration : none;
    font-weight     : 700;
}

div#navigation_level2_wrapper ul.menu2 li:after {
    content : " | ";
}

div#navigation_level2_wrapper ul.menu2 li:last-child:after {
    content : "";
}


div#navigation_level2_wrapper ul.menu2 li a {
    /* backgroud-color:brown; */
}

div#navigation_level2_wrapper ul.menu2 li a:link,
div#navigation_level2_wrapper ul.menu2 li a:visited {
    color           : #333;
    text-decoration : none;
}

div#navigation_level2_wrapper ul.menu2 li a:active,
div#navigation_level2_wrapper ul.menu2 li a:hover,
div#navigation_level2_wrapper ul.menu2 li a.selected {
    color           : #586906;
    font-weight     : 700;
    text-decoration : underline;
}

/**************************************************************************
 *   C O N T E N T / Article
 *************************************************************************/

article {
    background-color : transparent; /*rgba(255, 168, 28, 0.26);*/
    margin-bottom: 1rem;
}

article h1 {
    font-size     : 20px;
    font-weight   : 700;
    color         : #403F1D;
    margin-top    : 0;
    margin-bottom : 9px;
}

article h2 {
    font-size     : 18px;
    font-weight   : 700;
    line-height   : 18px;
    color         : #403F1D;
    margin-top    : 0;
    margin-bottom : 8px;
}

article h4 {
    font-size     : 16px;
    font-weight   : 700;
    color         : #403F1D;
    margin-top    : 0;
    margin-bottom : 7px;
}

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

/**************************************************************************
 *   Article with 3 rows image Text Image
 *************************************************************************/
#image_text_image {
    display : flex;
}

#image_text_image #left_row {
    max-width : 440px;
}

#image_text_image #contentarea {
    max-width : 329px;
    margin    : 0 5px;
    padding   : 0;
}

#image_text_image #right_row {
    max-width : 440px;
    max-width : 175px;
    overflow  : hidden;
}

/**************************************************************************
 *  R E S P O N S I V E  R U L E S
 *************************************************************************/
/* Small devices (landscape phones, 576px and up)*/

@media (min-width : 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width : 768px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width : 992px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width : 1200px) {

}

/**************************************************************************
 *   Ü B E R A R B E I T E N
 *************************************************************************/


/* *******************************************************
        Links
   *******************************************************/
/* Externe Links */
article a[href^="http:"] {
    text-decoration : none;
    background      : url(../images/link.png) right center no-repeat #fcfcfc;
    color           : #006;
    padding-right   : 15px;
}

article a[href^="http:"]:link,
article a[href^="http:"]:visited {
    color           : #006;
    text-decoration : none;
}

article a[href^="http:"]:active,
article a[href^="http:"]:hover {
    color           : #006;
    text-decoration : none;
    border-bottom   : 1px dotted #006;
}

article a:link, a:visited, a:active {
    color           : #666;
    text-decoration : none;
}

article a:hover {
    color           : #333;
    text-decoration : underline;
}

/**************************************************************************
 *   Footer
 *************************************************************************/
footer {
    /*position   : fixed;*/
    z-index    : 9999;
    /*bottom     : 0;*/
    /*left       : 0;*/
    width      : 100%;
    min-height : 24px;
    text-align : center;
    /*border-top : 1px solid #2E384F;*/
    /*background : #fff;*/
    /*background : rgba(227, 102, 102, 0.31);*/
    /*background    : url(../images/footer_bg.png) center left repeat-X #fff;*/
}

#footer_address {
    /*width            : 960px;*/
    min-height       : 24px;
    text-align       : center;
    background-color : #fff;
    color            : #7E7E7E;
    line-height      : 24px;
    margin-top       : 15px;
    margin-bottom    : 15px;
}

#footer_sitemap {
    /*width       : 960px;*/
    min-height  : 770px;
    color       : #7E7E7E;
    line-height : 16px;
    background  : #fff url(../images/footer_bg.png);
    background-repeat:no-repeat;
    background-position: center bottom;

    display:flex;
    flex-wrap: wrap;
}

#footer_sitemap p {
    color     : #333;
    font-size : 10px;
}

.footer_sitemap_row {
    flex-shrink : 0;
    flex-grow   : 0;
    flex-basis  : 19%;
    min-width   : 180px;
    padding     : 1rem;
    /*border      : 1px solid #ccc;*/
    /*float : left;*/
    /*width : 20%;*/
}

/*x.footer_sitemap_row:nth-of-type(1) {*/
/*    width  : 18%;*/
/*    margin : 0 0 0 2%;*/
/*}*/
/**/
/*x.footer_sitemap_row:nth-of-type(2) {*/
/*    width  : 18%;*/
/*    margin : 0 1%;*/
/*}*/
/**/
/*x.footer_sitemap_row:nth-of-type(3) {*/
/*    width  : 18%;*/
/*    margin : 0 1%;*/
/*}*/
/**/
/*x.footer_sitemap_row:nth-of-type(4) {*/
/*    width  : 18%;*/
/*    margin : 0 1%;*/
/*}*/
/**/
/*x.footer_sitemap_row:nth-of-type(5) {*/
/*    width  : 18%;*/
/*    margin : 0 2% 0 0;*/
/*}*/

#footer_sitemap h4 {
    color          : #586906;
    text-transform : lowercase;
    font-size      : 1rem;
}

#footer_sitemap_5 {
    color : #7E7E7E;
}

.footer_sitemap_row ul {
    list-style-type : none;
    padding         : 0;
    margin          : 0;
}

.footer_sitemap_row li {
    list-style-type : none;
    margin-left     : 0;
}

.footer_sitemap_row a {
    color           : #333;
    font-size       : 0.8rem;
    text-decoration : none;
    margin-left     : 1%;
    line-height: 1rem;
}

.footer_sitemap_row a:link,
.footer_sitemap_row a:visited {
    color           : #333;
    text-decoration : none;
}

.footer_sitemap_row a:active,
.footer_sitemap_row a:hover {
    color           : #666;
    text-decoration : underline;
    background      : #fff;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background  : transparent !important;
        color       : #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow  : none !important;
        text-shadow : none !important;
    }

    a,
    a:visited {
        text-decoration : underline;
    }

    a[href]:after {
        content : " (" attr(href) ")";
    }

    abbr[title]:after {
        content : " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content : "";
    }

    pre,
    blockquote {
        border            : 1px solid #999;
        page-break-inside : avoid;
    }

    thead {
        display : table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside : avoid;
    }

    img {
        max-width : 100% !important;
    }

    @page {
        margin : 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans : 3;
        widows  : 3;
    }

    h2,
    h3 {
        page-break-after : avoid;
    }
}