body {
  font-family: "Roboto", sans-serif !important;
  /* width: max-content; */
  /* min-width: 610px; */
  /* max-width: 1160px; */
}

main {
  max-width: 964px;
  /* width: 90vw; */
}

.navbar {
  background-color: #2e384d !important;
  min-height: 80px;
  /* padding: 24px 140px; */
  z-index: 1;
}

a:hover {
  color: #4c8cfa !important;
}
.d-contents {
  display: contents;
}

.w-fit-content {
  width: fit-content;
}

/* .header {
} */

.sign-in {
  text-decoration: inherit; /* no underline */
}

.top-text {
  /* min-width: 550px;
  width: 550px; */
}

.curved-line {
  bottom: -10px;
  right: 85px;
}

.mb-32 {
  margin-bottom: 32px;
}
.fs-14 {
  font-size: 14px;
}
.fs-24 {
  font-size: 24px;
}

.fs-32 {
  font-size: 32px;
}
.mb-60 {
  margin-bottom: 60px;
}
.cw {
  color: white;
}

.btn-orange {
  color: white !important;
  background-color: #fa9f4c !important;
  font-size: 14px !important;
}

.btn-orange:hover {
  border-color: black !important;
  color: black !important;
  background-color: #fa9f4c !important;
}

.btn-orange:active {
  border-color: white !important;
  background-color: #fa9f4c !important;
}

.btn-outline-orange {
  border-color: #fa9f4c !important;
  color: #fa9f4c !important;
}

.btn-outline-orange:hover {
  border-color: black !important;
  color: white !important;
  background-color: #fa9f4c !important;
}

.btn-outline-orange:active {
  border-color: white !important;
  background-color: #fa9f4c !important;
  color: white !important;
}

.num-1525 {
  margin-top: 16px;
  margin-left: 5px;
  font-size: 20px;
}

.create {
  width: 120px;
  height: 40px;
}

.get-start {
  width: 164px;
  height: 40px;
}

.w-278 {
  max-width: 278px;
}

.arrow-svg {
  margin-right: 79px;
  margin-bottom: 47px;
}
.arrow-svg button {
  border: none;
  background: none;
  padding: 0;
}
.carousel-item {
  width: fit-content;
}
.pe-91 {
  padding-right: 91px;
}
.right-card {
  width: 50%;
  height: 600px;
  right: 0;
  bottom: 0;
  background-color: #dee3ed;
  opacity: 0.21;
  z-index: -1;
}
.mw-278 {
  max-width: 278px;
}
.images-container {
  animation: rotate 1s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
  /* width: 661px; */
  overflow-x: scroll;
  column-gap: 20px;
  right: 0;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.images-container::-webkit-scrollbar {
  display: none;
}
.images-container img {
  width: 268px;
}
.me-82 {
  margin-right: 82px;
}
.mw-664 {
  max-width: 664px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-80 {
  margin-bottom: 80px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-39 {
  padding-top: 39px;
}
.w-32 {
  width: 32px;
}
.h-449 {
  max-height: 449px;
}
.w-290 {
  width: 290px;
}
.mb-94 {
  margin-bottom: 94px;
}
.cg-16 {
  column-gap: 16px;
}
.wfc {
  width: fit-content;
}
.w-120 {
  width: 120px;
}
.mt-20 {
  margin-top: 20px;
}
.w-51 {
  min-width: 51px;
}
.h-24 {
  height: 24px;
}
.step {
  color: white;
  background-color: #2e384d;
}
.me-10 {
  margin-right: 10px;
}
.mt-58 {
  margin-top: 58px;
}
.w-260 {
  width: 260px;
}
.cg-65 {
  column-gap: 65px;
}
.step-container {
  color: #2e384d;
}
.color-blue {
  color: #4c8cfa;
}
.h-43 {
  height: 43px;
}
.footer {
  background-color: #2e384d;
  color: #ced5e0;
}
#navbarsExample02 a:hover {
  color: #4c8cfa;
}
.create:hover {
  color: black;
}
.h-134 {
  height: 134px;
}
.pre-footer {
  background-color: #d0defb;
  color: #2e384d;
  margin-top: 104px;
}
.pb-32 {
  padding-bottom: 32px;
}
.pre-footer {
  color: #2e384d;
}
.pre-footer a {
  color: #2e384d;
  text-decoration: none;
}
.pre-footer a:hover {
  color: #4c8cfa;
}
.px-140 {
  padding-left: 140px;
  padding-right: 140px;
}
.w-547 {
  width: 247px;
}
.w-460 {
  width: 460px;
}
.fs-13 {
  font-size: 13px;
}
.mt-112 {
  margin-top: 112px;
}
.mt-56 {
  margin-top: 56px;
}
.contact-us {
  color: #fa9f4c;
}
.contact-us:hover {
  color: #4c8cfa;
}
.cg-30 {
  column-gap: 30px;
}
.question {
  color: #777d8b;
}
.mt-104 {
  margin-top: 104px;
}
.w-964 {
  width: 964px;
}
.mb-40 {
  margin-bottom: 40px;
}
.just {
  /* min-width: 526px; */
}
.just-container {
  margin-top: 88px;
  margin-bottom: 88px;
  max-width: 579px;
}
.h-80 {
  height: 80px;
}
.use {
  background-color: #bebfc280;
  width: 218px;
  display: none;
}
.resume-container {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .arrow-svg {
    margin-right: 18px;
    margin-bottom: 47px;
  }
}

@media screen and (max-width: 480px) {
  .mw-366 {
    max-width: 366px;
  }
  .curved-line {
    right: 10px;
  }
}

#simple,
#professional,
#modern,
#creative{
  display: none;
}
/* FINAL CLEANUP 2026-07 */
.qr-drag-handle,.qr-section-tools,.qr-move-buttons{display:none!important}button.down,button[onclick*='Down'],button[onclick*='Up']{display:none!important}.qr-date-input{font:inherit;border:1px solid #4c8cfa;border-radius:6px;padding:4px 6px;background:#fff}


/* QR subtle hero refresh v4 */
.hero-intro {
  position: relative;
  isolation: isolate;
}
.hero-intro::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 270px;
  height: 150px;
  left: 50%;
  top: 38%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249, 115, 67, .12) 0%, rgba(249, 115, 67, 0) 72%);
  pointer-events: none;
}
.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  border: 1px solid rgba(249, 115, 67, .24);
  border-radius: 999px;
  background: rgba(255, 247, 243, .92);
  color: #d85d31;
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: 0 5px 18px rgba(32, 48, 69, .06);
}
.hero-eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f97343;
  box-shadow: 0 0 0 4px rgba(249, 115, 67, .13);
}
.hero-title {
  color: #17233c;
  line-height: 1.22;
  letter-spacing: -.025em;
  text-wrap: balance;
  text-shadow: 0 2px 0 rgba(255,255,255,.9);
}
.hero-title::after {
  content: "";
  display: block;
  width: 78px;
  height: 4px;
  margin: 16px auto 0;
  border-radius: 99px;
  background: linear-gradient(90deg, #f36c38, #ffad74);
  box-shadow: 0 4px 10px rgba(243, 108, 56, .2);
}
.hero-subtitle {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  color: #536279;
  line-height: 1.7;
}
.hero-primary-cta {
  position: relative;
  min-width: 190px;
  min-height: 48px;
  border: 0;
  background: linear-gradient(135deg, #f36c38 0%, #ff884f 100%) !important;
  box-shadow: 0 10px 24px rgba(243, 108, 56, .27);
  font-weight: 700 !important;
  letter-spacing: .01em;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.hero-primary-cta::after {
  content: "→";
  margin-left: 9px;
  font-size: 18px;
  line-height: 1;
  transition: transform .18s ease;
}
.hero-primary-cta:hover,
.hero-primary-cta:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(243, 108, 56, .34);
  filter: saturate(1.05);
}
.hero-primary-cta:hover::after,
.hero-primary-cta:focus-visible::after {
  transform: translateX(3px);
}
@media (max-width: 575.98px) {
  .hero-title { font-size: 28px !important; }
  .hero-title::after { margin-top: 13px; }
  .hero-primary-cta { width: min(100%, 260px); }
}

/* UPDATE 2026-07-07: Die unklare blaue Dekolinie auf der Startseite wird ausgeblendet. */
.hero-title .curved-line,
.curved-line[src*="curved-line.svg"] {
  display: none !important;
}


/* QResume 2026-07-08: Startseiten-Karussell mit allen Vorlagen. */
.images-container{
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding:8px 4px 12px;
}
.home-template-slide{
  flex:0 0 196px;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  text-decoration:none;
  color:#2e384d;
  background:#fff;
  border:1px solid rgba(46,56,77,.11);
  border-radius:16px;
  padding:12px 10px 10px;
  box-shadow:0 10px 26px rgba(33,43,64,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.home-template-slide:hover,
.home-template-slide:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(33,43,64,.13);
  border-color:rgba(76,140,250,.45);
  color:#2e384d;
  outline:none;
}
.images-container .home-template-slide img{
  width:174px;
  max-width:174px;
  height:238px;
  object-fit:contain;
  border-radius:10px;
  background:#f8fafc;
}
.home-template-slide span{
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
}
@media(max-width:768px){.home-template-slide{flex-basis:168px}.images-container .home-template-slide img{width:146px;height:200px}}


/* UPDATE 2026-07-08: Premium-Sterne dürfen beim Scrollen nicht über den oberen Streifen/Navbar laufen. */
body > nav.navbar.position-sticky.top-0 {
  z-index: 2147482500 !important;
  isolation: isolate;
  box-shadow: 0 10px 24px rgba(23,35,60,.12);
}
#all .qr-template-card,
#all .qr-template-preview {
  isolation: auto;
}
#all .qr-premium-star {
  z-index: 1 !important;
}