html, body {
  overflow-x: hidden;
}

.image-style-logo {
  height: 60px !important;
  max-width: 200px !important;
  object-fit: contain;
}


.user-logged-in.path-user .horizontal-tabs ul.horizontal-tabs-list {
  margin-bottom: 0px;
}


.user-logged-in.path-user .field--name-field-domain .field__label:after {
  content: "elabels Domain | Login";
  font-size: 16px;
}

.user-logged-in.path-user .field--name-field-domain .field__label {
  font-size: 0px;
}

.nologo .extra-field--logo {
  display: none;
}

.paketname .has-inline-color {
  font-size: 12px;
  transform: rotate(-4deg);
  display: inline-block;
  padding: 3px 9px;
  position: absolute;
  left: 0px;
  right: 0px;
  max-width: 200px;
  margin: auto;
  z-index: -1;
  margin-top: -3px;
  background: #222 !important;
}

.paketname {
  position: relative;
}

.nha a, .bio a { text-decoration: none !important; border: none !important; }
.nha, .bio { text-decoration: none !important; border: none !important; }
.nha span, .bio span { text-decoration: none !important; border: none !important; }

.nha, .bio {
  -webkit-text-decoration: none !important;
  -webkit-user-select: none;
  user-select: none;
}

.extra-field--content img:nth-child(2){
    display: none;
}

#message-status-title {
  font-size: 21px;
}

.alert a {
  color:  #000;
}

.alert svg {
  max-width: 2rem;
  height: 65px;
}

.pager-show-more li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-right: -10px;
}

.pager-show-more  {
  margin: 0;
  padding: 0;
}

.pager-show-more li a {
  text-decoration: none;
  border: 1px solid #999;
  border-radius: 0px;
  padding: 4px 12px;
  margin-top: 15px;
  display: inline-block;
  background: #fff;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.pager-show-more li a:before {
  content: "";
  width: 12px;
  height: 12px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/sites/default/files/loading.svg);
  display: inline-block;
  margin-right: 6px;
  margin-bottom: -2px;
}

.kooperation .wp-block-image{
  margin: auto;
}


.wp-block-buttons.is-horizontal {
  display: flex;
}


.view-zutaten a, .view a, .main-content .node--type-weine a  {
  color: #000;
}

.wp-block-buttons.is-horizontal a {
  text-decoration: none;
}

.kleingedrucktes {
  font-size: 14px !important;
}

.kooperation p {
  padding: 10px 20% 20px 20%;
  font-size: 17px;
}

.kooperation .wp-block-buttons {
  margin-left: 50px !important;
  margin-right: 50px !important;
  line-height: 140%
}

.kooperation .wp-block-buttons {
  font-size: 17px;
  letter-spacing: 0.03em;
}


.field--name-field-inhaltsstoffe-allgemein .field__label {
  font-weight: bold;
  font-style: normal !important;
}

#zutaten .fieldset-legend, #zutaten legend:before {
  display: none !important;
}

.extra-field--zutaten .wasser, .extra-field--zutaten .saft {
  display: none;
}

.traubensaft-gespritzt .extra-field--zutaten .wasser,
.traubensaft-gespritzt .extra-field--zutaten .saft {
  display: inline-flex;
  white-space: nowrap;
  clear: both;
}

#zutaten .field--name-field-inhaltsstoffe-allgemein .field__label {
  display: none;
}

#zutaten [class*="taxonomy-term-"] {
  position: relative;
  display: inline-flex;
  margin-right: 8px;
}

 #zutaten [class*="taxonomy-term-"]:after {
       content: ",";
   position: absolute;
   right: -4px;
        }

#zutaten .field__item:after {
  content: "";
}

#zutaten .layout {
  display: none;
}


#zutaten .field:last-child .field__item:last-child:after {
  content: "";
  position: absolute;
  float: left;
  top: 0px;
  right: -3px;
  background: #f7fbfa;
  height: 10px;
  width: 10px;
  bottom: 0px;
  height: 100%;
}

#zutaten .taxonomy-term-2 .field--type-string,
#zutaten .taxonomy-term-41 .field--type-string {
  font-weight: bold;
}


.oeko {
  position: relative;
  margin-right: 3px;
}

.oeko .taxonomy-term-1 .field--type-string {
  position: relative;
  margin-right: 5px;
}

.oeko .taxonomy-term-1 .field--type-string:before {
  content: "*";
  right: -6px;
  top: -1px;
  position: absolute;
}


.page-node-4 .site-footer__bottom {
  margin-top: 0px;
}

.page-node-4 .preise {
  background: #c3d278;
  border-radius: 18px;
  max-width: 300px;
  margin: auto;
  padding: 50px 10px 18px 10px;
  position: relative;
  margin-top: 50px;
}

.page-node-4 .preise:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 0px;
  right: 0px;
  background-image: url(/sites/default/files/box_add.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px auto;
  border-radius: 90%;
  background-color: #fff;
  height: 70px;
  width: 70px;
  margin: auto;
}

.less-than .field--name-field-fett:before,
.less-than .field--name-field-ges-fettsaeuren:before,
.less-than .field--name-field-eiweiss:before,
.less-than .field--name-field-salz:before{
  content: "<";
  margin-right: 5px;
}


.statistics-counter.nav-link {
  font-size: 12px;
  padding: 18px 0px 18px 0px;
  font-style: italic;
}

#lang_dropdown_form_lang-dropdown-form {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  z-index: 200;
  top: 0px;
}

.user-logged-in #lang_dropdown_form_lang-dropdown-form {
  position: relative;
  top: 0px;
  bottom: 0px;
  margin-bottom: -50px;
  padding-top: 15px;
  border: 0px;
}

.content {
  position: relative;
}

.ldsSkin .ddChild li img {
  padding: 0px;
  width: 16px;
  height: 10px;
  margin-right: 4px
}

.ldsSkin .divider, .ldsSkin {
  border: none !important;
}

.ldsSkin .ddTitle {
  background: none !important;
    
}

.ddlabel {
  font-size: 13px;
}

.main-content {
  position: relative;
}

.node--type-weine .field--name-field-file a {
  font-size: 0px;
  text-decoration: none;
  position: relative;
}

.node--type-weine .field--name-field-file a:after {
  content: "Speichern";
  font-size: 17px;
  text-decoration: none;
}


 .node--type-weine .field--name-field-file a:before {
   background-image: url(/sites/default/files/download_for_offline.svg);
   background-size: 28px 28px;
   background-repeat: no-repeat;
   width: 32px;
   height: 32px;
   content: "";
   position: relative;
   display: flex;
   float: left;
   
}

.node--type-weine .field--name-field-file .file--application-pdf {
 background: none;
 padding: 0px;
 margin: 0px;
}

.node-preview-container .form-type-select {
  display: none;
}

.starter .paketpreis em {
  margin-left: 195px
}
.user-logged-in .field-group-table.group_table {
  margin-right: 15px;
}
.extra-field--logo img[src=""] {
    display: none;
}

.extra-field--footer p, .extra-field--hersteller p{
  display: inline;
  letter-spacing: 0.012em
}


.extra-field--footer .address br,
.extra-field--hersteller .address br{
  display: none;
}

.address-line1:after, .locality:after {
  content:","
}

.extra-field--footer, .extra-field--hersteller {
  font-size: 13px;
  text-align: left;
  border-top: 1px solid #333;
  padding-top: 5px;
  margin-top: 30px;
  display: block;
}

.field--name-field-geschaeftlicher-stand ~ .extra-field--footer,
.field--name-field-geschaeftlicher-stand ~ .extra-field--hersteller{
    display: none;
}

.field--name-field-geschaeftlicher-stand {
  font-size: 14px;
  line-height: 130%;
  border-top: 1px solid #000;
  padding-top: 12px;
  margin-top: 36px;
  margin-right: 15px;
  letter-spacing: 0.01em;
}
.field--name-field-geschaeftlicher-stand .layout {
  padding-bottom: 0px !important;
}

.extra-field--impressum strong:not(:empty):after {
    content: ":";
}

.extra-field--impressum p {
  margin-bottom: 8px;
}

.extra-field--impressum a {
  text-decoration: none;
  pointer-events: none;
}

.extra-field--zertifikate .nha {
  height: 100px;
  width: 75px;
  position: relative;
  pointer-events: none;
  margin-top: 25px;
  transform: rotate(-15deg);
  z-index:1;
  padding-top: 32px;
  font-size: 0.75em;
  text-align: center;
  padding-left: 6px;
  font-family: sans-serif;
    justify-content: center;
  padding-right: 2px;
}

.extra-field--zertifikate .nha:before {
  content: "";
  background: url(/sites/default/files/nha-label.png);
  background-size: 75px auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  transform: rotate(15deg);
}

.extra-field--zertifikate .nha:empty {
  display: none;
  height: 0px;
}

.extra-field--zertifikate .extra-field--content {
  display: flex;
  align-items: center;
  gap: 25px;
}

.bio {
  background: url(/sites/default/files/eu-bio-logo.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: 0px;
  height: 72px;
  width: 75px;
  display: none;
  align-items: flex-end;
  line-height: 100%;
  position: relative;
  font-size: 14px;
}

.bio:before {
  content: "AT-BIO-";
  font-size: 14px;
  white-space: nowrap;
}

.bio:after {
  content: "Österreich Landwirtschaft";
  position: absolute;
  font-size: 12px;
  line-height: 100%;
  bottom: -25px;
  text-align: center;
  left: 0px;
  right: 0px;
}

.bio span {
  background: #f7fbfa;
  font-size: 14px;
  position: absolute;
  right: 0px;
  padding-left: 1px;
}


.field--name-field-abfueller {
  font-size: 13px;
  margin-top: 10px;
}

.field--name-field-abfueller .field__label {
  font-style: normal !important;
  margin-right: 5px;
}

#info:target, #faq:target, #pakete:target  {
  padding-top: 120px;
  margin-top: -120px;
}


.navbar-nav {
  display: flex;
  justify-content: flex-end;
  position: relative;
}


.nav-item:first-child {
  position: absolute;
  left: 0px;
  text-indent: -9999px;
}

.scrolled .nav-item:first-child a:before {
  content: "";
  height: 65px;
  width: 90px;
  display: block;
  float: left;
  background-image: url(/sites/default/files/elabels-logo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -20px;
  margin-left: -30px !important;
}

.wp-block-cover, .wp-block-cover-image {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#block-elabels-main-menu {
  width: 100%;
}

.path-user a {
  color: #000;
}

.path-user #block-elabels-content {
  padding-left: 0px;
  padding-right: 0px;
}

.path-user .field--name-user-picture {
  max-height: 135px;
}

.path-user .field--name-user-picture img {
  width: auto;
  max-height: 135px;
  mix-blend-mode: multiply;
}

.path-user .field--name-field-paket .field__label {
  text-indent: -9999px;
}

.path-user .field--name-field-paket .field__label:before {
  content: "Gebuchtes Paket";
  text-indent: 0px;
  float: left;
  display: block;
}

body.path-user .field--label-above .field__item {
  background: rgba(195,210,120, 0.20);
}

body.path-user .field--label-above .field__item a {
  text-decoration: none;
}

.path-user h4 {
  font-size: 13px;
   line-height: 120%;
  margin-bottom: 0px;
  float: left;
}

.path-user h4:after {
  content: ":";
  margin-right: 5px;
}

.path-user .form-no-label {
  font-size: 13px;
  line-height: 120%;
}

.profile {
  margin-top: 0px;
}

.extra-field--qr-code a {
 display: none;
}

.user-logged-in .qrcode-container {
  display: block;
}

.qrcode-container {
  position: relative;
  border: 2px solid;
  border-radius: 12px;
  padding: 6px 12px;
  margin-bottom: 20px;
  display: none;
}


.qrcode-container img {
  max-height: 50px;
  
}

.qrcode-container button {
  border-radius: 12px;
  font-size: 14px;
  background: green;
  border: none;
  box-shadow: -1px 2px 6px -5px #000;
  background: #c3d278;
  position: absolute;
  top: 6px;
  right: 9px;
  line-height: 110%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 6px 12px;
  font-weight: 600;
  max-width:220px;
  top: 50%;
  transform: translateY(-50%);
}



.view-display-id-grid .views-field.views-field-view-node{
  height: 0px;
}

.view-display-id-grid .views-field-view-node-1 {
  font-size: 13px;
  position: absolute;
  bottom: 56px;
  left: 10px !important;
 }

.view-display-id-grid .views-field-view-node-1 .views-label {
  display: block;
  margin-top:8px;
  display: none;
}

.view-display-id-grid .views-field-changed{
  position: absolute;
  left: 10px;
  bottom: 40px !important;
  padding-left: 20px;
}

.view-display-id-list .shortlink,
.view-display-id-list .update,
.view-display-id-extern .shortlink,
.view-display-id-extern .update {
  position: relative;
}

.view-display-id-list .update,
.view-display-id-extern .update  {
  margin-bottom: 5px;
  margin-top: 3px;
}


.view-display-id-list .shortlink:before,
.view-display-id-extern .shortlink:before{
  content: "";
  height: 16px;
  width: 16px;
  background: url(/sites/default/files/content_paste.svg);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  left: 0px;
  top: 2px;
}

.view-display-id-list .shortlink:before,
.view-display-id-extern .shortlink:before{
  position: relative;
  float: left;
  margin-right: 5px;
}

.view-display-id-grid .shortlink {
  position: relative;
  padding-left: 20px;
}

.view-display-id-grid .shortlink:before {
  content: "";
  height: 16px;
  width: 16px;
  background: url(/sites/default/files/content_paste.svg);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  left:0px;
  top: 0px;
}



.view-display-id-grid .views-field-changed:before,
.view-display-id-list .update:before,
.view-display-id-extern .update:before{
  content: "";
  height: 16px;
  width: 16px;
  background: url(/sites/default/files/update.svg);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  left: 0px;
}
.view-display-id-list .update:before,
.view-display-id-extern .update:before {
  position: relative;
  float: left;
  margin-right: 6px;
}

.view-display-id-extern {
  margin-top: 
}

.block-views-blockcontent-extern {
  margin-top: -25px !important;
}


.wp-block-column.is-vertically-aligned-center.starter {
  border-right: 1px solid;
}


.wp-block-column, .fakten {
  max-width: 1440px;
  margin: auto;
}

#kontakt {
  max-width: 1440px;
  margin: auto;
}

#kontakt p {
  margin: 0px;
}

#kontakt br {
  display: none;
}

.starter, .unlimited {
  margin-top: 15px;
}

.starter:before {
  content: "";
  margin: auto;
  text-align: center;
  width: 100%;
  position: relative;
  display: flex;
  background: url(/sites/default/files/rocket.svg);
  background-size:75px auto;
  background-repeat: no-repeat;
  height: 90px;
  width: 90px;
  margin-bottom: 10px;
}

.unlimited:before {
  content: "";
  margin: auto;
  text-align: center;
  width: 100%;
  position: relative;
  display: flex;
  background: url(/sites/default/files/allinclusive.svg);
  background-size:cover;
  background-repeat: no-repeat;
  height: 90px;
  width: 90px;
  margin-bottom: 10px;
}

.paketpreis strong {
  font-size: 60px;
  font-weight: 900;
  display: inline-block;
}

.paketpreis em {
  font-size: 30px;
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: 170px;
  top: 17px;
  font-size: 18px;
}

.paketpreis {
  position: relative;
}

.paketname {
  font-size:24px !important;
  line-height: 110%
  
}
.paketname em {
  font-size: 18px !important;
  font-style: normal;
}

.paketname strong {
  font-size: 48px;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.pakete li {
  list-style: none;
  position: relative;
  padding-left: 24px;
  margin-left: -24px;
  font-weight: 600;
  color: #000;
}

.pakete li:before {
  content: "";
  background: url(/sites/default/files/label.svg);
  background-size: 22px auto;
  background-repeat: no-repeat;
  width: 36px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 3px;
}

.pakete ul {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.ml .field--name-field-nettomenge-liter,
.l .field--name-field-nettomenge{
  display: none;
}

.ml .field--name-field-nettomenge-liter .field__item {
  position: relative;
}

.ml .field--name-field-nettomenge .field__item:after {
  content: " ml";
}

.wp-block-column h2 {
  font-size: 24px;
  font-weight: 700;
}

#main-wrapper{
  background: #f7fbfa;
}


.site-footer__bottom {
  text-align: center;
}

.site-footer__bottom p {
  margin-bottom: 0px;
}


.site-footer__bottom .region {
  margin-top: 0px !important;
  padding:0px;
}


.site-footer {
  padding: 0px !important;
}

.site-footer .container-fluid {
  padding: 0px;
  background: #d6e49d !important;

}

.path-frontpage .site-footer {
  margin-top: -25px;
}

.site-footer {
  background: none;
}

.site-footer span, .site-footer a {
  color: #000 !important;
  text-decoration: none;
}

.telefon a, .email a, .whatsapp a {
  border: 2px solid #d6e49d;
  border-radius: 12px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.telefon a, .email a,  .whatsapp a {
  text-decoration: none;
  color: #000 !important;
  position: relative;
}

.telefon strong, .email strong, .whatsapp strong {
  font-size: 24px;
  line-height: 110%;
}

.telefon a:before {
  content: "";
  height: 50px;
  width: 50px;
  margin-bottom: 15px;
  background: url(/sites/default/files/smartphone.svg);
  background-size: 48px auto;
  background-repeat: no-repeat;
  background-position: center;
}



.email a:before {
  content: "";
  height: 50px;
  width: 50px;
  margin-bottom: 15px;
  background: url(/sites/default/files/email.svg);  
  background-size: 60px auto;
  background-repeat: no-repeat;
  background-position: center;
}


.whatsapp a:before {
  content: "";
  height: 50px;
  width: 50px;
  margin-bottom: 15px;
  background: url(/sites/default/files/whatsapp.svg);
  background-size: 55px auto;
  background-repeat: no-repeat;
  background-position: center;
}

.erstellung {
  padding: 25px 25px 15px 25px;
  border-radius: 12px;
  margin-top: 75px;
  position: relative;
  background: #d6e49d;
}

.service {
   padding: 25px 25px 15px 25px;
  border-radius: 12px;
  margin-top: 75px;
  position: relative;
  background: #d6e49d;
}

.erstellung:before {
  content: "";
  position: relative;
  background-image: url(/sites/default/files/pace.svg);
  background-size: 65px auto;
  background-position: center;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: -50px;
  background-color: #fff;
  border-radius: 90px;
}

.thumbup {
  padding: 25px 25px 15px 25px;
  border-radius: 12px;
  margin-top: 50px;
  position: relative;
  background: #c3d278;
}

.thumbup:before {
  content: "";
  position: relative;
  background-image: url(/sites/default/files/savings.svg);
  background-size: 50px auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: -50px;
  background-color: #fff;
  border-radius: 90px;
}


.service:before {
  content: "";
  position: relative;
  background-image: url(/sites/default/files/display_settings.svg);
  background-size: 50px auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: -50px;
  background-color: #fff;
  border-radius: 90px;
}

.service strong, .erstellung strong, .thumbup strong {
  font-size: 21px;
}

.wp-block-cover {
  position: relative;
}



.hero .wp-block-cover__inner-container {
  max-width: 1440px;
  height: 100vh;
  flex-direction: column;
  justify-content: center !important;
  display: flex;
  padding-top: 200px;
}

.hero .wp-block-cover__inner-container h1 {
  position: relative;
}

.hero .wp-block-cover__inner-container h1:before {
  content: "";
  position: absolute;
  top: -220px;
  background-image: url(/sites/default/files/elabels-logo_outline.svg);
  background-size: 82%;
  background-repeat: no-repeat;
  background-position: 12% 30%;
  height: 200px;
  width: 200px;
  margin-left: -25px;
  border-radius: 90%;
  background-color: rgba(255,255,255,0.4);
  transform: rotate(-9deg);
}

.hero .wp-block-cover__inner-container h1 {
  font-size: 48px;
  line-height: 100%;
  font-weight: 300;
  text-align: left;
  max-width: 640px;
  letter-spacing: 0.02em;
  hyphens: auto;

}

.hero .wp-block-cover__inner-container h1  strong{
  font-weight: 700;
  font-size: 60px;
  line-height: 100%;
}



.hero .wp-block-cover__inner-container h2 {
  font-size: 1.3em;
  padding-right: 40%;
  margin-top: 48px;

}

.hero .wp-block-cover {
  height: 100vh;
}
#header div {
  height: 0px !important;
}
#navbar-main {
  position: fixed;
  top:20px;
  background: none;
}

.navbar {
  height: 36px;
}

.scrolled .navbar {
  background: rgba(195,210,120, 0.97) !important;
  position: fixed;
  top: 0px !important;
  height: 77px;
  color: #000 !important;
  box-shadow: 1px 1px 10px -3px #000;
}

.scrolled .hero .wp-block-cover__inner-container h1:before {
  display: none;
}

.scrolled .nav-item a {
  color: #000 !important;
}

.nav-item a{
  padding: 10px 24px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-top: 0;
}

.node__content {
  margin-top: 0px;
}

p, body {
  color: #000;
}

.hero .wp-block-columns {
    margin: auto;
  max-width: 1440px;
}


.node--type-weine .field--label-inline .field__label {
  font-style: italic;
  white-space: nowrap;
}

.node--type-weine .field--label-inline .field__label:after {
  content: ":";
  margin-right: -5px;
}



.view-display-id-list td,
.view-display-id-list tr,
.view-display-id-list th,
.view-display-id-extern td,
.view-display-id-extern tr,
.view-display-id-extern th{
  background: none !important;
}


.table > :not(caption) > * > * {
  box-shadow: none;
}

.view-display-id-list img,
.view-display-id-extern img{
  max-height:75px;
  width: auto !important;
  width: 100%;
}

.view-display-id-list td.views-field-field-image,
.view-display-id-extern td.views-field-field-image{
  width: 60px;
  text-align: center;
  vertical-align: middle;
}

.view-display-id-grid .views-field-view-node a,
.view-display-id-grid .views-field-edit-node a,
.view-display-id-grid .views-field-clone-link a{
  font-size: 0px;
}


.view-display-id-list .views-field-view-node a,
.view-display-id-list .views-field-edit-node a,
.view-display-id-list .views-field-clone-link a,
.view-display-id-extern .views-field-view-node a,
.view-display-id-extern .views-field-edit-node a,
.view-display-id-extern .views-field-clone-link a{
  position: relative
}

.view-display-id-list .views-field-clone-link a,
.view-display-id-extern .views-field-clone-link a{
  font-size: 0px;
  display: block;
  margin-top: -25px;
  margin-left: -10px;
}


.view-display-id-grid .views-field-view-node a:before,
.view-display-id-list .views-field-view-node a:before,
.view-display-id-extern .views-field-view-node a:before{
  content: "";
  background: url(/sites/default/files/eye-open.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.view-display-id-grid .views-field-clone-link a:before,
.view-display-id-list .views-field-clone-link a:before,
.view-display-id-extern .views-field-clone-link a:before{
  content: "";
  background: url(/sites/default/files/clone.png);
  background-size: auto 21px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 80px;
  bottom: 10px;
}



.view-display-id-list .views-field-clone-link a:before,
.view-display-id-extern .views-field-clone-link a:before {
  content: "";
  background: url(/sites/default/files/clone.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 10px;
}

.view-display-id-grid .views-field-view-node a,
.view-display-id-list .views-field-view-node a,
.view-display-id-extern .views-field-view-node a {
  font-size: 0px;
}

.view-display-id-grid .views-field-edit-node a,
.view-display-id-list .views-field-edit-node a,
.view-display-id-extern .views-field-edit-node a {
  font-size: 0px;
}


.view-display-id-grid .views-field-view-clone a,
.view-display-id-list .views-field-view-clone a,
.view-display-id-extern .views-field-view-clone a {
  font-size: 0px;
}

.view-display-id-grid .views-field-edit-node a:before,
.view-display-id-list .views-field-edit-node a:before,
.view-display-id-extern .views-field-edit-node a:before{
  content: "";
  background: url(/sites/default/files/pencil.png);
  background-size: 18px auto;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: 50px;
  bottom: 8px;
}

.view-display-id-list .views-field-view-node a:before,
.view-display-id-list .views-field-edit-node a:before,
.view-display-id-list .views-field-clone-link a:before,
.view-display-id-extern .views-field-view-node a:before,
.view-display-id-extern .views-field-edit-node a:before,
.view-display-id-extern .views-field-clone-link a:before{
  bottom: 0px;
  left: 0px;
  position: relative;
}

.view-display-id-list .shortlink,
.view-display-id-extern .shortlink{
  font-size: 13px;
}


.view-display-id-list .jahrgang,
.view-display-id-extern .jahrgang{
  font-size: 14px;
  margin-bottom: 5px;
}

.page-user-6 .field--name-field-unternehmen .field__label {
  font-size: 0px;
}

.page-user-6 .field--name-field-paket .field__item:after {
  content: "| Reseller";
  padding-left: 5px;
}

.page-user-6 .field--name-field-unternehmen .field__label:before {
  content: "Administration";
  font-size: 16px;
}

.druckwerkkrems .extra-field--logo,
.druckwerkkrems .extra-field--footer{
  display: none;
}

.extra-field--logo .extra-field--content img,
.extra-field--kundenlogo .extra-field--content img{
  width: 200px;
  height: 75px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.extra-field--logo .extra-field--content a,
.extra-field--kundenlogo .extra-field--content  a {
}

.extra-field--kundenlogo {
  margin-bottom: 15px;
}

.extra-field--kundenlogo .extra-field--content a {
    width: 200px;
  height: 75px;
  margin: auto;
  position: absolute;
  left: 0px;
  right: 0px;
  text-indent: -9999px;
}

.extra-field--kundenlogo {
  position: relative;
}

.hero.wp-block-cover:after{
  content: "";
  position: absolute;
  width: 30%;
  height: 100%;
  background: url(/sites/default/files/elabels_mockup.png);
  background-repeat: no-repeat;
  background-size:80% auto;
  background-position: right;
  z-index: 99;
  opacity: 1;
  right: 5%;
}

.extra-field--logo {
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.extra-field--logo p {
  margin: 0px;
}

.node--type-weine .fieldset-wrapper {
  width: 100%;
}


.node--type-weine h1 {
  margin-bottom: 2px;
  margin-top: 0px;
  line-height: 120%;
  font-size: 30px;
  max-width: 375px;
  margin: auto;
}

.node--type-weine .field--name-field-jahrgang {
  display: inline-block;
  border-radius: 6px;
}


.field--type-entity-reference {
   margin: 0px; 
}

.user-logged-in .col-md-4 {
    flex: 1;
  }

.user-logged-in .main-content.col {
    min-width: 520px !important;
}

.user-logged-in.node--type-weine .node__content{
  margin: auto;
  padding: 75px 50px 0px 50px;
  margin-bottom: 100px;
  background-repeat: no-repeat;
  background-size: 470px auto;
  max-width: 480px;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 940px;
  margin-top: 50px;
  position: relative;
}


.user-logged-in.node--type-weine .view-content .node__content {
  padding: 0px;
  height: auto;
  margin: 0px;
}

.user-logged-in.node--type-weine .view-content .node__content .barcode img {
  max-width: 60px;
}

.user-logged-in.node--type-weine .node--view-mode-teaser {
  border: 0px;
}

.user-logged-in.node--type-weine #block-elabels-content {
 position: relative;
}

.user-logged-in.node--type-weine #block-elabels-content:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 440px;
  background: #fff;
  z-index: 50;
  left: 0px;
  right: 0px;
  margin: auto;
  
}

.user-logged-in.node--type-weine #block-elabels-content:after {
  content: "";
  background-image: url(/sites/default/files/iphone_mockup.png);
  background-repeat: no-repeat;
  background-size: 470px auto;
 content: "";
  width: 480px;
  height: 940px;
  z-index: 0;
  top: -10px;
  right: 0px;
  left: 0px;
  bottom: -12px;
  position: absolute;
  pointer-events: none;
  margin: auto;
  z-index: 100;
}

#block-elabels-views-block-content-user h2 {
  display: none;
}

.view-id-content .views-display-switch {
  margin-bottom: 25px;
}

.view-id-content .views-display-switch a {
  font-size: 0px;
}

.view-id-content .views-display-switch a:first-child:before {
  content: ""; 
  width: 25px;
  height: 25px;
  background: url(/sites/default/files/list.svg);
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin-right: 5px;
}

.view-id-content .views-display-switch a:last-child:before {
  content: ""; 
  width: 23px;
  height: 23px;
  background: url(/sites/default/files/grid.svg);
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin-top: 1px
}



.views-exposed-form .flex-wrap {
  gap: 20px;
  row-gap: 0px;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-right: -10px;
}

.views-exposed-form .form-control {
  height: 38px;
}

.views-exposed-form .form-select {
  border-color: #c3d278;
}

.views-exposed-form {
  margin-bottom: 25px;
}

.views-exposed-form label {
  font-size: 14px;
}

.views-exposed-form .mb-3 {
  margin-bottom: 10px !important;
}

.node--type-weine .layout {
  padding-bottom: 36px;
}

.node--type-weine .layout__region--top {
text-align: center;
margin-bottom: 15px;
}

.node--type-weine .layout__region--top .field--name-field-alkoholgehalt {
  display: inline-block;
}

.node--type-weine .layout__region--top .field--name-field-geschmacksrichtung {
  display: inline-block;
}


.node--type-weine .layout__region--top .field--name-field-volumenprozent {
    display: inline;
    background: #fdfefe;
    position: relative;
}

.node--type-weine .layout__region--top .field--name-field-volumenprozent:after {
  content: "% vol.";
  margin-left: 5px;
}

.l .field--name-field-nettomenge-liter .field__item {
  position: relative;
}

.node--type-weine .layout__region--top .field--name-field-geschmacksrichtung:before {
  content: "- ";
}

.node--type-weine footer {
  display: none;
}


.node--type-weine .layout__region--first {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}

.node--type-weine .layout__region--second .field__label {
  font-size: 15px;
  line-height: 120%;
  color: #888;
  font-family: 'Lato';
  font-weight: 400;
  margin-top: 5px;
}


.node--type-weine .layout__region--second .field--label-above {
  margin-top: 3px;
  margin-bottom: 3px;
}

.field--name-field-rebsorte .field__item {
  line-height: 120%;
}

.hide-image .field--type-image {
  display: none;
}

.hide-image .layout--twocol > .layout__region--first {
  flex: 0 1 0%;
}

.hide-image .layout--twocol > .layout__region--second {
  text-align: center;
  justify-content: center;
  flex: 0 1 100%;
  margin-bottom: 6px;
}

.layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second {
  display: flex;
  flex-direction: column;
  justify-content: center;
}



.field--name-field-image img{
  max-height: 250px;
  width: auto;
  max-width: 100%;
  height: auto;
  padding: 0px 25px;
  mix-blend-mode: multiply;
}


.table-label, label {
  font-size: 1.4rem;
}

legend {
  margin-top: 15px;
}

.table-header {
  margin-top: 15px;
}

.node--type-weine table {
  border: 2px solid #212529 !important;
  border-top: 0px solid !important;
}

.node--type-weine tr {
  background: none;
}

.node--type-weine th {
  color: #000 !important;
  width: 50%;
  border-right: 1px solid #000;
  font-weight: 400;
  color: #000;
  font-size: 15px
}

.node--type-weine td {
  width: 50%;
  padding-left: 12px;
}



.node--type-weine .table-desc {
  display: block;
  border-width: 2px 2px 1px 2px;
  border-color: #000;
  border-style: solid;
  text-align: center;
  margin-top: 15px;
  padding: 3px 0px;
  letter-spacing: 0.0em;
  margin-bottom: -10px;
  font-size: 15px;
}

.field-group-table table {
  position: relative;
}

.field--name-field-kcal,
.field--name-field-kcal-labor{
  display: block !important;
  position: absolute;
  margin-top: -29px;
  padding: 0px;
  left: calc(50% + 65px);
  width: 55px;
  text-align: left;
  white-space: nowrap;
}


.field--name-field-kcal:before,
.field--name-field-kcal-labor:before {
  content: "/";
  position: absolute;
  left: -9px;
}

.field-kcal th,
.field-kcal-labor th {
  display: none;
}

.field-kcal td,
.field-kcal-labor td{
  height: 0px !important;
  padding: 0px !important;
  border: none !important;
}


.field-kj-labor.type-integer.table-row th:before{
  content: "Energie";
  text-indent: 0px;
  float: left;
}

.field-kj-labor.type-integer.table-row th {
  text-indent: -999px;
}

.wein .field-kj-labor.type-integer.table-row,
.wein .field--name-field-kcal-labor,
.wein .field--name-field-kcal-labor:before,
.wein .field-kohlenhydrate-labor.type-decimal.table-row,
.wein .field-zucker-labor.type-decimal.table-row{
  /* display: none !important; */
}

.table-bordered > :not(caption) > * {
  border: none;
}

td, th {
  border-bottom: 1px #888 solid !important;
  padding: 6px 8px !important;
}

.sidebar .block {
  border-width: 0;
  padding: 15px 15px;
  margin: 0 0 20px;
}



.sidebar .block {
  background: none;
  border: none;
  margin-top: 15px;
}

.view-id-content .view-header .button {
  background: #c3d278;
  color: #000;
  padding: 10px 30px 12px 60px;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 12px;
  margin-bottom: 25px; 
  display: inline-block;
  position: relative;
}

.button:hover {
  background: #76ac2c !important;
  color: #fff !important;
}

.btn-primary, .btn-primary:focus {
    background: #76ac2c !important;
    border: 0px !!important;
}

.btn-primary {
    background: #c3d278 !important;
   border: none !important;
  color: #000;
  font-weight: 600;
}

.view-id-content .views-exposed-form .form-control {
  border: 1px solid #c3d278;
}

.view-display-id-grid .views-exposed-form {
  background: #fff;
  padding: 15px 20px 15px 15px;
  margin-top: 25px;
  margin-bottom: 25px;
  box-shadow: -1px 2px 6px -5px #000;
  border: 1px solid #eee;
}

.view-display-id-grid .views-field-title {
  font-weight: 600;
  position: relative;
  padding-right: 45px;
  display: inline-block;
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 75px;
}


.view-display-id-grid .views-exposed-form label {
  display: block;
  font-size: 15px;
}

.view-display-id-grid .view-header .button:before,
.view-display-id-list .view-header .button:before{
  content: "";
  background-image: url(/sites/default/files/qr_code.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 30px;
  width: 30px;
  display: block;
  position: absolute;
  margin-left: -35px;
  top: 10px;
}

.view-display-id-list .view-header .button.katalog:before {
    background-image: url(/sites/default/files/menu-wines.svg);
  width: 25px;
  margin-left: -32px;
  margin-top: -1px
}

.view-display-id-list .view-header .button {
  margin-right: 15px;
  margin-bottom: 15px;
}

.view-display-id-list .view-header .button.katalog {
  margin-right: 0px;
  margin-bottom: 25px;
}

.view-content {
  margin-left: 0px;
}
.view-display-id-grid .views-view-responsive-grid__item {
  box-shadow: -1px 2px 6px -5px #000;
  border-radius: 6px;
  padding: 8px 12px 5px 12px;
  position: relative;
  min-height: 205px;
  border: 1px solid #ddd;
  background: #fff;
}

.view-display-id-list .weine,
.view-display-id-extern .weine {
  background: #fff !important;
}


.view-display-id-list .view-content,
.view-display-id-extern .view-content{
  box-shadow: 1px 2px 6px -5px #000;
  border: 1px solid #ddd;
}

.view-display-id-list .view-content table,
.view-display-id-extern .view-content table{
  margin-bottom: 0px;
  margin-top: 0px;
}

.view-display-id-list thead,
.view-display-id-extern thead {
  display: none;
}


.view-display-id-grid .views-view-responsive-grid__item .views-field-title a,
.view-display-id-list .title a,
.view-display-id-extern .title a{
  text-decoration: none;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  padding-right: 75px;
  line-height: 120%;
}

.view-display-id-list .title,
.view-display-id-extern .title {
  padding-top: 3px !important;
}


.view-display-id-grid .views-view-responsive-grid__item .views-field-status{
  background: green;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 2px 6px;
  border-radius: 6px;
}

.view-display-id-grid .views-view-responsive-grid__item .views-field-field-image {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 100px;
  display: flex;
  justify-content: center;
}

.view-display-id-grid .views-view-responsive-grid__item .views-field-field-image img {
  width: auto;
  max-height: 90px;
  display: flex;
  justify-content: center;
}

.view-display-id-grid .views-view-responsive-grid__item .views-field-changed {
  position: absolute;
  right: 10px;
  bottom: 8px;
  font-size: 11px;
}

.view-display-id-list .update,
.view-display-id-extern .update{
  font-size: 11px;
}


.view-display-id-list td:nth-child(2),
.view-display-id-extern td:nth-child(2){
  width: 100% ;
}

.view-display-id-list td:nth-child(3),
.view-display-id-extern td:nth-child(3){
  max-width: 50px;
}

.view-display-id-list td:nth-child(4),
.view-display-id-extern td:nth-child(4){
  max-width: 50px;
}

.view-display-id-list table,
.view-display-id-extern table {
  border: none !important;
}

.view-display-id-list .view-filters{
  margin-bottom: -30px;
  margin-top: -15px;
}

.view-display-id-extern .view-filters{
  margin-bottom: -30px;
}

.views-field-view-node,
.views-field-edit-node {
  vertical-align: middle;
  padding-top: 20px !important;
}

.views-field-clone-link {
  vertical-align: middle;
  padding-top: 25px !important;
}

.form-item-title.mb-3 {
  width: 100%;
}

.btn-primary, .btn-primary:focus {
  background-color: yellowgreen;
  border: 0px;
}

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
  background: none;
  border: none;
}

.ckeditor-accordion-container > dl {
  border: none;
}

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
  color: #000;
  text-decoration: none;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after {
  background: yellowgreen;
}

.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
  background: none;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
  color: #000;
}

.ckeditor-accordion-container {
  max-width: 1440px;
  margin: auto;
}



.ckeditor-accordion-container {

}

dt.active {
  background: #c3d278;
}

dt.active .ckeditor-accordion-toggle:before,
dt.active .ckeditor-accordion-toggle:after{
  background: #fff !important;
}

dd {
  padding-left: 50px !important;
  padding-top: 15px !important;
}

.ckeditor-accordion-container > dl dt {
  border-bottom: 1px solid yellowgreen
}

@media (min-width: 769px) {
  
.layout-no-sidebars.node--type-weine .node__content {
  max-width: 480px;
  margin: auto;
  border: px solid #ddd;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 36px;
  margin-top: 36px;
  margin-bottom: 25px;
  border-radius: 18px;
  box-shadow: 2px 3px 12px -5px #000;
}
 }




@media (max-width: 768px) {
  
      #lang_dropdown_form_lang-dropdown-form {
      border-bottom: 1px solid #333;
      position: fixed;
      background: #fff;
      z-index: 9999;
      height: 42px;
    }
  

  
  .layout-no-sidebars.node--type-weine .node__content {
  max-width: 480px;
  margin: auto;
  border: px solid #ddd;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 36px;
  margin-top: 36px;
  margin-bottom: 25px;
  border-radius: 18px;
}
  
  .layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second {
    flex: 0 1 50%;
  }
  
  .hero .wp-block-cover__inner-container h1::before {
  top: -165px;
  background-size: 82%;
  height: 150px;
  width: 150px;
}
  
  
  .hero .wp-block-cover__inner-container {
    width: 100%;
    max-width: 100% !important;
  }
  
  
.hero.wp-block-cover:after{
  content: "";
  position: relative;
  width: 50%;
  height: 100%;
  background: url(/sites/default/files/elabels_mockup.png);
  background-repeat: no-repeat;
  background-size:90% auto;
  background-position-y: 50px;
  z-index: 99;
  opacity: 1;
  right: 5%;
  top: -2%; !important;
}
  
  .hero .wp-block-cover__inner-container h1 {
    max-width: 100% !important;
    hyphens: none;
    width: 100%;
    display: block;
    font-size: 30px;
  }
  
  .hero .wp-block-cover__inner-container h1 strong {
    font-size: 40px;
    display: block;
  }
  
  .hero .wp-block-cover__inner-container h1 br {
    display: none;
  }
  
  .hero .wp-block-cover__inner-container h2 {
    padding-right: 0px !important;
  }
  
 

  
  .telefon a, .email a, .whatsapp a {
    margin-top: 15px;
  }
  
  .telefon {
    margin-top: 50px;
  }
  
  .whatsapp {
    margin-bottom: 0px;
  }
  
  .erstellung {
    margin-top: 50px;
  }
  
  .thumbup {
    margin-top: 75px;
  }
  
  .service {
    margin-top:60px;
    margin-bottom: -25px;
  }
  
  .site-footer .layout {
    padding-left: 50px;
    padding-right: 50px;
  }
  
  
  
}



@media (max-width: 800px) {
  
    .paketname .has-inline-color {
    position: absolute;
    bottom: -27px
  }
  
  .pakete .has-text-align-center br {
    display: none;
  }
  
  .pakete .has-text-align-center {
    padding-left: 25px;
    padding-right: 25px;
  }
  
  .wp-block-column.is-vertically-aligned-center.starter {
  border-right: 0px solid;
}
  
    .wp-block-column:not(:only-child) {
    flex-basis: 100% !important;
      width: 100%;
      flex: wrap;
    flex-grow: 0;
  }
  
  .paketname strong {
    display: block;
    margin-bottom: 12px;
  }
  
}

@media (max-width: 990px) {
  #navbar-main {
    display: none;
  }
}

@media (max-width: 1440px) {
 .wp-block-columns {
    padding-left: 50px;
    padding-right: 50px;
  }
  
  .ckeditor-accordion-container {
    padding-left: 50px;
    padding-right: 50px;
  }
  
.hero .wp-block-cover__inner-container {
  max-width: 100%;
    padding-left: 50px;
    /*! padding-right: 50px; */
}
  
 .hero .wp-block-cover__inner-container h2 {
  font-size: 1.3em;
  text-align: left;
  /*! position: absolute; */
  bottom: 15%;
  max-width: 100%;
  left: 50px;
    right: 50px;
}
}

  @media (max-width: 675px) { 
    .views-exposed-form .flex-wrap {
  gap: 0px;
    row-gap: 0px;
  row-gap: 0px;
  display: grid !important;
  grid-template-columns: 1fr;
}
    
    .views-exposed-form label {
      width: 100%;
    }
    
       .views-exposed-form .chosen-container {
      width: 100% !important;
    }
    
}
  
  
  @media (max-width: 480px) {
    
    .pakete ul {
      align-items: flex-start;
    }
    
    
.has-text-align-center.logos {
  padding: 0px 25px;
}
     
    .erstellung {
      margin-top: 50px
    }
    
.scrolled .hero .wp-block-cover__inner-container h1:before {
  display: block;
}
  
  .hero .wp-block-cover__inner-container {
    height: auto;
    padding-top: 275px;
  }
    
    .hero .wp-block-cover__inner-container h2 {
      padding-right: 50px !important;
    }
    
    .hero.wp-block-cover::after {
    content: "";
    position: absolute;
    width: 100% !important;
    height: 300px !important;
    background: url(/sites/default/files/elabels_mockup.png);
    background-repeat: no-repeat;
    background-size: auto 350px;
    background-position: top right;
    z-index: 99;
    opacity: 1;
    max-width: 50% !important;
    right: 36px !important;
    bottom: auto;
      top: 25px;
  }
      
    .hero h1 strong {
      font-size: 36px !important;
    }
    
    .hero h1 {
      font-size: 26px !important;
    }
    
    .hero h2 {
      font-size: 20px !important;
    }
    
    .paketname strong {
      font-size: 40px !important;
    }
    
        .hero .wp-block-cover__inner-container h1::before {
    top: -165px;
    background-size: 80%;
    height: 115px;
    width: 115px;
    left: 25px;
  }
    
  
}


  @media (max-width: 390px) { 
    
    
        .hero.wp-block-cover::after {
    content: "";
    position: absolute;
    width: 100% !important;
    height: 300px !important;
    background: url(/sites/default/files/elabels_mockup.png);
    background-repeat: no-repeat;
    background-size: auto 250px;
    background-position: top right;
    z-index: 99;
    opacity: 1;
    max-width: 50% !important;
    right: 25px !important;
    bottom: auto;
      top: 25px;
  }
    
    
      .hero .wp-block-cover__inner-container h1::before {
    top: -165px;
    background-size: 80%;
    height: 125px;
    width: 125px;
  }
    
    .hero h1 strong {
      font-size: 36px !important;
    }
    
    .hero h1 {
      font-size: 26px !important;
    }
    
    .hero h2 {
      font-size: 22px !important;
    }
    
}


@media (max-width: 340px) { 
  
    .paketname strong {
    display: block;
    margin-bottom: 12px;
      white-space: nowrap;
      font-size: 30px;
  }
  
  .paketname {
    font-size: 19px !important;;
  }
  
      .hero h1 strong {
      font-size: 30px !important;
    }
    
    .hero h1 {
      font-size: 22px !important;
    }

  
    .hero h2 {
      font-size: 18px !important;
    }
}

/* Translation */


  .wein.node--view-mode-full legend:before {
    text-indent: 0px;
    float: left;
  }

 .wein.node--view-mode-full  .table-label:before {
    text-indent: 0px;
    white-space: nowrap;
    float: left;
  }

.extra-field--zutaten a {
    text-decoration: none;
    pointer-events: none;
}



.zutaten:before {
  content: "Zutaten:";
  margin-right: 5px;
  font-weight: bold;
}

 .gase:before {
  content: "Gase und Packgase:";
  margin-right: 5px;
  font-style: italic;
  hyphens: auto;
}

 .konservierungsstoffe:before {
  content: "Konservierungsstoffe und Antioxidantien:";
  margin-right: 5px;
  font-style: italic;
  hyphens: auto;
}

 .stabilisatoren:before {
  content: "Stabilisatoren:";
  margin-right: 5px;
  font-style: italic;
  hyphens: auto;
}

.saeureregulatoren:before {
  content: "Säureregulatoren:";
  margin-right: 5px;
  font-style: italic;
  hyphens: auto;
}

.verarbeitungshilfsstoffe:before {
  content: "enthält";
  font-weight: bold;
  margin-right: 5px;
  font-style: normal;
  hyphens: auto;

}

.gase:empty,
.konservierungsstoffe:empty,
.stabilisatoren:empty,
.saeureregulatoren:empty,
.verarbeitungshilfsstoffe:empty,
.aromen:empty,
.mischung:empty,
.saft:empty,
.wasser:empty,
.allgemein:empty{
  display: none !important;
}

.mischung, .aromen {
  position: relative;
}

.allgemein:after, .stabilisatoren:after, .saeureregulatoren:after, .konservierungsstoffe:after, .gase:after, .wasser:after, .saft:after{
  content: ";"; 
}

.saft:after {
  content: ","
}

.mischung:after {
  content: ";";
  margin-left: -2px;
}

.verarbeitungshilfsstoffe {
  font-weight: bold;
}

.gase.no-before::before {
  display: none;
}


a[href$="/2"],
a[href$="/39"] {
  font-weight: bold;
}

a[href$="/40"],
a[href$="/41"],
a[href$="/58"]{
  font-size: 0px;
}

a[href$="/40"]:before {
  content: "Kaliumbi";
  font-size: 17px;
}

a[href$="/40"]:after {
  content: "sulfit";
  font-weight: bold;
  font-size: 17px;
}


a[href$="/41"]:before {
  content: "Kaliummetabi";
  font-size: 17px;
}

a[href$="/41"]:after {
  content: "sulfit";
  font-weight: bold;
  font-size: 17px;
}

a[href$="/58"]:before {
  content: "Kaliumpyro";
  font-size: 17px;
}

a[href$="/58"]:after {
  content: "sulfit";
  font-weight: bold;
  font-size: 17px;
}



/* Nur für Safari */
@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) {
    /* CSS-Regeln, die nur für Safari gelten */
  a[href$="/40"]:before {
  margin-right: -7px;
}
  }
}

/* Nur für Safari auf dem iPhone */
@media screen and (device-width: 375px) 
  and (device-height: 812px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    /* Hier kommen deine spezifischen CSS-Regeln für Safari auf dem iPhone */
  a[href$="/40"]:before {
  margin-right: -7px;
    }
}

.saft,
.wasser {
  margin-right: 5px;
}

.oeko a[href$="/1"]:after {
  content: "*";
}

.konzentr a[href$="/86"]:after {
  content: "*";
}

.rtk a[href$="/83"]:after {
  content: "*";
}

.tmk a[href$="/92"]:after {
  content: "*";
}

.zucker a[href$="/42"]:after {
  content: "*";
}

.konzentr a[href$="/6"]:after {
  content: "*";
}

.view-zutaten .views-row div {
   display: inline; 
}

.view-zutaten .views-row a {
  pointer-events: none;
  text-decoration: none;
}

.view-zutaten .layout {
  display: inline !important;
}

.view-zutaten:after {
    content: "";
    font-size: 14px;
    margin-top: 8px;
    display: block;
}


.weinzutaten:before {
  content: "(";
  z-index: 10;
  position: relative;

}

.weinzutaten:after {
  content: ")";
  z-index: 10;
  position: relative;
  width: 10px;
  background: #f7fbfa;
  margin-left: -7px;
}



  #datenblatt legend:before { content: "Datenblatt:"; text-indent: 0px; float: left; white-space: nowrap;}
  #datenblatt .field--name-field-file a:after { content: "Speichern"; text-indent: 0px; float: left; white-space: nowrap;}


/* ENGLISCH (en) */

  .lang-en .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-en .table-label:before { content: "Nutrition information"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-en .geringfuegig .group_table:after{ content: "Contains small amounts of fat, saturated fatty acids, protein, and salt.";}
  .lang-en .zutaten:before { content: "Ingredients:"  }
  .lang-en .gase:before { content: "Gases and packing gases:" }
  .lang-en .konservierungsstoffe:before { content: "Preservatives and antioxidants:" }
  .lang-en .stabilisatoren:before { content: "Stabilising agents:" }
  .lang-en .saeureregulatoren:before { content: "Acidity regulators:" }
  .lang-en .verarbeitungshilfsstoffe:before { content: "contains" }
  .lang-en a[href$="/40"]:before { content: "Potassium bi" }
  .lang-en a[href$="/40"]:after { content: "sulfite" }
  .lang-en #datenblatt legend:before { content: "Datasheet"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-en #datenblatt .field--name-field-file a:after { content: "Save"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-en .view-zutaten:after { content: "* from organic farming"; }

/* FRANZÖSISCH (fr) */

  .lang-fr .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-fr .table-label:before { content: "Information nutritionnelle"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-fr .geringfuegig .group_table:after{ content: "Contient de faibles quantités de matières grasses, d'acides gras saturés, de protéines et de sel.";}
  .lang-fr .zutaten:before { content: "Ingrédients:"  }
  .lang-fr .gase:before { content: "Gaz et gaz de conditionnement:" }
  .lang-fr .konservierungsstoffe:before { content: "Conservateurs et antioxydants:" }
  .lang-fr .stabilisatoren:before { content: "Agents stabilisants:" }
  .lang-fr .saeureregulatoren:before { content: "Régulateurs d'acidité:" }
  .lang-fr .verarbeitungshilfsstoffe:before { content: "contient" }
  .lang-fr a[href$="/40"]:before { content: "Bisulfite "; font-weight: bold;}
  .lang-fr a[href$="/40"]:after { content: "de potassium"; font-weight: normal;}
  .lang-fr #datenblatt legend:before { content: "Fiche de données"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-fr #datenblatt .field--name-field-file a:after { content: "Sauvegarder"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-fr .view-zutaten:after { content: "* issu de l'agriculture biologique"; }


/* ITALIENISCH (it) */

  .lang-it .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-it .table-label:before { content: "Informazioni nutrizionali"; text-indent: 0px; float: left; white-space: nowrap; }
  .lang-it .geringfuegig .group_table:after{ content: "Contiene piccole quantità di grassi, acidi grassi saturi, proteine e sale.";}
  .lang-it .zutaten:before { content: "Ingredienti:" }
  .lang-it .gase:before { content: "Gas e gas di imballaggio:" }
  .lang-it .konservierungsstoffe:before { content: "Conservanti e antiossidanti:" }
  .lang-it .stabilisatoren:before { content: "Agenti stabilizzanti:" }
  .lang-it .saeureregulatoren:before { content: "Regolatori di acidità:" }
  .lang-it .verarbeitungshilfsstoffe:before { content: "contiene" }
  .lang-it a[href$="/40"]:before { content: "Bisolfito "; font-weight: bold;}
  .lang-it a[href$="/40"]:after { content: "di potassio"; font-weight: normal;}
  .lang-it #datenblatt legend:before { content: "Scheda dati"; text-indent: 0px; float: left; white-space: nowrap; }
  .lang-it #datenblatt .field--name-field-file a:after { content: "Salva"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-it .view-zutaten:after { content: "* da agricoltura biologica"; }


/* SPANISCH (es) */

  .lang-es .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-es .table-label:before { content: "Información nutricional"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-es .geringfuegig .group_table:after{ content: "Contiene pequeñas cantidades de grasa, ácidos grasos saturados, proteínas y sal.";}
  .lang-es .zutaten:before { content: "Ingredientes:"; }
  .lang-es .gase:before { content: "Gases y gases de embalaje:" }
  .lang-es .konservierungsstoffe:before { content: "Conservantes y antioxidantes:" }
  .lang-es .stabilisatoren:before { content: "Agentes estabilizadores:" }
  .lang-es .saeureregulatoren:before { content: "Reguladores de acidez:" }
  .lang-es .verarbeitungshilfsstoffe:before { content: "contiene" }
  .lang-es a[href$="/40"]:before { content: "Bisulfito "; font-weight: bold;}
  .lang-es a[href$="/40"]:after { content: "de potasio"; font-weight: normal;}
  .lang-es #datenblatt legend:before { content: "Ficha de datos"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-es #datenblatt .field--name-field-file a:after { content: "Salvar"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-es .view-zutaten:after { content: "* de agricultura ecológica"; }

/* UNGARISCH (hu) */

  .lang-hu .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-hu .table-label:before { content: "Tápanyag-információ"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-hu .geringfuegig .group_table:after{ content: "Kis mennyiségű zsírt, telített zsírsavakat, fehérjét és sót tartalmaz.";}
  .lang-hu .zutaten:before { content: "Hozzávalók:"; }
  .lang-hu .gase:before { content: "Gázok és csomagológázok:" }
  .lang-hu .konservierungsstoffe:before { content: "Tartósítószerek és antioxidánsok:" }
  .lang-hu .stabilisatoren:before { content: "Stabilizáló szerek:" }
  .lang-hu .saeureregulatoren:before { content: "Savanyúságot szabályozó szerek:" }
  .lang-hu .verarbeitungshilfsstoffe:before { content: "tartalmaz" }
  .lang-hu a[href$="/40"]:before { content: "Kálium-bi" }
  .lang-hu a[href$="/40"]:after { content: "szulfit" }
  .lang-hu #datenblatt legend:before { content: "Adatlap"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-hu #datenblatt .field--name-field-file a:after { content: "Megment"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-hu .view-zutaten:after { content: "* ökológiai gazdálkodásból"; }


/* TSCHECHISCH (cs) */

  .lang-cs .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-cs .table-label:before { content: "Nutriční informace"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-cs .geringfuegig .group_table:after{ content: "Obsahuje malé množství tuku, nasycených mastných kyselin, bílkovin a soli.";}
  .lang-cs .zutaten:before  { content: "Ingredience:"; }
  .lang-cs .gase:before { content: "Plyny a balicí plyny:" }
  .lang-cs .konservierungsstoffe:before { content: "Konzervační látky a antioxidanty:" }
  .lang-cs .stabilisatoren:before { content: "Stabilizační prostředky:" }
  .lang-cs .saeureregulatoren:before { content: "Regulátory kyselosti:" }
  .lang-cs .verarbeitungshilfsstoffe:before { content: "obsahuje" }
  .lang-cs a[href$="/40"]:before { content: "Siřičitan "; font-weight: bold;}
  .lang-cs a[href$="/40"]:after { content: " draselný"; font-weight: normal; }
  .lang-cs #datenblatt legend:before { content: "Datový list"; }
  .lang-cs #datenblatt .field--name-field-file a:after { content: "Uložit"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-cs .view-zutaten:after { content: "* z ekologického zemědělství"; }

/* SLOWAKISCH (sk) */

  .lang-sk .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-sk .table-label:before { content: "Nutričné informácie";text-indent: 0px; float: left; white-space: nowrap; }
  .lang-sk .geringfuegig .group_table:after{ content: "Obsahuje malé množstvo tuku, nasýtených mastných kyselín, bielkovín a soli.";}
  .lang-sk .zutaten:before { content: "Ingrediencie:";}
  .lang-sk .gase:before { content: "Plyny a baliace plyny:" }
  .lang-sk .konservierungsstoffe:before { content: "Konzervačné látky a antioxidanty:" }
  .lang-sk .stabilisatoren:before { content: "Stabilizačné činidlá:" }
  .lang-sk .saeureregulatoren:before { content: "Regulátory kyslosti:" }
  .lang-sk .verarbeitungshilfsstoffe:before { content: "obsahuje" }
  .lang-sk a[href$="/40"]:before { content: "Hydrogensiričitan "; font-weight: bold; }
  .lang-sk a[href$="/40"]:after { content: "draselný"; font-weight: normal; }
  .lang-sk #datenblatt legend:before { content: "Dátový hárok"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-sk #datenblatt .field--name-field-file a:after { content: "Uložiť"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-sk .view-zutaten:after { content: "* z ekologického poľnohospodárstva"; }


/* SLOWENISCH (sl) */

  .lang-sl .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-sl .table-label:before { content: "Informacije o hranilne vrednosti"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-sl .geringfuegig .group_table:after{ content: "Vsebuje majhne količine maščob, nasičenih maščobnih kislin, beljakovin in soli.";}
  .lang-sl .zutaten:before { content: "Sestavine:"; }
  .lang-sl .gase:before { content: "Plini in polnilni plini:" }
  .lang-sl .konservierungsstoffe:before { content: "Konzervansi in antioksidanti:" }
  .lang-sl .stabilisatoren:before { content: "Stabilizatorji:" }
  .lang-sl .saeureregulatoren:before { content: "Regulatorji kislosti:" }
  .lang-sl .verarbeitungshilfsstoffe:before { content: "vsebuje" }
  .lang-sl a[href$="/40"]:before { content: "Kalijev bi" }
  .lang-sl a[href$="/40"]:after { content: "sulfit" }
  .lang-sl #datenblatt legend:before { content: "Podatkovni list"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-sl #datenblatt .field--name-field-file a:after { content: "Shrani";text-indent: 0px; float: left; white-space: nowrap; }
  .bio-present.lang-sl .view-zutaten:after { content: "* iz ekološke pridelave"; }

/* NIEDERLAENDISCH (nl) */

  .lang-nl .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-nl .table-label:before { content: "Voedingsinformatie"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-nl .geringfuegig .group_table:after{ content: "Bevat kleine hoeveelheden vet, verzadigde vetzuren, eiwit en zout.";}
  .lang-nl .zutaten:before { content: "Ingrediënten:"; }
  .lang-nl .gase:before { content: "Gassen en verpakkingsgassen:" }
  .lang-nl .konservierungsstoffe:before { content: "Conserveermiddelen en antioxidanten:" }
  .lang-nl .stabilisatoren:before { content: "Stabiliserende middelen:" }
  .lang-nl .saeureregulatoren:before { content: "Zuurteregelaars:" }
  .lang-nl .verarbeitungshilfsstoffe:before { content: "bevat" }
  .lang-nl a[href$="/40"]:before { content: "Kaliumbi" }
  .lang-nl a[href$="/40"]:after { content: "sulfiet" }
  .lang-nl #datenblatt legend:before { content: "Data papier"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-nl #datenblatt .field--name-field-file a:after { content: "Opslaan"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-nl .view-zutaten:after { content: "* uit biologische landbouw"; }

/* PORTUGIESISCH (pt) */

  .lang-pt .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-pt .table-label:before { content: "Informação nutricional";text-indent: 0px; float: left; white-space: nowrap; }
  .lang-pt .geringfuegig .group_table:after{ content: "Contém pequenas quantidades de gordura, ácidos gordos saturados, proteínas e sal.";}
  .lang-pt .zutaten:before { content: "Ingredientes:"; }
  .lang-pt .gase:before { content: "Gases e gases de embalagem:" }
  .lang-pt .konservierungsstoffe:before { content: "Conservantes e antioxidantes:" }
  .lang-pt .stabilisatoren:before { content: "Agentes estabilizadores:" }
  .lang-pt .saeureregulatoren:before { content: "Reguladores de acidez:" }
  .lang-pt .verarbeitungshilfsstoffe:before { content: "contém" }
  .lang-pt a[href$="/40"]:before { content: "Bissulfito "; font-weight: bold; }
  .lang-pt a[href$="/40"]:after { content: "de potássio"; font-weight: normal; }
  .lang-pt #datenblatt legend:before { content: "Ficha de dados"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-pt #datenblatt .field--name-field-file a:after { content: "Salvar"; text-indent: 0px; float: left; white-space: nowrap;} 
  .bio-present.lang-pt .view-zutaten:after { content: "* de agricultura biológica"; }

/* BULGARISCH (bg) */

  .lang-bg .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-bg .table-label:before { content: "Хранителна информация";text-indent: 0px; float: left; white-space: nowrap; }
  .lang-bg .geringfuegig .group_table:after{ content: "Съдържа незначителни количества мазнини, наситени мастни киселини, протеини и сол.";}
  .lang-bg .zutaten:before { content: "Cъставки:"; }
  .lang-bg .gase:before { content: "Газове и опаковъчни газове:" }
  .lang-bg .konservierungsstoffe:before { content: "Консерванти и антиоксиданти:" }
  .lang-bg .stabilisatoren:before { content: "Стабилизиращи агенти:" }
  .lang-bg .saeureregulatoren:before { content: "Регулатори на киселинността:" }
  .lang-bg .verarbeitungshilfsstoffe:before { content: "съдържа" }
  .lang-bg a[href$="/40"]:before { content: "Калиев " }
  .lang-bg a[href$="/40"]:after { content: "бисулфит" }
  .lang-bg #datenblatt legend:before { content: "лист с данни"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-bg #datenblatt .field--name-field-file a:after { content: "Запазване"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-bg .view-zutaten:after { content: "* от биологично земеделие"; }

/* DAENISCH (da) */

  .lang-da .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-da .table-label:before { content: "Ernæringsoplysninger"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-da .geringfuegig .group_table:after{ content: "Indeholder små mængder fedt, mættede fedtsyrer, protein og salt.";}
  .lang-da .zutaten:before { content: "Ingredienser:"; }
  .lang-da .gase:before { content: "Gasser og pakkegasser:" }
  .lang-da .konservierungsstoffe:before { content: "Konserveringsmidler og antioxidanter:" }
  .lang-da .stabilisatoren:before { content: "Stabiliserende midler:" }
  .lang-da .saeureregulatoren:before { content: "Surhedsregulerende midler:" }
  .lang-da .verarbeitungshilfsstoffe:before { content: "indeholder" }
  .lang-da a[href$="/40"]:before { content: "Kaliumbi" }
  .lang-da a[href$="/40"]:after { content: "sulfit" }
  .lang-da #datenblatt legend:before { content: "Datablad"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-da #datenblatt .field--name-field-file a:after { content: "Gemme"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-da .view-zutaten:after { content: "* fra økologisk landbrug"; }

/* ESTNISCH (et) */

  .lang-et .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-et .table-label:before { content: "Toitumisalane teave"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-et .geringfuegig .group_table:after{ content: "Sisaldab vähesel määral rasva, küllastunud rasvhappeid, valku ja soola.";}
  .lang-et .zutaten:before { content: "Koostisained:"; }
  .lang-et .gase:before { content: "Gaasid ja pakkegaasid:" }
  .lang-et .konservierungsstoffe:before { content: "Säilitusained ja antioksüdandid:" }
  .lang-et .stabilisatoren:before { content: "Stabiliseerivad ained:" }
  .lang-et .saeureregulatoren:before { content: "Happesuse regulaatorid:" }
  .lang-et .verarbeitungshilfsstoffe:before { content: "sisaldab" }
  .lang-et a[href$="/40"]:before { content: "Kaaliumvesinik" }
  .lang-et a[href$="/40"]:after { content: "sulfit" }
  .lang-et #datenblatt legend:before { content: "Andmeleht"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-et #datenblatt .field--name-field-file a:after { content: "Salvesta"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-et .view-zutaten:after { content: "* mahepõllumajandusest"; }

/* FINNISCH (fi) */

  .lang-fi .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-fi .table-label:before { content: "Ravitsemustietoa"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-fi .geringfuegig .group_table:after{ content: "Sisältää vähäisiä määriä rasvaa, tyydyttyneitä rasvahappoja, proteiinia ja suolaa.";}
  .lang-fi .zutaten:before { content: "Ainesosat:";}
  .lang-fi .gase:before { content: "Kaasut ja pakkauskaasut:" }
  .lang-fi .konservierungsstoffe:before { content: "Säilöntäaineet ja antioksidantit:" }
  .lang-fi .stabilisatoren:before { content: "Stabilointiaineet:" }
  .lang-fi .saeureregulatoren:before { content: "Happamuudensäätöaineet:" }
  .lang-fi .verarbeitungshilfsstoffe:before { content: "sisältää" }
  .lang-fi a[href$="/40"]:before { content: "Kaliumbi" }
  .lang-fi a[href$="/40"]:after { content: "sulfiitti" }
  .lang-fi #datenblatt legend:before { content: "Tietolomake"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-fi #datenblatt .field--name-field-file a:after { content: "Tallentaa"; text-indent: 0px; float: left; white-space: nowrap;} 
  .bio-present.lang-fi .view-zutaten:after { content: "* luonnonmukaisesta maataloudesta"; }

/* GRIECHISCH (el) */

  .lang-el .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-el .table-label:before { content: "Διατροφικές πληροφορίες"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-el .geringfuegig .group_table:after{ content: "Περιέχει μικρές ποσότητες λίπους, κορεσμένων λιπαρών οξέων, πρωτεΐνης και αλατιού.";}
  .lang-el .zutaten:before { content: "Συστατικά:"; }
  .lang-el .gase:before { content: "Αέρια και αέρια συσκευασίας:" }
  .lang-el .konservierungsstoffe:before { content: "Συντηρητικά και αντιοξειδωτικά:" }
  .lang-el .stabilisatoren:before { content: "Σταθεροποιητικά μέσα:" }
  .lang-el .saeureregulatoren:before { content: "Ρυθμιστές οξύτητας:" }
  .lang-el .verarbeitungshilfsstoffe:before { content: "περιέχει" }
  .lang-el a[href$="/40"]:before { content: "Διθειώδες "; font-weight: bold; }
  .lang-el a[href$="/40"]:after { content: "κάλιο"; font-weight: normal;}
  .lang-el #datenblatt legend:before { content: "φύλλο δεδομένων"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-el #datenblatt .field--name-field-file a:after { content: "Αποθηκεύσετε"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-el .view-zutaten:after { content: "* από βιολογική γεωργία"; }

/* IRISCH (ga) */

  .lang-ga .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-ga .table-label:before { content: "Eolas Cothaitheach"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-ga .geringfuegig .group_table:after{ content: "Cuidíonn meáchan beag feola, aigéad gréasáin saturaithe, próitéin, agus salann.";}
  .lang-ga .zutaten:before { content: "Comhábhair:";}
  .lang-ga .gase:before { content: "Gáis agus gáis pacála:" }
  .lang-ga .konservierungsstoffe:before { content: "Leasaithigh agus frithocsaídeoirí:" }
  .lang-ga .stabilisatoren:before { content: "Gníomhairí cobhsaíochta:" }
  .lang-ga .saeureregulatoren:before { content: "Rialtóirí aigéadachta:" }
  .lang-ga .verarbeitungshilfsstoffe:before { content: "á contains" }
  .lang-ga a[href$="/40"]:before { content: "Bisulfite "; font-weight: bold;}
  .lang-ga a[href$="/40"]:after { content: "potaisiam"; font-weight: normal; }
  .lang-ga #datenblatt legend:before { content: "Bileog sonraí"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-ga #datenblatt .field--name-field-file a:after { content: "Shábháil"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-ga .view-zutaten:after { content: "* ón talmhaíocht orgánach"; }

/* KROATISCH (hr) */

  .lang-hr .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-hr .table-label:before { content: "Podaci o prehrani"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-hr .geringfuegig .group_table:after{ content: "Sadrži male količine masti, zasićenih masnih kiselina, proteina i soli.";}
  .lang-hr .zutaten:before { content: "Sastojci:"; }
  .lang-hr .gase:before { content: "Plinovi i plinovi za pakiranje:" }
  .lang-hr .extra-field--content .konservierungsstoffe:before { content: "Konzervansi i antioksidansi:" }
  .lang-hr .stabilisatoren:before { content: "Sredstva za stabilizaciju:" }
  .lang-hr .saeureregulatoren:before { content: "Regulatori kiselosti:" }
  .lang-hr .verarbeitungshilfsstoffe:before { content: "sadrži" }
  .lang-hr a[href$="/40"]:before { content: "Kalijev bi" }
  .lang-hr a[href$="/40"]:after { content: "sulfit" }
  .lang-hr #datenblatt legend:before { content: "Podatkovni list"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-hr #datenblatt .field--name-field-file a:after { content: "Uštedjeti"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-hr .view-zutaten:after { content: "* iz ekološke poljoprivrede"; }


/* LETTISCH (lv) */

  .lang-lv .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-lv .table-label:before { content: "Uztura informācija"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-lv .geringfuegig .group_table:after{ content: "Satur nelielas tauku, piesātināto taukskābju, olbaltumvielu un sāls devas.";}
  .lang-lv .zutaten:before { content: "Sastāvdaļas:"; }
  .lang-lv .gase:before { content: "Gāzes un iepakošanas gāzes:" }
  .lang-lv .konservierungsstoffe:before { content: "Konservanti un antioksidanti:" }
  .lang-lv .stabilisatoren:before { content: "Stabilizējoši līdzekļi:" }
  .lang-lv .saeureregulatoren:before { content: "Skābuma regulētāji:" }
  .lang-lv .verarbeitungshilfsstoffe:before { content: "satur" }
  .lang-lv a[href$="/40"]:before { content: "Kālija bi" }
  .lang-lv a[href$="/40"]:after { content: "sulfīts" }
  .lang-lv #datenblatt legend:before { content: "Datu lapas"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-lv #datenblatt .field--name-field-file a:after { content: "Saglabāt"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-lv .view-zutaten:after { content: "* no bioloģiskās lauksaimniecības"; }

/* LUXENBURGERISCH (lu) */

  .lang-lu .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-lu .table-label:before { content: "Ernärungsinformatioun"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-lu .geringfuegig .group_table:after{ content: "Enthält kleng Quantitéiten u Fett, gesättegt Fett, Protein a Salz.";}
  .lang-lu .zutaten:before { content: "Zoutaten:"; }
  .lang-lu .gase:before { content: "Gasen a Verpackungsgasen:" }
  .lang-lu .konservierungsstoffe:before { content: "Konservéierungsmëttel an Antioxidantien:" }
  .lang-lu .stabilisatoren:before { content: "Stabiliséierend Agenten:" }
  .lang-lu .saeureregulatoren:before { content: "Aciditéit regulator:" }
  .lang-lu .verarbeitungshilfsstoffe:before { content: "enthält" }
  .lang-lu a[href$="/40"]:before { content: "Kaliumbi" }
  .lang-lu a[href$="/40"]:after { content: "sulfit" }
  .lang-lu #datenblatt legend:before { content: "Datenblat"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-lu #datenblatt .field--name-field-file a:after { content: "Späicheren"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-lu .view-zutaten:after { content: "* vun der Bio-Landwirtschaft"; }

/* MALTESISCH (mt) */

  .lang-mt .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-mt .table-label:before { content: "Informazzjoni Nutrizzjonali";text-indent: 0px; float: left; white-space: nowrap; }
  .lang-mt .geringfuegig .group_table:after{ content: "Kuntenta kwantitajiet żgħar ta 'graxxa, aċidi grassi saturati, protina u melħ.";}
  .lang-mt .zutaten:before { content: "Ingredjenti:"; }
  .lang-mt .gase:before { content: "Gassijiet u gassijiet tal-ippakkjar:" }
  .lang-mt .konservierungsstoffe:before { content: "Preservattivi u antiossidanti:" }
  .lang-mt .stabilisatoren:before { content: "Aġenti ta' stabbilizzazzjoni:" }
  .lang-mt .saeureregulatoren:before { content: "Regolaturi tal-aċidità:" }
  .lang-mt .verarbeitungshilfsstoffe:before { content: "jikkuntent" }
  .lang-mt a[href$="/40"]:before { content: "Bisulfite "; font-weight: bold; }
  .lang-mt a[href$="/40"]:after { content: "tal-potassju"; font-weight: normal;}
  .lang-mt #datenblatt legend:before { content: "Data sheet"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-mt #datenblatt .field--name-field-file a:after { content: "Ħlief"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-mt .view-zutaten:after { content: "* mill-biedja organika"; }

/* POLNISCH (pl) */

  .lang-pl .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-pl .table-label:before { content: "Wartości odżywcze" text-indent: 0px; float: left; white-space: nowrap;}
  .lang-pl .geringfuegig .group_table:after{ content: "Zawiera małe ilości tłuszczu, nasyconych kwasów tłuszczowych, białka i soli.";}
  .lang-pl .zutaten:before { content: "Składniki:"; }
  .lang-pl .gase:before { content: "Gazy i gazy pakujące:" }
  .lang-pl .konservierungsstoffe:before { content: "Konserwanty i przeciwutleniacze" }
  .lang-pl .stabilisatoren:before { content: "Środki stabilizujące:" }
  .lang-pl .saeureregulatoren:before { content: "Regulatory kwasowości:" }
  .lang-pl .verarbeitungshilfsstoffe:before { content: "zawiera" }
  .lang-pl a[href$="/40"]:before { content: "Wodorosiarczyn "; font-weight: bold; }
  .lang-pl a[href$="/40"]:after { content: "potasu"; font-weight: normal; }
  .lang-pl #datenblatt legend:before { content: "Arkusz danych"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-pl #datenblatt .field--name-field-file a:after { content: "Ulef";text-indent: 0px; float: left; white-space: nowrap; }
  .bio-present.lang-pl .view-zutaten:after { content: "* z rolnictwa ekologicznego"; }

/* RUMENISCH (ro) */

  .lang-ro .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-ro .table-label:before { content: "Informatii nutritionale" text-indent: 0px; float: left; white-space: nowrap;}
  .lang-ro .geringfuegig .group_table:after{ content: "Conține cantități mici de grăsimi, acizi grași saturați, proteine și sare.";}
  .lang-ro .zutaten:before { content: "Ingrediente:"; }
  .lang-ro .gase:before { content: "Gaze și gaze de ambalare:" }
  .lang-ro .konservierungsstoffe:before { content: "Conservanți și antioxidanți:" }
  .lang-ro .stabilisatoren:before { content: "Agenți stabilizatori:" }
  .lang-ro .saeureregulatoren:before { content: "Regulatori de aciditate:" }
  .lang-ro .verarbeitungshilfsstoffe:before { content: "conține" }
  .lang-ro a[href$="/40"]:before { content: "Bisulfit "; font-weight: bold;}
  .lang-ro a[href$="/40"]:after { content: "de potasiu"; font-weight: normal; }
  .lang-ro #datenblatt legend:before { content: "Fișa cu date"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-ro #datenblatt .field--name-field-file a:after { content: "Salvați"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-ro .view-zutaten:after { content: "* din agricultura ecologică"; }


/* SCHWEDISCH (sv) */

  .lang-sv .table-label, #zutaten legend, #datenblatt legend{ text-indent: -9999px; }
  .lang-sv .table-label:before { content: "Näringsdeklaration" text-indent: 0px; float: left; white-space: nowrap;}
  .lang-sv .geringfuegig .group_table:after{ content: "Innehåller små mängder fett, mättade fettsyror, protein och salt.";}
  .lang-sv .zutaten:before { content: "Ingredienser:"; }
  .lang-sv .gase:before { content: "Gaser och packningsgaser:" }
  .lang-sv .konservierungsstoffe:before { content: "Konserveringsmedel och antioxidanter:" }
  .lang-sv .stabilisatoren:before { content: "Stabiliseringsmedel:" }
  .lang-sv .saeureregulatoren:before { content: "Surhetsreglerande medel:" }
  .lang-sv .verarbeitungshilfsstoffe:before { content: "innehåller" }
  .lang-sv a[href$="/40"]:before { content: "Kaliumbi" }
  .lang-sv a[href$="/40"]:after { content: "sulfit" }
  .lang-sv #datenblatt legend:before { content: "Datablad"; text-indent: 0px; float: left; white-space: nowrap;}
  .lang-sv #datenblatt .field--name-field-file a:after { content: "Spara"; text-indent: 0px; float: left; white-space: nowrap;}
  .bio-present.lang-sv .view-zutaten:after { content: "* från ekologiskt jordbruk"; }

  .bio-present.lang-de .view-zutaten:after { content: "* aus biologischer Landwirtschaft"; }


:lang(de) {
  .field-kj-labor.type-integer.table-row th:before {
    content: "Brennwert";
  }
    
}

html:not([lang=de]) {
    .field-kj-labor.type-integer.table-row th:before {
    content: "Energie";
  }
  
}

html:not([lang=de]) {
.table-desc {
    font-size: 0px !important; }
}


html:not([lang=de]) {
  .table-desc:before {
  content: "⌀ 100 ml"; 
    text-align: center;
    font-size: 15px;}
}

.field--name-field-sonstiges .field__label {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 10px;
}


.geringfuegig .group_table:after{
  content: "Enthält geringfügige Mengen von Fett, gesättigten Fettsäuren, Eiweiß und Salz.";
  hyphens: auto;
  font-size: 14px;
  border: 2px solid;
  display: block;
  margin-top: -18px;
  padding: 6px 8px;
  line-height: 140%;
}

.geringfuegig .field--label-inline .field__items, .geringfuegig .field--label-inline .field__item {
  display: inline-flex;
}

.geringfuegig .field-fett, .geringfuegig .field-eiweiss, .geringfuegig .field-salz, .geringfuegig .field-ges-fettsaeuren {
  display: none;
}

@media print {
    .node--type-weine #main:before {
        content: "";
        display: none;
    }

    .layout-no-sidebars.node--type-weine .node__content {
        max-width: 100%;
        margin: auto;
        margin-top: 0px !important;
        margin-bottom: 0p;
        border: 0px solid #ddd;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0px;
        margin-bottom: 0px;
        border-radius: 0px;
        box-shadow: none;
        background: #fff !important;
        width: 100%;
    }

    .node--type-weine h1 {
        max-width: 100%;
    }

    .layout--twocol {
        width: 100%;
        max-width: 100%
    }

    .layout__region.layout__region--second {
        display: block;
        column-count: 2;
    }

    .node--type-weine .layout__region--top .field--name-field-volumenprozent {
        background: #fff;
    }

    #main-wrapper {
        background: #fff;
    }

    #block-elabels-languagedropdownswitcher {
        display: none;
    }

    #datenblatt {
        display: none;
    }
}

@media (min-width: 991px) {
  .nav-link.nav-link--anmelden {
  border:
1px solid;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-top: 5px;
  margin-left: 5px;
}
}