:root {
--birmi-blue: #3152ff;
--birmi-blue-dark: #243bd4;
--birmi-red: #ff174f;
--birmi-ink: #2d2d2d;
--birmi-muted: #6b7280;
--birmi-line: #e7e7ef;
--birmi-bg: #f6f7fc;
--birmi-soft: #ffffff;
--birmi-radius: 24px;
--birmi-shadow: 0 18px 55px rgba(18, 23, 54, .10);
--birmi-panel-height: 850px;
}
.birmi-order { font-family: inherit; color: var(--birmi-ink); max-width: 1260px; margin: 0 auto; padding: 8px 18px 18px; text-align: left; }
.birmi-order * { box-sizing: border-box; }
.birmi-form { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 22px; align-items: start; }
.birmi-form__main { position: relative; display: block; height: var(--birmi-panel-height); }
.birmi-card { background: var(--birmi-soft); border-radius: var(--birmi-radius); box-shadow: var(--birmi-shadow); border: 1px solid rgba(255,255,255,.8); }
.birmi-section { padding: 24px 30px 140px; height: var(--birmi-panel-height) !important; max-height: var(--birmi-panel-height) !important; overflow: hidden; scrollbar-width: thin; }
.birmi-section[hidden] { display: none !important; }
.birmi-section__head { display: grid; grid-template-columns: 56px 1fr; gap: 16px; align-items: start; margin-bottom: 18px; }
.birmi-section__head h3 { margin: 0 0 5px; font-size: clamp(24px, 2.1vw, 32px); line-height: 1.08; text-align: left; color: var(--birmi-ink); }
.birmi-section__head p { margin: 0; color: var(--birmi-muted); line-height: 1.38; font-size: 15px; text-align: left; font-weight: 750; }
.birmi-step { width: 56px; height: 56px; border-radius: 14px; display: inline-grid; place-items: center; background: var(--birmi-blue); color: #fff; font-weight: 900; font-size: 24px; box-shadow: 0 10px 24px rgba(49,82,255,.16); }
.birmi-format, .birmi-repeat, .birmi-submit, .birmi-nav-arrow, .birmi-dot { cursor: pointer; font-family: inherit; transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease; }
.birmi-format-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px; }
.birmi-format { width: 100%; text-align: left; background: #fff; border: 2px solid var(--birmi-line); border-radius: 13px; padding: 11px; color: var(--birmi-ink); display: grid; grid-template-columns: 52px 1fr; grid-template-rows: auto auto auto; gap: 3px 10px; min-height: 108px; align-items: start; }
.birmi-format:hover { transform: translateY(-1px); border-color: #bfc8ff; box-shadow: 0 10px 28px rgba(49,82,255,.11); }
.birmi-format.is-active { border-color: var(--birmi-blue); box-shadow: 0 0 0 4px rgba(49,82,255,.10); }
.birmi-format.is-disabled { cursor: not-allowed; opacity: .84; }
.birmi-format__mock { grid-row: 1 / span 3; width: 46px; height: 66px; border-radius: 0; background: #eef0f5; padding: 5px; display: flex; align-items: flex-start; justify-content: flex-start; overflow: hidden; }
.birmi-format__fill { display: block; width: 100%; background: var(--birmi-blue); border-radius: 0 !important; min-height: 12px; }
.birmi-format strong { display: block; font-size: 17px; margin-bottom: 4px; color: var(--birmi-ink); line-height: 1.15; }
.birmi-format span { display: block; color: var(--birmi-muted); font-size: 13px; line-height: 1.3; font-weight: 750; }
.birmi-format small { display: block; margin-top: 4px; color: #3b3b3b; font-size: 12px; line-height: 1.25; font-weight: 800; }
.birmi-format[data-shape="small"] .birmi-format__fill { width: 50% !important; height: 24%; margin-right: auto; }
.birmi-format[data-shape="sixth"] .birmi-format__fill { width: 50% !important; height: 32%; margin-right: auto; }
.birmi-format[data-shape="quarter-high"] .birmi-format__fill { width: 50% !important; height: 49%; margin-right: auto; }
.birmi-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; }
.birmi-full { grid-column: 1 / -1; }
.birmi-form label { font-weight: 750; color: var(--birmi-ink); text-align: left; }
.birmi-form input, .birmi-form select, .birmi-form textarea { width: 100%; margin-top: 3px; border: 1px solid #d8dbe7; background: #f7f7fa; border-radius: 0; min-height: 32px; padding: 5px 10px; font: inherit; color: var(--birmi-ink); }
.birmi-form textarea { resize: vertical; min-height: 42px; max-height: 60px; }
.birmi-publizieren-order #birmi_pub_content { min-height: 290px; max-height: 290px; }
.birmi-publizieren-order #birmi_pub_sources { min-height: 78px; max-height: 78px; }
.birmi-inquiry-box, .birmi-hint { margin-top: 18px; padding: 16px 18px; background: #f8f8fb; border: 1px solid var(--birmi-line); border-radius: 15px; display: grid; gap: 3px; color: var(--birmi-muted); }
.birmi-inquiry-box strong, .birmi-hint strong { color: var(--birmi-ink); }
.birmi-pub-ad-message { margin-top: 12px; padding: 12px 14px; border-radius: 12px; background: #fff4f4; border: 1px solid #ffd0d0; color: #b42318; font-weight: 800; font-size: 13px; line-height: 1.25; display: block; }
.birmi-upload { display: block; padding: 18px 20px; border: 2px dashed #cdd3ea; border-radius: 17px; background: #fafbff; margin-top: 18px; }
.birmi-upload span { display: block; font-size: 17px; margin-bottom: 10px; color: var(--birmi-blue); font-weight: 900; }
.birmi-upload small { display: block; color: var(--birmi-muted); font-weight: 500; }
.birmi-check { display: flex; gap: 9px; align-items: flex-start; margin-top: 14px; }
.birmi-check input { width: auto; min-height: auto; margin-top: 4px; }
.birmi-check--summary { font-size: 12px; color: var(--birmi-muted); margin-top: 14px; margin-bottom: 5px; line-height: 1.25; }
.birmi-pub-live { display:none !important; }
.birmi-pub-sources { display: block; margin-top: 18px; }
.birmi-repeat-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px; }
.birmi-repeat { width: 100%; text-align: left; background: #fff; border: 2px solid var(--birmi-line); border-radius: 13px; padding: 14px; color: var(--birmi-ink); min-height: 112px; display: flex; flex-direction: column; justify-content: center; }
.birmi-repeat strong { display: block; font-size: 17px; margin-bottom: 4px; color: var(--birmi-ink); line-height: 1.15; }
.birmi-repeat span { display: block; color: var(--birmi-muted); font-size: 14px; line-height: 1.3; }
.birmi-nav { position: absolute; left: 30px; right: 30px; bottom: 24px; z-index: 5; display: grid; grid-template-columns: 104px 1fr 126px; gap: 12px; align-items: center; justify-items: center; max-width: none; margin: 0; }
.birmi-nav-arrow { border: 0; border-radius: 14px; line-height: 1; font-weight: 1000; display: inline-flex; align-items: center; justify-content: center; gap: 10px !important; padding: 0 12px !important; box-shadow: 0 10px 24px rgba(49,82,255,.16); white-space: nowrap; }
.birmi-nav-arrow--prev { width: 92px; height: 46px; background: #eef1ff; color: var(--birmi-blue); font-size: 16px; box-shadow: none; justify-self: start; }
.birmi-nav-arrow--next { width: 118px; height: 58px; background: var(--birmi-blue); color: #fff; font-size: 18px; justify-self: end; }
.birmi-nav-arrow:hover { transform: translateY(-1px); }
.birmi-nav-arrow:disabled { opacity: .22; cursor: not-allowed; box-shadow: none; }
.birmi-nav-symbol { font-size: 0 !important; line-height: 0 !important; width: 13px !important; height: 13px !important; display: inline-block !important; position: relative !important; top: 0 !important; border-right: 4px solid currentColor !important; border-bottom: 4px solid currentColor !important; }
.birmi-nav-arrow--prev .birmi-nav-symbol { transform: rotate(135deg) !important; }
.birmi-nav-arrow--next .birmi-nav-symbol { transform: rotate(-45deg) !important; }
.birmi-nav-label { font-size: 14px !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; padding-top: 1px; font-weight: 900; }
.birmi-progress-dots { display: flex; gap: 8px; align-items: center; justify-content: flex-start; }
.birmi-dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 99px; background: #d5d9e8; }
.birmi-dot.is-active { background: var(--birmi-blue); transform: scale(1.22); }
.birmi-summary { position: sticky; top: 24px; }
.birmi-summary__inner { background: #fff; border-radius: var(--birmi-radius); box-shadow: var(--birmi-shadow); padding: 20px 24px; border: 1px solid rgba(255,255,255,.8); height: var(--birmi-panel-height) !important; max-height: var(--birmi-panel-height) !important; display: flex; flex-direction: column; overflow: hidden; }
.birmi-summary h3 { margin: 0 0 8px; font-size: 25px; text-align: left; color: var(--birmi-ink); }
.birmi-summary dl { margin: 0; display: grid; gap: 5px; }
.birmi-summary dt { color: var(--birmi-muted); font-size: 12px; font-weight: 900; }
.birmi-summary dd { margin: 1px 0 0; font-weight: 850; line-height: 1.16; font-size: 13px; }
.birmi-summary dd small { color: var(--birmi-muted); font-weight: 750; }
.birmi-price { margin-top: 7px; padding-top: 9px; border-top: 1px solid var(--birmi-line); }
.birmi-price small { display: block; color: var(--birmi-muted); margin-bottom: 3px; line-height: 1.25; }
.birmi-price strong { display: block; font-size: 25px; line-height: 1.05; color: var(--birmi-blue); }
.birmi-tax-note { color: var(--birmi-muted); font-size: 12px; margin: 4px 0 4px; font-weight: 800; }
.birmi-submit { width: 100%; background: var(--birmi-red); color: #fff; border: 0; border-radius: 12px; min-height: 42px; padding: 8px 10px; font-size: 12px; line-height: 1.1; font-weight: 900; margin-top: auto; white-space: nowrap; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: none !important; }
.birmi-submit:disabled { opacity: .55; cursor: not-allowed; background: #8e96b8; }
.birmi-form-message { margin: 8px 0 14px; font-weight: 800; line-height: 1.25; font-size: 13px; padding: 12px 14px; border-radius: 12px; }
.birmi-form-message.is-success { color: #087f43; background: #ecfdf3; border: 1px solid #b7ebc8; }
.birmi-form-message.is-error { color: #b42318; background: #fff4f4; border: 1px solid #ffd0d0; }
.birmi-issue-toolbar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.birmi-chip { border: 1px solid #dce1ff; background: #f0f2ff; color: var(--birmi-blue-dark); border-radius: 12px; padding: 9px 13px; font-weight: 850; font-size: 14px; font-family: inherit; cursor: pointer; }
.birmi-chip.is-active { background: var(--birmi-blue); color: #fff; }
.birmi-choice-counter { margin: 0 0 10px; color: var(--birmi-blue-dark); font-weight: 900; font-size: 15px; }
.birmi-choice-counter.is-error { color: #b42318; background: #fff4f4; border: 1px solid #ffd0d0; border-radius: 12px; padding: 9px 12px; }
.birmi-issues { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px; min-height: 0 !important; max-height: calc(var(--birmi-panel-height) - 310px) !important; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 8px !important; padding-bottom: 95px !important; scrollbar-width: thin !important; align-content: start !important; }
.birmi-issues.is-compact { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px; max-height: calc(var(--birmi-panel-height) - 300px) !important; padding-bottom: 110px !important; }
.birmi-issue { width: 100%; text-align: left; background: #fff; border: 2px solid var(--birmi-line); border-radius: 13px; padding: 14px; color: var(--birmi-ink); cursor: pointer; font-family: inherit; transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease; }
.birmi-issue:hover { transform: translateY(-1px); border-color: #bfc8ff; box-shadow: 0 10px 28px rgba(49,82,255,.11); }
.birmi-issue.is-active { border-color: var(--birmi-blue); box-shadow: 0 0 0 4px rgba(49,82,255,.10); }
.birmi-issue strong { display: block; font-size: 17px; margin-bottom: 4px; color: var(--birmi-ink); line-height: 1.15; }
.birmi-issue span { display: block; color: var(--birmi-muted); font-size: 14px; line-height: 1.3; }
.birmi-issue small { display: block; margin-top: 7px; color: #3b3b3b; font-size: 12px; line-height: 1.25; }
.birmi-issues.is-compact .birmi-issue { padding: 9px 10px; min-height: 70px; }
.birmi-issues.is-compact .birmi-issue strong { font-size: 14px; margin-bottom: 2px; }
.birmi-issues.is-compact .birmi-issue span { font-size: 12px; }
.birmi-publizieren-order .birmi-section[data-step="2"] { overflow: hidden !important; }
.birmi-publizieren-order .birmi-section[data-step="3"] { overflow-y: auto !important; }
.birmi-publizieren-order .birmi-section[data-step="3"] .birmi-upload { margin-bottom: 120px; }
.birmi-publizieren-order .birmi-summary dt { font-size: 14px !important; line-height: 1.15; margin: 10px 0 2px; }
.birmi-publizieren-order .birmi-summary dd { margin: 0 0 0 0 !important; padding-left: 0 !important; font-size: 14px !important; line-height: 1.2; font-weight: 850; text-align: left; }
.birmi-publizieren-order .birmi-price { margin-top: 12px; padding-top: 10px; }
.birmi-publizieren-order .birmi-price small { font-size: 14px !important; font-weight: 900; color: var(--birmi-muted); }
.birmi-publizieren-order .birmi-price strong { font-size: 27px !important; }
.birmi-publizieren-order .birmi-tax-note { font-size: 13px !important; line-height: 1.25; }
.birmi-publizieren-order .birmi-check--summary { font-size: 14px !important; line-height: 1.25 !important; }
@media (max-width: 1050px) {
.birmi-form { grid-template-columns: 1fr; }
.birmi-summary { position: static; }
.birmi-form__main { height: auto; }
.birmi-nav { position: static; margin-top: 12px; }
.birmi-summary__inner, .birmi-section { height: auto !important; max-height: none !important; min-height: 0; }
}
@media (max-width: 780px) {
.birmi-order { padding-left: 12px; padding-right: 12px; }
.birmi-section { padding: 20px; border-radius: 22px; }
.birmi-section__head { grid-template-columns: 1fr; }
.birmi-step { width: 48px; height: 48px; font-size: 21px; }
.birmi-issues, .birmi-issues.is-compact, .birmi-format-grid, .birmi-repeat-grid, .birmi-field-grid { grid-template-columns: 1fr !important; }
.birmi-format { grid-template-columns: 56px 1fr; }
.birmi-format__mock { width: 48px; height: 70px; }
.birmi-issues, .birmi-issues.is-compact { max-height: none !important; overflow: visible !important; padding-right: 0 !important; padding-bottom: 0 !important; }
} .birmi-pub-type .birmi-pub-icon{
width:46px;
height:66px;
background:#eef0f5;
padding:10px 9px;
display:flex;
flex-direction:column;
gap:8px;
align-items:flex-start;
justify-content:flex-start;
}
.birmi-pub-type .birmi-pub-icon span{
display:block;
height:8px;
border-radius:99px;
background:var(--birmi-blue);
}
.birmi-pub-type .birmi-pub-icon span:nth-child(1){ width:26px; }
.birmi-pub-type .birmi-pub-icon span:nth-child(2){ width:32px; opacity:.35; }
.birmi-pub-type .birmi-pub-icon span:nth-child(3){ width:24px; opacity:.35; }
.birmi-pub-ad-message[hidden]{ display:none !important; }
.birmi-pub-ad-message{
display:block;
margin-top:14px;
padding:12px 16px;
border-radius:12px;
background:#fff4f4;
border:1px solid #ffc7c7;
color:#b42318;
font-size:14px !important;
line-height:1.3 !important;
font-weight:850;
}
.birmi-editorial-note{
margin:9px 0 0;
color:var(--birmi-muted);
font-size:11px;
line-height:1.35;
font-weight:700;
}
.birmi-publizieren-order .birmi-summary h3{
font-size:23px !important;
margin-bottom:14px !important;
}
.birmi-publizieren-order .birmi-summary dt{
font-size:13px !important;
line-height:1.15;
margin:8px 0 2px;
color:var(--birmi-muted);
font-weight:900;
}
.birmi-publizieren-order .birmi-summary dd{
margin:0 !important;
padding-left:0 !important;
font-size:13px !important;
line-height:1.2;
font-weight:850;
text-align:left;
}
.birmi-publizieren-order .birmi-price{
margin-top:12px;
padding-top:12px;
border-top:1px solid var(--birmi-line);
}
.birmi-publizieren-order .birmi-price small{
font-size:13px !important;
font-weight:900;
}
.birmi-publizieren-order .birmi-price strong{
font-size:24px !important;
}
.birmi-publizieren-order .birmi-tax-note{
font-size:11px !important;
line-height:1.3;
margin:6px 0 0;
}
.birmi-publizieren-order .birmi-check--summary{
font-size:12px !important;
line-height:1.25 !important;
}
.birmi-publizieren-order .birmi-section[data-step="3"] .birmi-upload{
margin-bottom:150px;
}
.birmi-publizieren-order .birmi-section[data-step="4"]{
padding-bottom:160px;
}
.birmi-publizieren-order .birmi-form-message{
margin:0 0 18px;
padding:14px 16px;
border-radius:12px;
font-size:14px;
} .birmi-publizieren-order .birmi-pub-type-grid{
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.birmi-publizieren-order .birmi-pub-type-grid .birmi-format{
grid-template-columns: 46px 1fr;
min-height: 118px;
padding: 11px;
}
.birmi-publizieren-order .birmi-pub-type-grid .birmi-format strong{font-size:16px;}
.birmi-publizieren-order .birmi-pub-type-grid .birmi-format span{font-size:12px;}
.birmi-publizieren-order .birmi-pub-type-grid .birmi-format small{font-size:11px;}
.birmi-publizieren-order .birmi-pub-type-grid .birmi-format__mock{width:40px;height:58px;}
.birmi-publizieren-order .birmi-pub-ad-message[hidden]{display:none!important;}
.birmi-publizieren-order .birmi-check--summary a{color:var(--birmi-blue);text-decoration:underline;text-underline-offset:2px;}
@media (max-width: 1150px){
.birmi-publizieren-order .birmi-pub-type-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
}
@media (max-width: 780px){
.birmi-publizieren-order .birmi-pub-type-grid{grid-template-columns: 1fr !important;}
} .birmi-publizieren-order [data-type-select="inserieren"] .birmi-pub-icon{
position:relative;
}
.birmi-publizieren-order [data-type-select="inserieren"] .birmi-pub-icon span{
display:none !important;
}
.birmi-publizieren-order [data-type-select="inserieren"] .birmi-pub-icon::after{
content:"";
display:block;
width:14px;
height:38px;
background:var(--birmi-blue);
border-radius:1px;
position:absolute;
top:9px;
left:11px;
} .birmi-publizieren-order .birmi-pub-type .birmi-pub-icon{
width:46px !important;
height:66px !important;
background:#eef0f5 !important;
padding:5px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
overflow:visible !important;
border-radius:0 !important;
}
.birmi-publizieren-order .birmi-pub-type .birmi-pub-icon span{
display:block !important;
height:7px !important;
border-radius:999px !important;
background:#b8bfd4 !important;
flex:0 0 auto !important;
opacity:1 !important;
}
.birmi-publizieren-order .birmi-pub-type .birmi-pub-icon span:nth-child(1){
width:82% !important;
height:9px !important;
background:#4154f1 !important;
}
.birmi-publizieren-order .birmi-pub-type .birmi-pub-icon span:nth-child(2){
width:100% !important;
}
.birmi-publizieren-order .birmi-pub-type .birmi-pub-icon span:nth-child(3){
width:68% !important;
align-self:flex-start !important;
margin-left:4px !important;
}
.birmi-publizieren-order [data-type-select="inserieren"] .birmi-pub-icon{
overflow:hidden !important;
}
.birmi-publizieren-order [data-type-select="inserieren"] .birmi-pub-icon span{
display:none !important;
}