body { background-color:#fff; color:#333; margin:0px; padding:0px; font-family: "Roboto Condensed", sans-serif; font-size: clamp(14pt, 1.5vw, 1.25rem); font-weight:400; display:inline; }
p { display:inline; }

.Brutal 				{ color:#333; font-size:1.8em; font-weight:700; }
.HeadSans 				{ color:#333; font-size:1.5em; font-weight:700; }
.SubSans    			{ color:#333; font-size:1.2em; font-weight:700; }
.Textklein    			{ color:#333; font-size:0.8em; }

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

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

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:#333; background-color:#faeefa; border: 1px solid #faeefa; border-radius:1rem; position:relative; }
div.BigButton:hover		        { color:#333; background-color:#f0ddf0; border: 1px solid #f0ddf0; border-radius:1rem; position:relative; }
div.BigButtonSchwarz			{ color:#ffc; background-color:#21252a; border: 1px solid #21252a; border-radius:1rem; position:relative; }
div.BigButtonSchwarz:hover		{ color:#fff; background-color:#508; border: 1px solid #508; border-radius:1rem; position:relative; }
div.BigButtonWeiss			{ color:#333; background-color:#fff; border: 1px solid #fff; border-radius:1rem; position:relative; }
div.BigButtonWeiss:hover		{ color:#333; background-color:#50f0ddf08; border: 1px solid #f0ddf0; border-radius:1rem; 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; }

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

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;  }
.Bild           { width:clamp(370px, 75vw, 900px); margin:auto; }
.Tag           	{ background-color:#f9f9f9; padding:5px 10px; font-weight:400;border-radius:5px; }
.Tag:hover      { background-color:#ffeecc; }
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:#333; margin-right:6px; text-decoration:none; line-height:1.7; }
a.Tag:active    { color:#333; margin-right:6px; text-decoration:none; line-height:1.7; }