/* murauerIT Custom CSS 
Datum: 11.07.2026 18:51
CI: Blau #175E9D | Orange #EE6300 | Grau #706F6F */

:root{
  --mi-blue:#175E9D;
  --mi-blue-dark:#0B3158;
  --mi-orange:#EE6300;
  --mi-gray:#706F6F;
  --mi-text:#1F2937;
  --mi-muted:#667085;
  --mi-card:#FFF;
  --mi-border:rgba(23,94,157,.14);
  --mi-shadow:0 18px 50px rgba(16,24,40,.12);
  --mi-radius:18px;
}

/* Basis */
html,body{min-height:100%;background:#F8FBFF!important}
body,.cms-page-main,.page-main{
  background:
    radial-gradient(circle at 0 0,rgba(23,94,157,.12),transparent 36%),
    radial-gradient(circle at 100% 100%,rgba(238,99,0,.08),transparent 34%),
    linear-gradient(180deg,#F8FBFF 0%,#F7F6FB 100%)!important
}
#topnav,.evo-navigation{background:#FFF;border-bottom:2px solid var(--mi-orange)}
.hw-brand-logo{height:50px}
.page-main{width:100%!important;max-width:100%!important}
.cms-page-main{min-height:calc(100vh - 120px)}
.evo-footer,.evo-footer footer{margin-top:0!important}
.cms-section:empty,.cms-element:empty,.hw-promotion-bar{display:none!important}

/* Unterseiten */
.ushero{
  position:relative;min-height:220px;display:flex;align-items:center;
  justify-content:center;overflow:hidden;background-size:cover;
  background-position:center;background-repeat:no-repeat;margin-bottom:40px
}
.ushero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(23,94,157,.88),rgba(23,94,157,.55))
}
.ushero__inner{
  position:relative;z-index:2;width:100%;max-width:1200px;
  padding:20px;text-align:center
}
.ushero h1{
  margin:0;color:#FFF;font-size:clamp(36px,4vw,58px);
  font-weight:800;text-shadow:0 4px 20px rgba(0,0,0,.35)
}
.ushero p{max-width:800px;margin:20px auto 0;color:#FFF;font-size:20px}
.uscontent{max-width:1200px;margin:0 auto 80px;padding:0 20px}
.usbox{
  padding:45px;background:#FFF;border-top:4px solid var(--mi-orange);
  border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08)
}
.usbox h2{margin-top:40px;color:var(--mi-blue)}
.usbox h2:first-child{margin-top:0}
.usbox p,.usbox li{line-height:1.8}
.usbox a{color:var(--mi-blue)}
.usbox a:hover{color:var(--mi-orange)}

/* Allgemeine Komponenten */
.mi-section{position:relative;padding:78px 20px;color:var(--mi-text);box-sizing:border-box}
.mi-container{max-width:1200px;margin:0 auto}
.mi-full-bleed{width:100%}
.mi-eyebrow{
  margin:0 0 12px;color:var(--mi-orange);font-size:.85rem;
  font-weight:800;letter-spacing:.08em;text-transform:uppercase
}
.mi-section h1,.mi-section h2,.mi-section h3{color:#102033;font-weight:800}
.mi-section h1{margin:0 0 22px;font-size:clamp(38px,5vw,70px);line-height:1.03}
.mi-section h2{margin:0 0 18px;font-size:clamp(30px,3.5vw,48px);line-height:1.1}
.mi-section h3{margin:0 0 12px;font-size:1.35rem}
.mi-section p{font-size:1.05rem;line-height:1.65}
.mi-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.mi-actions--center{justify-content:center}
.mi-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:13px 22px;border-radius:12px;font-weight:800;text-decoration:none!important;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease
}
.mi-btn--primary{background:var(--mi-blue);color:#FFF!important;box-shadow:0 12px 28px rgba(23,94,157,.28)}
.mi-btn--primary:hover,.mi-btn--primary:focus{background:var(--mi-orange);color:#111!important}
.mi-btn--ghost{border:2px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);color:#FFF!important}
.mi-btn--ghost:hover,.mi-btn--ghost:focus{background:#FFF;color:var(--mi-blue-dark)!important}
.mi-btn--light{background:#FFF;color:var(--mi-blue-dark)!important}
.underline-orange{
  text-decoration:underline;text-decoration-color:var(--mi-orange);
  text-decoration-thickness:3px;text-underline-offset:5px
}

/* Startseiten-Hero */
.mi-hero{
  min-height:640px;display:flex;align-items:center;overflow:hidden;margin-bottom:0;color:#FFF;
  background:
    linear-gradient(90deg,rgba(5,22,40,.96) 0%,rgba(11,49,88,.88) 48%,rgba(23,94,157,.36) 100%),
    url("https://alt.murauer-it.at/modules/addons/adminpanel/assets/media/library/nord-vps-banner.jpg") center/cover no-repeat
}
.mi-hero::after{
  content:"";position:absolute;inset:auto -10% -35% 30%;height:330px;
  background:radial-gradient(circle,rgba(238,99,0,.22),transparent 60%);pointer-events:none
}
.mi-hero__grid{
  position:relative;z-index:1;display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);
  gap:42px;align-items:center
}
.mi-hero h1,.mi-final-cta h2,.mi-final-cta p{color:#FFF}
.mi-hero .mi-eyebrow,.mi-final-cta .mi-eyebrow{color:#FFB06A}
.mi-lead{max-width:650px;color:rgba(255,255,255,.92);font-size:clamp(1.1rem,1.5vw,1.35rem)!important}
.mi-hero__card{
  padding:24px;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);border-radius:var(--mi-radius);
  backdrop-filter:blur(12px);box-shadow:var(--mi-shadow)
}
.mi-status-card,.mi-mini-grid div,.mi-metric-row div{background:rgba(255,255,255,.92);border-radius:14px}
.mi-status-card{margin-bottom:16px;padding:22px;color:var(--mi-text)}
.mi-status-card p{margin-bottom:0}
.mi-status-card__dot{
  display:inline-block;width:12px;height:12px;margin-right:8px;background:#12B76A;
  border-radius:50%;box-shadow:0 0 0 6px rgba(18,183,106,.16)
}
.mi-mini-grid,.mi-metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mi-mini-grid div,.mi-metric-row div{padding:16px}
.mi-mini-grid strong,.mi-metric-row strong{display:block;color:var(--mi-blue);font-size:1.35rem}
.mi-mini-grid span,.mi-metric-row span{color:var(--mi-muted);font-weight:700}

/* Karten und Leistungen */
.mi-section-head{max-width:760px;margin:0 auto 38px;text-align:center}
.mi-section-head p:not(.mi-eyebrow),.mi-card p,.mi-product-card p,.mi-step p{color:var(--mi-muted)}
.mi-card-grid,.mi-shop-grid,.mi-steps{display:grid;gap:22px}
.mi-card-grid,.mi-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mi-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.mi-card,.mi-product-card,.mi-step,.mi-pricing-hint,.mi-security-panel{
  background:var(--mi-card);border:1px solid var(--mi-border);
  border-radius:var(--mi-radius);box-shadow:0 10px 30px rgba(16,24,40,.07)
}
.mi-card{padding:26px}
.mi-card__icon{
  width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px;
  background:rgba(23,94,157,.08);border-radius:14px;font-size:1.55rem
}
.mi-card a{color:var(--mi-blue);font-weight:800}
.mi-product-card{padding:30px;display:flex;flex-direction:column;align-items:flex-start}
.mi-product-card p{flex:1}
.mi-step{padding:24px}
.mi-step>span{
  width:44px;height:44px;display:grid;place-items:center;margin-bottom:16px;
  background:var(--mi-blue);color:#FFF;border-radius:50%;font-weight:900
}
.mi-step p{margin-bottom:0}
.mi-managed,.mi-security{background:linear-gradient(135deg,#EDF5FF 0%,#FFF 55%,#FFF4EB 100%)}
.mi-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:44px;align-items:center}
.mi-split--reverse{grid-template-columns:minmax(320px,.8fr) minmax(0,1fr)}
.mi-checklist{list-style:none;margin:24px 0 0;padding:0}
.mi-checklist li{position:relative;margin:12px 0;padding-left:32px;font-weight:700}
.mi-checklist li::before{content:"✓";position:absolute;left:0;top:-1px;color:#12B76A;font-weight:900}
.mi-pricing-hint{padding:32px}
.mi-pricing-hint>span,.mi-badge{
  display:inline-flex;margin-bottom:14px;padding:7px 12px;
  background:rgba(238,99,0,.12);color:#B54708;border-radius:999px;font-weight:800
}
.mi-security-panel{
  padding:30px;color:#FFF;
  background:linear-gradient(135deg,rgba(23,94,157,.95),rgba(11,49,88,.98))
}
.mi-security-panel h3{color:#FFF}
.mi-security-list{display:flex;flex-wrap:wrap;gap:12px}
.mi-security-list span{
  padding:10px 14px;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);border-radius:999px;font-weight:800
}
.mi-final-cta{
  text-align:center;color:#FFF;
  background:
    linear-gradient(135deg,rgba(5,22,40,.95),rgba(23,94,157,.88)),
    url("https://alt.murauer-it.at/templates/croster/assets/images/hero-bg1.jpg") center/cover no-repeat
}
.mi-final-cta p:not(.mi-eyebrow){max-width:760px;margin-left:auto;margin-right:auto}

/* Dashboard */
.row:has(.hw-icon-card){row-gap:20px}
.row:has(.hw-icon-card)>.col-md,
.row:has(.hw-icon-card)>.col-md-4{
  flex:0 0 33.333%!important;width:33.333%!important;max-width:33.333%!important;
  margin-bottom:20px!important
}
.hw-icon-card{
  height:100%;overflow:hidden;border:none!important;border-radius:18px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.08)
}
.hw-icon-card .card-body{padding:35px;text-align:center}
.hw-icon-card i{margin-bottom:20px;color:var(--mi-blue);font-size:48px}
.hw-icon-card h3{margin-bottom:10px;color:var(--mi-blue);font-size:36px;font-weight:700}
.hw-icon-card h5{color:var(--mi-gray);font-weight:600}
.hw-icon-card .card-footer{padding:18px;background:#FFF;border-top:1px solid #EEE;text-align:center}
.hw-icon-card .card-footer a{color:var(--mi-blue);font-weight:600;text-decoration:none}
.hw-icon-card .card-footer a:hover{color:var(--mi-orange)}

/* Kontakt */
.cms-element-type-hw-contact-form{margin-bottom:80px}
.cms-element-type-hw-contact-form form{
  padding:35px;background:#FFF;border-top:4px solid var(--mi-orange);
  border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08)
}

/* Domain-Suche */
.cms-element-type-hw-domain-search{margin:20px 0 40px!important}
.hw-domain-search{padding:20px 0 35px!important}
.hw-domain-search .hw-container,.hw-domain-pricelist .hw-container{max-width:1200px;margin:0 auto;padding:0 20px}
.hw-domain-search-form{
  align-items:flex-end;padding:28px!important;background:#FFF;
  border-top:4px solid var(--mi-orange);border-radius:18px;
  box-shadow:0 12px 35px rgba(23,94,157,.12)
}
.hw-domain-search label{margin-bottom:8px;color:var(--mi-blue);font-weight:700}
.hw-domain-search .form-control,
.hw-domain-pricelist-toolbar .form-control,
.hw-domain-pricelist-toolbar .form-select{
  height:52px;padding:12px 16px;border:1px solid rgba(112,111,111,.35);border-radius:10px
}
.hw-domain-search .form-control:focus{border-color:var(--mi-blue);box-shadow:0 0 0 .2rem rgba(23,94,157,.15)}
.hw-domain-search .btn-primary{
  height:52px;background:var(--mi-blue)!important;border-color:var(--mi-blue)!important;
  border-radius:10px;font-weight:700;box-shadow:0 10px 25px rgba(23,94,157,.25)
}
.hw-domain-search .btn-primary:hover,.hw-domain-search .btn-primary:focus{
  background:var(--mi-orange)!important;border-color:var(--mi-orange)!important
}
.hw-domain-search-results{
  min-height:auto!important;height:auto!important;margin:25px 0 20px!important;padding:28px;
  background:#FFF;border-top:4px solid var(--mi-blue);border-radius:18px;
  box-shadow:0 12px 35px rgba(23,94,157,.10)
}
.hw-domain-search-results-title{color:var(--mi-blue);font-weight:800}

/* Domain-Preisliste */
.cms-element-type-hw-domain-pricelist{margin:10px 0 20px!important;padding-bottom:0!important}
.hw-domain-pricelist{margin-bottom:20px!important;padding:10px 0 20px!important}
.hw-domain-pricelist-toolbar{
  display:flex;justify-content:center;align-items:center;margin-bottom:20px;
  padding:15px 20px!important;background:#FFF;border-top:4px solid var(--mi-orange);
  border-radius:18px;box-shadow:0 10px 30px rgba(23,94,157,.10)
}
select[name="domain_selection_category"],.hw-domain-pricelist-toolbar .form-select{display:none!important}
.hw-domain-pricelist-table-wrap{
  overflow:hidden!important;margin-bottom:20px!important;background:#FFF;
  border-top:4px solid var(--mi-blue);border-radius:18px;
  box-shadow:0 12px 35px rgba(23,94,157,.12)
}
.hw-domain-pricelist-table{margin-bottom:0!important}
.hw-domain-pricelist-table thead th{
  padding:18px 20px!important;background:var(--mi-blue)!important;
  color:#FFF!important;border:none!important;font-weight:800
}
.hw-domain-pricelist-table tbody td{padding:16px 20px!important;border-color:rgba(112,111,111,.15)!important}
.hw-domain-pricelist-table tbody tr:nth-child(even) td{background:#F8FBFF}
.hw-domain-pricelist-table tbody tr[data-all]{display:none}
.hw-domain-pricelist-table tbody tr:hover td{
  --bs-table-bg:#EEF5FC!important;--bs-table-accent-bg:#EEF5FC!important;
  background-color:#EEF5FC!important
}
.hw-domain-pricelist-table tbody tr:hover td:first-child{
  color:var(--mi-blue)!important;font-weight:800!important;
  box-shadow:inset 5px 0 0 var(--mi-orange)!important
}
.mi-domain-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0!important}
.mi-domain-pagination button{
  padding:12px 20px;background:var(--mi-blue);color:#FFF;border:0;
  border-radius:10px;font-weight:700
}
.mi-domain-pagination button:hover:not(:disabled){background:var(--mi-orange)}
.mi-domain-pagination button:disabled{opacity:.45;cursor:not-allowed}
.mi-domain-pagination span{color:var(--mi-gray);font-weight:700}

/* Navigation */
.is--global-nav .dropdown-menu{
  right:0;left:auto;min-width:280px;border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.15)
}

/* Blog / Ankündigungen – ohne Bewegungs-Hover */
.col-xl-9 .row>.col-sm-6.col-xxl-4{
  flex:0 0 100%!important;width:100%!important;max-width:100%!important
}
.col-xl-9 .card{
  position:relative;overflow:hidden;margin-bottom:28px!important;background:#FFF;
  border:none!important;border-radius:22px!important;
  box-shadow:0 14px 40px rgba(23,94,157,.12);
  transition:box-shadow .2s ease
}
.col-xl-9 .card::before{
  content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--mi-orange)
}
.col-xl-9 .card:hover{
  transform:none!important;
  box-shadow:0 16px 42px rgba(23,94,157,.15)
}
.col-xl-9 .card-header{
  padding:15px 20px 15px 20px !important;
  background:linear-gradient(135deg,var(--mi-blue),#0F4778)!important;
  border:none!important
}
.col-xl-9 .card-header h4{font-size:clamp(20px,2vw,15px);line-height:1.2;font-weight:800}
.col-xl-9 .card-header h1{font-size:clamp(20px,2vw,15px);line-height:1.2;font-weight:800;color:#FFF !important}
.col-xl-9 .card-header a{color:#FFF!important;text-decoration:none!important}
.col-xl-9 .card-body{padding:28px 30px;color:var(--mi-text)}
.col-xl-9 .card-body p{font-size:17px;line-height:1.75}
.col-xl-9 .card-footer{
  padding:15px 20px 15px 20px !important;background:#F8FBFF;border-top:1px solid rgba(112,111,111,.15)
}
.col-xl-9 .card-footer a{color:var(--mi-blue)!important;font-weight:800;text-decoration:none}
.col-xl-9 .card-footer a:hover{color:var(--mi-orange)!important}

/* Logo-Slider */
.logo-slider{
  --gap:24px;--item-h:56px;--speed:40;
  position:relative;padding:24px 0;user-select:none
}
.logo-slider__viewport{overflow:hidden;max-width:1200px;margin:0 auto}
.logo-slider__track{
  display:flex;align-items:center;justify-content:flex-start;gap:var(--gap);
  margin:0;padding:0;list-style:none;will-change:transform
}
.logo-slider__item{flex:0 0 auto!important;display:flex;align-items:center;justify-content:center}
.logo-slider__item img{
  display:block;width:auto;height:auto;max-height:var(--item-h);
  opacity:.55;transition:opacity .2s ease
}
.logo-slider__item img:hover{opacity:1}
.logo-slider__controls,.logo-slider__btn{display:none!important}

/* Responsive */
@media(max-width:992px){
  .mi-hero__grid,.mi-split,.mi-split--reverse{grid-template-columns:1fr}
  .mi-card-grid,.mi-shop-grid,.mi-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .row:has(.hw-icon-card)>.col-md,
  .row:has(.hw-icon-card)>.col-md-4{
    flex:0 0 50%!important;width:50%!important;max-width:50%!important
  }
}

@media(max-width:768px){
  .ushero{min-height:200px}
  .usbox{padding:25px}
  .mi-section{padding:58px 16px}
  .mi-hero{min-height:auto;padding:80px 0 70px}
  .mi-card-grid,.mi-shop-grid,.mi-steps,.mi-mini-grid,.mi-metric-row{grid-template-columns:1fr}
  .mi-actions,.mi-actions--center{flex-direction:column;align-items:stretch}
  .mi-btn{width:100%}
  .hw-brand-logo{max-width:90px;height:auto}
  .row:has(.hw-icon-card)>.col-md,
  .row:has(.hw-icon-card)>.col-md-4{
    flex:0 0 100%!important;width:100%!important;max-width:100%!important;
    margin-bottom:20px!important
  }
  .hw-icon-card{margin-bottom:20px!important}
  .hw-icon-card .card-body{min-height:auto!important;padding:28px 20px!important}
  .hw-icon-card h3{font-size:38px}
  .hw-icon-card h5{font-size:22px}
  .hw-icon-card i{font-size:70px}
  .hw-domain-search{padding:10px 0 30px!important}
  .hw-domain-search-form{padding:22px!important}
  .hw-domain-search-form-action{margin-top:15px}
  .hw-domain-search .btn-primary{width:100%}
  .hw-domain-pricelist-toolbar{display:block!important}
  .hw-domain-pricelist-toolbar .form-control{width:100%!important;margin-bottom:12px}
  .hw-domain-pricelist-table th,.hw-domain-pricelist-table td{white-space:nowrap}
  .col-xl-9 .card-header,.col-xl-9 .card-body,.col-xl-9 .card-footer{
    padding-left:22px;padding-right:22px
  }
  .logo-slider{--gap:12px;--item-h:44px}
}

@media(prefers-reduced-motion:reduce){
  .mi-btn,.logo-slider__item img{transition:none}
  .logo-slider{--speed:0}
}