body { background-color:#eee; color:#555; margin:0px; padding:0px; font-family:'Roboto',Arial; font-size:15pt; font-weight:400; display:inline; }
p { display:inline; }

.Brutal 		{ font-family:'Roboto Slab',Arial; color:#333; font-size:1.75em; font-weight:700; }
.HeadSans 		{ font-family:'Roboto Slab',Arial; color:#333; font-size:1.6em; 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; }

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

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

.Nanobild		{ display:inline; max-width:50px; max-height:50px; width: auto; height: auto; border-radius: 15%; }	
.Iconbild		{ display:inline; max-width:35px; max-height:35px; width: auto; height: auto; border-radius: 15%; }	
.Muebild		{ display:inline; max-width:25px; max-height:25px; width: auto; height: auto; border-radius: 15%; }	
.TextIcon		{ display:inline; max-width:16px; max-height:16px; width: auto; height: auto; border-radius: 15%; }	

.btn-primary				{ color:#ed8663; background-color:#eeeeee; border: 1px solid #fef; }
.btn-primary:link         	{ color:#ed8663; background-color:#eeeeee; border: 1px solid #fef; }
.btn-primary:visited      	{ color:#ed8663; 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:#ed8663; background-color:#eeeeee; border-radius:0.5em; position:relative; }
div.BigButton:hover			{ color:#000000; background-color:#f7e2c5; 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:#f7e2c5; 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;  }
.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-regular - 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: 400;
  src: url('../fonts/roboto-slab-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* 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+ */
}

/* roboto-regular - 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';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - 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';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v51-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}