body 
  {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6; background-color:#F0EDE4; color:#555; margin:0px; padding:0px; font-size:13pt; display:inline; }
p { display:inline; }

.Brutal 		{ font-family:'Roboto Slab',Arial; color:#555; font-size:2.2em; font-weight:700; }
.HeadSans 		{ font-family:'Roboto Slab',Arial; color:#732; font-size:1.8em; font-weight:700; }
.SubSans    	{ font-family:'Roboto Slab',Arial; color:#555; font-size:1.2em; font-weight:700; }
.Textklein    	{ color:#555; font-size:0.8em; }
.Textmini	{ font-size:0.7em; line-height:0.9; display:inline; }

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

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

.btn-primary				{ color:#ed8663; background-color:#eeeeee; border: 1px solid #fef; }
.btn-primary:link         	{ color:#f87; background-color:#eeeeee; border: 1px solid #fef; }
.btn-primary:visited      	{ color:#f87; background-color:#eeeeee; border: 1px solid #fef; }
.btn-primary:hover        	{ color:#000000; background-color:#f7e2c5; border: 1px solid #fcf; }
.btn-primary:active       	{ color:#000000; background-color:#f7e2c5; border: 1px solid #fcf; }

div.BigButton				{ color:#f87; background-color:#eeeeee; border-radius:0.5em; position:relative; }
div.BigButton:hover			{ color:#000000; background-color:#fba; border-radius:0.5em; position:relative; }
div.BigButtonWeiss			{ color:#ed8663; background-color:#fff; border-radius:0.5em; position:relative; }
div.BigButtonWeiss:hover	{ color:#000000; background-color:#fba; border-radius:0.5em; position:relative; }
div.BigButtonGruen			{ color:#fff; background-color:#0a0; border-radius:0.5em; position:relative; }
div.BigButtonGruen:hover	{ color:#fff; background-color:#060; border-radius:0.5em; position:relative; }
div.BigButtonRot			{ color:#fff; background-color:#f00; border-radius:0.5em; position:relative; }
div.BigButtonRot:hover		{ color:#ff0; background-color:#700; border-radius:0.5em; position:relative; }

/* Blog Individuell */
.Blog_Preview_Schmal    { width:100%; height: clamp(100px, 20vw, 200px);  border-radius:0.5em; background-position: center; background-size: cover; background-repeat: no-repeat; }
.Blog_Preview_Breit     { width:100%; height: clamp( 75px, 20vw, 150px);  border-radius:0.5em; background-position: center; background-size: cover; background-repeat: no-repeat; }
.Blog_Ohne		{ width:clamp(330px, 60vw, 550px); margin:auto; }
.Blog_Absatz    { width:clamp(330px, 60vw, 550px); margin:auto; margin-bottom:1.2rem; }
.Blog           { width:clamp(370px, 75vw, 840px); margin:auto; margin-bottom:1.2rem; }
.Blog_Bild      { width:clamp(370px, 75vw, 840px); margin:auto; margin-bottom:1.2rem; border-radius:0.5em; background-color:#eee; }
.Bild           { width:clamp(370px, 75vw, 840px); margin:auto; }
.Tag           	{ background-color:#f9f9f9; padding:5px 10px; font-weight:400;border-radius:0.5em; }
.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; }



/* roboto-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v36-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-slab-v36-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}