/** Shopify CDN: Minification failed

Line 134:0 Unexpected "}"
Line 163:16 Expected identifier but found whitespace
Line 163:17 Unexpected "1"
Line 169:0 Unexpected "}"

**/
@media only screen and (max-width: 750px) {
  #tee-gallery {
    height: auto !important;
  }

  .tee-dialog-gallery .tee-dcontent-footer .tee-btn--buynow+.tee-btn,
  .tee-dialog-maps .tee-dcontent-footer .tee-btn:not(.tee-btn--primary),
  .tee-dialog-image-placement .tee-dcontent-footer .tee-btn:not(.tee-btn--primary) {
    background: #F0F0F0;
  }
  
  .tee-dialog-gallery .tee-dcontent-footer .tee-btn--buynow+.tee-btn span,
  .tee-dialog-maps .tee-dcontent-footer .tee-btn:not(.tee-btn--primary) span,
  .tee-dialog-image-placement .tee-dcontent-footer .tee-btn:not(.tee-btn--primary) span {
    color: #252525
  }

  .tee-select-wrapper .tee-field__select {
    color: #252525;
  }
}

/*
dickerer Rand für ausgewählte felder */


.tee-radio input:checked + label {
    border: 3px solid rgba(0, 0, 0, 0.3); /* Etwas dickerer Rand in dezentem Grau */
    transition: border 0.2s ease-in-out;
}


/*
.tee-radio label[title*="40cm x 40cm"] {
    position: relative; /* Stellt sicher, dass das Pseudo-Element sich relativ zum Label positioniert */

.tee-radio label[title*="40cm x 40cm"] {
    position: relative;
}

.tee-radio label[title*="40cm x 40cm"]:before {
    content: "🔥 Bestseller";
    position: absolute;
    top: -18px; /* Direkt über der Variante */
    left: 0; /* Direkt am linken Rand */
    
    font-size: 11px;
    color: white;
    background: #ff9800; /* Orange für bessere Sichtbarkeit */
    font-weight: bold;
    
    padding: 2px 6px;
    border-radius: 4px;
}

.tee-radio label[title*="40cm x 40cm"] {
    border: 2px solid transparent; /* Unsichtbarer Rand, damit die Größe gleich bleibt */
    background: transparent; /* Standard-Hintergrund */
    border-radius: 5px;
    padding: 5px; /* Statische Padding-Größe */
    transition: all 0.2s ease-in-out; /* Sanfter Übergang */
}

.tee-radio input:checked + label[title*="40cm x 40cm"] {
    border-color: #ff9800; /* Orangefarbener Rand wird sichtbar */
    background: rgba(255, 152, 0, 0.1); /* Leichtes Orange als Hintergrund */
}


















.tee-radio label[title*="2er SparPack"] {
    position: relative;
}

.tee-radio label[title*="2er SparPack"]:before {
    content: "🔥 Bestseller";
    position: absolute;
    top: -18px; /* Direkt über der Variante */
    left: 0; /* Direkt am linken Rand */
    
    font-size: 11px;
    color: white;
    background: #ff9800; /* Orange für bessere Sichtbarkeit */
    font-weight: bold;
    
    padding: 2px 6px;
    border-radius: 4px;
}

.tee-radio label[title*="2er SparPack"] {
    border: 2px solid transparent; /* Unsichtbarer Rand, damit die Größe gleich bleibt */
    background: transparent; /* Standard-Hintergrund */
    border-radius: 5px;
    padding: 5px; /* Statische Padding-Größe */
    transition: all 0.2s ease-in-out; /* Sanfter Übergang */
}

.tee-radio input:checked + label[title*="2er SparPack"] {
    border-color: #ff9800; /* Orangefarbener Rand wird sichtbar */
    background: rgba(255, 152, 0, 0.1); /* Leichtes Orange als Hintergrund */
}






/*
.tee-radio label[title*="2er SparPack"] {
    position: relative; /* Stellt sicher, dass das Pseudo-Element sich relativ zum Label positioniert */
}

.tee-radio label[title*="2er SparPack"]:before {
    content: "Bestseller"; /* Fügt den Text "Bestseller" vor das Label ein */
    position: absolute; /* Absolute Positionierung relativ zum Label */
    top: -5px; /* Positioniert das Label leicht über dem Haupttext */
    right: 70px; /* Verschiebt das Label nach rechts für eine bessere Platzierung */
    
    font-size: 14px; /* Setzt eine kleinere, dezente Schriftgröße */
    color: #ffa500; /* Verwendet ein warmes Orange für bessere Lesbarkeit */
    font-weight: 600; /* Macht den Text etwas fetter, aber nicht zu dominant */
    
    border: 1px solid #ffa500; /* Fügt einen schmalen, farblich passenden Rahmen hinzu */
    padding: 2px 5px; /* Fügt etwas Innenabstand für eine bessere Optik hinzu */
    border-radius: 3px; /* Rundet die Ecken leicht ab */
    
    text-align: center; /* Stellt sicher, dass der Text mittig ausgerichtet ist */
    display: inline-block; /* Sorgt dafür, dass das Label korrekt angezeigt wird */
    
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* Fügt einen dezenten Schatten für bessere Sichtbarkeit hinzu */
    
    animation: pulse 1.5s infinite alternate; /* Aktiviert die Puls-Animation */
}

/* Definiert eine sanfte Puls-Animation */
/*
@keyframes pulse {
    0% {
        transform: scale(1); /* Startet mit normaler Größe */
        opacity: 1; /* Volle Sichtbarkeit */
    }
    100% {
        transform: scale(1.1); /* Vergrößert das Label leicht */
        opacity: 0.8; /* Reduziert die Deckkraft leicht für einen sanften Effekt */
    }
}
*/