body { background-color:#fff; color:#444; margin:0px; padding:0px; font-family:"Roboto",sans-serif; font-size:13pt; font-weight:300; display:inline; }
p { display:inline; }
strong { font-weight:700; }
.bg-dark { --bs-dark: #444; background-color: var(--bs-dark) !important; }
.bg-light { --bs-light: #faeefa; background-color: var(--bs-light) !important; }


.Brutal 				{ color:#444; font-size:2.0em; font-family:"Roboto Slab",sans-serif; font-weight:700; }
.HeadSans 				{ color:#444; font-size:1.7em; font-family:"Roboto Slab",sans-serif; font-weight:700; }
.SubSans    			{ color:#444; font-size:1.3em; font-family:"Roboto Slab",sans-serif; font-weight:700; }
.Textklein    			{ color:#444; font-size:0.8em; }
.Textmini               { color:#999; font-size:0.7em; }

a:link 	    			{ color: #a7a; text-decoration:none; }
a:visited   			{ color: #a7a; text-decoration:none; }
a:hover 				{ color: #444; text-decoration:none; }
a:active 				{ color: #444; text-decoration:none; }

a.footer:link 	    	{ color: #ff0; font-size:0.9em; text-decoration:none; }
a.footer:visited   		{ color: #ff0; font-size:0.9em; text-decoration:none; }
a.footer:hover 	    	{ color: #fff; font-size:0.9em; text-decoration:none; }
a.footer:active 		{ color: #fff; font-size:0.9em; text-decoration:none; }

div.BigButton               { color:#444; background-color:#faeefa; border: 1px solid #faeefa; border-radius:0.6rem; position:relative; }
div.BigButton:hover         { color:#444; background-color:#f0ddf0; border: 1px solid #f0ddf0; border-radius:0.6rem; position:relative; }
div.BigButtonSchwarz        { color:#ffc; background-color:#444; border: 1px solid #444; border-radius:0.6rem; position:relative; }
div.BigButtonSchwarz:hover	{ color:#fff; background-color:#508; border: 1px solid #508; border-radius:0.6rem; position:relative; }
div.BigButtonWeiss          { color:#444; background-color:#fff; border: 1px solid #fff; border-radius:0.6rem; position:relative; }
div.BigButtonWeiss:hover    { color:#444; background-color:#faeefa; border: 1px solid #faeefa; border-radius:0.6rem; position:relative; }
div.BigButtonRot            { background-color:#f44; border: 1px solid #f44; border-radius:0.6rem; transition:0.3s; position:relative; }
div.BigButtonRot:hover      { background-color:#d00; border: 1px solid #d00; border-radius:0.6rem; transition:0.3s; position:relative; }

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

select                      { font-size:1.2em; height:50px; border: 2px solid #fdf; border-radius:10px;   }
input[type=email]           { font-size:1.2em; height:50px; border: 2px solid #fdf; border-radius:10px;   }
input[type=email]:focus     { font-size:1.2em; height:50px; border: 2px solid #fdf; border-radius:10px; background-color: #ffc; }
input[type=text]            { font-size:1.2em; height:50px; border: 2px solid #fdf; border-radius:10px;   }
input[type=text]:focus      { font-size:1.2em; height:50px; border: 2px solid #fdf; border-radius:10px; background-color: #ffc; }
input[type=password]        { font-size:1.2em; height:50px; border: 2px solid #fdf; border-radius:10px;   }
input[type=password]:focus  { font-size:1.2em; height:50px; border: 2px solid #fdf; border-radius:10px; background-color: #ffc; }

/* Blog Individuell */
.Blog_Preview_Schmal    { width:100%; height: clamp(100px, 20vw, 200px);  border-radius:5px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.Blog_Preview_Breit     { width:100%; height: clamp( 75px, 20vw, 150px);  border-radius:5px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.Blog_Ohne		{ width:clamp(330px, 60vw, 650px); margin:auto; }
.Blog_Absatz    { width:clamp(330px, 60vw, 650px); margin:auto; margin-bottom:1.2rem; }
.Blog           { width:clamp(370px, 75vw, 800px); margin:auto; margin-bottom:1.2rem; }
.Blog_Bild      { width:clamp(370px, 75vw, 900px); margin:auto; margin-bottom:1.2rem; padding:5px; background-color:#eee; border-radius:0.6rem;  }
.Bild           { width:99.5%; margin:auto;  border-radius:0.6rem;  }
.Flattag        { background-color:#eee; padding:5px 10px; font-weight:400;border-radius:5px; }
.Tag           	{ background-color:#faeefa; padding:5px 10px; font-weight:400;border-radius:5px; }
.Tag:hover      { background-color:#f0ddf0; }
a.Tag:link      { color:#888; margin-right:6px; text-decoration:none; line-height:1.7; }
a.Tag:visited   { color:#888; margin-right:6px; text-decoration:none; line-height:1.7; }
a.Tag:hover     { color:#444; margin-right:6px; text-decoration:none; line-height:1.7; }
a.Tag:active    { color:#444; margin-right:6px; text-decoration:none; line-height:1.7; }

.sticky-div             { position: sticky; top:8px; z-index: 100; }


a.Navigation:link       { color: #fff; font-size:1.1em; font-weight:500; text-decoration:none; margin-right:1.25%; margin-left:1.25%; }
a.Navigation:visited    { color: #fff; font-size:1.1em; font-weight:500; text-decoration:none; margin-right:1.25%; margin-left:1.25%; }
a.Navigation:hover      { color: #ff0; font-size:1.1em; font-weight:500; text-decoration:none; margin-right:1.25%; margin-left:1.25%; }
a.Navigation:active     { color: #ff0; font-size:1.1em; font-weight:500; text-decoration:none; margin-right:1.25%; margin-left:1.25%; }