h2{margin-top:0rem}.intro{margin:2.5rem 0}.form-container{display:flex;align-items:flex-start;gap:2rem;flex-wrap:nowrap}.image img{width:100%;box-shadow:0 4px 8px #0000001a}.form-area{flex:2;display:flex;flex-direction:column}.form-group{flex:1;min-width:250px;display:flex;flex-direction:column;margin-top:1rem}.form-group label{font-size:1rem;color:#555}.form-group input,.form-group select{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{border-color:#007bff;outline:none}.form-group.mandatory:after{content:"*";position:absolute;top:2px;right:5px;color:red;font-size:1.2rem;font-weight:700;pointer-events:none}.contact-info{max-width:800px;margin:0 auto;font-family:Roboto,sans-serif}.contact-info label{font-weight:700;color:#333;margin-bottom:.5rem;display:block}.contact-info input,.contact-info select{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;background-color:#f9f9f9;transition:border-color .3s ease,box-shadow .3s ease}.contact-info input:focus,.contact-info select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.ring-wrapper{display:flex;gap:2rem;margin-bottom:2rem}.ring-block{flex:1;background:#f9f9f9;padding:1rem;box-shadow:0 4px 8px #0000000d;width:377px}.ring-block h3{font-size:1.5rem;margin-bottom:1rem;text-align:center;font-weight:700}.ring-block .form-group{flex:1;overflow:visible}.ring-block .form-group select,.ring-block .form-group input{width:100%;padding:1rem;border:1px solid #ccc;border-radius:4px;font-size:1.1rem}textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1.1rem;margin-top:1rem;resize:vertical}#enable-ring-2{vertical-align:middle;margin-top:-3px}.ring-2-content.disabled{opacity:.4;pointer-events:none}@media (max-width: 768px){.form-container{flex-direction:column;padding:0 1rem}.ring-wrapper{flex-direction:column}.form-area{width:100%}.ring-block{width:100%;max-width:100%}}.ring-options{display:flex;flex-direction:column;width:100%}.form-group label{display:flex;align-items:center;justify-content:space-between;font-size:1.5rem;position:relative}.category_label{padding:0 0 1rem}.color-box{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #ccc;border-radius:3px;background:var(--color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden;font-size:1.1rem;font-weight:700;color:#333}.color-box img{z-index:1;width:100%;height:auto}.color-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;transform:rotate(45deg) translate(0);background:linear-gradient(270deg,rgba(255,255,255,.4) 0%,transparent 100%);background-size:50% 100%;background-position:bottom left;opacity:.7;transition:transform .3s ease}.material-option{text-align:center;display:flex;cursor:pointer;flex-direction:column;align-items:center;margin:1px;position:relative}.profile-option{width:108px;height:65px;margin:2px}.profile-option img{width:100%;height:auto;border:1px solid #ccc;border-radius:3px;background-color:#fdfdfd;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.material-option input[type=radio],.profile-option input[type=radio]{display:none}.material-option input[type=radio]:checked+.color-box,.profile-option input[type=radio]:checked+img{border:2px solid var(--gold-border);box-shadow:0 0 4px #0003;transform:scale(1.03)}.profile-gap{gap:1rem!important}.profile-option:hover img{transform:scale(1.03);border-color:var(--secondary-gold)}.material-option--gelbgold{--color: #FFD700}.material-option--weissgold{--color: #E5E4E2}.material-option--rosegold{--color: #E8A798}.material-option--multicolor{--color: linear-gradient(135deg, #FFD700, #E5E4E2, #B76E79)}.material-option--333{background:linear-gradient(135deg,#fce4aa,#fff3d9)}.material-option--375{background:linear-gradient(135deg,#f9de99,#ffe9b8)}.material-option--585{background:linear-gradient(135deg,#fcd45d,#ffe687)}.material-option--750{background:linear-gradient(135deg,#fcc12e,#ffdb66)}.divider{border:none;border-top:1px solid #ccc;margin:.2rem 0 0}.loupe{position:fixed;width:250px;height:250px;border:2px solid #ccc;border-radius:50%;overflow:hidden;transform:translate(-50%,-50%) scale(0);background-color:#fffc;transition:transform .3s ease,opacity .3s ease;opacity:0;pointer-events:none;z-index:10}.loupe img{position:absolute;width:300%;height:auto;top:-200px;left:-200px;pointer-events:none}.loupe-title{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:5px 0;background-color:#fffc;font-size:12px;font-weight:700;color:#333;z-index:1}@media (max-width: 768px){.loupe{position:fixed;bottom:auto;top:10px;left:auto;transform:scale(0);z-index:10}}#engravingText{width:100%;border:1px solid #ccc;font-size:1rem}.font-options{margin-top:1rem}.font-boxes{display:flex;flex-wrap:wrap;gap:1rem}.font-box{padding:1rem;border:1px solid #ccc;border-radius:5px;text-align:center;cursor:pointer;font-size:1.5rem;transition:all .3s ease;min-width:100px;flex:1 1 calc(20% - 1rem)}.font-box:hover{border-color:#007bff;background-color:#eef5ff}.font-box.selected{border-color:#007bff;background-color:#dceeff}.gravur-preview{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;margin-bottom:1rem;padding:.5rem 1rem;border-radius:5px;background-color:#f9f9f9;max-width:100%}.gravur-preview label{font-size:1.2rem;color:#555;font-weight:600;margin-right:1rem;flex-shrink:0}.gravur-preview-box{width:200px;padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;text-align:center;font-size:1.5rem;color:#333;font-family:Times New Roman;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0}.form-group.notes textarea{height:100px;width:100%;padding:1rem;border:1px solid #ccc;resize:vertical;box-sizing:border-box}.form-group.notes{position:relative}.form-group.notes label{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem}.notes-content{display:none;margin-top:10px}.notes-content.expanded{display:block}.toggle-content{display:flex;flex-wrap:wrap;gap:1.5rem;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease}.toggle-content.expanded{max-height:none;opacity:1;overflow:visible}.form-row{min-height:0;overflow:visible;display:flex}.form-group select{flex:1;min-width:100px;max-width:150px}.form-row.expanded{max-height:1000px;margin:1rem 0}.material-buttons{justify-content:flex-start}.form-group .content{display:none}.form-group.expanded .content{display:flex;flex-wrap:wrap;gap:10px}.material-option:hover .color-box{transform:scale(1.03);border:1px solid rgba(0,0,0,.2)}.toggle-icon{cursor:pointer;font-size:1.2rem;transition:transform .3s ease}.toggle-icon.expanded{transform:rotate(180deg)}.form-row.toggle-content select{margin-top:1rem}.collapsed{max-height:0;opacity:0;overflow:hidden}.expanded{max-height:1000px;opacity:1}.material-option{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.material-option input[type=radio]{position:absolute;opacity:0;pointer-events:auto;z-index:10}.material-option .color-box,.material-option span{pointer-events:none}.bilderupload{margin-top:20px;padding-bottom:20px}.bilderupload h2{font-size:1.5rem;margin-bottom:1rem}.bilderupload .file-upload{display:flex;gap:1rem;margin-bottom:1rem;width:100%}.bilderupload .form-group{flex:1}.bilderupload{width:377px;max-width:100%;margin-left:0;padding:1rem;box-sizing:border-box}.error-messages{color:#dc3545;padding:10px;border:1px solid #dc3545;border-radius:4px;margin:10px 0;display:block}.error-message{margin:5px 0;font-size:.9em}.error-messages:empty{display:none}.upload-status{display:block;margin-top:5px;font-size:.9em}.upload-status[data-invalid]{color:#dc3545}#upload-error-container{background:#fff0f0;border:1px solid #ffcccc;border-radius:4px;padding:10px;margin:10px 0}.upload-box{position:relative;margin-bottom:15px;border:2px dashed #ccc;border-radius:8px;padding:10px;text-align:center;background:#f8f9fa;transition:all .3s ease;min-height:80px;display:flex;align-items:center;justify-content:center}.upload-box:hover{border-color:#999;background:#f1f1f1}.upload-box.valid{border-color:#28a745;background:#f0fff4;border-style:solid}.upload-box.invalid{border-color:#dc3545;background:#fff0f0;border-style:solid}.box-content{pointer-events:none}.upload-icon{font-size:24px;margin-bottom:5px;opacity:.7}.max-size{font-size:.85em;color:#666;display:block}.file-name{margin-top:5px;font-size:.8em;color:#333;max-width:250px;word-break:break-all;margin-left:auto;margin-right:auto}.error-messages{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;padding:1rem;margin:1rem 0}.error-message{color:#b71c1c;margin:.5rem 0}.global-error{font-weight:700;color:#c62828}.upload-box.valid{border-color:#28a745;background:#f0fff4;border-style:solid;animation:valid-pulse .5s ease}.upload-box.invalid{border-color:#dc3545;background:#fff0f0;border-style:solid;animation:invalid-shake .4s ease}@keyframes valid-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes invalid-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}@media (max-width: 768px){.bilderupload{width:100%;padding:1rem 0}}.file-upload label{display:flex;font-size:1.1rem;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;width:100%;cursor:pointer;transition:border-color .3s,background-color .3s;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload label:hover{border-color:#007bff;background-color:#eef5ff}.file-upload input[type=file]{display:none}.file-upload .upload-label{font-size:1rem;color:#333;flex-shrink:1;margin-left:1rem;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload .file-name{font-size:.9rem;color:#007bff;margin-top:.5rem}@media (max-width: 768px){.bilderupload .file-upload{flex-direction:column;gap:.5rem}.file-upload label{padding:.5rem 1rem}}.contact-info input,.contact-info select,.contact-info textarea{width:100%;padding:8px 0;border:none;border-bottom:1px solid #000;border-radius:0;background:transparent;font-size:1.2rem;color:#444;font-weight:400;transition:border-color .3s ease}.contact-info .form-group{position:relative;margin:2rem 0 3rem}.contact-info input:focus,.contact-info select:focus{outline:none;border-bottom:1px solid #000;box-shadow:none}.contact-info .floating-label{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#777;font-weight:300;font-size:1.2rem;pointer-events:none;transition:all .3s ease-in-out;background:transparent}.contact-info input:focus~.floating-label,.contact-info input:not(:placeholder-shown)~.floating-label,.contact-info select:valid~.floating-label{top:-15px;transform:translateY(0);color:#777}.contact-info textarea{resize:vertical;min-height:100px;max-height:200px;padding-top:20px;margin-top:5px;line-height:1.5;overflow-y:auto}.contact-info textarea+label{position:absolute;left:0;top:0;color:#777;font-size:1.2rem;font-weight:300;pointer-events:none;background:#fff;padding-right:10px}.contact-info textarea:focus{outline:none;border-bottom:1px solid #000;box-shadow:none}.contact-info select{-webkit-appearance:none;appearance:none;padding-right:25px!important;background:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 5px center}.contact-info input::placeholder,.contact-info textarea::placeholder{color:#888;opacity:1}.floating-label span{color:red;margin-left:3px;font-weight:700}@media (min-width: 769px){.form-container{justify-content:flex-start;gap:40px}}@media (max-width: 768px){.contact-info-container{max-width:100%;width:100%}.profile-option{width:100px;height:60px;margin:1px}.form-container{flex-direction:column}.image{max-width:100%}.form-group,.form-row,.ring-options,.upload-container{width:100%}.material-options{overflow-x:auto;padding-bottom:1rem}}.toggle-content{font-size:1rem}.toggle-content .material-option span{font-size:1rem!important}.toggle-content .material-option .color-box,.toggle-content .profile-option img,.toggle-content select{font-size:1rem}@media (max-width: 768px){.toggle-content{font-size:1rem}.toggle-content .material-option span{font-size:1rem!important}}.form-container{width:100%;max-width:var(--page-width);margin:0 auto}.ring-wrapper{display:flex;justify-content:space-between;gap:2rem}.ring-block{flex:0 1 30%;order:1}.image{flex:0 1 35%;order:2;align-self:center}#ring-2{order:3}@media (max-width: 768px){.ring-wrapper{flex-direction:column}.ring-block,.image{flex:1 1 100%;order:initial;max-width:100%}.image{order:2}}@media (min-width: 769px){.ring-wrapper{display:flex;justify-content:space-between}.ring-block{flex:0 1 30%;order:2}.image{flex:0 1 35%;order:1}#ring-2{order:3}}@media (max-width: 768px){.ring-wrapper{flex-direction:column}.image{order:-1;margin-bottom:2rem;max-width:100%}#ring-1{order:1}#ring-2{order:2}}.category_label{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.title-wrapper{display:flex;align-items:baseline;gap:4px;flex-grow:1}.selection-display{font-size:.9em;color:#666;font-weight:400;margin-left:6px}.toggle-icon{flex-shrink:0}.title-wrapper{margin-bottom:0}.dropdown-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:150px}.dropdown-title{font-size:1rem;text-align:center;color:#555;width:100%}.form-row.toggle-content{gap:.96rem;justify-content:center}.form-group select{flex:1;min-width:100px;max-width:150px;margin:0}.form-container{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:start;max-width:1400px;margin:0 auto;padding:2rem}.image-column{grid-column:1;position:relative}.main-content-column{grid-column:2;width:377px}.image{position:sticky;top:1rem;height:fit-content}.bilderupload,.contact-info-container,.submit-button{width:100%;max-width:377px;margin-top:2rem}@media (max-width: 768px){.form-container{grid-template-columns:1fr;padding:1rem}.image-column,.main-content-column,.ring2-column{grid-column:1;width:100%;max-width:100%}.image{position:static;max-width:377px;margin:0 auto 2rem}.ring-block{width:100%;max-width:100%}}#ring-1 .toggle-content,#ring-2 .toggle-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease}#ring-1 .toggle-content.expanded,#ring-2 .toggle-content.expanded{max-height:1000px;opacity:1}@media (max-width: 768px){.loupe{position:fixed;bottom:20px;left:50%;top:auto;transform:translate(-50%) scale(0);width:200px;height:200px;z-index:1000}.loupe img{width:250%;top:-120px;left:-100px}.loupe.active{transform:translate(-50%) scale(1)}}.loupe{transition:transform .2s ease,opacity .2s ease;pointer-events:none;touch-action:none}@media (max-width: 768px){.loupe{width:200px;height:200px;transform-origin:center center}.loupe img{width:250%;top:-120px;left:-100px}}@media (max-width: 768px){.loupe{transform-origin:center center;width:200px;height:200px}}.loupe{transform-origin:center center;transition:transform .1s cubic-bezier(.4,0,.2,1),opacity .2s ease}.loupe img{transform-origin:center center}@media (max-width: 768px){.image{position:static!important}}.form-container{display:grid;grid-template-columns:1fr 377px 1fr;gap:2rem;align-items:start}.image-column{grid-column:1;position:sticky;top:20px}.main-content-column{grid-column:2}.ring2-column{grid-column:3}.bilderupload,.contact-info-container{grid-column:1 / -1}@media (max-width: 768px){.form-container{display:flex;flex-direction:column}.image-column{order:1}.main-content-column{order:2}.ring2-column{order:3}.bilderupload{order:4}.contact-info-container{order:5}.submit-button{order:6;margin-top:2rem;width:100%}.image-column{position:static;margin-bottom:2rem}}.bilderupload,.contact-info-container,.submit-button{grid-column:2;width:100%;max-width:377px;justify-self:center}.main-content-column{display:flex;flex-direction:column;gap:2rem}.submit-button{text-align:center}.submit-button button{width:20rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/personalisierungsanfrage-form.css.map */