.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus){
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border-width:0
}
@font-face{
font-family:fritzberger;
font-weight:400;
font-style:normal;
font-display:block;
src:url(/custom/module/public/fbr/fonts/fritzberger/fritzberger.woff?800d0774) format("woff")
}
@font-face{
font-family:OpenSans;
font-display:swap;
font-weight:300;
src:local("Open Sans Light"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Light.eot?") format("eot"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Light.woff2") format("woff2"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Light.woff") format("woff"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Light.ttf") format("truetype"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Light.svg#OpenSans") format("svg")
}
@font-face{
font-family:OpenSans;
font-display:swap;
font-weight:400;
src:local("Open Sans"),local("Open Sans Regular"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Regular.eot?") format("eot"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Regular.woff") format("woff"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Regular.ttf") format("truetype"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Regular.svg#OpenSans") format("svg")
}
@font-face{
font-family:OpenSans;
font-display:swap;
font-weight:600;
src:local("Open Sans Semibold"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Semibold.eot?") format("eot"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Semibold.woff2") format("woff2"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Semibold.woff") format("woff"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Semibold.ttf") format("truetype"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Semibold.svg#OpenSans") format("svg")
}
@font-face{
font-family:OpenSans;
font-display:swap;
font-weight:700;
src:local("Open Sans Bold"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Bold.eot?") format("eot"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Bold.woff2") format("woff2"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Bold.woff") format("woff"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-Bold.svg#OpenSans") format("svg")
}
@font-face{
font-family:OpenSans;
font-display:swap;
font-weight:800;
src:local("Open Sans ExtraBold"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-ExtraBold.eot?") format("eot"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-ExtraBold.woff2") format("woff2"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-ExtraBold.woff") format("woff"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-ExtraBold.ttf") format("truetype"),url("/custom/module/public/fbr/fonts/OpenSans/OpenSans-ExtraBold.svg#OpenSans") format("svg")
}
.uk-margin-medium{
margin-bottom:30px
}
*+.uk-margin-medium{
margin-top:30px
}
.uk-margin-medium-top{
margin-top:30px!important
}
.uk-margin-medium-bottom{
margin-bottom:30px!important
}
.uk-margin-medium-left{
margin-left:30px!important
}
.uk-margin-medium-right{
margin-right:30px!important
}
body{
max-width:1024px
}
.uk-grid{
display:flex;
flex-wrap:wrap
}
.uk-width-1-2{
width:50%
}
.hinttip{
padding:1.5rem;
margin-top:1.5rem;
margin-bottom:1.5rem;
position:relative
}
.hinttip:not(.hinttip-gray){
background-color:#f2f5f9;
border:1px solid #004481
}
.hinttip:not(.hinttip-gray) .hinttip-title{
font-size:1.125rem;
font-weight:700;
text-transform:uppercase;
margin-bottom:0;
display:flex;
align-items:center;
column-gap:15px
}
.hinttip:not(.hinttip-gray) .hinttip-title::before{
content:"";
background-image:url(/custom/module/public/fbr/assets/svgs/hinttip.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block;
width:32px;
height:30px
}
.hinttip:not(.hinttip-gray) .hinttip-title.text-primary::before{
background-image:url(/custom/module/public/fbr/assets/svgs/lightbulb.svg)
}
.hinttip:not(.hinttip-gray)::before{
content:"";
background-image:url(/custom/module/public/fbr/assets/svgs/paperclip.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block;
width:23px;
height:36px;
position:absolute;
top:-6px;
right:1.5rem
}
.hinttip p{
margin-bottom:0
}
.hinttip.hinttip-gray{
background:#eaeaea
}
.hinttip.hinttip-yellow{
border:1px solid #f7b106;
background:#fffbf2
}
.hinttip-yellow .hinttip-title{
color:#f7b106
}
.hinttip.hinttip-gray>div{
display:flex;
align-items:center;
column-gap:25px
}
.hinttip.hinttip-gray>div::before{
content:"";
background-image:url(/custom/module/public/fbr/assets/svgs/hinttip.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block;
width:83px;
height:45px
}
.hinttip.hinttip-gray.lightbulb>div::before{
background-image:url(/custom/module/public/fbr/assets/svgs/lightbulb.svg)
}
.advantage,
.disadvantage{
display:flex;
align-items:center
}
.advantage:before,
.disadvantage:before{
content:'';
flex:0 0 50px;
width:40px;
height:40px;
background-size:contain;
background-repeat:no-repeat;
vertical-align:middle
}
.advantage::before{
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' fill='%236CAF4B'/%3E%3Cpath d='M12 6V18M6 12H18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}
.disadvantage::before{
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23f7b106'/%3E%3Cpath d='M6 12H18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}
.mce-content-body .checkout7-survey .fa-campground {
    color: #767676;
}
.mce-content-body /* z.B. 744930 in den Warenkorb legen. Akkordeon unter den Bestellpositionen */
.element_easycredit_installment .modal-header button > span,
.cart_easycredit_info__installment .modal-header button > span {
	display: block;
}
.mce-content-body .element_artikel_gallery__watchlist .watchlist_icon {
	cursor: pointer;
}
.mce-content-body .merkliste-item .uk-close:after {
    display: block;
    content: "\e925";
    font-family: fritzberger;
}
.mce-content-body /*
Beispiel 670819
*/
.uk-close-alt:not(:has(svg)):after {
    display: block !important;
    content: "\e925";
    font-family: fritzberger;
}
.mce-content-body /*
!!!Diese Erweiterung bleibt vorerst bestehen!!!
Sie dient der update-unabhängigen Überarbeitung der Seite https://test.fritz-berger.de/vorteilskarte
*/
.mce-content-body .uk-grid:has(.vorteilskarte) {
	margin-top: 0;  
}

.vorteilskarte > h2,
.vorteilskarte > h3 {
	text-align: center;
	text-transform: inherit;
}

.vorteilskarte > h2 {
	font-size: 18px;
}

.vorteilskarte > h3 {
	font-size: 14px;
}

.vorteilskarte.bg-grey {
	background: #eaeaea;
  	border-radius: 3px;
}

.vorteilskarte.text-center {
	text-align: center;
}
.mce-content-body .vorteilskarte .banner .mobile {
  display: block;
}
.vorteilskarte .banner .desktop {
  display: none;
}

@media screen and (min-width: 425px) {
  .vorteilskarte .banner .mobile {
    display: none;
  }
  .vorteilskarte .banner .desktop {
    display: block;
  }
}
.mce-content-body .uk-grid .uk-grid:has(.infotext) {
  margin: 0 0 0 5px;
}

.uk-grid .infotext {
  	font-size: 12px;
	margin: 35px 0;
    margin-left: -15px;
    position: relative;
}

.uk-grid .infotext:before {
	content: "*";
  	display: block;
    left: -15px;
  	position: absolute;
}

.uk-grid .bottom {
	margin-bottom: 35px;
}

.uk-grid .bottom h3 {
	margin: 0;
}

.uk-grid .bottom p {
	margin: 0;
}
.mce-content-body .vorteilskarte .auth {
	display: flex;
  	gap: 15px;
  	justify-content: space-evenly;
}

.vorteilskarte .auth .uk-button {
  	border-radius: 3px;
  	font-size: 14px;
	width: 234px;
}
.mce-content-body .vorteilskarte .content {
	margin: 35px 0;
}

.vorteilskarte .content strong {
	color: #004481;
}
.mce-content-body .uk-grid:has(.usp) {
	margin-top: 35px;
}

.vorteilskarte:has(.vorteile),
.vorteilskarte.bg-grey {
	padding: 25px;
}

.vorteilskarte .vorteile {
	display: flex;
  	flex-wrap: wrap;
}

.vorteilskarte .vorteile .vorteil {
    align-items: center;
	border: 0;
  	display: flex;
    flex-direction: column;
  	margin-top: 0;
    text-align: center;
  	width: 50%;
}

@media screen and (min-width: 540px) {
  .vorteilskarte .vorteile .vorteil {
  	width: 33%;
  }
}

@media screen and (min-width: 992px) {
  .vorteilskarte .vorteile {
  	flex-wrap: nowrap;
    justify-content: space-around;
  }
  .vorteilskarte .vorteile .vorteil {
  	width: inherit;
  }
}

.vorteilskarte .vorteile .vorteil > div {
    align-items: center;
	background: #fff;
  	border-radius: 100%;
  	display: inline-flex;
  	height: 85px;
    justify-content: center;
  	margin-bottom: 6px;
  	width: 85px;
}

.vorteilskarte .vorteile .vorteil svg {
	color: #004481;
  	margin-top: 7px;
}

.vorteilskarte .vorteile .vorteil img.pig {
  	margin-left: 5px;
}

.vorteilskarte .vorteile .vorteil svg.fa-receipt {
  	height: 40px;
	width: 30px;
}

.vorteilskarte .vorteile .vorteil svg.fa-campground {
  	height: 40px;
	width: 45px;
}

.vorteilskarte .vorteile .vorteil svg.fa-rotate-left {
  	height: 40px;
	width: 41px;
}
.mce-content-body /* Bleibt als Vorlage für künftiges bestehen */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

/*
.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.8);
    animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}
*/

@media (prefers-reduced-motion:reduce), print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}
.mce-content-body @-webkit-keyframes wobble {
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    2%{
        -webkit-transform:translate3d(-3%, 0, 0) rotate(-5deg);
        transform: translate3d(-3%, 0, 0) rotate(-5deg);}
    4%{
        -webkit-transform:translate3d(3%, 0, 0) rotate(3deg);
        transform: translate3d(3%, 0, 0) rotate(3deg);}
    6%{
        -webkit-transform:translate3d(-2%, 0, 0) rotate(-3deg);
        transform: translate3d(-2%, 0, 0) rotate(-3deg);}
    8%{
        -webkit-transform:translate3d(2%, 0, 0) rotate(2deg);
        transform: translate3d(2%, 0, 0) rotate(2deg);}
    10%{
        -webkit-transform:translate3d(-1%, 0, 0) rotate(-1deg);
        transform: translate3d(-1%, 0, 0) rotate(-1deg);}
    12%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

@keyframes wobble{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    2%{
        -webkit-transform:translate3d(-3%, 0, 0) rotate(-5deg);
        transform: translate3d(-3%, 0, 0) rotate(-5deg);}
    4%{
        -webkit-transform:translate3d(3%, 0, 0) rotate(3deg);
        transform: translate3d(3%, 0, 0) rotate(3deg);}
    6%{
        -webkit-transform:translate3d(-2%, 0, 0) rotate(-3deg);
        transform: translate3d(-2%, 0, 0) rotate(-3deg);}
    8%{
        -webkit-transform:translate3d(2%, 0, 0) rotate(2deg);
        transform: translate3d(2%, 0, 0) rotate(2deg);}
    10%{
        -webkit-transform:translate3d(-1%, 0, 0) rotate(-1deg);
        transform: translate3d(-1%, 0, 0) rotate(-1deg);}
    12%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
.mce-content-body .product_content__element__head:not(:has(h2)) {
  	color: #004481;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #e5e5e5;
    font-size: 18px;
}
.mce-content-body @media (max-width: 850px) {
  .branch_order .orderpositions__header {
      display: none;
  }

  .complete_order__customerdata,
  .orderpositions__singlepos,
  .orderpositions__singlepos .orderpositions__product,
  .complete_order__sums.ordersums {
      flex-direction: column;
  }

  .branch_order .orderpositions__quantity {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
  }

  .orderpositions__quantity:before {
      content: 'Anzahl';
      display: block;
    font-weight: 700;
  }
}

.mce-content-body .element_swiper__button_prev:not(.swiper-button-disabled) svg,
.element_swiper__button_next:not(.swiper-button-disabled) svg {
   color: #535353 !important;
}
.mce-content-body .guestuser {display:none;}
.mce-content-body .element_displayblock_kp_grid_box_2:has(.karriere--ansprechpartner) .element_displayblock__item:first-of-type {
	display: block !important;
}

.element_displayblock_kp_grid_box_2:has(.karriere--ansprechpartner) {
  grid-template-columns: repeat(3, 1fr);
}
.mce-content-body /* Beispielartikel: 841667 */
table.article-detail-variant-list tbody tr:nth-of-type(odd) th {
  background: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

table.article-detail-variant-list {
  overflow: auto;
  width: 100%;
  /*min-width: 850px;*/ /* Falls scrollbare Lösung gewünscht */
}

table.article-detail-variant-list th {
  border-bottom: 1px solid #e5e5e5;
  color: #004481;
  vertical-align: baseline;
}

table.article-detail-variant-list td {
  padding: 5px 10px;
  vertical-align: baseline;
}

table.article-detail-variant-list td p {
  margin: 0;
}
.mce-content-body .layout_content_banner+.layout_search {
  @media (max-width: 960px) {
    top: 10px;
  }
}
.mce-content-body .product-details-name {
  color: #535353;
}
.mce-content-body .body-warengruppe-detail .box-title br {
  display: none;
}
.mce-content-body .easteregg {
  position: absolute;
  -webkit-animation-iteration-count: 6;
  animation-iteration-count: 6;
}
.easteregg-header {
  top: 0;
  left: 50%;
}
.easteregg-offers {
  top: 17%;
  left: 17%;
  z-index: 1;
}
.easteregg-banner {
  top: 49%;
  left: 34%;
}
.easteregg-specials {
  bottom: -22px;
  right: 0;
}
.easteregg-newsletter {
  top: 20%;
  left: 45%;
}
.easteregg-footer {
  bottom: 90px;
  right: calc((100% - 1070px) / 2);
}
@media (max-width: 1219px) {
  .easteregg-banner {
    top: 40%;
  }
  .easteregg-newsletter {
    left: inherit;
    top: 15px;
    right: 15px;
  }
  .easteregg-footer {
    bottom: 105px;
    right: calc((100% - 958px) / 2);
  }
}
@media (max-width: 959px) {
  .easteregg-footer {
    bottom: 150px;
    right: calc((100% - 860px) / 2);
  }
}
@media (max-width: 849px) {
  .easteregg-offers {
    left: 33%;
  }
  .easteregg-specials {
    z-index: 1;
  }
  .easteregg-footer {
    bottom: 100px;
    right: 7px;
  }
}
@media (max-width: 767px) {
  .easteregg-footer {
    right: 0;
  }
}
@media (max-width: 669px) {
  .easteregg-header {
  	left: inherit;
    right: 100%;
  }
  .easteregg-offers {
    left: 40%;
  }
  .easteregg-banner {
    left: 50%;
  }
}
@media (max-width: 479px) {
  .easteregg-offers {
    left: 56%;
  }
}
.mce-content-body .fbr-weihnachten-image-overflow {
  margin-top: -50px;
}
.fbr-image-cover {
  height: 400px;
}
.fbr-image-cover > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fbr-weihnachten-bg-color {
  	background-color:#fbf4ea;
}
.fbr-weihnachten-bg-color img {
  padding: 15px 25px 15px 0;
}
.fbr-weihnachten-bg-color {
  padding: 25px 0 55px;
}
.fbr-weihnachten-border {
  border:1px solid #d1aa3f;
  position: relative;
  margin-bottom: 50px !important;
}
.fbr-weihnachten-border-gewinner {
  border:3px solid #dedede;
  position: relative;
  margin-bottom: 50px !important;
}
.fbr-weihnachten-gutschein__text {
  padding: 30px;
}
@media (max-width: 669px) {
  .fbr-image-cover {
    height: 170px;
  }
  .fbr-weihnachten-gutschein__image {
    margin-top: -20px;
  }
}
@media (min-width: 670px) {
  .fbr-weihnachten-gutschein__image {
    position: relative;
    top: 100%;
    transform: translateY(calc(-100% + 25px));
  }
}
.mce-content-body .bb-button {
  color: #ffffff;
  background-color: #007c35;
}
.bb-button:hover,
.bb-button:focus {
  color: #ffffff;
  background-color: #00ad4b;
}
.mce-content-body .bb-color {
  color: #007c35;
}
.bb-background {
  background: #007c35;
}
.mce-content-body .bb-headline {
  font-size: 26px;
  text-align: center;
  color: #007c35;
  text-transform: inherit;
}
.bb-text {
  text-align: center;
}
@media (max-width:669px) {
  .bb-headline {
  	font-size: 24px;
  }
}
.mce-content-body .bb-green-divider {
  position: absolute;
  height: 2px;
  width: 53%;
  background-color: #007c35;
  left: 20px;
  z-index: 1;
}
@media (max-width:669px) {
  .bb-green-divider {
  	display: none;
  }
}
body[data-vwtype="seite"][data-vwid="926"] .dispblk_headline h3 {
  color: #535353;
}
body[data-vwtype="seite"][data-vwid="926"] .dispblk_headline__titel {
  border-bottom: 0;
}
body[data-vwtype="seite"][data-vwid="926"] article {
  margin-bottom: 0 !important;
}
.mce-content-body /* hiermit werden alle Slider in den Sidebars ausgeblendet. Das erlaubt uns Slider Eleemte auf den LP anzuzeigen ohne dass diese Elemente in der Sidebar ausgespielt werden. Erste Umsetzung notwenig für LP Mehrwertsteuerbefreiung */ 

#product-sidebar div[data-subtemplate*="slider"] {
  display: none;
}