@font-face {
   font-family: 'Oregano';
   font-display:swap;
   src: url( 'fonts/Oregano-Regular.ttf') format('truetype');
}

:root {
	--bg: #f6fdef;
    --red: #731832;
    --creme: #f7fbf5;
    --txt-light: #f6fdef;
    --green-light: #d9f2e5;
    
	--yellow: lightyellow;
	--green: #2ecc71;
	--white: #ffffff;
	--grey-light: #f2f7f9;
	--grey: #ecedf3;
	--black: #080808;
	--black-light: #424455;  
}
/*use:   color: var(--red);

/* Full width top and bottom */
#top, #bottom {text-align: center}

body{
	color: #444;
	background: var(--bg);
    /* padding-bottom: 50px; */
    font-size: 16px;
    font-family: sans-serif,Arial,Verdana;
}

a {color: var(--red); font-weight: bold}
a:hover{color: #ac0937;}
.hide {display: none}
.clear {clear: both;}
.left {float: left;}
.w100 {width: 100px;}
img {max-width: 100%; height: auto!important; }
.lb-image{ max-width: inherit;} /* wegen bootstrap und lightbox2 */
.box-light {background: var(--yellow); color: var(--red); padding: 1px 15px 15px}
.box-green {background: var(--green-light); padding: 10px; margin: 5px 0}
    .box-green h2, .box-green h3 {margin-top: 0}
    .box-green .fa {color: var(--red)}

h1 {font-family: Oregano, sans-serif; font-size: 50px}
h1:first-of-type {text-align: center}

/* ############ Menu ########### */
.navbar-collapse.collapse.in{overflow:visible; max-height:430px}
.navbar{background: var(--creme)!important;
		border-bottom: 1px solid #eee;
		/* box-shadow: 0 1px 3px #666;
		position: fixed; */
		width: 100%;
		z-index: 999;
		min-height:50px;
        margin-bottom: 0;
        box-shadow: 0px 0px 11px #999;
}
/* .navbar .container{background:#f4f4f4!important;} */
/*.navbar a:hover, li.active a, a.menu-parent{ background: url("img/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #cccccc; color: #fff }*/
.navbar-brand {padding: 0; height:100px;}

#mainmenu {margin-top: 33px}
#mainmenu > ul > li > ul > li > a {padding:5px 20px 5px 10px; font-size: 1em;}
.navbar a { /* color: #444!important; */}
.nav > li > a {color: #731832!important; }
.nav li > a:hover, .nav  li > a:focus, .nav li.active a{background-color: var(--red) !important; color: var(--txt-light)!important;}
.search-toggle{display:none;}

.breadcrumb {/* margin: 50px 0 0 0 */display:none}


/* ############ FULL TOP ############ */
#pid1 #top {margin-bottom: 5px}
/*slider alt attributes*/
#pid1 .swiper-caption {display: none}

/* ############ Main ############ */
#main {min-height: 550px;}

/*Startseite*/
#pid1 #main {margin-top: 5px;}
    /* OFA anyitems*/
    #pid1 #main .jd-slider .slide-area li img {
      display: block;
      width: 100%;
      max-height: 260px;
      width: auto;
      margin-top: 5px !important;
    }
    
    #pid1 .anyitems-title {font-size: 22px}

    #pid1 .mod_oneforall_anyitems_desc h3 {font-size: 20px;}
        /*test*/
        #pid1 .anyitems-title {font-size: 18px!important;}
        #pid1 .mod_oneforall_anyitems_item {/*height: 500px; overflow: hidden;*/ }
        #pid1 .mod_oneforall_anyitems_desc * {
          font-size: 14px !important;
        }
        #pid1 .anyitem-text {
          height: 150px;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 1.2;
          padding: 0 15px;
        }
        #pid1 .anyitems-read-more {font-weight: normal; background: var(--red); color: #fff; border: 0; margin-bottom: 10px;}
            #pid1 .anyitems-read-more:hover {background: #fff; color: var(--red)}
            #pid1 .anyitems-read-more span {font-weight: bold}

/*Newsletter-Seite*/
#pid5 #main {max-width: 600px; margin: 0 auto; float: none;}
    #pid5 input[type="text"], #pid5 input[type="email"] { width: 300px;}
    
/*Rezepte*/
#pid8 h1 {background: #dec085; color: #741b34;}

/* Fehlerseite #pid14*/
.error-page {
    height: 714px;
    color: #eee;
    padding: 25px;
    background-image: url("/media/bilder/wine-glass-broken-pixa.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
    .error-page a {
        color: #ccc;
        text-decoration: underline;
    }


/* Masonry container */
.masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    column-gap: 0.5em;
    -webkit-column-gap: 0.5em;
}
    .masonry > div {
        break-inside: avoid;
        page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
    }
    .masonry img, .item { /* Masonry bricks or child elements */
        background-color: #eee;
        display: inline-block;
        margin: 0 0 1em;
        width: 100%;
    }



/* ############ Right ############ */
#right h2 {color: var(--red)}





/*########## FOOTER ##############*/
footer {padding: 10px; margin: 5px 0; background: var(--yellow) /*#eacf8c;*/}
footer h4 { font-family: Oregano, sans-serif; font-size: 32px; color: #000; border-bottom: 1px solid var(--red);}
footer .title { font-family: Oregano, sans-serif; font-size: 2em; color: #000; border-bottom: 1px solid var(--red);}
.copyright {margin: 5px 15px; font-size: 14px;}






/* MEDIA QUERYS */
@media (max-width: 500px) {
    .non-xxs {display: none}
}

@media (max-width: 768px) {
    .m-minihero {height: 33vw!important;}
    .minihero {height: 100%!important;} 
}

@media (min-width: 768px) and (max-width: 992px) {
    ul.navbar-nav {margin: 0 -25px}
    .navbar-right {margin-right: -30px;}
    
    .m-minihero {height: 262px!important;}
    .minihero {height: 100%!important;}
}

@media (min-width: 992px) and (max-width: 1200px) {  
    .m-minihero {height: 340px!important;}
    .minihero {height: 100%!important;}
}