/* Datei: widgets/timeline/widget-css.css */

/* Frontend – Grundlayout */
.products-timeline-widget{width:100%;margin:50px 0;}
.products-timeline-widget-info,.products-timeline-widget-timeline{align-self:start;}
.products-timeline{width:100%;margin:0;color:#111820;}
.products-timeline-header{margin-bottom:45px;}
.products-timeline-title{margin:0 0 12px;color:#111820;font-size:32px;line-height:1.2;font-weight:700;}
.products-timeline-subtitle{margin:0 0 14px;color:#4d858d;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:1.5px;}
.products-timeline-intro{margin:0;color:#536477;font-size:17px;line-height:1.7;}
.products-timeline-intro p{margin:0 0 12px;}
.products-timeline-intro p:last-child{margin-bottom:0;}

/* Frontend – Vertikale Timeline */
.products-timeline--vertical .products-timeline-list{position:relative;padding:0 0 0 48px;}
.products-timeline--vertical .products-timeline-list:before{content:"";position:absolute;left:6px;top:11px;bottom:11px;width:2px;background:#ccc;}
.products-timeline--vertical .products-timeline-item{position:relative;padding:0 0 42px;}
.products-timeline--vertical .products-timeline-item:last-child{padding-bottom:0;}
.products-timeline--vertical .products-timeline-marker{position:absolute;left:-53px;top:0;z-index:2;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:50%;background:#4d858d;color:#fff;box-sizing:border-box;font-size:9px;font-weight:700;line-height:1;}
.products-timeline--vertical .products-timeline-content{padding:0;}
.products-timeline--vertical .products-timeline-item-label{margin:0 0 7px;color:#4d858d;font-size:11px;line-height:1.3;font-weight:800;text-transform:uppercase;}
.products-timeline--vertical .products-timeline-item-subtitle{margin:0 0 8px;color:#4d858d;font-size:13px;line-height:1.4;font-weight:600;letter-spacing:1.5px;}
.products-timeline--vertical .products-timeline-item-title{margin:0 0 7px;color:#111820;font-size:19px;line-height:1.25;font-weight:700;}
.products-timeline--vertical .products-timeline-item-text{color:#536477;font-size:16px;line-height:1.7;}
.products-timeline--vertical .products-timeline-item-text p{margin:0 0 12px;}
.products-timeline--vertical .products-timeline-item-text p:last-child{margin-bottom:0;}
.products-timeline--vertical .products-timeline-item-text ul,.products-timeline--vertical .products-timeline-item-text ol{margin:0 0 15px;padding-left:22px;}
.products-timeline--vertical .products-timeline-item-text li{margin-bottom:5px;}
.products-timeline--vertical.products-timeline--marker-bullet .products-timeline-marker{left:-48px;top:4px;width:14px;height:14px;margin:0;background:#4d858d;box-shadow:none;font-size:0;}

/* Frontend – Horizontale Timeline */
.products-timeline--horizontal .products-timeline-list{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding:0;gap:0;}
.products-timeline--horizontal .products-timeline-list:before{content:"";position:absolute;left:31px;right:31px;top:31px;height:2px;background:#ccc;}
.products-timeline--horizontal .products-timeline-item{position:relative;min-width:0;padding:0 15px;}
.products-timeline--horizontal .products-timeline-marker{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin:0 auto 28px;border:1px solid #e2e7eb;border-radius:50%;background:#fff;color:#4d858d;box-sizing:border-box;font-size:16px;font-weight:700;line-height:1;box-shadow:0 8px 24px rgba(24,62,92,.14);}
.products-timeline--horizontal .products-timeline-content{text-align:center;}
.products-timeline--horizontal .products-timeline-item-label{margin:0 0 8px;color:#4d858d;font-size:11px;line-height:1.3;font-weight:800;text-transform:uppercase;}
.products-timeline--horizontal .products-timeline-item-subtitle{margin:0 0 9px;color:#4d858d;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:1.5px;}
.products-timeline--horizontal .products-timeline-item-title{margin:0 0 9px;color:#182b3d;font-size:19px;line-height:1.35;font-weight:700;}
.products-timeline--horizontal .products-timeline-item-text{color:#637487;font-size:15px;line-height:1.65;}
.products-timeline--horizontal .products-timeline-item-text p{margin:0 0 12px;}
.products-timeline--horizontal .products-timeline-item-text p:last-child{margin-bottom:0;}
.products-timeline--horizontal .products-timeline-item-text ul,.products-timeline--horizontal .products-timeline-item-text ol{margin:0 0 15px;padding-left:22px;text-align:left;}
.products-timeline--horizontal .products-timeline-item-text li{margin-bottom:5px;}
.products-timeline--horizontal .products-timeline-list .products-timeline-item:first-child{padding-left:0;}
.products-timeline--horizontal .products-timeline-list .products-timeline-item:last-child{padding-right:0;}
.products-timeline--horizontal.products-timeline--marker-bullet .products-timeline-marker{width:14px;height:14px;margin:24px auto 52px;border:0;border-radius:50%;background:#f98d29;box-shadow:none;font-size:0;}
.products-timeline--horizontal.products-timeline--marker-bullet .products-timeline-list:before{left:7px;right:7px;top:30px;}

/* Frontend – Beratungsbutton */
.products-timeline-consultation{margin-top:28px;}
.products-timeline-consultation .products-faq-contact-button{display:inline-flex;align-items:center;gap:12px;padding:13px 22px;border-radius:8px;background:#f98d29;color:#fff;text-decoration:none;font-size:15px;font-weight:700;line-height:1.2;transition:all .2s ease;}
.products-timeline-consultation .products-faq-contact-button:hover{background:#e77b18;color:#fff;text-decoration:none;}
.products-timeline-consultation .products-faq-contact-button span{font-size:18px;line-height:1;}

/* Admin – Grundlayout */
.products-widget-timeline-admin{width:100%;box-sizing:border-box;}
.products-widget-timeline-admin .products-widget-field{margin:0 0 18px;}
.products-widget-timeline-admin .products-widget-field>label{display:block;margin:0 0 7px;font-weight:600;color:#1d2327;}
.products-widget-timeline-admin input[type="text"],.products-widget-timeline-admin textarea{box-sizing:border-box;}
.products-widget-timeline-admin>.products-widget-field{width:100%;display:block;}

/* Admin – Optionen */
.products-timeline-admin-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;margin:0 0 18px;}
.products-timeline-admin-options .products-timeline-admin-option{min-width:0;margin:0;}
.products-timeline-admin-options .products-timeline-admin-option>label{display:block;margin:0 0 7px;font-weight:600;color:#1d2327;}

/* Admin – Auswahlfelder */
.products-timeline-layout-options{display:flex;flex-wrap:wrap;gap:7px;}
.products-timeline-layout-option{position:relative;display:inline-flex!important;align-items:center;margin:0!important;padding:0!important;cursor:pointer;}
.products-timeline-layout-option input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.products-timeline-layout-option span{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid #d7dce0;border-radius:6px;background:#f6f7f7;color:#3c434a;font-size:13px;font-weight:600;line-height:1.2;box-sizing:border-box;transition:all .15s ease;}
.products-timeline-layout-option:hover span{border-color:#f98d29;color:#f98d29;}
.products-timeline-layout-option input[type="radio"]:checked+span{border-color:#f98d29;background:#f98d29;color:#fff;}
.products-timeline-layout-option input[type="radio"]:focus+span{box-shadow:0 0 0 2px rgba(249,141,41,.2);}

/* Admin – Beratungsbutton */
.products-widget-timeline-admin .products-consultation-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;}
.products-widget-timeline-admin .products-consultation-toggle{display:inline-flex!important;align-items:center;gap:7px;min-height:36px;margin:0!important;padding:0 13px!important;border:1px solid #d7dce0;border-radius:6px;background:#f6f7f7;color:#3c434a;font-size:13px;font-weight:600;cursor:pointer;box-sizing:border-box;white-space:nowrap;}
.products-widget-timeline-admin .products-consultation-toggle:hover{border-color:#f98d29;color:#f98d29;}
.products-widget-timeline-admin .products-consultation-toggle input[type="checkbox"]{margin:0;}
.products-widget-timeline-admin .products-consultation-toggle input[type="checkbox"]:checked{accent-color:#f98d29;}
.products-widget-timeline-admin .products-consultation-text{width:100%;min-width:0!important;margin:0!important;}
.products-widget-timeline-admin .description{display:block;margin-top:6px;}

/* Admin – Timeline-Einträge */
.products-widget-timeline-entries{clear:both;margin-top:25px;padding-top:20px;border-top:1px solid #dcdcde;}
.products-widget-timeline-entries-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px;}
.products-widget-timeline-entries-header strong{font-size:14px;color:#1d2327;}
.products-widget-timeline-entries-header span{font-size:12px;color:#646970;}
.products-widget-timeline-sortable{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;}
.products-widget-timeline-entry{min-width:0;padding:0;border:1px solid #dcdcde;border-radius:8px;background:#fff;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.03);overflow:hidden;}
.products-widget-timeline-entry-header{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border-bottom:1px solid #e5e5e5;background:#f6f7f7;box-sizing:border-box;}
.products-widget-timeline-entry-header strong{font-size:12px;color:#1d2327;flex:1;}
.products-widget-timeline-handle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#8c8f94;font-size:14px;line-height:1;cursor:move;}
.products-widget-timeline-remove{font-size:11px!important;color:#b32d2e!important;text-decoration:none!important;}
.products-widget-timeline-remove:hover{color:#8a2424!important;}
.products-widget-timeline-entry-fields{padding:12px;}
.products-widget-timeline-entry-fields .products-widget-field{margin:0 0 10px;}
.products-widget-timeline-entry-fields .products-widget-field:last-child{margin-bottom:0;}
.products-widget-timeline-entry-fields .products-widget-field>label{display:block;margin:0 0 4px;font-size:11px;font-weight:600;color:#50575e;}
.products-widget-timeline-entry-fields input[type="text"]{width:100%;height:32px;font-size:12px;}
.products-widget-timeline-entry-fields textarea{width:100%;min-height:72px;font-size:12px;resize:vertical;}
.products-widget-timeline-placeholder{min-height:180px;border:1px dashed #f98d29;border-radius:8px;background:rgba(249,141,41,.08);box-sizing:border-box;}

/* Admin – Hinzufügen-Button */
.products-widget-timeline-add{margin-top:12px!important;border-color:#f98d29!important;background:#f98d29!important;color:#fff!important;font-weight:600!important;}
.products-widget-timeline-add:hover{border-color:#e77b18!important;background:#e77b18!important;color:#fff!important;}

/* Responsive */
@media(max-width:991px){
	.products-timeline-widget-info{margin-bottom:35px;}
	.products-timeline-admin-options{grid-template-columns:1fr;}
	.products-widget-timeline-admin .products-consultation-row{flex-wrap:wrap;}
	.products-widget-timeline-admin .products-consultation-text{flex:1 1 200px;}
	.products-widget-timeline-sortable{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:767px){
	.products-timeline-widget{margin:35px 0;}
	.products-timeline-header{margin-bottom:30px;}
	.products-timeline-title{font-size:27px;}
	.products-timeline-intro{font-size:15px;}
	.products-timeline--vertical .products-timeline-list{padding-left:42px;}
	.products-timeline--vertical .products-timeline-list:before{left:0;top:10px;bottom:10px;}
	.products-timeline--vertical .products-timeline-item{padding-bottom:35px;}
	.products-timeline--vertical .products-timeline-marker{left:-52px;width:20px;height:20px;}
	.products-timeline--vertical .products-timeline-item-label{font-size:10px;letter-spacing:2.5px;}
	.products-timeline--vertical .products-timeline-item-subtitle{font-size:12px;}
	.products-timeline--vertical .products-timeline-item-title{font-size:21px;}
	.products-timeline--vertical .products-timeline-item-text{font-size:15px;}
	.products-timeline--vertical.products-timeline--marker-bullet .products-timeline-marker{left:-48px;top:4px;width:12px;height:12px;}
	.products-timeline--horizontal .products-timeline-list{display:block;padding-left:42px;}
	.products-timeline--horizontal .products-timeline-list:before{left:0;right:auto;top:10px;bottom:10px;width:2px;height:auto;}
	.products-timeline--horizontal .products-timeline-item{padding:0 0 35px;}
	.products-timeline--horizontal .products-timeline-marker{position:absolute;left:-52px;top:0;width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;background:#4d858d;color:#fff;font-size:9px;}
	.products-timeline--horizontal .products-timeline-content{text-align:left;}
	.products-timeline--horizontal .products-timeline-item-label{font-size:10px;letter-spacing:2.5px;}
	.products-timeline--horizontal .products-timeline-item-subtitle{font-size:12px;}
	.products-timeline--horizontal .products-timeline-item-title{font-size:21px;}
	.products-timeline--horizontal .products-timeline-item-text{font-size:15px;}
	.products-timeline--horizontal.products-timeline--marker-bullet .products-timeline-marker{left:-48px;top:4px;width:12px;height:12px;margin:0;}
	.products-timeline--horizontal.products-timeline--marker-bullet .products-timeline-list:before{left:0;right:auto;top:10px;bottom:10px;width:2px;height:auto;}
	.products-widget-timeline-sortable{grid-template-columns:1fr;}
	.products-widget-timeline-entries-header{align-items:flex-start;flex-direction:column;gap:3px;}
}

@media(max-width:480px){
	.products-timeline--vertical .products-timeline-list{padding-left:36px;}
	.products-timeline--vertical .products-timeline-marker{left:-44px;width:16px;height:16px;}
	.products-timeline--vertical .products-timeline-item-title,.products-timeline--horizontal .products-timeline-item-title{font-size:19px;}
	.products-timeline--vertical .products-timeline-item-text,.products-timeline--horizontal .products-timeline-item-text{font-size:15px;}
	.products-timeline--vertical.products-timeline--marker-bullet .products-timeline-marker{left:-42px;top:2px;width:12px;height:12px;}
	.products-timeline--horizontal .products-timeline-list{padding-left:36px;}
	.products-timeline--horizontal .products-timeline-marker{left:-44px;width:16px;height:16px;}
	.products-timeline--horizontal.products-timeline--marker-bullet .products-timeline-marker{left:-42px;top:2px;width:12px;height:12px;}
}