/* CSS-Datei Blumenschein Landingpage MS */
@charset "UTF-8";

/* dancing-script-500 - latin */
@font-face {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 500;
	src: local('Dancing Script'),
		url('dancing-script-v22-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('dancing-script-v22-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Scala Sans OT */
@font-face {
    font-family: 'Scala Sans OT';
    src: local('Scala Sans OT Bold'), local('ScalaSansOT-Bold'),
        url('ScalaSansOT-Bold.woff2') format('woff2'),
        url('ScalaSansOT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Scala Sans OT';
    src: local('Scala Sans OT'), local('ScalaSansOT'),
        url('ScalaSansOT.woff2') format('woff2'),
        url('ScalaSansOT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Scala Sans OT';
    src: local('Scala Sans OT Italic'), local('ScalaSansOT-Italic'),
        url('ScalaSansOT-Italic.woff2') format('woff2'),
        url('ScalaSansOT-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}




/* ************************************************************* */
/* Globales */
/* ************************************************************* */

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Schriftgröße */
html {
	font-size: 16px;
}

@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width: 1000px) {
  html {
    font-size: 22px;
  }
}



body, html {
	width: 100%; 
	height: 100%; 
	scroll-behavior: smooth;
	background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    /* background-color: #e1c167; */
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
} /* Code für  Smooth Scrolling mit dabei */

body {
	font-family: 'Scala Sans OT', Calibri, Candara, Segoe, 'Segoe UI', Optima, Futura, Arial, Helvetica, 'Sans-Serif';
	/* font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1800 - 320))); /* (1600 - 320) */
	margin: 0 auto;
	max-width: 1920px;
    
    color: #515151;
}

section {
	margin: 0 auto;
}

img {max-width: 100%; height: auto; display: block;}

.mittig {margin: 0 auto;}

.flexbox {display: -webkit-box;display: -ms-flexbox;display: flex;}

h2 {margin: 1em 0;}
h3 {padding: 1em 0;}
h4 {padding: 1em 0 .5em;}

p {line-height: 1.55em;}
ul {margin-bottom: 1em;}
li {list-style: none;}
dt {font-weight: bold;}
dd {padding-bottom: 1em;}

a.intern {
	-webkit-text-decoration: navajowhite;
	text-decoration: navajowhite;
	color: #6e6e6e;
	padding: .35em;
  display: inline-block;
  margin: 1em 0;
}

a.intern:hover, a.intern:active, a.intern:focus {
	background-color: #45513e;
	text-decoration: underline;
	color: white;
}

a.intern::before {content: '\25BC ';}

a.rechtlich {
  text-decoration: none;
  color: white;
	padding: .5em;
}

a.rechtlich:hover, a.rechtlich:active, a.rechtlich:focus {
	background-color: #45513e;
	text-decoration: underline;
	color: white;
}


.cta_bg {
    background-color: #6f8560;
    
	/* background-image: url(bilder/button_bg_blumenschein.jpg);
    background-size: cover; */
    
}

.cta {
	text-align: center;
	padding: 4em;
	
	/* 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	
	background-size: cover;
	
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 
	*/
}

.button {
	padding: .25em .5em .25em;
	background-color: #6e6e6e;
	border: 3px solid #fff;
	border-radius: 9px;
	padding: 1em 2em;
	display: inline-block;
}

.cta a {
	color: aliceblue;
}

.button:hover, .button:active, .button:focus {
	background-color: #45513e;
	text-decoration: underline;
}

/*
.button a, .button_zahl a {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}

.button, .button_zahl {
	
	margin-top: 1em;
}

.button_zahl {
	padding: .25em .5em .5em;
}

.cta h3 {
	color: white;
	margin-top: 0;
}

.cta .button {
	
	
	margin: 0 2em;
	color: #fff;
}
*/
.gabel {
	background-image: url(bilder/gabel-bg-grau.png);
	background-repeat: no-repeat;
	background-position: 85% 2em;
	background-size: contain;
}

.loeffel {
	background-image: url(bilder/loeffel-bg-grau.png);
	background-repeat: no-repeat;
	background-position: 85% 2em;
	background-size: contain;
}

.smiley_inhaltsblock {
	background-image: url(bilder/smiley-bg-grau.png);
	background-position-x: 150%;
	background-position-y: 90%;
	background-repeat: no-repeat;
	padding-bottom: 2em;
	border-right: 6px solid orange;
	background-size: 85%;
}

.orange_balken {
	border-right: 6px solid orange;
}

/*
.smiley {
	background-image: url(../bilder/smiley-bg-grau.png);
	background-position-x: 100px;
	background-position-y: 105px;
	background-repeat: no-repeat;
	padding-bottom: 2em;
	
	border-right: 6px solid orange;
}
*/

.a_link {
  color: #fff;
  background: gray;
  padding: 11px 15px;
  border: 3px solid #e1e0e0;
  border-radius: 6px;
  margin: .5em .8em 0 0;
  display: inline-block;
  text-decoration: none;
}

.a_link:hover, .a_link:active, .a_link:focus {
	text-decoration: underline;
	background-color: #45513e;
}


.inline_link {
    display: inline;
}


.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
} 

.clearfix::after {
  clear: both;
}



/* ************************************************************* */
/* Header */
/* ************************************************************* */

header img {
	max-width: 100%; 
	height: auto;
	padding: 1em 0;
}



/* ************************************************************* */
/* Main */
/* ************************************************************* */

h1 {
	color: #6e6e6e;
	margin: 1em 0;
}

h1 i {
	font-style: normal;
	/* color: #a4630e; */
	font-size: 88%;
}

h1 small {
  font-weight: normal;
}

.h-block {
	padding: 0 0 1em 0;
}

.person {
	background: rgb(245,155,0);
	background: linear-gradient(135deg, rgba(245,155,0,1) 0%, rgba(255,188,73,1) 28%, rgba(233,155,22,1) 76%, rgba(245,155,0,1) 100%);
	border: 1px solid #bb8628;
	border-radius: 8px;
	-webkit-box-shadow: 2px 2px 8px #8e8b8b;
	box-shadow: 2px 2px 8px #8e8b8b;
}

.person p {
  font-size: 120%;
}

.person img {
	margin: 0 auto;
	display: block;
}

.img_bg-color {
	background-image: url(bilder/blumenschein-logo-bg-grau.png);
	background-size: cover;
	background-position: center;
	background-position-x: center;
	background-position-x: -100px;
	background-position-y: -50px;
	background-repeat: no-repeat;
	background-color: #a8a197;
    margin-bottom: 1em;
}

blockquote {
	margin: 0;
	padding: 1em 0;
	text-align: right;
	font-family: 'Dancing Script';
	font-size: 220%;
	font-weight: 500;
	color: #60471d; /* #a4630e; */
	line-height: .9em;
	display: block;
	float: right;
}
	


.schmal {
	max-width: 880px;
}

.randabstand {
	padding: 0 1em;
}

.inhaltsblock {
	padding-top: 4em;
	padding-bottom: 4em;
}

.listenblock {
	padding-top: 2em;
	padding-bottom: 2em;
}

.kontaktblock {
	padding-top: 2em;
	padding-bottom: 1em;
}

#kontakt img {
	border-top: 7px solid #ffa500;
	border-bottom: 7px solid #ffa500;
}

article {
	background-color: #ffa500; /* #e3efd9; */
	padding: 2em;
}

article h2 {
	text-align: center;
	color: #404040; /* #676766; */
	padding-top: 1em;
	margin: 0;
}

video {
	width: 100%;
	height: auto;
	max-width: 480px;
	margin: 0 auto;
	display: block;
	border: 3px solid #676766;
    border-radius: 6px;
	background-color: #2e2e2e; /* Münster */
}

.angebot  {
	padding: 0 0 0 1em;
	margin: 0;
}

.angebot li::marker {
	color: #50ae2f;
}

.angebot li {
	padding: 0 .5em 2em 0;
	list-style: square;
	font-style: italic;
}

.angebot li i {
	font-style: normal; /*  */
	/* color: #218200; */
}

li .eyecatcher  {
	font-size: 130%;
	color: #4ca62c;
	font-style: normal;
}

.beispiel {
    display: inline-block;
    padding-top: .5em;
    line-height: 1.4em;
    font-size: 105%;
}



section picture {
	margin-top: 3em;
}

picture img {
	margin: 0 auto;
}

.anfahrtsplan {
	
}



footer {
	background-color: #676766;
	text-align: center;
}

footer p {
	padding: 1em 0;
}

footer p:first-child {
	background-color: #828281;
}



a.button-up {
	-webkit-text-decoration: navajowhite;
	text-decoration: navajowhite;
	color: #ece5e5;
	padding: .5em;
}

a.button-up:hover, a.button-up:active, a.button-up:focus {
	background-color: #45513e;
	text-decoration: underline;
}

a.button-up::before {content: '\25B2 ';}







@media screen and (min-width: 790px) {
	
	header img {
		max-width: 100%; 
		height: auto;
		padding: 1em 0 1em 1em;
	}
	
	.h-block {
		float: left;
	}
	
	.h-block h1 {
		float: left;
		color: #595959;
	}
	
	.person img {
		float: right;
		border: 1px solid #ca9e51;
		border-radius: 4px;
		-webkit-box-shadow: 2px 2px 40px #fff9f3;
		box-shadow: 2px 2px 40px #fff9f3;
	}	
	
	.person p {
	  font-size: 100%;
	}

	.person .clearfix {
		padding: 2em 1em;
	}
	
	blockquote {
		padding: .5em 0 0;
		clear: both; /* Münster */
	}	
    
    .beispiel {
        font-size: 100%;
    }
	
}