/* ==================================================
   ZENTRALE ETS-ATS STYLESHEET
   Erstellt von zentrale-ets-ats.de
   Zweck: Layout für Dashboard mit Sidebar & Content
================================================== */

/* ================== BODY ================== */



.google-ad-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto;
  padding: 10px;
  background: #1a1a1a;
  border: 1px solid #ddd;
  border-radius: 10px;
  min-height: 120px;
  max-width: 728px;
  text-align: center;
}

.google-ad-container ins.adsbygoogle {
  display: block !important;
  max-width: 300px;
  width: 100%;
  height: auto;
}

.header-ad { margin-bottom: 30px; }
.footer-ad { margin-top: 30px; }

body {
  background: repeating-linear-gradient(45deg, #1a1a1a 0 10px, #111 10px 20px);
  font-family: Arial, sans-serif;
  color: #eee;
  margin: 0;
  padding: 0;
}

/* ================== HEADER ================== */
#headerbg {
  background: linear-gradient(145deg, #1c1c1c 0%, #333 100%);
  border-bottom: 8px solid #ff6600;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-radius: 15px 15px 0 0;
  box-shadow: 0 8px 25px rgba(0,0,0,0.6), inset 0 0 15px #000;
  flex-wrap: wrap;
}

/* Header Boxen: links, mitte, rechts */
.header-box { flex:1; text-align:center; min-width:200px; margin:10px 0; }
#header-left { text-align:left; }
#header-center { text-align:center; }
#header-right { text-align:right; }

#headerleft img {
  max-height:120px;
  border:5px solid #ff6600;
  border-radius:12px;
  box-shadow:0 0 25px #ff6600,0 0 35px #ff6600 inset;
}

.headertextbig { font-size:28px; font-weight:bold; color:#ffbb33; margin-bottom:6px; text-shadow:0 0 10px #ff8800,0 0 20px #ffaa33; }
.headertextsmall { font-size:16px; color:#fff; text-shadow:1px 1px 3px #000; }

.logo-3 a {
  color:#ff6600;
  font-size:28px;
  margin-right:15px;
  transition:0.3s;
}
.logo-3 a:hover {
  color:#ffa500;
  text-shadow:0 0 12px #ff6600,0 0 18px #ffaa33;
}

/* LED-Lichter */
#headerbg .led {
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ff6600;
  box-shadow:0 0 10px #ff6600,0 0 18px #ffaa33 inset;
  animation:blink 1.8s infinite alternate;
}
@keyframes blink {
  0%,50%,100%{opacity:1; transform:scale(1);}
  25%,75%{opacity:0.3; transform:scale(0.85);}
}

/* ================== TOP-MENU ================== */
.container_haupt { width:100%; }
#topmenu {
  width:100%;
  background:#222;
  border-top:4px solid #ff6600;
  border-bottom:4px solid #ff6600;
  border-radius:0 0 10px 10px;
}
#topmenu ul {
  display:flex;
  justify-content:center;
  list-style:none;
  padding:5px 0;
  margin:0;
  flex-wrap:wrap;
}
#topmenu ul li { margin:0 15px; }
#topmenu ul li a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  padding:8px 12px;
  transition:0.3s;
}
#topmenu ul li a:hover { 
  color:#ff6600;
  text-shadow:0 0 8px #ff6600; 
}

/* ================== PAGE GRID ================== */
/* Grid mit Sidebar links und Content rechts */
.page-wrapper {
  display:grid;
  grid-template-columns:280px 1fr; /* 280px Sidebar + restlicher Content */
  gap:20px;
  max-width:1400px;
  margin:20px auto;
  background:rgba(20,20,20,0.95);
  border:2px solid #ff6600;
  border-radius:12px;
  box-shadow:0 0 25px rgba(0,0,0,0.9), inset 0 0 15px #000;
  padding:20px;
}
/* Mobile Ansicht: Sidebar verschwindet, Content volle Breite */
@media(max-width:992px){ .page-wrapper{grid-template-columns:1fr;} }

/* ================== SIDEBAR ================== */
.sidebar .box {
  background: linear-gradient(145deg,#222 0%,#333 100%);
  border:2px solid #ff6600;
  border-radius:10px;
  margin-bottom:20px;
  padding:15px;
  box-shadow: inset 0 0 8px #000;
  transition: transform 0.2s, box-shadow 0.3s;
}
.sidebar .box:hover {
  transform:translateY(-2px);
  box-shadow:0 0 15px #ff6600,inset 0 0 8px #000;
}
.sidebar .box h2 {
  font-size:18px;
  font-weight:bold;
  color:#ffa500;
  margin-bottom:10px;
  text-shadow:1px 1px 4px #000;
}
.sidebar ul { list-style:none; padding:0; margin:0; }
.sidebar ul li a {
  display:block;
  padding:8px 12px;
  color:#fff;
  text-decoration:none;
  background:#1a1a1a;
  border-left:4px solid #ff6600;
  border-radius:5px;
  transition:0.3s;
}
.sidebar ul li a:hover {
  background:#333;
  border-left-color:#ffa500;
  text-shadow:0 0 8px #ff6600;
}

/* ================== CONTENT ================== */
.content {
  background: linear-gradient(135deg,#1b1b1b 0%,#2a2a2a 100%);
  padding:25px;
  border-radius:12px;
  box-shadow:0 0 15px rgba(0,0,0,0.7) inset;
  color:#eee;
}
.content h1 { color:#ff6600; margin-top:0; }

/* ================== LINKS ================== */
.content a {
  color: #ffbb33;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
}
.content a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #ff6600;
  transform: scaleX(0);
  transition: transform 0.3s ease;
  transform-origin: right;
}
.content a:hover {
  color: #ffa500;
  text-shadow: 0 0 10px #ff6600, 0 0 20px #ffaa33;
}
.content a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Spezielle Buttons */
.content a.more {
  display: inline-block;
  padding: 8px 15px;
  background: linear-gradient(145deg, #ff6600 0%, #ffbb33 100%);
  border-radius: 8px;
  color: #1a1a1a !important;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0 0 10px #ff6600, 0 0 20px #ffbb33 inset;
  transition: all 0.3s;
}
.content a.more:hover {
  background: linear-gradient(145deg, #ffa500 0%, #ffdd55 100%);
  box-shadow: 0 0 15px #ffaa33, 0 0 25px #ff6600 inset;
  transform: translateY(-2px);
}

/* ================== FOOTER ================== */
footer {
  background:linear-gradient(135deg,#1c1c1c 0%,#2b2b2b 100%);
  border-top:6px solid #ff6600;
  padding:20px 30px;
  color:#fff;
  position:relative;
  border-radius:0 0 15px 15px;
  box-shadow:0 -6px 15px rgba(0,0,0,0.5);
}
footer h3 { color:#ff6600; text-shadow:1px 1px 4px #000; margin-bottom:10px; }
footer a { color:#ffbb33; text-decoration:none; }
footer a:hover { text-decoration:underline; }
.fussinhalt {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  justify-content:space-between;
}
.fussinhalt > div {
  flex:1 1 250px;
  padding:20px;
  background:linear-gradient(135deg,#222 0%,#333 100%);
  border-radius:10px;
  box-shadow:inset 0 0 8px #000,0 0 8px #ff6600;
}

/* ================== PARTNER ================== */
.partner-section {
  text-align:center;
  margin:20px 0;
}
.partner-section blockquote {
  font-size:18px;
  font-weight:bold;
  color:#ffbb33;
  margin-bottom:10px;
  text-shadow:1px 1px 3px #000;
  border-left:5px solid #ff6600;
  padding-left:10px;
  display:inline-block;
}
.partner-logos {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}
.partner-logos img {
  border:2px solid #ff6600;
  border-radius:8px;
  box-shadow:0 0 10px #ff6600, inset 0 0 5px #000;
  transition: transform 0.3s, box-shadow 0.3s;
}
.partner-logos img:hover {
  transform:scale(1.05);
  box-shadow:0 0 15px #ffbb33, inset 0 0 8px #000;
}
/* ========================= */
/* Suchausgabe Styling */
/* ========================= */

.suchinfo {
    background: linear-gradient(135deg, #e8f1ff, #d9ebff);
    border: 1px solid #aacbff;
    color: #003366;
    padding: 12px 18px;
    border-radius: 8px;
    margin: 15px 0;
    font-size: 1rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Trefferliste */
#output ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#output li {
    background: #f9fbfd;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 12px 15px;
    margin: 10px 0;
    transition: transform 0.2s, box-shadow 0.2s;
}

#output li:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.12);
}

/* Trefferlinks */
#output li a {
    font-weight: bold;
    color: #0056b3;
    text-decoration: none;
    font-size: 1.05rem;
}

#output li a:hover {
    color: #003366;
    text-decoration: underline;
}

/* Zusatzinfos (Pfad, Datum etc.) */
#output small {
    display: block;
    color: #777;
    font-size: 0.85rem;
    margin-top: 6px;
}

/* Navigation (weiter/zurück) */
.such-navigation {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.such-navigation a {
    background: #007bff;
    color: white;
    padding: 8px 14px;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.2s;
}

.such-navigation a:hover {
    background: #0056b3;
}