/*
Theme Name: Dream Force Media
Theme URI: https://dreamforcemedia.de
Author: Dream Force Media
Author URI: https://dreamforcemedia.de
Description: Individuelles Theme fuer Dream Force Media (Alsfeld). Enthaelt Startseite, Leistungen, Studio Alsfeld, Privatkunden, Referenzen, Ueber uns und Kontakt als Seitenvorlagen.
Version: 1.0
Requires PHP: 7.4
Text Domain: dream-force-media
*/

  html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
  body { margin: 0; background: #0B0B0C; color: #F2F0EC; font-family: 'Hanken Grotesk', Helvetica, Arial, sans-serif; }
  * { box-sizing: border-box; }
  a { color: #F2F0EC; text-decoration: none; }
  a:hover { color: #00fefe; }
  summary { list-style: none; cursor: pointer; }
  summary::-webkit-details-marker { display: none; }
  img { display: block; }
  ::selection { background: #00fefe; color: #0B0B0C; }
  nav[data-nav-desktop] { display: none; }
  button[data-burger] { display: grid; }
  @media (min-width: 1040px) {
    nav[data-nav-desktop] { display: flex !important; }
    button[data-burger] { display: none !important; }
    a[data-cta] { margin-left: 0 !important; }
  }
  @keyframes riseIn { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  @keyframes wipeIn { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
  @keyframes lineGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  @keyframes slowZoom { from { transform: scale(1.08); } to { transform: scale(1); } }
  @keyframes blink { 0%, 45% { opacity: 1; } 55%, 100% { opacity: 0.15; } }


.h0:hover{color:#00fefe !important}
.h1:hover{color:#00fefe !important}
.h2:hover{color:#00fefe !important}
.h3:hover{color:#00fefe !important}
.h4:hover{color:#00fefe !important}
.h5:hover{transform:translateY(-2px) !important;box-shadow:0 10px 30px rgba(0,193,202,.4) !important;color:#FFFFFF !important}
.h6:hover{color:#00fefe !important}
.h7:hover{color:#00fefe !important}
.h8:hover{color:#00fefe !important}
.h9:hover{color:#00fefe !important}
.h10:hover{color:#00fefe !important}
.h11:hover{color:#00fefe !important}
.h12:hover{background:#00c1ca !important;border-color:#00c1ca !important;color:#FFFFFF !important}
.h13:hover{color:#00fefe !important;transform:translateX(12px) !important}
.h14:hover{color:#00fefe !important;transform:translateX(12px) !important}
.h15:hover{color:#00fefe !important;transform:translateX(12px) !important}
.h16:hover{color:#00fefe !important;transform:translateX(12px) !important}
.h17:hover{color:#00fefe !important;transform:translateX(12px) !important}
.h18:hover{color:#00fefe !important;transform:translateX(12px) !important}
.h19:hover{color:#00fefe !important;transform:translateX(12px) !important}
.h20:hover{transform:scale(1.04) !important}
.h21:hover{transform:scale(1.04) !important}
.h22:hover{transform:scale(1.04) !important}
.h23:hover{transform:scale(1.04) !important}
.h24:hover{transform:translateY(-2px) !important;box-shadow:0 14px 34px rgba(0,193,202,.45) !important;color:#FFFFFF !important}
.h25:hover{background:rgba(242,240,236,.08) !important;color:#F2F0EC !important}
.h26:hover{transform:scale(1.04) !important}
.h27:hover{transform:scale(1.04) !important}
.h28:hover{transform:scale(1.04) !important}
.h29:hover{transform:scale(1.04) !important}
.h30:hover{transform:scale(1.04) !important}
.h31:hover{transform:scale(1.04) !important}
.h32:hover{transform:translateY(-3px) !important;box-shadow:0 16px 44px rgba(0,193,202,.45) !important;color:#FFFFFF !important}
.h33:hover{background:rgba(242,240,236,.08) !important;color:#F2F0EC !important}
.h34:hover{color:#00fefe !important}
.h35:hover{color:#00fefe !important}
.h36:hover{color:#00fefe !important}
.h37:hover{color:#00fefe !important}
.h38:hover{color:#00fefe !important}
.h39:hover{transform:translateY(-2px) !important;box-shadow:0 10px 30px rgba(0,193,202,.4) !important;color:#FFFFFF !important}
.h40:hover{color:#00fefe !important}
.h41:hover{color:#00fefe !important}
.h42:hover{color:#00fefe !important}
.h43:hover{color:#00fefe !important}
.h44:hover{color:#00fefe !important}
.h45:hover{color:#00fefe !important}
.h46:hover{transform:translateY(-3px) !important;color:#0B0B0C !important}
.h47:hover{color:#00fefe !important}
.h48:hover{color:#00fefe !important}
.h49:hover{color:#00fefe !important}
.h50:hover{color:#00fefe !important}
.h51:hover{color:#00fefe !important}
.h52:hover{transform:translateY(-2px) !important;box-shadow:0 10px 30px rgba(0,193,202,.4) !important;color:#FFFFFF !important}
.h53:hover{color:#00fefe !important}
.h54:hover{color:#00fefe !important}
.h55:hover{color:#00fefe !important}
.h56:hover{color:#00fefe !important}
.h57:hover{color:#00fefe !important}
.h58:hover{color:#00fefe !important}
.h59:hover{transform:scale(1.05) !important}
.h60:hover{transform:scale(1.05) !important}
.h61:hover{transform:scale(1.05) !important}
.h62:hover{transform:translateY(-3px) !important;box-shadow:0 14px 36px rgba(0,193,202,.45) !important;color:#FFFFFF !important}
.h63:hover{background:rgba(242,240,236,.08) !important;color:#F2F0EC !important}
.h64:hover{color:#00fefe !important}
.h65:hover{color:#00fefe !important}
.h66:hover{color:#00fefe !important}
.h67:hover{color:#00fefe !important}
.h68:hover{color:#00fefe !important}
.h69:hover{transform:translateY(-2px) !important;box-shadow:0 10px 30px rgba(0,193,202,.4) !important;color:#FFFFFF !important}
.h70:hover{color:#00fefe !important}
.h71:hover{color:#00fefe !important}
.h72:hover{color:#00fefe !important}
.h73:hover{color:#00fefe !important}
.h74:hover{color:#00fefe !important}
.h75:hover{color:#00fefe !important}
.h76:hover{transform:translateY(-3px) !important;box-shadow:0 14px 36px rgba(0,193,202,.45) !important;color:#FFFFFF !important}
.h77:hover{background:rgba(0,254,254,.1) !important;color:#00fefe !important}
.h78:hover{background:rgba(242,240,236,.08) !important;color:#F2F0EC !important}
.h79:hover{transform:translateY(-3px) !important;color:#0B0B0C !important}
.h80:hover{background:rgba(255,255,255,.16) !important;color:#FFFFFF !important}
.h81:hover{color:#00fefe !important}
.h82:hover{color:#00fefe !important}
.h83:hover{color:#00fefe !important}
.h84:hover{color:#00fefe !important}
.h85:hover{color:#00fefe !important}
.h86:hover{transform:translateY(-2px) !important;box-shadow:0 10px 30px rgba(0,193,202,.4) !important;color:#FFFFFF !important}
.h87:hover{color:#00fefe !important}
.h88:hover{color:#00fefe !important}
.h89:hover{color:#00fefe !important}
.h90:hover{color:#00fefe !important}
.h91:hover{color:#00fefe !important}
.h92:hover{color:#00fefe !important}
.h93:hover{transform:scale(1.05) !important}
.h94:hover{transform:scale(1.05) !important}
.h95:hover{transform:scale(1.04) !important}
.h96:hover{transform:scale(1.04) !important}
.h97:hover{transform:scale(1.04) !important}
.h98:hover{transform:scale(1.04) !important}
.h99:hover{transform:scale(1.04) !important}
.h100:hover{transform:scale(1.04) !important}
.h101:hover{transform:scale(1.04) !important}
.h102:hover{transform:scale(1.04) !important}
.h103:hover{transform:scale(1.04) !important}
.h104:hover{transform:scale(1.04) !important}
.h105:hover{transform:scale(1.04) !important}
.h106:hover{transform:scale(1.04) !important}
.h107:hover{transform:translateY(-3px) !important;color:#0B0B0C !important}
.h108:hover{color:#00fefe !important}
.h109:hover{color:#00fefe !important}
.h110:hover{color:#00fefe !important}
.h111:hover{color:#00fefe !important}
.h112:hover{color:#00fefe !important}
.h113:hover{transform:translateY(-2px) !important;box-shadow:0 10px 30px rgba(0,193,202,.4) !important;color:#FFFFFF !important}
.h114:hover{color:#00fefe !important}
.h115:hover{color:#00fefe !important}
.h116:hover{color:#00fefe !important}
.h117:hover{color:#00fefe !important}
.h118:hover{color:#00fefe !important}
.h119:hover{color:#00fefe !important}
.h120:hover{transform:translateY(-2px) !important;box-shadow:0 14px 34px rgba(0,193,202,.45) !important;color:#FFFFFF !important}
.h121:hover{background:rgba(0,254,254,.1) !important;color:#00fefe !important}
.h122:hover{color:#00fefe !important}
.h123:hover{color:#00fefe !important}
.h124:hover{color:#00fefe !important}
.h125:hover{color:#00fefe !important}
.h126:hover{color:#00fefe !important}
.h127:hover{transform:translateY(-2px) !important;box-shadow:0 10px 30px rgba(0,193,202,.4) !important;color:#FFFFFF !important}
.h128:hover{color:#00fefe !important}
.h129:hover{color:#00fefe !important}
.h130:hover{color:#00fefe !important}
.h131:hover{color:#00fefe !important}
.h132:hover{color:#00fefe !important}
.h133:hover{color:#00fefe !important}
.h134:hover{transform:translateY(-2px) !important;box-shadow:0 14px 34px rgba(0,193,202,.45) !important}
.h135:focus{border-color:#00fefe !important}
.h136:focus{border-color:#00fefe !important}
.h137:focus{border-color:#00fefe !important}
.h138:focus{border-color:#00fefe !important}
.h139:focus{border-color:#00fefe !important}
.hBook:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,193,202,.45)}