:root {
  --abkgold: #b5935e;
}

.invisible {
  position: absolute !important;
  width: 1px; 
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap; /* verhindert Umbrüche */
}
.header.original .logo {
    padding-top: 15px;
    z-index: 100000;
}
#footer .totop {
    display: none;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline {
 	font-weight: 600;
    font-family: ABK-SansBold;
 }
.content_page h1, .home h1, .content_page .h1, .home .h1, .content_page .h1 p, .home .h1 p {
    font-size: 5rem;
    font-weight: 600;
    padding-top: 0;
}
.content_page .event h1 {
    font-size:3rem;
}
#top-wrapper #top
 {
    border-bottom: 1px solid #B5935E;
}
#top .offcanvas-trigger {
    display: none;
}
#top-wrapper #top .inside {
    padding-top: 5px;
    padding-bottom: 5px;
}
.header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active {
    color: #B5935E;
}
.ce_bgimage.background-produkt .ce_bgimage-image {

background-origin: content-box;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 10%; 
}
.ce_bgimage.background-produkt.links .ce_bgimage-image {

    padding-right: 0; 
    padding-left: 10%; 
}
.offset-bg {
    margin-top: -601px;
}


.offset-bg .column {
	  display: flex;
  flex-direction: column;
  margin-bottom: 0;

}
.offset-bg .ce_bgimage.align-bottom {
	margin-top: auto;
}
.produkt-headline h2
 {
	font-size: 4em;
	text-transform: uppercase;
}
 .brauerei-headline h2 {
    font-size: 3.25em;
    text-transform: uppercase;
}
.produkt-headline h2 span 
 {
	font-family: Cambria;
	color: #ffffff;
}
.brauerei-headline h2 span {
    font-family: Cambria;
    font-weight: 600;
}
.ce_bgimage.background-produkt.brauerei .ce_bgimage-image {
    background-size: cover;
   
}
.ce_bgimage.background-produkt .ce_bgimage-image {
    mix-blend-mode: multiply;
   
}
.text-produkt strong {
    font-family: "ABK-SansBold";
}
.text-produkt {
	color:#fff;
}
.border-gold {
    border-top: 5px dotted #af8538;
    border-color: #af8538 !important;
    padding-top: 1em;
    margin-top: 0.75em;
}
.toggle-info strong {
     font-family: "ABK-SansBold";
}
.border-right {
    border-right: 1px solid #fff;
    border-color: #fff !important;
}
.toggle-info strong {
    font-family: "ABK-SansBold";
    font-size: 1.1em;
}

.background-produkt.align-bottom-flex > .ce_bgimage-outer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.flex-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;  /* <- everything to bottom */
}

/* make sure no ancestor clips the bleed */
.ce_bgimage, .mod_article, .container, .inside { overflow: visible; }

/* only this block bleeds to the right edge of the screen */
.bleed-right .ce_bgimage {
  /* pull its right edge out to the viewport edge… */
  margin-right: calc(50% - 50vw);
  /* …and expand the painting area so the background fills the bleed */
  padding-right: calc(50% - 50vw);
  /* optional: align image if needed */
  /* background-position: right center; */
}

.button-row {
	display: flex;
	gap: 0.5em;
	flex-wrap: wrap;
	margin-top: 1em;
}

.button-produkt {
	flex: 0 1 auto;
	z-index: 100;
}

.button-link {
	display: inline-block;
	font-family: "ABK-SansBold", sans-serif;
	padding: 0.5em 1.75em;
	background-color: #454545;
	color: #fff;
	font-size: 1.5em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.button-produkt .button-link.gold {
    background-color: #af8538 !important;
}
a.button-link.unavailable.gold {
    background: grey !important;
    cursor: not-allowed;
}

a.button-link.unavailable.gold:hover {
    cursor: not-allowed;
}

/* .toggle-info {
	display: none;
	margin-top: 1em;
}*/
.toggle-info {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.5s ease, opacity 0.5s ease;
}

.toggle-info.show {
	max-height: 1000px; /* groß genug für deinen Inhalt */
	opacity: 1;
}
.mainmenu ul li:hover .level_2 li {
    display: inline-block;
    padding: 4em 2em 3em 2em;
    min-width: 200px;
    font-size: 1em;
    background: #efefef;
}

#header.header .mainmenu ul li ul li a.active,
#header.header .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu),
#header.header .mainmenu ul ul li a.active,
#header.header .mainmenu ul ul li a.trail:not(.megamenu),
#header.header .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu),
#header.header .mainmenu ul ul li a.active,
#header.header .mainmenu ul ul li a.trail:not(.megamenu)
{
    color: #000 !important;
}

.mainmenu ul li .level_2 li a {
    text-align: center;
    font-size: 1.25em;
    text-transform:uppercase;
    border-bottom: 5px dotted #af8538;
}
.mainmenu ul ul li a.last {
    border-bottom: 5px dotted #af8538 !important;
}
.mainmenu ul li .level_2 li a.active {
	border-bottom: 5px solid #af8538;
}
.mainmenu ul li .level_2 li a .first-word {
   font-family: Cambria;
}
.mainmenu ul li .level_2 li a .rest {
    font-family: ABK-SansBold;
}
.mainmenu ul li .level_2 li a span {
 line-height: 1.25;
    display: inline-block;   
}
.new-menu .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu),
.new-menu .mainmenu ul ul li a.active,
.new-menu .mainmenu ul ul li a.trail:not(.megamenu) {
    background: none !important;
}
.new-menu .mainmenu ul li .level_2 li:hover a {
   border-bottom: 5px solid #af8538; 
   transition: none;
}
.mainmenu ul li:hover .level_2 {
    background:#efefef;
}
.mainmenu ul li.produkte-seite:hover .level_2 {
    margin-left: -160px;
}
.header.cloned .logo {
    margin-top: 15px;
}

.fraulein-seite .button-link {
    background-color: #264340;
}
.fraulein-seite .toggle-info span.color-accent {
    color: #ffd000;
}

.fraulein-suess .toggle-info span.color-accent {
    color: #ffd000;
}
.fraeulein-wild .toggle-info span.color-accent {
	color: #ed788f;
}

.fraeulein-sauer .toggle-info span.color-accent {
	color: #c9d300;
}

.fraulein-seite .border-gold {
	border-color: #fff !important;
}


.wasser-medium .color-accent strong {
    color: #a1daf8;
}
.wasser-medium  .border-gold {
    border-color: #ffffff !important;
}
.wasser-spritzig .color-accent strong {
    color: #e40428;
}
.wasser-spritzig  .border-gold {
    border-color: #ffffff !important;
}
.leo-zitrone .color-accent strong {
    color: #F8C72C;
}
.leo-zitrone  .border-gold {
    border-color: #ffffff !important;
}
.leo-orange .color-accent strong {
    color: #ee721e;
}

.leo-grapefruit .color-accent strong {
	color:#3cbac6;
}
.leo-grapefruit .border-gold {
	border-color: #3cbac6 !important;
}

.leo-apfelschorle .color-accent strong {
	color:#9bc31a;
}
.leo-apfelschorle .border-gold {
	border-color: #9bc31a !important;
}
.leo-roteschorle .color-accent strong {
	color:#b94e97;
}
.leo-roteschorle .border-gold {
	border-color: #b94e97 !important;
}

.leo-cola .color-accent strong {
	color:#fb2f33;
}
.leo-cola .border-gold {
	border-color: #fb2f33 !important;
}

.leo-colamix .color-accent strong {
	color:#ef7c00;
}
.leo-colamix .border-gold {
	border-color: #ef7c00 !important;
}

.leo-fiftyfifty .color-accent strong {
	color:#f49700;
}
.leo-fiftyfifty .border-gold {
	border-color: #f49700 !important;
}

.leo-apfelkirsch .color-accent strong {
	color:#48ac33;
}
.leo-apfelkirsch .border-gold {
	border-color: #48ac33 !important;
}


.leo-ace .color-accent strong {
	color:#f3943f;
}
.leo-ace .border-gold {
	border-color: #f3943f !important;
}
.leo-eistee .color-accent strong {
	color:#69acdf;
}
.leo-eistee .border-gold {
	border-color: #69acdf !important;
}


.home .background-produkt {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* Align children like .ce_bgimage-outer to the bottom */
}
.brauerei .background-produkt {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* Align children like .ce_bgimage-outer to the bottom */
}
.home .bg-bierhome {
    background-color: #af8538f2 !important;
}
.home .bg-frauhome {
    background-color: #751248f2 !important;
}
.bg-bierhome .contentwrap.ce_bgimage-inside,
.bg-frauhome .contentwrap.ce_bgimage-inside {
  padding-left: 0;
  padding-right: 0;
}

.bg-bierhome .button-link,
.bg-frauhome .button-link {
  background-color: #000000;
}

.bg-bierhome .ce_bgimage-inside,
.bg-frauhome .ce_bgimage-inside {
  position: relative;
  overflow: visible !important;
  visibility: visible !important;
}

.bg-bierhome .ce_bgimage-inside::before,
.bg-bierhome .ce_bgimage-inside::after,
.bg-frauhome .ce_bgimage-inside::before,
.bg-frauhome .ce_bgimage-inside::after {
  content: '“' !important;
  position: absolute;
  font-size: 280px;
  font-family: Georgia, serif;
  color: rgba(255, 255, 255, 0.2);
  line-height: 1;
  pointer-events: none;
  z-index: 5;
}

.bg-bierhome .ce_bgimage-inside::before,
.bg-frauhome .ce_bgimage-inside::before {
  top: 0%;
  left: 10%;
  transform: scaleX(-1);
}

.bg-bierhome .ce_bgimage-inside::after,
.bg-frauhome .ce_bgimage-inside::after {
  bottom: -40%;
  right: 10%;
}
.bg-bierhome  .contentwrap.ce_bgimage-inside {
	padding-left: 0;
	padding-right: 0;
}
.bg-bierhome .button-link {
	background-color: #000000;
}
.bg-bierhome .ce_bgimage-inside {
  position: relative;
  overflow: visible !important;
  visibility: visible !important;
}

.bg-bierhome .ce_bgimage-inside::before,
.bg-bierhome .ce_bgimage-inside::after {
  content: '“' !important;
  position: absolute;
  font-size: 280px;
  font-family: Georgia, serif;
  color: rgba(255, 255, 255, 0.2); /* white, semi-transparent */
  line-height: 1;
  pointer-events: none;
  z-index: 5;
}

.bg-bierhome .ce_bgimage-inside::before {
  top: 0%;
  left: 10%;
  transform: scaleX(-1); /* mirror for balance */
}

.bg-bierhome .ce_bgimage-inside::after {
  bottom: -40%;
  right: 10%;
}
.ce_bgimage.background-produkt.rechts .ce_bgimage-image {
    background-origin: content-box;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 10%;
    padding-right: 0%;
}

.ce_bgimage.bg-brauerei-1 {
    background: rgb(248 248 248 / 90%);
}
.ce_bgimage.bg-brauerei-2 {
    background: rgb(0 0 0 / 95%);
}	
.content_page .border-dotted-bottom {
    border-bottom: 5px dotted #b5935e;
    padding-bottom: 15px;
    max-width: 850px;
}
.brauerei .ce_authorbox.style2 .ce_authorbox_content {
    color: #ffff;
    background: none;

}
.brauerei .ce_authorbox.style2 .subtitle {
	color: #ffffff;
}
.content_page .mainmenu ul li a {
    font-size: 1.25rem;
}
.content_page .header .mod_search {
        display: inline-block;
    }
.header .ce_search_label i {
	line-height: 3.5;
	font-size: 1.5rem;
    color: #000;
}
.header.cloned .ce_search_label i {
    line-height: 3;
}
.header .mod_search {
	margin-left:30px;
}
.content_page .newsteaser_v7 h5 {
    background: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    color: #ffffff;
    padding: 1rem;
    text-transform: uppercase;

    /* New lines: */
    height: 5.5rem; /* enough space for 2 lines */
    overflow: hidden;
    display: flex;
    align-items: center;
}
/* Keep your existing clamp */
.newsteaser_v7 h5.title {
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.content_page .newsteaser_v7 .date {
    border-top: 1px solid rgba(141, 141, 141, .4);
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 1.15rem;
    font-family: Cambria;
    padding-left: 10px;
}
.content_page .newsteaser_v8:hover .item-overlay,
.content_page .newsteaser_v8:focus-within .item-overlay{
    background-color: #000000b5;
    height: 100%;
}
.content_page .newsteaser_v8 h6 span {
    color: #ffffff;
    font-size:1.7rem;

}
.content_page .newsteaser_v8 h6 a {
background: #000000;
    padding: 20px 25px 15px 25px;
}
.content_page .newsteaser_v8 {
    background-color: #d9d9d9;
    color: #ffffff;
    margin-bottom: 15px;
}
.content_page 
	.newsteaser_v8 .item-info {
    font-size: 0.9rem;
    /* text-align: center; */
    font-size: 1.35rem;
    font-family: cambria;
    margin-left: 20px;
    background: #af8538;
    display: inline-block;
    float: left;
}
.content_page .newsteaser_v8 .date,
.content_page .newsteaser_v8 .comments {
    color: #ffffff;
}
.content_page .newsteaser_v8 .date, .newsteaser_v8 .author {
    margin-right: 10px;
    margin-left: 10px;
}
.content_page .newsteaser_v8 {
    position: relative;
    overflow: hidden; /* ensures no image overflow */
}

.content_page .newsteaser_v8 > .image_container {
    position: absolute;
    inset: 0; /* shorthand for top: 0; right: 0; bottom: 0; left: 0; */
    z-index: 0;
}

.content_page .newsteaser_v8 > .image_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.content_page .newsteaser_v8 .image_container {
    width: unset;
    float: none;
}
.content_page .newsteaser_v8 .image_container img {
    border-radius: 0;
}
.content_page .newsteaser_v8 > .image_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;

    /* Neu hinzugefügt: */
    filter: grayscale(90%) brightness(0.7);
    opacity: 0.2;
}
.content_page .newsteaser_v8:hover > .image_container img {
	filter: grayscale(0%) brightness(1);
    opacity: 1;
    transition: all 0.5s;
}

.content_page .newsteaser_v8 h6 {
    margin-bottom: 17px;
}
.content_page .newsteaser_v8 .newsteaser_v8_content {
width:unset;	

}
.content_page .newsteaser_v8 .item-overlay .item-overlay-inside {
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
}
.content_page .newsteaser_v8 .item-overlay-right {
    float: none;
    width: auto;
    padding-left:20px;
}
.content_page .item-link a span
{ background: #af8538;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
    display: inline-block;
	
}

 #stickyheader .header .mainmenu ul li a:before {
  display:none;
 }
 /* Make all items the same height (e.g. grid layout consistency) */
#mod_eventlist_661 .item.newsteaser_v7 {
  display: flex;
  flex-direction: column;
  height: 100%; /* required if parent uses isotope or absolute positioning */
}

/* Ensure inner content stretches to full height */
#mod_eventlist_661 .item-inside {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Image container with fixed aspect ratio or height */
#mod_eventlist_661 .image_container {
  height: 200px; /* or any fixed height you want */
  overflow: hidden;
}

/* Make image always fill the image container */
#mod_eventlist_661 .image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#mod_eventlist_661 h5 {
	background: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    color: #ffffff;
    padding: 1rem;
    text-transform: uppercase;
    height: 4.5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    color:#ffffff;
}
#mod_eventlist_661 h5 a {
	color:#ffffff;
}
#mod_eventlist_661 .image_container {
    margin-bottom: 0px;
}
#mod_eventlist_661 .item-inside {
	border:none;
	background:#000000;
}
#mod_eventlist_661 .meta-info {
	border-top: 1px solid rgba(141, 141, 141, .4);
    padding-top: 10px;
    padding-left:15px;
    text-transform: uppercase;
    font-size: 1.15rem;
    font-family: Cambria;
    color: #555;
}
#mod_eventlist_661 .location {
    background:#b5935e;
    
    margin:0;
    padding: 5px 0px 5px 15px;
    text-align: left;
    color:#ffffff;
    font-size:1.05rem;
}

#mod_eventlist_661 .item {
    padding: 0px 10px 0px 10px;
}
#mod_eventlist_661 .item:hover h5 {
	transform: translateY(-20px);
}
#mod_eventlist_661 i {
    opacity:1;
    color:#555;
}
#mod_eventlist_661 i.fa-location-arrow {
	color:#ffffff;
}
.when {
    display: inline-block;
    background: #000000;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    text-transform: uppercase;
    font-size: 1.75rem;
    
}
.mod_eventlist_v3 .meta-info i {
    color: #555;
}
.place {
    margin: 0;
    padding: 0px 15px 0px 15px;
    text-align: left;
    color: #b5935e;
    font-size: 1.25rem;
    display: inline-block;
    float: right;
    font-family: "ABK-SansRegular";
}
.mod_eventlist_v2 .event  {
  position: relative; /* anchor for absolute bg */
  overflow: hidden;
  z-index: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 0rem 1rem 0rem 1rem !important;
}
#wrapper  .mod_eventlist_v2 .date {
    border: none;
    width: 100%;
    border-right:none;
}
.mod_eventlist_v2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* zwei Spalten */
  
}
.mod_eventlist_v3 .empty {
    font-family: Cambria;
    padding: 2rem 0rem 2rem 0rem;
    text-align: center;
    color: #ffffff;
    background: #000000;
    font-size: 1.5rem;
}


.image_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; /* ensure it's behind all flex children */
  background:#eeeeee;
}

.image_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: grayscale(90%) brightness(0.7);
  opacity: 0.05;
  transition: all 0.5s;
  
}

.mod_eventlist_v2 .event {
    margin-top: 1rem;
}

.event:hover .image_bg img {
    filter: grayscale(0%) brightness(0.7);
    opacity: 0.25;
    transition: all 0.5s;
    
}
.what a {
    letter-spacing:0.5px;
    font-size:1.5rem;
    font-weight: 400;
    }
.home .ce_hyperlink a, .home a.btn {
    font-family: "ABK-SansBold", sans-serif;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}

.autogrid.four_sixth.block.date {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.mod_eventreader .event .title {
    background: #000000;
    color:#ffffff;
    padding: 1rem 1.5rem 1rem 1.5rem;
    border: none !important;
    line-height: 1.25;
}
.content_page .mod_eventreader .info {
    float: left;
    margin-left: 0px;
    padding-left: 2rem;
    padding-top: 1rem;
    border-left: none;
    color: #555;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-family: Cambria;
    margin-bottom: 25px;
}
#right .mod_eventlist_v2 .event {
	flex-flow: column;	
}
#right .mod_eventlist_v2 .event {
	padding:0;
}
#right .mod_eventlist_v2 .date {
  display: flex;
  align-items: center;
  gap: 0rem; /* Abstand zwischen Datum und Titel */
  flex-wrap: wrap; /* Umbruch auf kleineren Bildschirmen */
}

#right .mod_eventlist_v2 .date .when {
  font-weight: bold;
  white-space: nowrap;
   font-size: 1.25rem;
}

#right .mod_eventlist_v2 .date .what {
  flex: 1; /* Restlichen Platz einnehmen */
}

#right .mod_eventlist_v2 .what {
    font-family: 'ABK-SansRegular';
    padding: 5px 10px 5px 10px;
    font-size: 1rem;
    font-weight: 400;
}
#right .mod_eventlist_v2 .date .what {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; /* optional, wenn ein Limit gebraucht wird */
}
.ce_authorbox.style2.ansprechpartner .ce_authorbox_content {
    color: #3b3c42;
    width: 80%;
    float: left;
    background: #ffffff;
    padding: 0px 0% 0px 17%;
    margin-left: -10%;
    margin-top: 0px;
    font-size: 1.2rem;
    line-height: 1.75rem;
}

.ce_authorbox.style2.ansprechpartner .name {
    border-left: none;
    padding-left: 0px;
    color: #3b3c42;
    text-transform: uppercase;
}

.ce_authorbox.style2.ansprechpartner {
	
}
.contact-label {
  display: inline-block;
  width: 70px; /* optional: Label einheitlich */
}
.ce_iconbox.kontaktbox a,
.ce_iconbox.kontaktbox p a {
	color: var(--abkgold);
}
.ce_iconbox.kontaktbox p {
	margin-bottom:0;
}
.ce_iconbox.version2 .ce_iconbox_inside strong {
    font-family: ABK-SansBold;
    font-weight: normal;
}
.ce_iconbox.version2.kontaktbox .headline {
	display:inline-block;
    background:#000000;
    color: #ffffff;
    padding: 0.5rem 1rem 0.5rem 1rem;
    text-transform: uppercase;
}
.ce_iconbox.kontaktbox .content {
    font-family: 'ABK-sansregular';
    font-size:1.2rem;
    line-height: 1.75;
}
.ce_iconbox.version2.kontaktbox i {
    background: none;
    font-size: 4rem;
    color: #B5935E;
}
.ce_iconbox.kontaktbox.version2 table tbody {
	vertical-align: top;
}
.ce_iconbox.version2.kontaktbox .ce_iconbox_cwrapper {
    order: 1;
    flex: 1;
}
.formbody {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem; /* compensate for column padding */
}
form.reklamation.style2 {
    background: none;
}
form.reklamation.style2 h1, form.reklamation.style2 h2, form.reklamation.style2 h3, form.reklamation.style2 h4, form.reklamation.style2 h5, form.reklamation.style2 h6 {
    color: #3b3c42;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}
form.reklamation.style2 input,
form.reklamation.style2 textarea,
form.reklamation.style2 select {
  background-color: #ffffff;
  transition: background-color 0.2s ease;
  border: 2px solid #e6e6e6;
}

form.reklamation.style2 input:focus,
form.reklamation.style2 textarea:focus,
form.reklamation.style2 select:focus {
  background-color: #ffffff;
}
.column {
    box-sizing: border-box;
    padding: 0.5rem 2rem 0rem 1rem;
}

.col_6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col_12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.formbody input::placeholder,
.formbody textarea::placeholder {
  font-style: italic;
 
}
.widget {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    margin-bottom: 1rem;
}
.widget label {
  flex: 0 0 180px; /* fixed width for all labels */
  line-height: 1.25;
  color: #3b3c42;
  font-size:1.1rem;
}
.widget-submit {
    display: flex;
    justify-content: end;
    float:right;
}
.widget-submit button.submit {
    font-size: 1.25rem !important;
    display: inline-block;
    font-family: "ABK-SansBold", sans-serif;
    padding: 1rem 1.5rem;
    background-color: #4a4a49;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}
.widget input, .widget select, .widget textarea {
    flex: 1 1 auto;
    padding: 1rem;
    font-size: 1rem;
}
form .checkbox_container {
    background: none;
    border: 2px solid #e6e6e6;
    padding: 1.5rem;
}
form .checkbox_container a {
color: var(--abkgold);
}
.table-impressum strong {
    text-transform:uppercase;
    font-size:1.25rem;
    font-family: 'ABK-sansbold';
    padding-right:10px;
}
.table-impressum table tr {
    vertical-align: top;
    border-bottom: none !important;
}
.newsteaser_v7:focus-within .item-overlay {
	top: 0;
}
.newsteaser_v7:focus-within h5 {
    color: #B5935E;
}
#mod_eventlist_661 .item:focus-within h5 {
	transform: translateY(-20px);
}
.mod_eventlist_v2 .event:focus-within {
	background: rgb(245, 245, 245);
}
.event:focus-within .image_bg img {
    filter: grayscale(0%) brightness(0.7);
    opacity: 0.25;
    transition: 0.5s;
}
.event:focus-within {
  outline: 2px solid red;
  outline-offset: -2px; /* pushes the outline inside the box */
}
.content_page .header .inside > .mod_search {

}
.content_page .newsreader .ce_text.block {
    font-size: 1.25rem;
    line-height: 1.5;
}
.mmenu_trigger .label {
	display:none;
}
#mmenu .formbody {
    
    margin: 0rem;
}

.content_page .newsreader .author {
    display: none;
}


/* 🌐 Desktop (ab 1025px) – optional */
@media (min-width: 1025px) {
	/* Desktop-spezifische Styles */
}
@media (max-width: 1024px) and (min-width: 768px) {
	.offset-bg .column {
    margin-top: 150px;
}
}
/* 💻 Tablet (bis 1024px) */
@media (max-width: 1024px) {
	/* Tablet-spezifische Styles */
.ce_bgimage.background-produkt .ce_bgimage-image,
.ce_bgimage.background-produkt.rechts .ce_bgimage-image{
        background-origin: content-box;
        background-position: center right -289px;
        background-repeat: no-repeat;
        background-size: cover;
        padding-right: 0;
}
 .produkt-headline h2,
 .brauerei-headline h2 {
    font-size: 6vw;
}
.fix-tablet {
	display: block;
    height: 200px;
}

}

/* 📱 Mobile (bis 767px) */
@media (max-width: 767px) {
	.fix-tablet {
	display: none;
   
}
.content_page .newsreader .info {
	padding-top: 3em;
}
	.ce_iconbox.version2 table td  {
    font-size:14px !important;
}
.ce_iconbox.kontaktbox .content {
    font-size: 14px;
}
.ce_authorbox.style2.ansprechpartner .ce_authorbox_content {
	margin-top: 2em;
	    width: 100%;
}

	/* Smartphone-spezifische Styles */
	 .produkt-headline h2,
	 .brauerei-headline h2 {
    font-size: 1.5em;
    
}
.offset-bg {
    margin-top: -100vw;
}
.helper-bier {
	
	margin-bottom: 0 !important;
}
.helper-bier figure img {
	max-height: 390px;
}
.header.original .logo {
        padding-top: 10px;
        width: 60px;
        height: 75px;
    }
.stickyheader .header.cloned .logo {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 60px;
        height: 50px;
    }
      .col_6,
  .col_12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .content_page h1, .home h1, .content_page .h1, .home .h1, .content_page .h1 p, .home .h1 p {
  	font-size:1.75rem;
  }
  .button-link {
  	padding: 0.5em 0.75em;
  	font-size: 1.25rem;
  }
  .ce_iconbox.version2.kontaktbox i {
  
            font-size: 1.75rem;
   
}
.ce_iconbox.version2 .ce_iconbox_icon {
    flex: 0 0 40px !important;
}
.ce_iconbox.version2 i {
    font-size: 1.733rem;

    width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;

}

.mod_calendar td .event {
        
        font-size: 0.5rem;
        line-height: 1.2;
	
}

.mod_calendar td .event a {
	color:#ffffff;
}
.mod_calendar th.head {
    font-size: 10px;
}
.mod_calendar th.current {
    padding: 0px !important;
}
.calendar thead tr:first-child th {
	letter-spacing: 0;
}
.mod_calendar th.previous a, .mod_calendar th.next a {
    font-size:8px !important;
        display: inline-block;
    padding: 3px !important;
}
    .what {
        letter-spacing: 0px;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
.when {
    display: inline-block;
    background: #000000;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    font-size: 1.25rem;
}
.mod_eventlist_v2 .event {
    border:5px solid #ffffff;
    border-bottom: 0px;
}
.mobile-center {
	text-align:center !important;
}
.artikel-produkt .font-size-s p {
    font-size: 1em;
    line-height: 1.33em;
}
.content_page .newsteaser_v8 h6 a {
background: #000000;
        padding: 5px 15px 5px 15px;
        display: flex;
}
    .content_page .newsteaser_v8 h6 span {
        font-size: 18px;
        text-align: left;
    }

}
@media (max-width: 450px) {
	.button-link {
  	
  	font-size: 5vw;
  }
}