/* Individuell */
body 		{ background-color:#f7f7f7; font-family: 'Roboto', sans-serif; font-weight:300; font-size:12pt; color:#333; display:inline; line-height:1.7;  }

.Brutal	    { font-family: 'PT Sans', serif; font-weight:700; font-size:3rem; line-height:1; display:inline; }
.HeadSans	{ font-family: 'PT Sans', serif; font-weight:700; font-size:2rem; line-height:1.2; display:inline; }
.SubSans	{ font-family: 'PT Sans', serif; font-weight:700; font-size:1.7rem; line-height:1.2; display:inline; }
.Sub		{ font-size:1.2em; line-height:1.4; display:inline; }
strong		{ font-weight:600; }
.Textklein	{ font-size:0.8em; line-height:1.4; display:inline; }
.Textmini	{ font-size:0.7em; line-height:1.1; display:inline; }
a.Invers:link      { color:#ddd; margin-right:6px; text-decoration:none; line-height:1.7; }
a.Invers:visited   { color:#ddd; margin-right:6px; text-decoration:none; line-height:1.7; }
a.Invers:hover     { color:#fff; margin-right:6px; text-decoration:none; line-height:1.7; }
a.Invers:active    { color:#fff; margin-right:6px; text-decoration:none; line-height:1.7; }

.Tag           	{ background-color:#eee !important; padding:5px 10px; font-weight:400;border-radius:5px; }
.Tag:hover      { background-color:#ddd !important; }
.Veranstaltungen_Preview    { width:100%; height: clamp(100px, 20vw, 200px);  border-radius:5px; background-position: center; background-size: cover; background-repeat: no-repeat; }

.Schein
	{ 
	border-radius:0.4rem;
	box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
  }

a:link      { color:#933; text-decoration:none; }
a:visited   { color:#933; text-decoration:none; }
a:hover     { color:#e33; text-decoration:none; }
a:active    { color:#e33; text-decoration:none; }

a.Headline:link      { color:#633; text-decoration:none; }
a.Headline:visited   { color:#633; text-decoration:none; }
a.Headline:hover     { color:#e33; text-decoration:none; }
a.Headline:active    { color:#e33; text-decoration:none; }

.btn-primary            { color:#444; background-color:#ddd; border: 1px solid #ddd; }
.btn-primary:link       { color:#444; background-color:#ddd; border: 1px solid #ddd; }
.btn-primary:visited    { color:#444; background-color:#ddd; border: 1px solid #ddd; }
.btn-primary:hover      { color:#000; background-color:#ccc; border: 1px solid #ccc; }
.btn-primary:active     { color:#000; background-color:#ccc; border: 1px solid #ccc; }

.btn-secondary          { color:#444; background-color:#eee; border: 1px solid #eee; }
.btn-secondary:link     { color:#444; background-color:#eee; border: 1px solid #eee; }
.btn-secondary:visited  { color:#444; background-color:#eee; border: 1px solid #eee; }
.btn-secondary:hover    { color:#000; background-color:#fff; border: 1px solid #fff; }
.btn-secondary:active   { color:#000; background-color:#fff; border: 1px solid #fff; }

.bg-dark { background-color: #555 !important; }
.btn-dark { background-color: #555 !important; border: 1px solid #555; }
.btn-dark:hover { background-color: #666 !important; border: 1px solid #666; }

div.BigButton                	{ background-color:#ddd; border: 1px solid #ddd; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButton:hover          	{ background-color:#ccc; border: 1px solid #ccc; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonRot                { background-color:#f44; border: 1px solid #f44; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonRot:hover          { background-color:#d00; border: 1px solid #d00; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonGruen				{ background-color:#0f0; border: 1px solid #0f0; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonGruen:hover		{ background-color:#0b0; border: 1px solid #0b0; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonLight           	{ background-color:#eee; border: 1px solid #eee; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonLight:hover     	{ background-color:#ddd; border: 1px solid #ddd; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonLightInaktiv    	{ background-color:#fff; border: 5px solid #eee; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonWeiss            	{ background-color:#fff; border: 1px solid #fff; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonWeiss:hover		{ background-color:#e33; border: 1px solid #e33; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonLightWeiss			{ background-color:#fff; border: 1px solid #fff; border-radius:0.5rem; transition:0.3s; position:relative; }
div.BigButtonLightWeiss:hover	{ background-color:#eee; border: 1px solid #eee; border-radius:0.5rem; transition:0.3s; position:relative; }

.Slide_Titel	{ font-family: 'PT Sans',Arial; font-size:clamp(1.25rem, 4vw, 2.25rem); font-weight: 700; text-transform:none; line-height: 1.2;}

a.Slide:link       { color: #fff; text-shadow: #000 2px 2px 6px; text-decoration: none;}
a.Slide:visited    { color: #fff; text-shadow: #000 2px 2px 6px; text-decoration: none;}
a.Slide:hover      { color: #f44; text-shadow: #000 2px 2px 6px; text-decoration: none;}
a.Slide:active     { color: #f44; text-shadow: #000 2px 2px 6px; text-decoration: none;}





.Zeilentrenner  { color:#aaa; margin:0px; padding:0px; }

.BGLightColor	      	{ background-color:#eee; position:relative;}
.BGLightHover:hover 	{ background-color:#fff; position:relative;}

/* alt */
.dickhead 		{ font-weight:900; font-size:23px; color:#333; display:inline; }
.headline 		{ font-weight:700; font-size:23px; color:#333; display:inline; }
.subhead 		{ font-weight:700; font-size:20px; color:#333; display:inline; }
.klein		  	{ font-weight:400; font-size:12pt; color:#333; display:inline;}
.sehrklein		{ font-weight:100; font-size:9pt; color:#333; display:inline;  line-height:0.75pt;}
.rotfett		{ font-weight:700; font-size:18px; color:#f00; display:inline; line-height:1; }
.footer		  	{ color:#aaa; }

.bannerbild { margin: 15px 0px 20px 0px; max-width: 100%; height: auto; }



.slelogo 			      { font-family: "PT Sans", serif; font-weight:400; font-size:clamp(16pt, 1.75vw, 28pt); color: #228; }

a.ModalButton:link        { font-weight:700; font-size:23px; color:#45f; text-decoration:none; }
a.ModalButton:visited     { font-weight:700; font-size:23px; color:#45f; text-decoration:none; }
a.ModalButton:hover       { font-weight:700; font-size:23px; color:#000; text-decoration:none; }
a.ModalButton:active 	    { font-weight:700; font-size:23px; color:#000; text-decoration:none; }







.icon		{ margin: 4px 0px 4px 0px; vertical-align: absmiddle; width:25px; height:25px; }
.licbox 		{ margin: 0px 0px 14px 4px; padding: 16px; max-width: 800px; height:auto; border: 0px; background-color:#ffffff; }
.Klickbar	{ cursor: pointer; }


.volltext 		{ margin: 0px 0px 4px 4px; padding: 16px; border: 0px; background-color:#ffffff; }
.schmaltext		{ padding: 12px; border: 0px; background-color:#ffffff; }
.feldgelb 		{ background-color:#feb; }

.Headzeile 		{ background-color:#feb; padding:10px 20px; border-radius: 5px; max-width:600px; margin:auto; }
.Suchzeile 		{ background-color:#efa; padding:10px 20px; border-radius: 5px; max-width:600px; margin:auto; }




.event_datum		{ margin:0px; padding: 8px 25px 8px 25px; border: 0px; background-color:#fff2dd; border-radius: 15px 15px 0px 0px; }
.event_button		{ margin: 0px 0px 15px 0px; padding: 25px 25px 25px 25px; width:100%; border: 0px; background-color:#fef; border-radius: 15px 15px 15px 15px; text-align: center; }
.event_KurzInfo	{ margin: 0px 0px 0px 0px; padding: 15px 15px 15px 15px; background-color:#999; border-radius: 5px; font-weight:700; font-size:22px; color:#fff; }
.event_KurzFehler	{ margin: 0px 0px 0px 0px; padding: 15px 15px 15px 15px; background-color:#f00; border-radius: 5px; font-weight:700; font-size:35px; color:#fff; }



.textfeld		{ margin: 3px; padding: 16px; width:100%; height:auto; border: 0px; background-color:#ffffff; }

.eventtermincheck		{ margin: 3px; padding: 10px; width:100%; height:100%; border: 2px; border-color: coral; background-color:#ffffff; }

.KontentBreit	  	{ display: block; }
.KontentSchmal		{ display: none; }
@media screen and (max-width: 850px) 
  {
  .KontentBreit		{ display: none; }
  .KontentSchmal	{ display: inline; }
  }