body { font-family: Arial, sans-serif; margin:2em; }
button { padding:10px 20px; font-size:1em; margin-right:8px; cursor:pointer; }
.tab-btn { padding:8px 18px; border:none; border-radius:5px 5px 0 0;
  background:#eee; margin-right:3px; font-weight:bold; cursor:pointer; color:#333; }
.tab-btn.active { background:#7cc433; color:#fff; }
.tab-content { display:none; }
.tab-content.active { display:block; }
table { border-collapse:collapse; margin-top:1em; width:100%; }
th, td { border:1px solid #ccc; padding:6px; }
th { background:#f3f3f3; }
.dupe-highlight { background:#7cc433 !important; color:#fff; font-weight:bold; }
.group-row { background:#eafbe2; cursor:pointer; }
.group-row:hover { background:#d3f7bb; }
.crm-link-btn { background:#7cc433;color:#fff;border:none;border-radius:5px;
  padding:7px 13px;font-weight:bold;text-decoration:none; }
.accordion-arrow { font-size:1.2em;margin-right:6px;transition:transform 0.2s;
  display:inline-block;vertical-align:middle; }
.accordion-arrow.open { transform:rotate(90deg); }
.accordion-content { display:none; }
.accordion-content.open { display:table-row-group; animation:fadeIn .4s; }
@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }

.form-container { max-width: 900px; margin: 0 auto; padding: 15px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: relative; font-family: Arial, sans-serif;}
.form-group { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 15px;}
.form-group label { font-weight: bold; display: block; font-size: 18px;}
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px;}
.half-width { flex: 1 1 calc(50% - 10px);}
.full-width { flex: 1 1 100%;}
.form-row { display: flex; gap: 15px; flex-wrap: wrap;}
.form-row .half-width { flex: 1 1 calc(50% - 10px);}
.form-group input.error, .form-group select.error, .form-group textarea.error { border: 2px solid red;}
.form-submit { display: flex; justify-content: center;}
.form-submit button { padding: 12px 25px; font-size: 18px; color: #fff; background-color: #7cc430; border: none; border-radius: 5px; cursor: pointer;}
.form-submit button:hover { background-color: #6aad2e;}
#myoc-loadingScreen { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #7cc433; z-index: 999999; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 24px; color: #000; transform: translateY(100%); opacity: 0;}
#myoc-loadingScreen.show { animation: myoc-slideInFromBottom 0.5s ease-out forwards;}
@keyframes myoc-slideInFromBottom { 0% { transform: translateY(100%); opacity: 0;} 100% { transform: translateY(0); opacity: 1;} }
.myoc-Daten_werden_übertragen { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 700; text-align: center; margin-top: 45px; color: #000; margin-left: 70px;}
.myoc-zoho_logo { margin-top: -150px; height: 90px; width: auto; margin-left: 700px; animation: myoc-logoMoveIrregular 13s forwards, myoc-unique-speeder 0.8s linear infinite;}
@keyframes myoc-logoMoveIrregular { 0% { margin-left: 1000px;} 20% { margin-left: 700px;} 30% { margin-left: 800px;} 50% { margin-left: 500px;} 60% { margin-left: 580px;} 80% { margin-left: 320px;} 100% { margin-left: 350px;}}
@keyframes myoc-unique-speeder { 0%   { transform: translate(2px, 1px) rotate(0deg);} 10%  { transform: translate(-1px, -3px) rotate(-1deg);} 20%  { transform: translate(-2px, 0px) rotate(1deg);} 30%  { transform: translate(1px, 2px) rotate(0deg);} 40%  { transform: translate(1px, -1px) rotate(1deg);} 50%  { transform: translate(-1px, 3px) rotate(-1deg);} 60%  { transform: translate(-1px, 1px) rotate(0deg);} 70%  { transform: translate(3px, 1px) rotate(-1deg);} 80%  { transform: translate(-2px, -1px) rotate(1deg);} 90%  { transform: translate(2px, 1px) rotate(0deg);} 100% { transform: translate(1px, -2px) rotate(-1deg);}