﻿
:root {
	--egold: #E2BD77; /* helles gelb, titel */
    --ebronce: #A28754; /* dünkleres gelb */
    --ebronce50: #6E624D; /* adresshintergrund*/
    --eblack: #353638; /* anthrazit tafel */
    --egreen: #1B5507; /* button grün */
    --erot: #550D07; /* button rot */
    --eoffwhite: #fafafa; /*block/fliesstexte*/
    
    }
    
 
    
@font-face {
  font-family: 'copy';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/EDEKATextWeb-Regular.woff) ;
}
@font-face {
  font-family: 'black';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/EDEKAHeadWEB-Black.woff) ;
}

@font-face {
  font-family: 'vibes';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/GreatVibes-Regular.ttf) ;
}

@font-face {
  font-family: 'icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIconsOutlined-RegularMini.otf?v=1.10) ;
}


body {
    font-family: 'copy';
    font-size: 25px;
    color:#fff;
    margin: 0;
    line-height:1.35;
}

h1 {
	font-family:'black';	
}
h2 {
	font-family:'black';
	font-size:42px;	
	
}

p {
	font-family: 'copy';
	font-size: 25px;
	line-height:1.35;
}

.ow{
	color:var(--eoffwhite);
}
.gold{
	color:var(--egold);
}

.font42{
	font-size:42px;
	font-family:'black';
	margin:0;

}
a{
	text-decoration: none;
	outline:none;
}

a:focus-visible{
	border:5px solid var(--egold);
}
.atext{
	color:var(--egold);
	outline:none;
}

.atext::after{
	font-family:icons;
	font-size:19px;
    content: "\e5e1"; 
    display: inline; 
    background-size: contain; 
    background-repeat: no-repeat; 
    margin-left: 5px; 
    fill:currentColor;
    position:middle;
    vertical-align:middle;
    padding-bottom: 0.3em;
    font-size:smaller;
    white-space:nowrap ;
	
}

.atext:focus-visible{
	border:2px solid var(--egold);
	border-radius:4px;
}

.mini{
	font-size:16px;
}
.zentriert {
	text-align:center ;
	align-self: center;
}
.fett{
	font-weight:700;
}
.capitals{
	text-transform:uppercase;
}

.dtend{
	float:right;
}
.dt800{
	width:800px;
}
.mt1{margin-top:10px;}
.mt2{margin-top:30px;}
.mt3{margin-top:60px;}
.mt4{margin-top:80px;}
.mt5{margin-top:100px;}

.mb1{margin-bottom:10px !important;}
.mb2{margin-bottom:30px !important;}
.mb3{margin-bottom:60px !important;}
.mb4{margin-bottom:80px !important;}
.mb5{margin-bottom:100px !important;}
.mb6{margin-bottom:180px !important;}


.me1{margin-right:10px;}
.me2{margin-right:20px;}
.me3{margin-right:30px;}
.me4{margin-right:40px;}
.me5{margin-right:50px;}

.zb1{max-width:300px;}
.zb2{max-width:400px;}
.zb3{max-width:600px;}
.zb4{max-width:800px;}
.zb5{max-width:1000px;}


.star-1 {
  top: 600px;
  left: calc((100vw - 1360px) /2 - 200px);
  width: 66px;
  animation-name: pulsen;
  animation-duration: 6s;
}
.star-2 {
  top: 1200px;
  left:  calc((100vw - 1360px) /2 + 1270px);
  width: 90px;
  animation-name: pulsen;
  animation-duration: 4s;
}
.star-3 {
  top: 1800px;
  left: calc((100vw - 1360px) /2 - 170px);
  width: 55px;
  animation-name: pulsen;
  animation-duration: 3s;
}


	@keyframes pulsen{
	0%  {transform:scale(1) saturate(0);  opacity:1}
	80% {transform:scale(2.5) saturate(4);opacity:.2}
	to  {transform:scale(1) saturate(0);  opacity:1}
	}

.stars {
  position: absolute;
  animation-iteration-count: infinite;
}
.stars img{
	width:100%;
}
.sg5 {
  left: 70%;
  top: 80%;
  transform: rotate(80deg);
}
.sternengruppe1 {
  position: absolute;
  width: 540px;
  height: 346px;
  z-index: 100;
  background: url('../bilder/Sternen-Gruppe.png') no-repeat;
}

.sg1{left:70%;top:10%}
.sg2{left:5%;top:20%}
.sg3{left:0%;top:64%;transform:rotatey(180deg)}
.sg4{left:50%;top:50%}
.sg5{left:70%;top:80%;transform:rotate(80deg)}

.textmagenta{
	color:#FFFFFF;
}
.listealpha{
	list-style-type:lower-alpha;
}
.listepunkte{
	list-style-type:disc;
}
.listespez{
	list-style:none;
	padding-left:0;
	
}
.listespez li{
	margin-top:30px;
}


.goldenline{
	width:100%;
	border-top:3px solid var(--ebronce);
}

.btnlink {
    display: inline-block; 
    background-color: var(--egreen); 
    color: white; 
    text-align: center; 
    text-decoration: none; 
    border: 1px solid white; 
    border-radius: 8px; 
    cursor: pointer; 
    transition: background-color 0.3s, color 0.3s; 
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	outline:none;   
}

.btnrot{
	background-color:var(--erot);
}

.btnlink:hover {
    background-color: var(--eblack); 
    color: var(--egold);
}

.btnlink::after {
	font-family:icons;
	font-size:38px;
    content: "\e5e1"; 
    display: inline-block; 
    margin-left: 8px; 
    fill:currentColor;
    transform: translateY(4px); 
}

.btnlink:focus-visible{
	border:8px solid var(--egold);
}

.btnback {
    display: inline-block; 
    background-color: var(--erot); 
    color: white; 
    text-align: center; 
    text-decoration: none; 
    border: 1px solid white; 
    border-radius: 8px; 
    cursor: pointer; 
    transition: background-color 0.3s, color 0.3s; 
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	outline:none;   
}

.btnback::before{
  font-family: icons;
  font-size: 38px;
  content: "\e2ea";
  display: inline-block;
  margin-left: 0px;
  fill: currentColor;
  transform: translateY(4px) translateX(-10px);
}

.btnback:focus-visible{
	border:8px solid var(--egold);
}

#hintergrund {
    background-color: var(--eblack); 
    width: 100%; 
    min-height: 100vh; 
    display: flex; 
    flex-direction: column;
    align-items: center; 
    overflow:hidden;
    background-image: url('../bilder/Sternen-Gruppe.webp'),url('../bilder/Sternen-Gruppe.webp'),url('../bilder/Sternen-Gruppe_2.webp');
    background-repeat:no-repeat,no-repeat,no-repeat;
 	background-position: calc((100vw - 1360px) /2 - 400px) 600px, calc((100vw - 1360px) /2 + 1360px) 1300px, calc((100vw - 1360px) /2 - 400px) 1900px;
 	background-size: 400px,300px,400px;
}

.spalten{
	width:100%;
    max-width: 1363px;
	overflow:hidden;
    padding: 0px;  
    border:0px solid green; 
    display:flex;  
    flex-direction:column;
}
.weite100{
	width:100%;
	border:0px solid blue; 
    display: flex; 
    flex-direction: column;
	align-items: center;
}

.weite90{
	width:90%;
	min-width:1363px;
	max-width:1640px;
	border:0px solid yellow; 
    display: flex; 
    flex-direction: column;
	align-items: center;
}

.footer{
	border:0px solid red;
}

.logotop{
	width:140px;
}

.menutop{
	position:fixed;
	z-index:1000;
	display:flex;
	background-color:var(--eblack);
	height: 220px;
	border-bottom:1px solid var(--ebronce);
}

.menutoplogo{
	margin-top:20px;
}
.menutoplogo>img{
	margin-bottom:-20px;
}
.menutoplinks{
	position:relative;
	left:180px;
	top:-15px;
	
	
}
.menutoplinks ul {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    display: flex; 
    
}

.menutoplinks li {
    margin-left:100px; 
}

.menutoplinks a {
    color: white; 
    text-decoration: none; 
    font-size:25px;
}

.footer{
	padding-top:150px;
}
.footerbraten{
	border-bottom:1px solid var(--ebronce);
	width:100%;
}
.menufooter ul{
	/*links footer in div*/
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    display: flex; 
    flex-direction:row;
    float:right;
}

.menufooter li{
	margin-left: 30px;
	margin-bottom:11px;
}
.menufooter a{
	color: var(--eoffwhite); 
    text-decoration: none; 
    font-size:18px;
}
.menufooterclaim img {
	width:290px;
	margin-top:20px;
	margin-bottom:100px;
	float:left;
}

.vabstand200{
	margin-top:280px;
}
.footerlinie{
	border-bottom:1px solid #fff;
}

.titelcontent{

	border:0px solid orange;
	width:1078px;
}

.titelsvg{
	width:100%;
}

.hamburger {
    font-size: 30px;
    cursor: pointer;
    padding: 10px;
    background-color: var(--eblack);
    color: white;
    display: none;
}

.mobmenu {
    display: none; 
    background-color: var(--ebronce);
    padding: 20px;
    position: absolute;
    top: 0px; 
    left: 0;
    width: 70%;
    min-height: 100vh;
    font-family:black;
    font-size:25px; 
    
}

.mobmenu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    padding-top:30px;
}

.mobmenu a:hover {
    
}
.mobfooter{
	display:none;
}


/*produktauswahl*/

.containermarket{
	display:flex;
	justify-content:center;
    align-items: center; 
	gap:20px;
	margin-bottom: 60px;
	
}
.linkselmarket{
	text-decoration:none;
	color: var(--egold);
}
#currmarket{
	background-color: var(--ebronce);
	color:var(--eoffwhite);
	border:1px solid white;
	border-radius:8px;
	padding: 8px;
	max-width:600px;
	text-align:center;
}


.mainshop{
	width:100%;
}
.shopcontainer{
	width:100%;display: flex;
	flex-direction: column;
	align-items:flex-start;
}
#katauswahl{
	width:100%;
	height:280px;
	display:flex;
	flex-direction:row;
	justify-content: space-between;}
	
.katIcon{
	width:131px;
	cursor: pointer;

}
.katTitel{
	margin-top:10px;
	color:var(--eoffwhite);
}
.shopeinprodukt{
	width:50%;
	float:left;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	margin-bottom:50px;
	margin-top:20px;
	min-height:280px;
}
.uHfix{
	min-height:310px;
}

.shoplblanzahl{
	background-color:#fff;
	color:var(--ebronce);
	font-size:22px;
	font-weight:700;
	flex: 1 1 60px;
	text-align:center;
}
.shopprodanzahl{
	width:90px;
	height:50px;
	border-radius: 0;
	border: 0;
	background-color: white;
	text-align:center;
	margin-top:2px;
	font-size:28px;
	outline: none; 
}
.shopprodanzahl:focus-visible{
	border:8px solid var(--egold);
}

.cboboxcontainer{
	width:90px;
	padding-right:70px;
}
.prodtextcontainer{
	width:400px;
	float:left;
}
.uProdcontainer{
	display:flex;
	flex-direction:row;
	color:var(--eoffwhite);


}
.uProdtextcontainer{
	width:400px;
	float:left;
	

}

.divChkOneKat{
	text-align:center;
	width:130px;
	margin-right:30px;
	margin-left:30px;
	float:left;
}
.gruppentitel{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:130px;
}
.gruppeImg{
	width:100%;
}
.prodtitel{
	font-family:"black";
	font-size:32px;
	margin-top:0;
	color:var(--eoffwhite);
}

.uProdtitel{
	font-family:"black";
	font-size:32px;
	margin-top:0;
}


.prodtitelmob{
	display:none;
}
.produntertitel{
	font-family:copy;
	font-size:25px;
	color:var(--eoffwhite);
}
.uProduntertitel{
	font-family:copy;
	font-size:25px;
}

.prodpreis{
	font-family:copy;
	font-size:25px;
	font-weight:700;
	color:var(--eoffwhite);		
}
.uProdpreis{
	font-family:copy;
	font-size:25px;
	font-weight:700;
	
		
}

/* uebersicht bestellte artikel*/
.Ucontainermarket{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
}
#Ucurrmarket{
	margin-left:30px;
	color:var(--eoffwhite);
}

.UcontainerGo{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom:250px;

}
.uGo{
	margin-left:80px;
	margin-right:80px;
	display: flex;
	align-content: center;
	flex-direction: column;
}




.prodcontainer{
	display:flex;
	flex-direction:row;
}
.lblanzahl{
	width:160px;
	font-family:black;
	font-size:32px;
}

.uLblanzahl{
	width:160px;
	font-family:black;
	font-size:32px;
	color:var(--eoffwhite);
}

.titelwz{
	font-family:vibes;
	font-size:100px;
	color:var(--egold);
	margin-bottom:43px;
	margin-top:43px;
}
.titelwzframe{

	margin-top:87px;
	border-top:3px solid  var(--ebronce);
	border-bottom:3px solid  var(--ebronce);
	margin-bottom: 87px;
	display: flex;
	justify-content: center;
}
.titelwzimg{
	width:100%;
	max-width:650px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 45px;
	margin-bottom: 45px;
}
.kontaktdaten{
	background-color:var(--ebronce50);
	padding-left: 130px;
	padding-right:130px;
	padding-top:50px;
	padding-bottom:50px;
	margin-top:42px;
	color:var(--eoffwhite);

}
.kontaktrow{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.kontaktrow p{
	width:550px;
}

#fehlermeldungen {
	
}






/* ADRESSFORMULAR */
.adrblocktitel{
	border-top:solid 3px var(--ebronce);
	padding-top: 90px;
	padding-bottom: 40px;
	padding-left:20px;
	padding-right:20px;
}
#containeradresse{
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    column-gap: 126px;
    margin: 0 auto; 
    }
.form-group {
    display:flex;
    flex-direction: column;
    margin-bottom:57px;
	}

.fg-w100{
	grid-column: span 2;
}
.inputfeld {
    width: 100%; 
    padding: 10px;
    box-sizing: border-box;
    font-size:25px;
    height: 64px;
    outline:none;
    border:0;
}
.inputfeld:focus{
	outline:none;
}

.inputfeld:focus-visible{
	border:8px solid var(--egold);
}

/*.inputfeld:valid{
	border:0px;
}*/

.fehlerframe{
	border:8px dotted var(--egold);
}

.contagb >span {
    flex-grow: 1; 
    word-wrap: anywhere;
}
.contagb{
	display: flex;
    cursor: pointer;
}


#agbOK {
	margin-right: 20px;
	display: none;
   }

#chksym {
    font-family: icons;
    outline:none;
}
[role=checkbox] {
    padding: 5px;
}

[role=checkbox]:focus-visible {
    border: 2px solid var(--egold);
}

[aria-checked=true]::before {
    content: "\e834";
}

[aria-checked=false]::before {
    content: "\e835";
}
.checkmark{
	font-size:45px;
	margin-right:20px;
}



.fehlermsg{
	color:white;
	font-size:30px;
	background-color:var(--egold);
	text-align:center;
}



/* kategorieauswahl checkboxen */

#katopen{
	display:none;
}
.chkcontainer {
	font-size: 24px;
	cursor: pointer;
  	caret-color: transparent;
	display: flex;
	flex-direction: column;
   	align-items: center;
}


.chkcontainer input {
  display: none;
}


.img-checked {
	display: none;
}
.img-hover {
	display: none;
}


.chkcontainer input:checked ~ .img-checked {
	display: inline;
}


.chkcontainer input:checked ~ .img-unchecked {
	display: none;
}

.chkcontainer:hover input:not(:checked) ~ .img-hover {
	display: inline;
}

.chkcontainer:hover input:not(:checked) ~ .img-checked {
	display: none;
}

.chkcontainer:hover input:not(:checked) ~ .img-unchecked {
	display: none;
}




/* ------marktsuche----------- */
    #suchwrapper{
	
}    	
    #results {
        border: 0px solid var(--ebronce);
        max-height: 350px;
        min-height: 0px;
        display:flex;
        flex-direction:column;
        overflow-y: auto;
        list-style-type: none;     
        padding-left:50px;
        padding-right:50px;
        padding-bottom:10px;
        padding-top:10px;
        transition: height 0.5s ease; 
		position: absolute;
		background-color: white; /*var(--eblack);*/
		top: 39px;
		left: 46px;    
		visibility:hidden;
		border-radius: 19px;
		color:black;
        }
            
    #results li { padding: 8px;cursor: pointer;  }
    #results li:hover {background-color: var(--ebronce); color:white;     }
	#results li:hover a{color:white	}
		
	.resultlink{ 
	color:black; 
	text-decoration:none;
	word-break: break-word;
	}
        
        
    #marktsuche{ 
    max-height:250px; 
    height:60px;
    padding:10px;
    box-sizing:border-box;
    background-color:var(--eoffwhite);
    display:flex;
    border-radius:28px; 
    align-items: center;
    position:relative;
    }
    
    .marktsuchelupe{
		width:35px;
		margin-right:10px;
	}
	
    #search{ 
    flex:1;
    border:0px;
    outline:none;
    height:100%; 
    font-size: inherit;
    }	
    #search:focus{
		border:0px;
		outline:none;
}
 	#search:focus-visible{
	outline:0px solid var(--egold);
	
	color:black;
	border-radius: 34px;
	border: 6px solid var(--egold);
	padding-left: 20px;
	} 
	  
/* startseite */
.sogehtscontainer{
	display: flex;
    justify-content: space-between; 
    height: 276px;
    padding: 0 140px;
}	
.sogehtsbildwrapper{
    width: 20%; 
    position:relative;
    text-align:center;
}
.sogehtsbild{
	
}
.sogehtstext{
	position: absolute; 
    bottom: 24px; 
    left: 0px; 
    font-size: 25px;
	font-family: black;
	padding-left: 10px;
	padding-right: 10px;
}

.marktsuchewrap{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px; 
    padding: 10px;
}

.grid1{	grid-column: span 1;}
.grid2{	grid-column: span 2;}
.grid4{	grid-column: span 4;}
.grid5{	grid-column: span 5;}
.grid6{	grid-column: span 6;}
.grid7{	grid-column: span 7;}
.grid8{	grid-column: span 8;}


.initgrid{
	display: grid;
    grid-template-columns: repeat(12, 1fr);
}
		
.w100{
	width:100%;
}	

.magazinteaserwrap{
	width:100%;
	height:372px;
	margin-bottom:200px;
}	
	
.magazinteaserbild{
	background-image:url('../bilder/Magazin.webp');
	background-position:center;
	background-repeat:no-repeat;
	background-size: contain;
	height:371px;
}	

.magazinteasertext{
	margin-top:50px;
}
.magazinteaserbtn{
	position:relative;
	top:-20px;
}

.broncestrip{
	background: linear-gradient(to bottom, transparent 10%, #A28754 10%, #A28754 90%, transparent 90%);
	
}
#mobileaktiv{
	opacity:0;
}
/*------------------------------------------mobile -----------------------------------------*/

@media screen and (max-width: 1363px) {

#mobileaktiv{
	opacity:1;
}

.star-1 {
  top: 130px;
  left: 80vw ;
}
.star-2 {
  top: 580px;
  left: 3vw ;
}
.star-3 {
  top: 1700px;
  left: 80vw ;
}


.vabstand200{
	margin-top:160px;
	border:0px solid fuchsia;
}

.hamburger{
	position:absolute;
	display:inline-block;
	align-self:end;
	top:25px;
	margin-right:20px;
	outline:none;
	}
.hamburger:focus-visible{
	border:1px solid var(--egold);
}
.spalten{
	width:100%;
    max-width: none;
    min-width:  auto;
    border:0px solid red;}
    
.weite90{
	width:100vw;
	max-width: none;
    min-width:  auto;

	
	}
	
.logotop{
	width:50px;
	}
.menutoplogo{
	width:60px;
	height:70px;
	margin-left:20px;
}
.menutoplinks{
	display:none;
	}
.menutop{
	z-index:1000;
	display:flex;
	height: 100px;
	width:100vw;
	box-shadow: 0 4px 10px var(--ebronce);}
	
.mobmenulinks{
	position:absolute;
	top:130px;
}
.mobmenutitel{
	max-width:200px;
	width:100%;
	border:0px solid orange;
	position:relative;
	padding-top:30px;
	margin-left: -3px;
	}
	
.mobtitelsvg{
	width:100%
}

.titelcontent{
	width:90%;
	max-width:1078px;
	align-self:center;

}

.font42{
	font-size:35px;
}

.dtfooter {
	display:none;
}
.mobfooter{
	display:flex;
	flex-direction:column;
	align-items:end;
	margin-top:100px;
	margin-bottom:50px;
}
.mobfooterlinks{
	width:220px;
	margin-right:60px;
	position:absolute;
	margin-top:46px;
	font-size: 12px;
	word-spacing: 5px;
}
.mobfooterlinks a{
	font-family:copy;
	font-size:12px;
	text-decoration:none;
	color:var(--eoffwhite);
}

.mobfooterlogo{
	align-self:end;
	float:right;
	padding-right:20px;
}
.mobfooterlogo > img {
		width:50px;
}

/* produktauswahl */
.containermarket{
	flex-direction: column; 
	align-items: center; 
}
#currmarket{
	font-size:16px;
}
.linkselmarket{
	font-size:16px;
}

.shopeinprodukt{
	width:100%;
	padding-left:20px;
	padding-right:20px;
	min-height:200px;
	margin-bottom:0px;
}

.uProdcontainer{
	flex-direction:column;
}

.uLblanzahl{
	font-size:25px;
	margin-bottom:5px;
}

.prodtextcontainer{
	flex:1;
	overflow-wrap: break-word;
	width:auto;
}
.uProdtextcontainer{
	flex:1;
	overflow-wrap: break-word;
	width:auto;
	margin-top:0;
	padding-right: 10px;
}

.uProdtitel{
	font-family:"black";
	font-size:32px;
	margin-top:0;
	margin-bottom:0;
}
.prodtitel{
	font-size:25px;
	display:none;
}

.prodtitelmob{
	display:block;
	width:100%;
	font-size:25px;
	font-family: black;
	color:var(--eoffwhite);
}

.produntertitel{
	margin-top:0;
}
.uProduntertitel{
	margin-top:0;
	margin-bottom:0;
}


.produntertitel,.prodpreis{
	font-size:20px;
}
.gruppentitel{
	margin-top:20px;
}
#katopen{
	display:flex;
	justify-content: space-between;
	width:100%;
	max-width:330px;
	border:1px solid var(--ebronce);
	height:auto;
	border-radius:7px;
	align-self:center;
	padding-top: 10px;
	z-index: 500;
	background-color: var(--eblack);
	cursor:pointer;
	
}

.katopentext{
	padding-left:10px;
	text-align:center;
	font-size:16px;
	padding-top:5px;
}
.katopenpfeil img{
	height:35px;
}
#katauswahl{
	flex-direction:column;
	max-width:330px;
	width:100%;
	height:auto;
	align-self: center;
	border-radius: 7px;
	border:1px solid var(--ebronce);
	margin-top: 10px;
	position: absolute;
	top: auto;
	margin-top: 60px;	
	background-color:var(--eblack);
}
.chkcontainer{
	flex-direction:row;
	margin-top: 15px;
	margin-bottom:15px;
}

.cboboxcontainer {
  padding-right: 20px;
  }

.divChkOneKat {
  text-align: left;
  width: auto;
}

.katIcon{
	width:60px;
}
.katTitel{
	padding-left:20px;
	margin:0;
	font-size:25px;
}

/*adresseingabe*/

    #containeradresse {
        grid-template-columns: 1fr; 
        column-gap: 10px; 
    }

    .form-group {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 40px;
    }

	.fg-w100{
		grid-column: span 1;
	}
 
    
    
 /* übersichtsseite*/ 
 
.titelwzframe{
	margin-top:70px;
	margin-bottom:40px;
}  
.kontaktrow{
	display:flex;
	flex-direction:column;
	
}
.kontaktrow p{
	width:auto;
}
.kontaktdaten{
	padding-left:20px;
	padding-right:20px;
}
.Ucontainermarket{
	flex-direction:column;
	align-items: center;
}
#Ucurrmarket{
	margin-left:20px;
	margin-right:20px;
	text-align: center;
	margin-top: 20px;
}
.UcontainerGo{
	display: flex;
	flex-direction: column;
	xmargin-bottom: 80px;
}
.uGo{
	margin-left:0;
	margin-right:0;
}
.uMobline{
	border-bottom: 3px solid var(--ebronce);
	margin-top: 30px;
	padding-top: 00px;
	margin-bottom: 40px;
	padding-bottom: 60px;
	}

.marktsuchewrap{

    grid-template-columns: 1fr;
}

.grid1{	grid-column: span 1;}
.grid2{	grid-column: span 1;}
.grid4{	grid-column: span 1;}
.grid5{	grid-column: span 1;}
.grid6{	grid-column: span 1;}
.grid7{	grid-column: span 1;}
.grid8{	grid-column: span 1;}

.initgrid{
	display: table;
    grid-template-columns: 1fr;
}
.mcenter {
	text-align:center ;
    display: block; 
    margin: 0 auto; 
    width: fit-content; 
}

.dtend{
	float:none;
}
.dt800{
	width:auto;
}
.mend{
	float:right;
}

.mt1{margin-top:10px;}
.mt3{margin-top:30px;}
.mt4{margin-top:40px;}
.mt5{margin-top:60px;}

.mmt1{margin-top:10px;}
.mmt3{margin-top:30px;}
.mmt4{margin-top:50px;}
.mmt5{margin-top:80px;}
.mmt7{margin-top:130px;}

.mmb1{margin-bottom:10px;}
.mmb3{margin-bottom:30px;}
.mmb4{margin-bottom:50px;}
.mmb5{margin-bottom:80px;}



.me1{margin-right:0;}
.me2{margin-right:0;}
.me3{margin-right:0;}
.me4{margin-right:0;}
.me5{margin-right:0;}

.mme1{margin-right:10px;}
.mme2{margin-right:20px;}
.mme3{margin-right:30px;}
.mme4{margin-right:40px;}
.mme5{margin-right:50px;}

.padlr1{padding-left:10px;padding-right:10px}
.padlr2{padding-left:20px;padding-right:20px}
.padlr3{padding-left:30px;padding-right:30px}

.magazinteasertext{
	margin-top:0px;
	background-color:var(--ebronce);
	display: flex;
	flex-direction: column;
	padding:10px;
}
.broncestrip{
	background: linear-gradient(to bottom, transparent 35%, #A28754 35%, #A28754 100%, transparent 100%);
}

/*startseite mobile */
    .sogehtscontainer {
        flex-direction: column;
        align-items: center; 
    }

    .sogehtsbild {
        width: 100%;
        height: auto; 
    }
.sogehtscontainer{
	height:auto;
	
}
.sogehtsbildwrapper{
	width:230px;
	margin-bottom: 40px;
}
.sogehtstext{
	font-size:24px;
	bottom:20px;
	left:0;
	margin-left: 10px;
	margin-right: 10px;
}
.magazinteaserbtn{
	top:0px;
}
#search{ 
	font-size:18px;
}

}