/*
Theme Name: DCKC
Theme URI: http://www.dcwp.de
Author: Diestelkamp Consulting GmbH
Author URI: http://www.dcwp.de
Description: Agentur für kreatives Design und professionelle Optimierung von Webseiten und Onlineshops.
Version: 2.0
License: Copyright [2021] [Diestelkamp Consulting GmbH]
License URI: http://www.apache.org/licenses/LICENSE-2.0
Tags: DCKC
Text Domain: DCKC
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
body {
 font-family: 'Arial', sans-serif;
 background-color: #ffffff;
 color: #333333;
 min-height: 100vh;
 display: flex;
 flex-direction: column;
 position: relative;
 overflow-x: hidden;
	line-height: 1.6;
}
.pattern-background {
 position: fixed;
 top: 0;
 left: 0;
 width: 150vw;
 height: 150vh;
 z-index: -1;
 opacity: 0.08;
 transform: rotate(-15deg);
 transform-origin: center center;
 top: -25vh;
 left: -25vw;
}
.pattern-line {
 white-space: nowrap;
 font-size: 16px;
 font-weight: 300;
 color: #000;
 margin: 20px 0;
 pointer-events: none;
 user-select: none;
}
.insurance-term {
 display: inline;
}
.separator {
 margin: 0 15px;
 font-size: 12px;
}
.container {
 flex: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 20px;
}
.business-card {
 background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
 color: #ffffff;
 border-radius: 15px;
 padding: 56px;
 text-align: left;
 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
 max-width: 800px;
 width: 100%;
 transition: transform 0.3s ease;
 position: relative;
}
.business-card:hover {
 transform: translateY(-5px);
}
.theme-toggle {
 background: #000000;
 color: #ffffff;
 border: 0;
 padding: 0;
 border-radius: 999px;
 cursor: pointer;
 width: 36px;
 height: 36px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}
.theme-toggle:hover {
 color: #ffffff;
}
.business-card.light {
 background: #ffffff;
 color: #000000;
 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.business-card.light .company-name {
 color: #000000;
}
.business-card.light .address {
 color: #333333;
}
.business-card.light .contact-info {
 color: #333333;
}
.business-card.light .contact-info a {
 color: #333333;
}
.company-name {
 font-size: 16px;
 font-weight: bold;
 color: #ffffff;
 margin: 4px 0 8px 0;
 letter-spacing: 0.3px;
}
.address {
 font-size: 16px;
 color: #cccccc;
}
.contact-info {
 font-size: 16px;
 color: #cccccc;
}
.contact-info a {
 color: #cccccc;
 text-decoration: none;
}
.contact-info a:hover {
 text-decoration: underline;
}
.card-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 24px;
 align-items: start;
}
.topbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 20px;
}
.brand-inline {
 display: inline-flex;
 align-items: center;
 gap: 12px;
}
.brand-logo-small {
 width: 180px;
 height: auto;
 margin: 0;
}
.icon-buttons {
 display: inline-flex;
 align-items: center;
 gap: 8px;
}
.icon-button {
 background: transparent;
 color: inherit;
 border: 1px solid rgba(255, 255, 255, 0.25);
 width: 36px;
 height: 36px;
 border-radius: 999px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
}
.business-card.light .icon-button {
 border-color: rgba(0, 0, 0, 0.2);
}
.topbar .theme-toggle {
 position: static;
}
.chip-row {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin-top: 10px;
}
.chip {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 6px 10px;
 border-radius: 999px;
 border: 1px solid rgba(255, 255, 255, 0.25);
 color: inherit;
 text-decoration: none;
 font-size: 13px;
}
.business-card.light .chip {
 border-color: rgba(0, 0, 0, 0.2);
}
.cta-row {
 display: flex;
 gap: 12px;
 margin-top: 22px;
}
.btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 padding: 10px 14px;
 border-radius: 999px;
 border: 0;
 cursor: pointer;
 color: #ffffff;
 background: #000000;
 text-decoration: none;
}
.business-card.light .btn {
 color: #ffffff;
 background: #000000;
}
.divider {
 height: 1px;
 background: rgba(255, 255, 255, 0.15);
 margin: 18px 0;
}
.business-card.light .divider {
 background: rgba(0, 0, 0, 0.12);
}
.qr-panel {
 display: none;
 margin-top: 16px;
 text-align: center;
}
.footer {
 background-color: #ffffff;
 color: #000000;
 padding: 20px;
 text-align: center;
}
.footer-links {
 display: flex;
 justify-content: center;
 gap: 30px;
 margin-bottom: 10px;
}
.footer-link {
 color: #000000;
 text-decoration: none;
 transition: all 0.3s ease;
 cursor: pointer;
}
.footer-link:hover {
 text-decoration: underline;
}
@media (max-width: 768px) {
 .business-card {
  padding: 36px 24px;
  margin: 20px;
 }
 .logo {
  max-width: 200px;
 }
 .brand-logo-small {
  width: 140px;
 }
 .card-grid {
  grid-template-columns: 1fr;
  gap: 12px;
 }
}