:root {
	--farbe-bodyhintergrund:  #fffcf0;/*#fffcf0;  /*FFF8DC*/
	--farbe-seitenhintergrund: #fbd084;/* #fbd084    #FFF6AF;  /*FFF8DC*/
	--farbe-textfarbe: #292c37;
	--farbe-textfarbe2: #FFF6AF;
	--farbe-texthintergrund: #fffcf0;
	--farbe-menulink: #ffffff; 
	--farbe-menulinkhover: #9f111b;
	--farbe-menuhintergrund: #FFF8DC; /*#fffcf1;*/
	--farbe-artikelhintergrund: #5c3511;
	--artikelhintergrund-transparenz: 20%;
	--abstand-innen-main: 20px;
	--farbe-eingabefeldhintergrund: #fff8dc;
} 




/* alex-brush-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: 'Alex Brush';
  font-style: bold;
  font-weight: 600;
  src: url('/files/BaeckereiLeiteritz/system/fonts/AlexBrush-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* praise-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: 'Praise';
  font-style: normal;
  font-weight: 400;
  src: url('/files/BaeckereiLeiteritz/system/fonts/praise-v7-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* beau-rivage-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: 'Beau Rivage';
  font-style: normal;
  font-weight: 400;
  src: url('/files/BaeckereiLeiteritz/system/fonts/beau-rivage-v2-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Tangerine-Bold';
  font-style: normal;
  font-weight: 400;
  src: url('/files/BaeckereiLeiteritz/system/fonts/Tangerine-Bold.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Waterfall-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('/files/BaeckereiLeiteritz/system/fonts/Waterfall-Regular.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'GreatVibes';
  font-style: normal;
  font-weight: 400;
  src: url('/files/BaeckereiLeiteritz/system/fonts/GreatVibes-Regular.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'RougeScript';
  font-style: normal;
  font-weight: 400;
  src: url('/files/BaeckereiLeiteritz/system/fonts/RougeScript-Regular.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Parisienne';
  font-style: normal;
  font-weight: 400;
  src: url('/files/BaeckereiLeiteritz/system/fonts/Parisienne-Regular.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ephesis';
  font-style: normal;
  font-weight: 400;
  src: url('/files/BaeckereiLeiteritz/system/fonts/Ephesis-Regular.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url('/files/BaeckereiLeiteritz/system/fonts/Allura-Regular.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
  overflow-y: scroll;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
	font-family: Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;;
	line-height: 1.5;
	color: var(--farbe-textfarbe);
	/*background: linear-gradient(90deg, #FFF8DC 8%,  #fbd084 10%, #fbd084 90%, #FFF8DC 92% );*/
	background-color: var(--farbe-bodyhintergrund);
	 height:100%;
}

/** Layout **/

#header {
color:black;
	background: var(--farbe-seitenhintergrund);
}
  
/* Header Logo */
#header .inside {
	background: var(--farbe-seitenhintergrund);
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	/*padding-left: 30px;*/
	border: 4px solid;
	border-image-slice: 1;
	border-width: 4px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-image-source: linear-gradient(90deg, rgba(92,53,17,1) 0%, rgba(251,208,132,1) 36%, rgba(251,208,132,1) 96%, rgba(92,53,17,1) 110%);
}

#header > .inside > .baeckerlogo > img{
	position:relative;
	top:18px;
	left: 80px;
}




#logo {
	line-height: 0;
  
}


.navi-haupt {
	position:absolute;
	float: right;
    right: 3%;
	top: 1em;
}

.navi-haupt > ul > li, 
.navi-untermenu > ul > li {
	display:inline;
    list-style-type: none;	
	margin:8px;
    padding:8px;
    padding-bottom:3px;
}

.navi-haupt a, .navi-untermenu a {
    color: #000000;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
    text-transform: uppercase;
	margin:0px;
    padding:0px;
}

.navi-haupt li:hover a, 
.navi-haupt li:focus a, 
.navi-haupt li:active a,
.navi-untermenu li:hover a, 
.navi-untermenu li:focus a, 
.navi-untermenu li:active a{
	/*background: #ccc linear-gradient(135deg, #aaa 0%, #fff 49%, #aaa 100%);*/
	color: #000000;
	margin:0px;
    padding:0px;
}

.navi-haupt > ul > .trail,
.navi-haupt > ul > .active {
	font-weight:normal;
	text-decoration: none;
    text-transform: uppercase;
    font-size:12px;
	margin:8px;
    padding:8px;
        padding-bottom:3px;
    border-bottom: 2px solid var(--farbe-artikelhintergrund);
}



.navi-untermenu {
	position:absolute;
	float: right;
    right: 3%;
	top: 3em;
}

.navi-untermenu li.active {
	font-weight:normal;
	text-decoration: none;
    text-transform: uppercase;
    font-size:12px;
    border-bottom: 2px solid var(--farbe-artikelhintergrund);
}


#wrapper {
	/**width: 100%;**/
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	padding-top:20px;
	background: var(--farbe-seitenhintergrund);
	box-shadow: 1px 0px 16px 7px #5c3511;
	/*border: 10px solid linear-gradient(90deg, #FFF8DC ,  #fbd084 );*/
	border-top: 4px solid var(--farbe-artikelhintergrund);

}

#container {
/*	background-image: url("../layoutbilder/hgstartseite.jpg");
    background-image: url("../layoutbilder/hintergrundbild.jpeg"); 
	background-repeat: no-repeat; 
	background-size: 1200px;
	background-position: 0px -500px; */
	margin-top: 30px;
		border: 4px solid;
	border-image-slice: 1;
	border-width: 4px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-image-source: linear-gradient(90deg, rgba(92,53,17,1) 0%, rgba(251,208,132,1) 36%, rgba(251,208,132,1) 96%, rgba(92,53,17,1) 110%);
}

#main {
	 /*width: calc(100% - (2 * var(--abstand-innen-main)));*/
	 /*padding: var(--abstand-innen-main);*/

}

#main .inside {
	
	min-height: 600px;
	/*background: var(--farbe-seitenhintergrund); /*rgba(255,255,255,0.6);  */
    margin-right:20px;
} 


.footer-copyright {
	margin-top: 40px;
	border-top: 1px solid #ccc;
	font-size: 0.75em;
	padding: 10px 0;
}

.image_container {
	width:auto;
	padding:10px;
	margin-top:15px;
	filter: drop-shadow(5px 5px 5px gray);
	
}
.hauptueberschrift {
	font-family: Roboto, Arial, sans-serif;
	color: #556b2f;
	text-align: right;
	font-size:30px;
	margin-top:auto;

}

.mod_article {
	padding-left: 40px;
	padding-right: 40px;
}

div.Angebote {
	background-image: url("/files/BaeckereiLeiteritz/system/layoutbilder/hintergrund_b4.svg");
	background-position: right top;
	background-repeat: no-repeat;
	
}

div.Produkttypen {
	display:flex;
	align-items: center;
}
	
div.content-element-group {
	display: block ;
}

div.content-element-group:not(:last-child) {
 margin-right:5rem;
}

h1 {
	font-family: Beau rivage, Arial, sans-serif;
	color: #000000;
	text-align: left;
	font-size:40px;
	font-weight:bold;
	margin-top:auto;
	letter-spacing: 0.05em;
}

h2 {
	font-family: Beau rivage, Arial, sans-serif;
	color: var(--farbe-textfarbe); /* #FFD700 */
	font-weight: bold;
	text-align: left;
	font-size:30px;
	margin-top:auto;
	letter-spacing: 0.1em;
}

h3 {
	font-family: arial, sans-serif;
	color: var(--farbe-textfarbe); /* #FFD700 */
	font-weight: bold;
	text-align: left;
	font-size:14pt;
	margin-top:auto;
	letter-spacing: 0.06em;
}


 div.ce_text 	 {
	float: left; 
	padding:10px;
	margin:5px;
	
	
}
 div.ce_text >  ul {
	padding:0px;
	
 }


