body { color:#2B2C7C; font-size:12px; line-height:18px; font-family:verdana,sans-serif,helvetica; margin:0; padding:0; background-color:#A2DBE4;}

h1 { font-weight:normal; font-size:18px; line-height:26px; margin-top:20px; margin-bottom:5px;}
h2 { font-weight:bold; font-size:15px; line-height:20px; margin-top:20px; margin-bottom:10px;}
h3 { font-weight:bold; font-size:12px; line-height:18px; margin-top:20px; margin-bottom:5px;}

.startseite { font-weight:normal; font-size:18px; line-height:22px; margin-bottom:5px;}
.startseitealternativ { font-weight:normal; font-size:18px; line-height:30px; margin-bottom:5px;}
p.startseite { font-weight:normal; font-size:16px; line-height:30px; margin:5px 0 5px 100px;}

.unterstrich { border-bottom:1px dotted #51799E; vertical-align:top; padding:4px 2px 10px 2px;} /* gepunkteter Unterstrich in verschiedenen Dateien */

td { vertical-align:top;}
td.abstand { text-align:right; padding:2px 30px 2px 2px;} /* nur für Tabelle in "behandlung_massage.html" */
td.zeilenhoehe { line-height:30px;} /* bei "Geschenkgutscheine" */
td.navigation { padding:3px 10px 0 10px; vertical-align:top;}

a:link { color:#2B2C7C; text-decoration:underline;}
a:visited { color:#2B2C7C; text-decoration:underline;}
a:hover { color:#A20FA2; text-decoration:underline;}
a:active { color:#A20FA2; text-decoration:underline;}

a:link.nav { color:#000; text-decoration:none;}
a:visited.nav { color:#000; text-decoration:none;}
a:hover.nav { color:#A20FA2; text-decoration:none;}
a:active.nav { color:#000; text-decoration:none;}



div.fehler {background-color:#FFEEEE; border:1px #FF0000 solid; color:#FF0000; width:380px; margin:10px 0 20px 0; padding:5px;}
div.ok {display:none;	}

input.ok { border:1px solid #bbb;  margin-bottom:10px; padding:2px; font-family:verdana; font-size:12x; }
input.fehler { background-color:#FFEEEE; border:1px solid #ff0000; color:#FF0000;  margin-bottom:10px; padding:2px; font-family:verdana; font-size:12px;}
textarea { border:1px solid #bbb; width:260px;  font-family:verdana; font-size:12px; }
input { border:1px solid #bbb; font-family:verdana; font-size:12px; }

span.fehler { background-color:#FFEEEE; border:1px solid #ff0000; color:#FF0000; padding:3px 5px; }

/* SLIDESHOW */
#slideshow {
 height:100px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}

/* Overlay */
#overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 background: rgba(0, 0, 0, 0.6);
 z-index: 1000;
 display: flex;
 justify-content: center;
 align-items: center;
}

#message-box {
 background: rgba(255, 255, 255, 0.5);
 padding: 30px;
 border-radius: 10px;
 text-align: center;
 max-width: 600px;
 box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

#close-button {
 margin-top: 20px;
 padding: 10px 20px;
 font-size: 16px;
 background-color: #1976d2;
 color: white;
 border: none;
 border-radius: 5px;
 cursor: pointer;
}

#close-button:hover {
 background-color: #0d47a1;
}

#content.dimmed {
 filter: blur(2px) grayscale(0.6);
 pointer-events: none;
 user-select: none;
}