body {/* font-family:Verdana, Arial, Helvetica, sans-serif; Stört auf Homepage */
/* background-color:#989798; Stört auf Homepage */
 margin-left:auto;
 margin-right:auto;
 font-size:9pt;
 color:#000;
 line-height:13pt;
/* text-align:center; Stört auf Homepage */
 padding:0;}
 
#rahmen {width:1000px;
 background:url(images/mainbg1.gif) repeat;
 margin-right:auto;
 margin-left:auto;
 text-align:left;}

.rahmenst {border-bottom:1px solid #000000;
 padding:10px 0 0 10px;}

#kopf {background:url(images/header1.gif) no-repeat;
 width:1000px;
 height:149px;
 margin-left:auto;
 margin-right:auto;}

#nav {padding:60px 0 0 50px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:8pt;
 color:#000;
 font-weight:700;
 text-decoration:none;}

.navp {float:left;
 width:140px;
 height:76px;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 padding-left:10px;}

#nav a {background:#fff;
 color:#000;
 text-decoration:none;}

#nav a:active {background:#fff;
 color:#CC2527;}

#nav a:hover, #nav a.naktiv {background:#fff;
 color:#000;
 font-size:8pt;
 padding-bottom:2px;
 border-bottom:dotted #CC2527;}

#inhalt {width:1000px;
background:url(images/mainbg1.gif) repeat;}

#text {padding:15px 40px 2px;}

#fuss {background:url(images/bottom1.gif) no-repeat;
width:1000px;
height:59px;
margin-right:auto;
margin-left:auto;}

h1 {font-size:19px;
 color:#950000;
 margin:4px 0 4px 0;}
#text a.inaktiv {color:grey;}
#text a.inaktivpate {color:orange;}
#text a.aktivpate {color:black;}

#text .aktiv { color:#950000;}
#text .inaktiv {color:grey;}
#text .inaktivpate {color:orange;}
#text .aktivpate {color:black;}

#text a { color:#950000;
 text-decoration:none;}

#text a.tel { color:#000000;
 text-decoration:none;}

.buchung {border:1px solid #cc3333;
 background-color:#fffafa;}

img {border: none;}

input {width:320px;}
input.submit {width:100px;}
input.sehrkurz {width:15px;}
input.midkurz {width:90px;}
input.kurzfeld {width:125px;}
input.sehrlang {width:750px;}
input.check {width:15px;}
input.radio {width:15px;}
textarea {width:320px;
 height:80px}
select {width:320px;}

td.ru {border-bottom:1px solid #cccccc;}
td.rur {border-bottom:1px solid #cccccc;
 border-right:1px solid #cccccc;}
td.rr {border-right:1px solid #cccccc;}

.bux {display:none;
 padding:10px;
 width:330px;
 border:1px solid #cc3333;
 background-color:#fffafa;}

.vax {display:none;
 padding:5px;
 width:320px;
 border:1px solid #000000;
 background-color:#ffffff;}

 .zeile {background-color:#fffafa;}
 
.instcontainer {display: flex;
gap: 10px; /* Abstand zwischen den divs */}

.insttitel {width: 150px;
height: 150px;
text-align: center;
line-height: 150px;}

.fl50 {width:50%;
align:left;
float:left;
padding: 0 10px;}

.bgteaser {line-height: 1.5em;}

.fl100 {clear:both;
width:100%;
padding: 0 10px;}

.fl100::after {content: "";
display: table;
clear: both;}

.bgelement25 {float:left;
width:25%;}

.bgelement50 {float:left;
width:50%;}

.bgelement100 {float:left;
width:100%;}

.bgsym {float:left;
width:10%;}

.bginhalt {float:left;
width:85%;
/* line-height: 1em; Stört auf Homepage */}

.bggrrahmen {
  border:2px solid #ccc;     
  border-radius: 12px;
  margin:10px;
  padding:10px;}
  
.bgkltext {font-size: 80%;}

.bgurl {margin:10px 0;
  width:100%;
  text-align:center;
  background-color:#cecdce;
  border-radius: 12px;
  line-heigh:2em;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight:bold;}

.logo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* vier Spalten auf großen Bildschirmen */
  gap: 16px;
  margin: 0 auto;
  max-width: 1200px;
}

.logo-item {
  /* Die Container der Logos zentrieren den Inhalt immer voll */
  display: flex;
  align-items: center;     /* vertikal zentrieren */
  justify-content: center; /* horizontal zentrieren */
  min-height: 140px;       /* gleiche Höhe pro "Kachel"; gerne anpassen */
}

.logo-img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  border: 2px solid #ccc;
  border-radius: 8px;
  background: #fff;
}