/* Doybit Gratiswelt · Premium-Werkzeugseiten v0.47.00 WIP
 * CONSISTENT AND SCOPED: all /gratis/* tools, not the /gratis index.
 * Existing print / A4 / PDF layouts are deliberately left unchanged:
 * visual overrides only apply to SCREEN media.
 * No external fonts, resources, scripts, telemetry or user account changes.
 */
@media screen {
body.dx-gratis-tool-premium {
  --dx-work-ink:#183452;
  --dx-work-blue:#1863d1;
  --dx-work-muted:#526982;
  --dx-work-border:#d6e4f3;
  --dx-work-focus:#3867d9;
}
body.dx-gratis-tool-premium main#main-content{
  position:relative;isolation:isolate;
}
body.dx-gratis-tool-premium .dx-premium-tool-nav{
  box-sizing:border-box;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px;
  max-width:var(--sg-container,1240px);
  padding:13px clamp(13px,2.1vw,23px)!important;
  margin-top:16px!important;margin-bottom:12px!important;
  border:1px solid rgba(207,224,245,.89)!important;
  border-radius:17px;
  background:linear-gradient(110deg,rgba(255,255,255,.96),rgba(239,247,255,.92))!important;
  box-shadow:0 7px 20px rgba(31,80,147,.05)!important;
}
body.dx-gratis-tool-premium .dx-premium-tool-nav>a{
  display:inline-flex;align-items:center;gap:9px;
  min-height:40px;color:#28558c!important;text-decoration:none;
  font-size:13px;font-weight:790;
}
body.dx-gratis-tool-premium .dx-premium-tool-nav>a:hover{text-decoration:underline}
body.dx-gratis-tool-premium .dx-premium-tool-nav svg{width:17px;height:17px;color:#1c67d2}
body.dx-gratis-tool-premium .dx-premium-tool-nav-note{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11px;line-height:1.4;font-weight:790;color:#4d7598;
}
body.dx-gratis-tool-premium .dx-premium-tool-nav-note:before{
  content:"";display:inline-block;width:7px;height:7px;
  flex:0 0 7px;border-radius:50%;background:#23b99c;
  box-shadow:0 0 0 4px rgba(37,193,163,.13);
}
/* Common landing headers. A two-column sgHero on "Vorlagen" and "PraxisPakete"
   keeps the approved original Doybit editorial photo. */
body.dx-gratis-tool-premium :is(.dx-big-hero,.dx-tool-hero,.dx-cv-hero,.dx-free-tool-heading){
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(24px,3.6vw,48px)!important;
  margin-top:0!important;margin-bottom:16px!important;
  border:1px solid #d4e5f7!important;border-radius:27px!important;
  background:
    radial-gradient(circle at 96% 6%,rgba(122,206,255,.26),transparent 44%),
    linear-gradient(120deg,rgba(255,255,255,.98),rgba(237,247,255,.94))!important;
  box-shadow:0 17px 47px rgba(39,94,164,.085),inset 0 1px 0 #fff!important;
}
body.dx-gratis-tool-premium :is(.dx-big-hero,.dx-tool-hero,.dx-cv-hero,.dx-free-tool-heading)::before{
  content:"";position:absolute;right:-35px;bottom:-145px;
  width:310px;height:270px;border-radius:50%;
  pointer-events:none;opacity:.55;
  background:radial-gradient(circle,#bddbff,transparent 67%);
}
body.dx-gratis-tool-premium :is(.dx-big-hero,.dx-tool-hero,.dx-cv-hero,.dx-free-tool-heading)>.sg-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px!important;font-weight:850;letter-spacing:.09em;
  text-transform:uppercase;color:#3565a1!important;
}
body.dx-gratis-tool-premium :is(.dx-big-hero,.dx-tool-hero,.dx-cv-hero,.dx-free-tool-heading)>.sg-kicker:before{
  content:"";width:8px;height:8px;display:inline-block;
  background:#25bd9b;border-radius:50%;
  box-shadow:0 0 0 4px rgba(37,189,155,.13);
}
body.dx-gratis-tool-premium :is(.dx-big-hero,.dx-tool-hero,.dx-cv-hero,.dx-free-tool-heading)>h1{
  position:relative;color:var(--dx-work-ink)!important;
  font-size:clamp(29px,3.85vw,51px)!important;
  line-height:1.12!important;letter-spacing:-.052em!important;
  margin:12px 0 14px!important;max-width:950px;
  text-wrap:balance;
}
body.dx-gratis-tool-premium :is(.dx-big-hero,.dx-tool-hero,.dx-cv-hero,.dx-free-tool-heading)>p{
  position:relative;max-width:860px;
  color:var(--dx-work-muted)!important;
  font-size:clamp(14px,1.35vw,17px)!important;
  line-height:1.75!important;margin:0 0 13px!important;
}
body.dx-gratis-tool-premium .dx-free-trust{
  position:relative;display:flex;flex-wrap:wrap;align-items:center;
  gap:9px 11px;margin-top:22px;
}
body.dx-gratis-tool-premium .dx-free-trust span{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 12px;border:1px solid rgba(196,220,246,.95);
  border-radius:999px;background:rgba(255,255,255,.86);
  color:#326083!important;font-size:11px;font-weight:790;
  box-shadow:0 5px 15px rgba(31,75,142,.04);
}
body.dx-gratis-tool-premium .dx-free-trust svg{
  width:15px;height:15px;color:#128e84;
}
body.dx-gratis-tool-premium .sg-hero.sg-hero-editorial{
  border:1px solid #d6e6f6!important;
  border-radius:27px!important;
  background:linear-gradient(110deg,#fff,rgba(232,245,255,.9))!important;
  box-shadow:0 20px 45px rgba(36,84,154,.08)!important;
}
body.dx-gratis-tool-premium .sg-hero.sg-hero-editorial h1{
  color:#183452!important;letter-spacing:-.055em!important;
}
body.dx-gratis-tool-premium .sg-hero.sg-hero-editorial h1 em{color:#1568d7!important}
body.dx-gratis-tool-premium .sg-hero.sg-hero-editorial .sg-actions .button{
  min-height:45px;border-radius:14px!important;
}
/* Every working panel, regardless of age, uses a single design language. */
body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-cv-preview,.dx-free-form,.dx-free-preview-area,.dx-tool-wide,.dx-free-wide){
  min-width:0;
  padding:clamp(20px,2.45vw,31px)!important;
  border:1px solid var(--dx-work-border)!important;
  border-radius:24px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.99),rgba(246,250,255,.97))!important;
  box-shadow:0 14px 36px rgba(30,78,141,.075),inset 0 1px 0 #fff!important;
}
body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-cv-preview,.dx-free-form,.dx-free-preview-area,.dx-tool-wide,.dx-free-wide)>h2,
body.dx-gratis-tool-premium .dx-free-wide h2{
  color:#203a5d!important;
  font-size:clamp(21px,2vw,27px)!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;line-height:1.2!important;
  margin:0 0 16px!important;text-wrap:balance;
}
body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-free-form)>h3{
  color:#254a7c;font-size:16px;line-height:1.4;
  font-weight:790;letter-spacing:-.02em;
}
body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-free-form) label{
  display:block;font-size:12.5px!important;font-weight:780;
  letter-spacing:0;color:#345371!important;
  margin:16px 0 7px!important;
}
body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-free-form) :is(input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),select,textarea){
  box-sizing:border-box;display:block;
  width:100%;max-width:100%;min-width:0;
  min-height:48px;padding:12px 14px;
  background:#fff!important;border:1px solid #cadbeb!important;
  border-radius:13px!important;
  color:#1b3453!important;box-shadow:0 3px 10px rgba(42,85,150,.025);
  font-size:14px!important;line-height:1.5!important;
}
body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-free-form) :is(textarea){
  min-height:110px;resize:vertical;
}
body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-free-form) :is(input[readonly],textarea[readonly]){
  background:#f5f9ff!important;color:#345476!important;
}
body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-free-form) :is(input,select,textarea,button):focus-visible,
body.dx-gratis-tool-premium .dx-premium-tool-nav a:focus-visible{
  outline:3px solid var(--dx-work-focus)!important;outline-offset:3px!important;
}
body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-free-form) :is(input[type=file]){
  box-sizing:border-box;display:block;
  width:100%;max-width:100%;min-width:0;
  padding:17px!important;margin:9px 0 5px!important;
  border:1.5px dashed #a3c3e8!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#f3f9ff,#e9f3ff)!important;
  color:#375778;font-size:13px!important;
  cursor:pointer;
}
body.dx-gratis-tool-premium input[type=file]::file-selector-button{
  border:1px solid #c6dcf2;border-radius:11px;
  padding:10px 13px;margin-right:12px;min-height:40px;
  color:#225b9f;background:#fff;
  font:750 12px/1.3 system-ui,Arial,sans-serif;
  cursor:pointer;
}
body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-free-form) input[type=range]{
  accent-color:#2466cc;min-height:27px;
}
body.dx-gratis-tool-premium .dx-free-note{
  font-size:12px!important;line-height:1.68!important;
  color:#637992!important;
}
/* Clear action hierarchy, with large touch targets. */
body.dx-gratis-tool-premium :is(.dx-big-actions,.dx-tool-actions,.dx-cv-actions,.dx-free-buttons){
  gap:10px;align-items:stretch;margin-top:22px;
}
body.dx-gratis-tool-premium :is(.dx-big-actions,.dx-tool-actions,.dx-cv-actions,.dx-free-buttons)>.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:11px 18px!important;
  font-size:13px!important;font-weight:780;
  border-radius:13px!important;text-wrap:balance;
}
body.dx-gratis-tool-premium :is(.dx-big-actions,.dx-tool-actions,.dx-cv-actions,.dx-free-buttons)>.button.primary{
  background:linear-gradient(115deg,#087edc,#2453ce)!important;
  border-color:rgba(22,80,178,.36)!important;
  color:white!important;
  box-shadow:0 10px 22px rgba(22,88,194,.17)!important;
}
body.dx-gratis-tool-premium :is(.dx-big-actions,.dx-tool-actions,.dx-cv-actions,.dx-free-buttons)>.button.ghost{
  background:#fff!important;color:#285c96!important;
  border-color:#cbdff2!important;
  box-shadow:0 6px 14px rgba(32,80,148,.045)!important;
}
body.dx-gratis-tool-premium :is(button,[role=button]):disabled{cursor:not-allowed;opacity:.52}
body.dx-gratis-tool-premium :is(.dx-big-status,.dx-tool-status,.dx-cv-status,.dx-free-status){
  font-size:12.5px!important;line-height:1.65!important;
  color:#2c567f!important;
  background:linear-gradient(115deg,#edf6ff,#e9f4ff)!important;
  border:1px solid #cde2f6!important;
  border-radius:14px!important;padding:13px 15px!important;
}
body.dx-gratis-tool-premium :is(.dx-big-status,.dx-tool-status,.dx-cv-status,.dx-free-status)[data-error=true]{
  background:#fff2f2!important;border-color:#e5b8b8!important;color:#8d2d2d!important;
}
body.dx-gratis-tool-premium :is(.dx-big-result,.dx-tool-result,.dx-big-filelist,.dx-text-stats){
  border:1px solid #e1ebf7!important;border-radius:17px!important;
  background:linear-gradient(125deg,#f7fbff,#edf5ff)!important;
  padding:clamp(13px,1.8vw,19px)!important;
  color:#314e70!important;box-sizing:border-box;
}
body.dx-gratis-tool-premium .dx-big-filelist{min-height:65px}
body.dx-gratis-tool-premium .dx-big-filelist li{
  background:#fff!important;border:1px solid #e1e9f4!important;
  border-radius:10px!important;min-height:30px;
}
body.dx-gratis-tool-premium :is(.dx-big-result,.dx-tool-result){line-height:1.7!important}
/* Treat PDF and image previews as the primary product output without
   changing their actual A4 size, orientation, or print template. */
body.dx-gratis-tool-premium :is(.dx-cv-sheet,.dx-letter-sheet,.dx-free-print-card,.dx-cl-sheet,.dx-ws-sheet){
  border-color:#d4e2f2!important;
  box-shadow:0 18px 44px rgba(25,70,120,.13)!important;
}
body.dx-gratis-tool-premium :is(.dx-qr-result,.dx-image-preview,.dx-web-serp,.dx-web-sample){
  border:1px solid #d9e6f4!important;
  background:#fff;box-shadow:0 9px 25px rgba(37,87,148,.075);
}
body.dx-gratis-tool-premium .dx-shift-summary{
  border:1px solid #cce5df!important;border-radius:17px!important;
  background:linear-gradient(115deg,#e9f7ff,#e8fcf5)!important;
}
body.dx-gratis-tool-premium .dx-shift-month{
  border-color:#d7e6f5!important;box-shadow:0 11px 26px rgba(28,72,132,.075)!important;
}
body.dx-gratis-tool-premium .dx-cv-entry{
  border:1px solid #d7e5f5;background:#f4f9ff;border-radius:15px;
}
body.dx-gratis-tool-premium .dx-cv-editor :is(button[data-cv-add],button.dx-cv-entry-remove){
  min-height:44px;
}
body.dx-gratis-tool-premium .dx-free-grid{gap:17px}
body.dx-gratis-tool-premium .dx-free-grid .dx-free-tile{
  border:1px solid #d9e6f4!important;border-radius:22px!important;
  background:linear-gradient(145deg,#fff,#f1f8ff)!important;
  box-shadow:0 13px 32px rgba(32,77,142,.08)!important;
  min-height:220px;
}
body.dx-gratis-tool-premium .dx-free-grid .dx-free-tile h3{color:#1d3a5d!important}
body.dx-gratis-tool-premium .dx-free-wide-pack .dx-free-pack-symbol{
  background:linear-gradient(130deg,#1b83df,#565bdc);
}
}
@media screen and (max-width:1050px){
 body.dx-gratis-tool-premium :is(.dx-big-cols,.dx-tool-columns,.dx-cv-layout,.dx-free-tool-wrap){
   grid-template-columns:minmax(0,1fr)!important;gap:15px!important;
 }
 body.dx-gratis-tool-premium .dx-big-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media screen and (max-width:720px){
 body.dx-gratis-tool-premium .dx-premium-tool-nav{
  margin-top:8px!important;padding:8px 12px!important;
 }
 body.dx-gratis-tool-premium .dx-premium-tool-nav>a{min-height:43px}
 body.dx-gratis-tool-premium :is(.dx-big-hero,.dx-tool-hero,.dx-cv-hero,.dx-free-tool-heading){
   padding:clamp(19px,5vw,25px)!important;border-radius:22px!important;
 }
 body.dx-gratis-tool-premium :is(.dx-big-hero,.dx-tool-hero,.dx-cv-hero,.dx-free-tool-heading)>h1{
   font-size:clamp(27px,7.5vw,37px)!important;
 }
 body.dx-gratis-tool-premium :is(.dx-big-panel,.dx-tool-panel,.dx-cv-editor,.dx-cv-preview,.dx-free-form,.dx-free-preview-area,.dx-tool-wide,.dx-free-wide){
   padding:clamp(17px,4.7vw,23px)!important;border-radius:19px!important;
 }
 body.dx-gratis-tool-premium .dx-big-grid{grid-template-columns:minmax(0,1fr)!important}
 body.dx-gratis-tool-premium :is(.dx-big-actions,.dx-tool-actions,.dx-cv-actions)>.button{
   flex:1 1 100%;min-height:48px!important;
 }
 body.dx-gratis-tool-premium .dx-free-trust{gap:7px;margin-top:16px}
 body.dx-gratis-tool-premium .dx-free-trust span{font-size:10.5px;padding:7px 10px}
 body.dx-gratis-tool-premium .sg-hero.sg-hero-editorial{border-radius:20px!important}
 body.dx-gratis-tool-premium .dx-free-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media screen and (max-width:430px){
 body.dx-gratis-tool-premium .dx-premium-tool-nav-note{display:none}
 body.dx-gratis-tool-premium :is(.dx-big-formgrid,.dx-tool-formgrid,.dx-cv-pair){
   grid-template-columns:minmax(0,1fr)!important;
 }
 body.dx-gratis-tool-premium .dx-big-dl>div{grid-template-columns:1fr}
 body.dx-gratis-tool-premium .dx-premium-tool-nav{border-radius:13px}
}
@media screen and (prefers-reduced-motion:reduce){
 body.dx-gratis-tool-premium :is(button,.button,a){scroll-behavior:auto!important;transition:none!important}
}
/* A4 page printing and PDF exports must never display the new navigation.
   Scoped print exception only – no modifications to document styles. */
@media print{
 body.dx-gratis-tool-premium .dx-premium-tool-nav{display:none!important}
}