#adwkc-webdesign-kostenrechner{--adwkc-bg:#f3f7fb;--adwkc-panel:#ffffff;--adwkc-panel-soft:#eef5ff;--adwkc-panel-warm:#fff7ed;--adwkc-dark:#102033;--adwkc-dark-2:#162b44;--adwkc-text:#152033;--adwkc-muted:#4f5f73;--adwkc-border:#c9d8ea;--adwkc-border-strong:#6fa3d8;--adwkc-blue:#1d4f8f;--adwkc-blue-2:#2563eb;--adwkc-violet:#7c3aed;--adwkc-accent:#f97316;--adwkc-success:#166534;--adwkc-danger:#9f1239;width:100%;max-width:100%;min-width:0;margin:36px auto;padding:0;box-sizing:border-box;color:var(--adwkc-text);background:linear-gradient(135deg, #dbeafe 0%, #f5f3ff 45%, #fff7ed 100%);border:1px solid rgba(29, 79, 143, 0.22);border-radius:24px;box-shadow:0 18px 45px rgba(15, 32, 51, 0.18);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;font-size:18px;line-height:1.7;overflow-wrap:break-word;word-break:normal;hyphens:auto;container-type:inline-size;container-name:adwkc-tool;}
#adwkc-webdesign-kostenrechner,
#adwkc-webdesign-kostenrechner * ,
#adwkc-webdesign-kostenrechner *::before,
#adwkc-webdesign-kostenrechner *::after{box-sizing:border-box;min-width:0;}
#adwkc-webdesign-kostenrechner .adwkc-header,
#adwkc-webdesign-kostenrechner .adwkc-benefits,
#adwkc-webdesign-kostenrechner .adwkc-instructions,
#adwkc-webdesign-kostenrechner .adwkc-form,
#adwkc-webdesign-kostenrechner .adwkc-section,
#adwkc-webdesign-kostenrechner .adwkc-fieldset,
#adwkc-webdesign-kostenrechner .adwkc-field,
#adwkc-webdesign-kostenrechner .adwkc-result-grid,
#adwkc-webdesign-kostenrechner .adwkc-result-card,
#adwkc-webdesign-kostenrechner .adwkc-result-analysis,
#adwkc-webdesign-kostenrechner .adwkc-summary-block,
#adwkc-webdesign-kostenrechner .adwkc-checkbox-list,
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item,
#adwkc-webdesign-kostenrechner .adwkc-actions,
#adwkc-webdesign-kostenrechner .adwkc-faq-item{max-width:100%;min-width:0;}
#adwkc-webdesign-kostenrechner .adwkc-header{padding:34px 34px 30px 34px;color:#ffffff;background:linear-gradient(135deg, #102033 0%, #1d4f8f 58%, #7c3aed 100%);border-radius:23px 23px 0 0;border-bottom:5px solid var(--adwkc-accent);box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.16);}
#adwkc-webdesign-kostenrechner .adwkc-eyebrow{display:inline-block;margin:0 0 14px 0 !important;padding:7px 12px;color:#102033;background:#fed7aa;border:1px solid rgba(255, 255, 255, 0.38);border-radius:999px;font-size:16px;line-height:1.4;font-weight:800;letter-spacing:0.3px;text-transform:uppercase;}
#adwkc-webdesign-kostenrechner h2{margin:0 0 18px 0 !important;color:#ffffff !important;font-size:34px !important;line-height:1.18 !important;font-weight:850 !important;letter-spacing:-0.4px;}
#adwkc-webdesign-kostenrechner h3{margin:0 0 18px 0 !important;color:var(--adwkc-dark) !important;font-size:26px !important;line-height:1.25 !important;font-weight:820 !important;letter-spacing:-0.2px;}
#adwkc-webdesign-kostenrechner h4{margin:0 0 14px 0 !important;color:var(--adwkc-dark) !important;font-size:22px !important;line-height:1.3 !important;font-weight:800 !important;}
#adwkc-webdesign-kostenrechner h5{margin:24px 0 10px 0 !important;color:var(--adwkc-blue) !important;font-size:19px !important;line-height:1.35 !important;font-weight:800 !important;}
#adwkc-webdesign-kostenrechner p,
#adwkc-webdesign-kostenrechner li{color:var(--adwkc-text) !important;font-size:18px !important;line-height:1.72 !important;}
#adwkc-webdesign-kostenrechner p{margin:0 0 18px 0 !important;}
#adwkc-webdesign-kostenrechner ul,
#adwkc-webdesign-kostenrechner ol{margin:0 0 18px 0 !important;padding-left:26px !important;}
#adwkc-webdesign-kostenrechner li{margin:0 0 9px 0 !important;padding-left:2px;}
#adwkc-webdesign-kostenrechner .adwkc-header p{color:rgba(255, 255, 255, 0.94) !important;}
#adwkc-webdesign-kostenrechner .adwkc-intro{max-width:100%;font-size:19px !important;line-height:1.7 !important;font-weight:500;}
#adwkc-webdesign-kostenrechner .adwkc-note{margin-top:20px !important;padding:16px 18px;color:#ffffff !important;background:rgba(255, 255, 255, 0.13);border:1px solid rgba(255, 255, 255, 0.28);border-left:6px solid #fed7aa;border-radius:16px;font-size:17px !important;line-height:1.65 !important;}
#adwkc-webdesign-kostenrechner .adwkc-benefits,
#adwkc-webdesign-kostenrechner .adwkc-instructions,
#adwkc-webdesign-kostenrechner .adwkc-section{margin:24px;padding:26px;background:rgba(255, 255, 255, 0.94);border:1px solid var(--adwkc-border);border-radius:20px;box-shadow:0 10px 28px rgba(16, 32, 51, 0.08);}
#adwkc-webdesign-kostenrechner .adwkc-benefits{background:linear-gradient(135deg, #ffffff 0%, #eef5ff 100%);border-left:8px solid var(--adwkc-blue-2);}
#adwkc-webdesign-kostenrechner .adwkc-instructions{background:linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);border-left:8px solid var(--adwkc-accent);}
#adwkc-webdesign-kostenrechner .adwkc-benefit-list,
#adwkc-webdesign-kostenrechner .adwkc-step-list,
#adwkc-webdesign-kostenrechner .adwkc-checklist,
#adwkc-webdesign-kostenrechner .adwkc-cost-drivers,
#adwkc-webdesign-kostenrechner .adwkc-next-steps{list-style-position:outside;}
#adwkc-webdesign-kostenrechner .adwkc-benefit-list li::marker,
#adwkc-webdesign-kostenrechner .adwkc-checklist li::marker{color:var(--adwkc-blue-2);}
#adwkc-webdesign-kostenrechner .adwkc-step-list li::marker,
#adwkc-webdesign-kostenrechner .adwkc-next-steps li::marker{color:var(--adwkc-accent);font-weight:800;}
#adwkc-webdesign-kostenrechner .adwkc-form{margin:0;padding:0 0 6px 0;background:transparent;border:0;}
#adwkc-webdesign-kostenrechner .adwkc-help,
#adwkc-webdesign-kostenrechner .adwkc-section-intro{color:var(--adwkc-muted) !important;font-size:16px !important;line-height:1.65 !important;}
#adwkc-webdesign-kostenrechner .adwkc-section-intro{margin-bottom:22px !important;padding:14px 16px;background:#f8fbff;border:1px solid #d9e6f5;border-radius:14px;}
#adwkc-webdesign-kostenrechner .adwkc-fieldset{margin:24px 0;padding:22px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);border:2px solid #d6e4f4;border-radius:18px;box-shadow:0 8px 20px rgba(16, 32, 51, 0.06);}
#adwkc-webdesign-kostenrechner .adwkc-fieldset legend{display:inline-block;max-width:100%;margin:0;padding:8px 14px;color:#ffffff;background:linear-gradient(135deg, var(--adwkc-blue) 0%, var(--adwkc-violet) 100%);border-radius:999px;font-size:17px !important;line-height:1.4 !important;font-weight:800;white-space:normal;}
#adwkc-webdesign-kostenrechner .adwkc-field{margin:0 0 22px 0;padding:18px;background:#ffffff;border:1px solid #d9e6f5;border-radius:16px;}
#adwkc-webdesign-kostenrechner .adwkc-field:last-child{margin-bottom:0;}
#adwkc-webdesign-kostenrechner label{display:block;margin:0 0 9px 0 !important;color:var(--adwkc-dark) !important;font-size:18px !important;line-height:1.45 !important;font-weight:800 !important;}
#adwkc-webdesign-kostenrechner select,
#adwkc-webdesign-kostenrechner input[type="number"],
#adwkc-webdesign-kostenrechner input[type="text"],
#adwkc-webdesign-kostenrechner input[type="email"],
#adwkc-webdesign-kostenrechner textarea{display:block;width:100%;max-width:100%;min-height:48px;margin:0;padding:12px 14px;color:var(--adwkc-text) !important;background-color:#ffffff !important;border:2px solid #b8cbe2 !important;border-radius:12px !important;box-shadow:inset 0 1px 2px rgba(16, 32, 51, 0.08);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;font-size:18px !important;line-height:1.45 !important;appearance:auto;}
#adwkc-webdesign-kostenrechner textarea{min-height:150px;resize:vertical;overflow:auto;}
#adwkc-webdesign-kostenrechner select:focus,
#adwkc-webdesign-kostenrechner input[type="number"]:focus,
#adwkc-webdesign-kostenrechner input[type="text"]:focus,
#adwkc-webdesign-kostenrechner input[type="email"]:focus,
#adwkc-webdesign-kostenrechner textarea:focus{border-color:var(--adwkc-accent) !important;outline:3px solid rgba(249, 115, 22, 0.32) !important;outline-offset:2px;box-shadow:0 0 0 4px rgba(37, 99, 235, 0.10);}
#adwkc-webdesign-kostenrechner select:hover,
#adwkc-webdesign-kostenrechner input[type="number"]:hover,
#adwkc-webdesign-kostenrechner input[type="text"]:hover,
#adwkc-webdesign-kostenrechner input[type="email"]:hover,
#adwkc-webdesign-kostenrechner textarea:hover{border-color:var(--adwkc-blue-2) !important;}
#adwkc-webdesign-kostenrechner .adwkc-checkbox-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px;}
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:15px 15px;background:#ffffff;border:1px solid #d6e4f4;border-radius:15px;box-shadow:0 5px 14px rgba(16, 32, 51, 0.05);transition:border-color 160ms ease, background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;}
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item:hover{background:#f8fbff;border-color:#94b7df;box-shadow:0 8px 18px rgba(16, 32, 51, 0.08);transform:translateY(-1px);}
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item input[type="checkbox"]{flex:0 0 auto;width:24px;height:24px;min-width:24px;margin:2px 0 0 0;accent-color:var(--adwkc-blue-2);cursor:pointer;}
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item label{margin:0 !important;color:var(--adwkc-text) !important;font-size:18px !important;line-height:1.5 !important;font-weight:650 !important;cursor:pointer;}
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item input[type="checkbox"]:focus{outline:3px solid rgba(249, 115, 22, 0.38) !important;outline-offset:3px;}
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item:has(input[type="checkbox"]:checked){background:linear-gradient(135deg, #eef5ff 0%, #f5f3ff 100%);border-color:var(--adwkc-blue-2);box-shadow:0 8px 20px rgba(37, 99, 235, 0.13);}
#adwkc-webdesign-kostenrechner .adwkc-result-section{background:linear-gradient(135deg, #102033 0%, #162b44 100%);border:1px solid rgba(255, 255, 255, 0.20);border-left:8px solid var(--adwkc-accent);box-shadow:0 16px 38px rgba(16, 32, 51, 0.22);}
#adwkc-webdesign-kostenrechner .adwkc-result-section h3,
#adwkc-webdesign-kostenrechner .adwkc-result-section h4,
#adwkc-webdesign-kostenrechner .adwkc-result-section h5{color:#ffffff !important;}
#adwkc-webdesign-kostenrechner .adwkc-result-section p,
#adwkc-webdesign-kostenrechner .adwkc-result-section li,
#adwkc-webdesign-kostenrechner .adwkc-result-section label{color:rgba(255, 255, 255, 0.92) !important;}
#adwkc-webdesign-kostenrechner .adwkc-result-section .adwkc-section-intro,
#adwkc-webdesign-kostenrechner .adwkc-result-section .adwkc-help{color:#dbeafe !important;background:rgba(255, 255, 255, 0.10);border-color:rgba(255, 255, 255, 0.18);}
#adwkc-webdesign-kostenrechner .adwkc-result-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:22px 0;}
#adwkc-webdesign-kostenrechner .adwkc-result-card{padding:22px;background:linear-gradient(145deg, #ffffff 0%, #eef5ff 100%);border:1px solid rgba(255, 255, 255, 0.72);border-top:5px solid var(--adwkc-accent);border-radius:18px;box-shadow:0 12px 26px rgba(0, 0, 0, 0.16);}
#adwkc-webdesign-kostenrechner .adwkc-result-card h4{color:var(--adwkc-dark) !important;font-size:21px !important;}
#adwkc-webdesign-kostenrechner .adwkc-result-card p{color:var(--adwkc-text) !important;}
#adwkc-webdesign-kostenrechner .adwkc-result-value{margin:0 0 12px 0 !important;}
#adwkc-webdesign-kostenrechner output,
#adwkc-webdesign-kostenrechner .adwkc-result-value output{display:block;max-width:100%;color:var(--adwkc-blue) !important;font-size:25px !important;line-height:1.28 !important;font-weight:900 !important;letter-spacing:-0.3px;overflow-wrap:break-word;word-break:normal;}
#adwkc-webdesign-kostenrechner .adwkc-result-help{margin:0 !important;color:var(--adwkc-muted) !important;font-size:16px !important;line-height:1.6 !important;}
#adwkc-webdesign-kostenrechner .adwkc-result-analysis,
#adwkc-webdesign-kostenrechner .adwkc-summary-block{margin-top:22px;padding:22px;background:rgba(255, 255, 255, 0.10);border:1px solid rgba(255, 255, 255, 0.24);border-radius:18px;}
#adwkc-webdesign-kostenrechner .adwkc-result-status{padding:16px 18px;background:rgba(255, 255, 255, 0.14);border:1px solid rgba(255, 255, 255, 0.24);border-left:6px solid #fed7aa;border-radius:14px;font-size:18px !important;line-height:1.65 !important;}
#adwkc-webdesign-kostenrechner .adwkc-summary-block textarea{color:#102033 !important;background:#ffffff !important;border-color:#fed7aa !important;font-size:17px !important;line-height:1.58 !important;}
#adwkc-webdesign-kostenrechner .adwkc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
#adwkc-webdesign-kostenrechner .adwkc-button,
#adwkc-webdesign-kostenrechner button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:12px 18px;color:#ffffff !important;background:linear-gradient(135deg, var(--adwkc-accent) 0%, #ea580c 100%) !important;border:2px solid rgba(255, 255, 255, 0.20) !important;border-radius:999px !important;box-shadow:0 10px 20px rgba(249, 115, 22, 0.24);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;font-size:18px !important;line-height:1.45 !important;font-weight:800 !important;text-align:center;text-decoration:none !important;cursor:pointer;transition:transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;}
#adwkc-webdesign-kostenrechner .adwkc-button-secondary{color:#ffffff !important;background:linear-gradient(135deg, #1d4f8f 0%, #2563eb 100%) !important;box-shadow:0 10px 20px rgba(37, 99, 235, 0.20);}
#adwkc-webdesign-kostenrechner .adwkc-button:hover,
#adwkc-webdesign-kostenrechner button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 14px 26px rgba(16, 32, 51, 0.22);}
#adwkc-webdesign-kostenrechner .adwkc-button:focus,
#adwkc-webdesign-kostenrechner button:focus{outline:3px solid rgba(254, 215, 170, 0.95) !important;outline-offset:3px;}
#adwkc-webdesign-kostenrechner .adwkc-button:active,
#adwkc-webdesign-kostenrechner button:active{transform:translateY(0);box-shadow:0 7px 16px rgba(16, 32, 51, 0.18);}
#adwkc-webdesign-kostenrechner .adwkc-faq-item{margin:14px 0;background:#ffffff;border:1px solid #d6e4f4;border-radius:16px;box-shadow:0 7px 18px rgba(16, 32, 51, 0.06);}
#adwkc-webdesign-kostenrechner .adwkc-faq-item summary{min-height:48px;padding:16px 18px;color:var(--adwkc-dark) !important;background:linear-gradient(135deg, #eef5ff 0%, #ffffff 100%);border-radius:16px;font-size:18px !important;line-height:1.5 !important;font-weight:800 !important;cursor:pointer;overflow-wrap:break-word;}
#adwkc-webdesign-kostenrechner .adwkc-faq-item[open] summary{border-bottom:1px solid #d6e4f4;border-radius:16px 16px 0 0;}
#adwkc-webdesign-kostenrechner .adwkc-faq-item summary:focus{outline:3px solid rgba(249, 115, 22, 0.32) !important;outline-offset:3px;}
#adwkc-webdesign-kostenrechner .adwkc-faq-item p{padding:18px 18px 20px 18px;margin:0 !important;}
#adwkc-webdesign-kostenrechner a{color:#0f4c9b !important;font-size:18px !important;line-height:1.6 !important;text-decoration:underline !important;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700;}
#adwkc-webdesign-kostenrechner a:hover{color:#7c2d12 !important;text-decoration-thickness:3px;}
#adwkc-webdesign-kostenrechner a:focus{color:#7c2d12 !important;outline:3px solid rgba(249, 115, 22, 0.38) !important;outline-offset:3px;border-radius:4px;}
#adwkc-webdesign-kostenrechner table{display:block;width:100%;max-width:100%;margin:20px 0;border-collapse:collapse;border-spacing:0;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#ffffff;border:1px solid #d6e4f4;border-radius:14px;}
#adwkc-webdesign-kostenrechner thead,
#adwkc-webdesign-kostenrechner tbody,
#adwkc-webdesign-kostenrechner tr{width:100%;max-width:100%;}
#adwkc-webdesign-kostenrechner th,
#adwkc-webdesign-kostenrechner td{padding:12px 14px;color:var(--adwkc-text) !important;border:1px solid #d6e4f4;font-size:16px !important;line-height:1.55 !important;text-align:left;vertical-align:top;overflow-wrap:break-word;word-break:normal;}
#adwkc-webdesign-kostenrechner th{color:#ffffff !important;background:var(--adwkc-dark);font-weight:800;}
#adwkc-webdesign-kostenrechner caption{padding:12px 0;color:var(--adwkc-dark) !important;font-size:17px !important;line-height:1.45 !important;font-weight:800;text-align:left;}
#adwkc-webdesign-kostenrechner #toc_container,
#adwkc-webdesign-kostenrechner .toc_container,
#adwkc-webdesign-kostenrechner #ez-toc-container,
#adwkc-webdesign-kostenrechner .ez-toc-container,
#adwkc-webdesign-kostenrechner .lwptoc,
#adwkc-webdesign-kostenrechner .rank-math-toc,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block{width:100% !important;max-width:100% !important;min-width:0 !important;margin:22px 0 !important;padding:18px !important;color:var(--adwkc-text) !important;background:#ffffff !important;border:2px solid #b8cbe2 !important;border-left:7px solid var(--adwkc-blue-2) !important;border-radius:16px !important;box-shadow:0 8px 20px rgba(16, 32, 51, 0.08) !important;font-size:16px !important;line-height:1.6 !important;overflow-wrap:break-word;word-break:normal;hyphens:auto;}
#adwkc-webdesign-kostenrechner #toc_container p,
#adwkc-webdesign-kostenrechner .toc_container p,
#adwkc-webdesign-kostenrechner #ez-toc-container p,
#adwkc-webdesign-kostenrechner .ez-toc-container p,
#adwkc-webdesign-kostenrechner .lwptoc p,
#adwkc-webdesign-kostenrechner .rank-math-toc p,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block p{color:var(--adwkc-text) !important;font-size:16px !important;line-height:1.6 !important;}
#adwkc-webdesign-kostenrechner #toc_container ul,
#adwkc-webdesign-kostenrechner .toc_container ul,
#adwkc-webdesign-kostenrechner #ez-toc-container ul,
#adwkc-webdesign-kostenrechner .ez-toc-container ul,
#adwkc-webdesign-kostenrechner .lwptoc ul,
#adwkc-webdesign-kostenrechner .rank-math-toc ul,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block ul,
#adwkc-webdesign-kostenrechner #toc_container ol,
#adwkc-webdesign-kostenrechner .toc_container ol,
#adwkc-webdesign-kostenrechner #ez-toc-container ol,
#adwkc-webdesign-kostenrechner .ez-toc-container ol,
#adwkc-webdesign-kostenrechner .lwptoc ol,
#adwkc-webdesign-kostenrechner .rank-math-toc ol,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block ol{margin:8px 0 0 0 !important;padding-left:24px !important;font-size:16px !important;line-height:1.6 !important;}
#adwkc-webdesign-kostenrechner #toc_container li,
#adwkc-webdesign-kostenrechner .toc_container li,
#adwkc-webdesign-kostenrechner #ez-toc-container li,
#adwkc-webdesign-kostenrechner .ez-toc-container li,
#adwkc-webdesign-kostenrechner .lwptoc li,
#adwkc-webdesign-kostenrechner .rank-math-toc li,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block li{color:var(--adwkc-text) !important;font-size:16px !important;line-height:1.6 !important;margin-bottom:7px !important;}
#adwkc-webdesign-kostenrechner #toc_container a,
#adwkc-webdesign-kostenrechner .toc_container a,
#adwkc-webdesign-kostenrechner #ez-toc-container a,
#adwkc-webdesign-kostenrechner .ez-toc-container a,
#adwkc-webdesign-kostenrechner .lwptoc a,
#adwkc-webdesign-kostenrechner .rank-math-toc a,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block a{color:#0f4c9b !important;background:transparent !important;font-size:16px !important;line-height:1.6 !important;font-weight:750 !important;text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:3px !important;opacity:1 !important;visibility:visible !important;}
#adwkc-webdesign-kostenrechner #toc_container a:hover,
#adwkc-webdesign-kostenrechner .toc_container a:hover,
#adwkc-webdesign-kostenrechner #ez-toc-container a:hover,
#adwkc-webdesign-kostenrechner .ez-toc-container a:hover,
#adwkc-webdesign-kostenrechner .lwptoc a:hover,
#adwkc-webdesign-kostenrechner .rank-math-toc a:hover,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block a:hover{color:#7c2d12 !important;text-decoration-thickness:3px !important;}
#adwkc-webdesign-kostenrechner #toc_container a:focus,
#adwkc-webdesign-kostenrechner .toc_container a:focus,
#adwkc-webdesign-kostenrechner #ez-toc-container a:focus,
#adwkc-webdesign-kostenrechner .ez-toc-container a:focus,
#adwkc-webdesign-kostenrechner .lwptoc a:focus,
#adwkc-webdesign-kostenrechner .rank-math-toc a:focus,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block a:focus{color:#7c2d12 !important;outline:3px solid rgba(249, 115, 22, 0.45) !important;outline-offset:3px !important;border-radius:4px;}
#adwkc-webdesign-kostenrechner #toc_container .toc_title,
#adwkc-webdesign-kostenrechner .toc_container .toc_title,
#adwkc-webdesign-kostenrechner #ez-toc-container .ez-toc-title,
#adwkc-webdesign-kostenrechner .ez-toc-container .ez-toc-title,
#adwkc-webdesign-kostenrechner .lwptoc .lwptoc_title,
#adwkc-webdesign-kostenrechner .rank-math-toc nav,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block nav{color:var(--adwkc-dark) !important;font-size:18px !important;line-height:1.45 !important;font-weight:850 !important;}
#adwkc-webdesign-kostenrechner noscript p{padding:16px 18px;color:#7c2d12 !important;background:#fff7ed;border:1px solid #fed7aa;border-left:6px solid var(--adwkc-accent);border-radius:14px;font-size:17px !important;line-height:1.65 !important;}
@container adwkc-tool (min-width: 780px) {
#adwkc-webdesign-kostenrechner .adwkc-checkbox-list{grid-template-columns:1fr 1fr;}
#adwkc-webdesign-kostenrechner .adwkc-actions{align-items:center;}
}
@media(max-width:900px){
#adwkc-webdesign-kostenrechner{margin:28px auto;font-size:17px;border-radius:20px;}
#adwkc-webdesign-kostenrechner .adwkc-header{padding:28px 24px 26px 24px;border-radius:19px 19px 0 0;}
#adwkc-webdesign-kostenrechner h2{font-size:31px !important;line-height:1.22 !important;}
#adwkc-webdesign-kostenrechner h3{font-size:25px !important;}
#adwkc-webdesign-kostenrechner h4{font-size:21px !important;}
#adwkc-webdesign-kostenrechner h5{font-size:18px !important;}
#adwkc-webdesign-kostenrechner p,
#adwkc-webdesign-kostenrechner li,
#adwkc-webdesign-kostenrechner label,
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item label,
#adwkc-webdesign-kostenrechner .adwkc-faq-item summary,
#adwkc-webdesign-kostenrechner a{font-size:17px !important;}
#adwkc-webdesign-kostenrechner .adwkc-intro{font-size:18px !important;}
#adwkc-webdesign-kostenrechner .adwkc-help,
#adwkc-webdesign-kostenrechner .adwkc-section-intro,
#adwkc-webdesign-kostenrechner .adwkc-result-help{font-size:16px !important;}
#adwkc-webdesign-kostenrechner .adwkc-benefits,
#adwkc-webdesign-kostenrechner .adwkc-instructions,
#adwkc-webdesign-kostenrechner .adwkc-section{margin:20px;padding:22px;}
#adwkc-webdesign-kostenrechner .adwkc-fieldset{padding:20px;}
#adwkc-webdesign-kostenrechner select,
#adwkc-webdesign-kostenrechner input[type="number"],
#adwkc-webdesign-kostenrechner input[type="text"],
#adwkc-webdesign-kostenrechner input[type="email"],
#adwkc-webdesign-kostenrechner textarea,
#adwkc-webdesign-kostenrechner .adwkc-button,
#adwkc-webdesign-kostenrechner button{font-size:17px !important;min-height:48px;}
#adwkc-webdesign-kostenrechner output,
#adwkc-webdesign-kostenrechner .adwkc-result-value output{font-size:23px !important;}
}
@media(max-width:640px){
#adwkc-webdesign-kostenrechner{margin:22px auto;font-size:16px;border-radius:18px;}
#adwkc-webdesign-kostenrechner .adwkc-header{padding:24px 18px 22px 18px;border-radius:17px 17px 0 0;}
#adwkc-webdesign-kostenrechner .adwkc-eyebrow{font-size:15px !important;line-height:1.35 !important;}
#adwkc-webdesign-kostenrechner h2{font-size:28px !important;line-height:1.22 !important;}
#adwkc-webdesign-kostenrechner h3{font-size:23px !important;line-height:1.28 !important;}
#adwkc-webdesign-kostenrechner h4{font-size:20px !important;}
#adwkc-webdesign-kostenrechner h5{font-size:17px !important;}
#adwkc-webdesign-kostenrechner p,
#adwkc-webdesign-kostenrechner li,
#adwkc-webdesign-kostenrechner label,
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item label,
#adwkc-webdesign-kostenrechner .adwkc-faq-item summary,
#adwkc-webdesign-kostenrechner a{font-size:16px !important;line-height:1.68 !important;}
#adwkc-webdesign-kostenrechner .adwkc-intro{font-size:17px !important;}
#adwkc-webdesign-kostenrechner .adwkc-note{font-size:16px !important;line-height:1.62 !important;}
#adwkc-webdesign-kostenrechner .adwkc-help,
#adwkc-webdesign-kostenrechner .adwkc-section-intro,
#adwkc-webdesign-kostenrechner .adwkc-result-help{font-size:16px !important;line-height:1.6 !important;}
#adwkc-webdesign-kostenrechner .adwkc-benefits,
#adwkc-webdesign-kostenrechner .adwkc-instructions,
#adwkc-webdesign-kostenrechner .adwkc-section{margin:16px;padding:18px;border-radius:17px;}
#adwkc-webdesign-kostenrechner .adwkc-fieldset{margin:20px 0;padding:16px;border-radius:16px;}
#adwkc-webdesign-kostenrechner .adwkc-fieldset legend{font-size:16px !important;line-height:1.35 !important;border-radius:14px;}
#adwkc-webdesign-kostenrechner .adwkc-field{padding:15px;}
#adwkc-webdesign-kostenrechner select,
#adwkc-webdesign-kostenrechner input[type="number"],
#adwkc-webdesign-kostenrechner input[type="text"],
#adwkc-webdesign-kostenrechner input[type="email"],
#adwkc-webdesign-kostenrechner textarea{min-height:48px;padding:12px 12px;font-size:16px !important;line-height:1.45 !important;}
#adwkc-webdesign-kostenrechner textarea{min-height:140px;}
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item{padding:14px;gap:10px;}
#adwkc-webdesign-kostenrechner .adwkc-checkbox-item input[type="checkbox"]{width:24px;height:24px;min-width:24px;}
#adwkc-webdesign-kostenrechner output,
#adwkc-webdesign-kostenrechner .adwkc-result-value output{font-size:21px !important;line-height:1.32 !important;}
#adwkc-webdesign-kostenrechner .adwkc-result-card,
#adwkc-webdesign-kostenrechner .adwkc-result-analysis,
#adwkc-webdesign-kostenrechner .adwkc-summary-block{padding:18px;}
#adwkc-webdesign-kostenrechner .adwkc-summary-block textarea{font-size:16px !important;line-height:1.56 !important;}
#adwkc-webdesign-kostenrechner .adwkc-actions{display:grid;grid-template-columns:1fr;}
#adwkc-webdesign-kostenrechner .adwkc-button,
#adwkc-webdesign-kostenrechner button{width:100%;min-height:50px;padding:12px 14px;font-size:16px !important;line-height:1.45 !important;}
#adwkc-webdesign-kostenrechner table{border-radius:12px;}
#adwkc-webdesign-kostenrechner th,
#adwkc-webdesign-kostenrechner td{padding:10px 12px;font-size:16px !important;line-height:1.5 !important;}
#adwkc-webdesign-kostenrechner #toc_container,
#adwkc-webdesign-kostenrechner .toc_container,
#adwkc-webdesign-kostenrechner #ez-toc-container,
#adwkc-webdesign-kostenrechner .ez-toc-container,
#adwkc-webdesign-kostenrechner .lwptoc,
#adwkc-webdesign-kostenrechner .rank-math-toc,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block{padding:16px !important;font-size:16px !important;}
#adwkc-webdesign-kostenrechner #toc_container a,
#adwkc-webdesign-kostenrechner .toc_container a,
#adwkc-webdesign-kostenrechner #ez-toc-container a,
#adwkc-webdesign-kostenrechner .ez-toc-container a,
#adwkc-webdesign-kostenrechner .lwptoc a,
#adwkc-webdesign-kostenrechner .rank-math-toc a,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block a,
#adwkc-webdesign-kostenrechner #toc_container li,
#adwkc-webdesign-kostenrechner .toc_container li,
#adwkc-webdesign-kostenrechner #ez-toc-container li,
#adwkc-webdesign-kostenrechner .ez-toc-container li,
#adwkc-webdesign-kostenrechner .lwptoc li,
#adwkc-webdesign-kostenrechner .rank-math-toc li,
#adwkc-webdesign-kostenrechner .wp-block-rank-math-toc-block li{font-size:16px !important;}
}
@media (prefers-reduced-motion: reduce) {
#adwkc-webdesign-kostenrechner *,
#adwkc-webdesign-kostenrechner *::before,
#adwkc-webdesign-kostenrechner *::after{transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;}
}
@media print {
#adwkc-webdesign-kostenrechner {
color: #000000 !important;
background: #ffffff !important;
border: 1px solid #999999 !important;
box-shadow: none !important;
}
#adwkc-webdesign-kostenrechner .adwkc-header,
#adwkc-webdesign-kostenrechner .adwkc-result-section {
color: #000000 !important;
background: #ffffff !important;
border-color: #999999 !important;
box-shadow: none !important;
}
#adwkc-webdesign-kostenrechner .adwkc-header p,
#adwkc-webdesign-kostenrechner .adwkc-result-section p,
#adwkc-webdesign-kostenrechner .adwkc-result-section li,
#adwkc-webdesign-kostenrechner h2,
#adwkc-webdesign-kostenrechner h3,
#adwkc-webdesign-kostenrechner h4,
#adwkc-webdesign-kostenrechner h5 {
color: #000000 !important;
}
#adwkc-webdesign-kostenrechner .adwkc-actions {
display: none !important;
}
}.yarpp-related{margin-bottom:1em;margin-top:1em}.yarpp-related a{font-weight:700;text-decoration:none}.yarpp-related .yarpp-thumbnail-title{font-size:96%;font-weight:700;text-align:left;text-decoration:none}.yarpp-related h3{font-size:125%;font-weight:700;margin:0;padding:0 0 5px;text-transform:capitalize}.embed-copy-box{margin:20px 0;}
.embed-copy-button{background-color:#4CAF50;border:none;color:#ffffff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px 10px 0;cursor:pointer;border-radius:4px;}
.embed-copy-button:hover, .embed-copy-button:focus{background-color:#3f9443;}
.embed-copy-input{display:block;width:100%;max-width:800px;padding:8px 10px;font-size:14px;box-sizing:border-box;}
.embed-copy-status {
margin-top: 6px;
font-size: 14px;
}.conversion-container{text-align:center;margin:20px auto;max-width:100%;width:100%;padding:0 15px;box-sizing:border-box;font-family:Verdana, sans-serif;}
.conversion-title{font-family:Verdana, sans-serif;font-weight:bold;color:#3c3c3c;font-size:18px;margin-bottom:15px;line-height:1.3;}
.conversion-button{width:100%;max-width:486px;height:240px;background:linear-gradient(135deg, #1a1a1a 0%, #000000 50%, #1a1a1a 100%);border:2px solid #333;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0, 0, 0, 0.3);margin:0 auto;box-sizing:border-box;}
.conversion-button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 215, 0, 0.1), transparent);transform:rotate(45deg);transition:all 0.5s ease;opacity:0;}
.conversion-button:hover::before{opacity:1;animation:shine 1.5s ease-in-out infinite;}
.button-text{font-family:Verdana, sans-serif;color:#FFD700;font-size:22px;font-weight:bold;text-align:center;padding:0 20px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.3);position:relative;z-index:2;line-height:1.3;}
.conversion-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0, 0, 0, 0.4);border-color:#FFD700;}
.conversion-button:hover .button-text{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 215, 0, 0.5);}
@keyframes shine {
0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);}
50%{transform:translateX(0%) translateY(0%) rotate(45deg);}
100%{transform:translateX(100%) translateY(100%) rotate(45deg);}
}
.conversion-button:active{transform:translateY(0px);box-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}
@media screen and (max-width:768px){
.conversion-container{padding:0 10px;}
.conversion-title{font-size:16px;margin-bottom:12px;}
.conversion-button{height:180px;border-radius:6px;}
.button-text{font-size:18px;padding:0 15px;line-height:1.2;}
}
@media screen and (max-width:480px){
.conversion-container{padding:0 8px;}
.conversion-title{font-size:15px;margin-bottom:10px;}
.conversion-button{height:160px;border-radius:5px;}
.button-text{font-size:16px;padding:0 12px;line-height:1.1;}
}
@media screen and (max-width:320px){
.conversion-button {
height: 140px;
}
.button-text {
font-size: 14px;
padding: 0 10px;
}
}.konfigurator-container{text-align:center;margin:15px auto;max-width:100%;width:100%;padding:0 15px;box-sizing:border-box;font-family:Verdana, sans-serif;}
.konfigurator-button{width:100%;max-width:468px;height:90px;background:linear-gradient(135deg, #1a1a1a 0%, #000000 50%, #1a1a1a 100%);border:2px solid #333;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 3px 12px rgba(0, 0, 0, 0.3);margin:0 auto;box-sizing:border-box;}
.konfigurator-button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 215, 0, 0.1), transparent);transform:rotate(45deg);transition:all 0.5s ease;opacity:0;}
.konfigurator-button:hover::before{opacity:1;animation:shine 1.5s ease-in-out infinite;}
.button-text{font-family:Verdana, sans-serif;color:#FFD700;font-size:18px;font-weight:bold;text-align:center;padding:0 15px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.3);position:relative;z-index:2;line-height:1.2;}
.konfigurator-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0, 0, 0, 0.4);border-color:#FFD700;}
.konfigurator-button:hover .button-text{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 215, 0, 0.5);}
@keyframes shine {
0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);}
50%{transform:translateX(0%) translateY(0%) rotate(45deg);}
100%{transform:translateX(100%) translateY(100%) rotate(45deg);}
}
.konfigurator-button:active{transform:translateY(0px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);}
@media screen and (max-width:768px){
.konfigurator-container{padding:0 10px;margin:12px auto;}
.konfigurator-button{height:80px;border-radius:5px;}
.button-text{font-size:16px;padding:0 12px;line-height:1.1;}
}
@media screen and (max-width:480px){
.konfigurator-container{padding:0 8px;margin:10px auto;}
.konfigurator-button{height:70px;border-radius:4px;}
.button-text{font-size:15px;padding:0 10px;line-height:1.1;}
}
@media screen and (max-width:320px){
.konfigurator-button {
height: 60px;
}
.button-text {
font-size: 14px;
padding: 0 8px;
line-height: 1.0;
}
}.verzeichnis-container{text-align:center;margin:15px auto;max-width:100%;width:100%;padding:0 15px;box-sizing:border-box;font-family:Verdana, sans-serif;}
.verzeichnis-button{width:100%;max-width:468px;height:90px;background:linear-gradient(135deg, #1a1a1a 0%, #000000 50%, #1a1a1a 100%);border:2px solid #333;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 3px 12px rgba(0, 0, 0, 0.3);margin:0 auto;box-sizing:border-box;}
.verzeichnis-button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 215, 0, 0.1), transparent);transform:rotate(45deg);transition:all 0.5s ease;opacity:0;}
.verzeichnis-button:hover::before{opacity:1;animation:shine 1.5s ease-in-out infinite;}
.button-text{font-family:Verdana, sans-serif;color:#FFD700;font-size:18px;font-weight:bold;text-align:center;padding:0 15px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.3);position:relative;z-index:2;line-height:1.2;}
.verzeichnis-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0, 0, 0, 0.4);border-color:#FFD700;}
.verzeichnis-button:hover .button-text{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 215, 0, 0.5);}
@keyframes shine {
0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);}
50%{transform:translateX(0%) translateY(0%) rotate(45deg);}
100%{transform:translateX(100%) translateY(100%) rotate(45deg);}
}
.verzeichnis-button:active{transform:translateY(0px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);}
@media screen and (max-width:768px){
.verzeichnis-container{padding:0 10px;margin:12px auto;}
.verzeichnis-button{height:80px;border-radius:5px;}
.button-text{font-size:16px;padding:0 12px;line-height:1.1;}
}
@media screen and (max-width:480px){
.verzeichnis-container{padding:0 8px;margin:10px auto;}
.verzeichnis-button{height:70px;border-radius:4px;}
.button-text{font-size:15px;padding:0 10px;line-height:1.1;}
}
@media screen and (max-width:320px){
.verzeichnis-button {
height: 60px;
}
.button-text {
font-size: 14px;
padding: 0 8px;
line-height: 1.0;
}
}.referenzen-container{text-align:center;margin:15px auto;max-width:100%;width:100%;padding:0 15px;box-sizing:border-box;font-family:Verdana, sans-serif;}
.referenzen-button{width:100%;max-width:468px;height:90px;background:linear-gradient(135deg, #1a1a1a 0%, #000000 50%, #1a1a1a 100%);border:2px solid #333;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 3px 12px rgba(0, 0, 0, 0.3);margin:0 auto;box-sizing:border-box;}
.referenzen-button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 215, 0, 0.1), transparent);transform:rotate(45deg);transition:all 0.5s ease;opacity:0;}
.referenzen-button:hover::before{opacity:1;animation:shine 1.5s ease-in-out infinite;}
.button-text{font-family:Verdana, sans-serif;color:#FFD700;font-size:18px;font-weight:bold;text-align:center;padding:0 15px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.3);position:relative;z-index:2;line-height:1.2;}
.referenzen-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0, 0, 0, 0.4);border-color:#FFD700;}
.referenzen-button:hover .button-text{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 215, 0, 0.5);}
@keyframes shine {
0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);}
50%{transform:translateX(0%) translateY(0%) rotate(45deg);}
100%{transform:translateX(100%) translateY(100%) rotate(45deg);}
}
.referenzen-button:active{transform:translateY(0px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);}
@media screen and (max-width:768px){
.referenzen-container{padding:0 10px;margin:12px auto;}
.referenzen-button{height:80px;border-radius:5px;}
.button-text{font-size:16px;padding:0 12px;line-height:1.1;}
}
@media screen and (max-width:480px){
.referenzen-container{padding:0 8px;margin:10px auto;}
.referenzen-button{height:70px;border-radius:4px;}
.button-text{font-size:15px;padding:0 10px;line-height:1.1;}
}
@media screen and (max-width:320px){
.referenzen-button {
height: 60px;
}
.button-text {
font-size: 14px;
padding: 0 8px;
line-height: 1.0;
}
}.cookielawinfo-column-1{width:25%;}
.cookielawinfo-column-2{width:10%;}
.cookielawinfo-column-3{width:15%;}
.cookielawinfo-column-4{width:50%;}
.cookielawinfo-simple thead{width:100%;}
.cookielawinfo-simple td{padding:5px 5px 5px 0;vertical-align:top;}
.cookielawinfo-simple thead th{padding-right:10px;text-align:left;}
.cookielawinfo-modern{border:1px solid #e3e3e3;background-color:#f2f2f2;width:100%;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.cookielawinfo-modern td, .cookielawinfo-modern th{padding:5px;color:#333;}
.cookielawinfo-modern thead{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;padding:.2em 0 .2em .5em;text-align:left;color:#4B4B4B;background-color:#C8C8C8;background-image:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));background-image:-moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);border-bottom:solid 1px #999;}
.cookielawinfo-modern th{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:20px;font-style:normal;font-weight:normal;text-align:left;text-shadow:white 1px 1px 1px;}
.cookielawinfo-modern td{line-height:20px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.cookielawinfo-modern tr.cookielawinfo-row:hover{background-color:#fff;}
.cookielawinfo-elegant{border:1px solid #DFDFDF;background-color:#F9F9F9;width:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-family:Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;color:#333;}
.cookielawinfo-elegant tr{border-top-color:white;border-bottom:1px solid #DFDFDF;color:#555;}
.cookielawinfo-elegant th{text-shadow:rgba(255, 255, 255, 0.796875) 0px 1px 0px;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-weight:normal;padding:7px 7px 8px;text-align:left;line-height:1.3em;font-size:14px;}
.cookielawinfo-elegant td{font-size:12px;padding:4px 7px 2px;vertical-align:top;}
.cookielawinfo-rounded{background-color:#f5f5f5;padding:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ebebeb;}
.cookielawinfo-rounded td, .rounded th{padding:1px 5px;}
.cookielawinfo-rounded thead{text-shadow:0 1px 0 white;color:#999;}
.cookielawinfo-rounded th{text-align:left;text-transform:uppercase;font-size:11pt;border-bottom:1px solid #fff;padding:1px 5px;}
.cookielawinfo-rounded td{font-size:10pt;padding:5px;}
.cookielawinfo-rounded tr.cookielawinfo-row:hover{background-color:#fff;}
table.cookielawinfo-classic{font-family:Verdana, Arial, Helvetica, sans-serif;border-collapse:collapse;border-left:1px solid #ccc;border-top:1px solid #ccc;color:#333;}
table.cookielawinfo-classic thead tr th{text-transform:uppercase;background:#e2e2e2;}
table.cookielawinfo-classic tfoot tr th, table.cookielawinfo-classic tfoot tr td{text-transform:uppercase;color:#000;font-weight:bold;}
table.cookielawinfo-classic tfoot tr th{width:20%;}
table.cookielawinfo-classic tfoot tr td{width:80%;}
table.cookielawinfo-classic td, table.cookielawinfo-classic th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px;line-height:1.8em;font-size:0.8em;vertical-align:top;width:20%;}
table.cookielawinfo-classic tr.odd th, table.cookielawinfo-classic tr.odd td{background:#efefef;}
table.cookielawinfo-winter{font:85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding:0;margin:10px 0 20px;border-collapse:collapse;color:#333;background:#F3F5F7;}
table.cookielawinfo-winter a{color:#3A4856;text-decoration:none;border-bottom:1px solid #C6C8CB;}
table.cookielawinfo-winter a:visited{color:#777;}
table.cookielawinfo-winter a:hover{color:#000;}
table.cookielawinfo-winter caption{text-align:left;text-transform:uppercase;padding-bottom:10px;font:200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}
table.cookielawinfo-winter thead th{background:#3A4856;padding:15px 10px;color:#fff;text-align:left;font-weight:normal;}
table.cookielawinfo-winter tbody{border-left:1px solid #EAECEE;border-right:1px solid #EAECEE;}
table.cookielawinfo-winter tbody{border-bottom:1px solid #EAECEE;}
table.cookielawinfo-winter tbody td, table.cookielawinfo-winter tbody th{padding:10px;background:url(//www.artdefects.com/wp-content/plugins/cookie-law-info/legacy/images/td_back.gif) repeat-x;text-align:left;}
table.cookielawinfo-winter tbody tr{background:#F3F5F7;}
table.cookielawinfo-winter tbody tr.odd{background:#F0F2F4;}
table.cookielawinfo-winter tbody  tr:hover{background:#EAECEE;color:#111;}
table.cookielawinfo-winter tfoot td, table.cookielawinfo-winter tfoot th, table.cookielawinfo-winter tfoot tr{text-align:left;font:120% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;text-transform:uppercase;background:#fff;padding:10px;}
@media(max-width:800px){
table.cookielawinfo-row-cat-table td, table.cookielawinfo-row-cat-table th{width:23%;font-size:12px;word-wrap:break-word;}
table.cookielawinfo-row-cat-table .cookielawinfo-column-4, table.cookielawinfo-row-cat-table .cookielawinfo-column-4{width:45%;}
}
.cookielawinfo-row-cat-title{border-bottom:1px solid #eee;text-align:center;}
.cookielawinfo-row-cat-title-head{text-align:center;}
.cookielawinfo-row-cat-table{
width: 99%;
margin-left: 5px;
}