@charset "UTF-8";
/* CSS Document */


body{
	
	background: hsla(39,62%,56%,0.31);
}



.startseite{
	
	border-image: url(../images/hintergrundmassgesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
}
.artinhalt{
	
	padding-top: 0.9375rem;
	
}

.imggalerie{
	
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
	
	
}

.showpic{
	
	
	margin-left: 30%;
	
	
}


@media (max-width: 992px){
.showpic{
	
	margin-left: 20%;
	}
}


@media (max-width: 576px){
.showpic{
	
	margin-left: 5%;
	}
}










.bgimg {
	
	background-image: url(../images/testhintergrund.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimgsetschnaps {
	
	background-image: url(../images/hintergrundschnapssetgesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimgsekt {
	
	background-image: url(../images/hintergrundsekt.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimgkolsch{
	
	background-image: url(../images/hintergrundkoelschgesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}


.bgimgbier{
	
	background-image: url(../images/hintergrundbier.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}
.bgimgaltbier{
	
	background-image: url(../images/hintergrundaltbier.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}
.bgimgbiergesamt{
	
	background-image: url(../images/hintergrundbiergesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimg3712 {
	
	background-image: url(../images/hintergrundschnaps3712gesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}
.bgimg9200 {
	
	background-image: url(../images/hintergrundschnaps9200gesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimg3715 {
	
	background-image: url(../images/hintergrundschnaps3715gesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimg9600 {
	
	background-image: url(../images/hintergrundschnaps9600gesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimg9700 {
	
	background-image: url(../images/hintergrundschnaps9700gesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimg6412 {
	
	background-image: url(../images/hintergrundschnaps6412gesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}
.bgimgapfelw {
	
	background-image: url(../images/hintergrundapfelweingesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}
.bgimgwilli {
	
	background-image: url(../images/hintergrundwilligesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimgweizen {
	
	background-image: url(../images/hintergrundweizengesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimgbierkrug {
	
	background-image: url(../images/hintergrundbierkruggesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}

.bgimgmasskrug {
	
	background-image: url(../images/hintergrundmassgesamtbig.png);
	background-position: center center;
	background-size: cover;
	min-height: 20.5rem;
width: auto;	
	
}



h1{
	
color: hsla(39,62%,56%,0.71);	
	text-align: center;
	
}

h2{
	
color: hsla(39,62%,56%,0.71);	
	text-align: center;
	
}

h3{
	
color: hsla(39,62%,56%,0.71);	
	text-align: center;
	
}

h4{
	
color: hsla(39,62%,56%,0.71);	
	text-align: center;
	
}
h5{
	
color: hsla(39,62%,56%,0.71);	
	text-align: center;
	
}



h6{
	
color: hsla(39,62%,56%,0.71);	
	text-align: center;
	
}

#header5{
	
	margin-top: 9rem;
	
	
}
#artikelbezeichnung{
	
	font-size: 1.2em;
	font-weight: bold;
	
	
}

.artikelgruppe{
	
		font-size: 1.2em;
	font-weight: bold;
	margin-left: 1.4rem;
	
	
}

.textoben {
	
	font-display: block;
	margin-top:8px;
	margin-left: 20px;
	margin-bottom: 50px;
	
}



@media (max-width: 1800px){
	
	.textoben p {
        
        font-size: 0.8em;
	
	
	
}
	
	
}

@media (max-width: 1400px){
	
	.textoben p {
        
        font-size: 0.7em;
	
	
	
}
	
	
}

@media (max-width: 1000px){
	
	.textoben p {
        
        font-size: 0.5em;
	
	
	
}
	
	
}

@media (max-width: 600px){
	
	.textoben {
	
	display: none;
	
}
	
	
}

.textoben p {

	
}

.hauptnavioben{
    background-color: hsla(34,81%,52%,0.60);	
	
	
}

@media (max-width: 992px){
.navizeile{
	
	background:hsla(36,90%,28%,0.4);
	
	margin-top: 3px;
	
}
	
	
.navizeile:hover{
	
	background:hsla(36,90%,28%,0.1);
	
	
	
}
	
	nav li:hover{
		
		font-weight: bold;
	}
}

.artikelbox{
    border: 2px solid hsla(40,87%,28%,1.00);
    background-color: hsla(34,83%,82%,1.00);
    -webkit-box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    margin: 0,9375rem;
}

.artikelboxklein{
    border: 2px solid hsla(40,87%,28%,1.00);
    background-color: hsla(34,83%,82%,1.00);
    -webkit-box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    margin: 1%;;
	min-width: 250px;
	
}

.artikelboxklein:hover{
    border: 2px solid hsla(40,87%,28%,1.00);
    background-color: hsla(34,83%,82%,0.1);
   
	
	  -webkit-box-shadow: 8px 8px 18px hsla(350,91%,18%,1.00);
    box-shadow: 8px 8px 18px hsla(350,91%,18%,1.00);
    margin: 0,9375rem;
    margin-left: 1%;
}

.artbild{
	margin-left: 2rem;
	 width: 45%;
	max-width: 250px;
	min-width: 150px;
	height: auto;
	
	
}


.artbildeinzel{
	margin-left: 2rem;
	 width: 60%;
	max-width: 250px;
	min-width: 150px;
	height: auto;
	
	
}

.artbildklein{
	margin-top: 10px;
	margin-left: 30%;
	 width: 100%;
	max-width: 100px;
	min-width: 60px;
	height: auto;
	
	
}


.artbildklein1{
	margin-top: 10px;
	margin-left: 30%;
	 width: 100%;
	max-width: 130px;
	min-width: 60px;
	height: auto;
	
	
}

.linkartikel{
	color: black;
	
}

.linkartikel:hover{
	color: black;
	
}

.preise{
	
	font-size: 1.2em;
	font-weight: bold;
	
}

hr{
	height: 1px;
	
	background: hsla(359,57%,47%,1.00);
	
}

.preis{
	
	font-weight: bold;
	
}

.formpreis{
	
	font-weight: bold;
	
}

.spuelmaschine p{
	
	font-weight: bold;
	
}

.weiterbutton{
    background-color:#F4830C;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 19px #D08A22;
    box-shadow: 4px 4px 19px #D08A22;
}

.weiterbutton :hover{
	color: white;
    background-color:#F4830C;
    border-radius: 13px;
    -webkit-box-shadow: 4px 4px 19px #D08A22;
    box-shadow: 4px 4px 19px #D08A22;
}


.row-wahlbutton{
	

margin-left: 4rem;
	
	
	
}

.standardmotiveho{
	
	border: 2px solid hsla(40,87%,28%,1.00);
    background-color: hsla(34,83%,82%,1.00);
    -webkit-box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    margin: 0,9375rem;
	
}

.leer{
	
	height: 1rem;
}


.leer1{
	
	height: 1rem;
}


.refbilder{
	margin-left:4rem;
}

.druckstand{
	width: 80%;
	border: 2px solid hsla(40,87%,28%,1.00);
    background-color: hsla(34,83%,82%,1.00);
    -webkit-box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    margin: 0,9375rem;
	
}

.standardschrift{
	
	width: 100%;
	border: 2px solid hsla(40,87%,28%,1.00);
    background-color: hsla(34,83%,82%,1.00);
    -webkit-box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    margin: 0,9375rem;
	
}

.schriftimg{
	
	width: 100%;
	
}


.schriftimg1{
	
	width: 50%;
}

.schriftbox{
	
	margin-left: 1rem;
}




.footcontainer{
	
	margin-top: 50px;
	background:hsla(213,100%,13%,1.00);
	
}

.footcontainer span{
	
	
	color: hsla(39,62%,56%,0.71);
	
}



.footcontainer span:hover{
	
	
	color: navy;
	
}








.footrow{
	
	border: hsla(357,10%,56%,1.00) 8px solid;
	
}






.stamoho{
	
	
	margin-left: 0.3rem;
	margin-top: 0.6rem;
}




.naviunten{
	
	display: flex;
	list-style: none;
	
}


.naviunten li{
	
	
	text-align: center;
	
	color: hsla(39,62%,56%,0.71);
	background: hsla(213,100%,13%,1.00);	
	padding: 0.5rem;
	margin: 0.25rem;
	flex:1;
}

.naviunten li:hover{
	
	background:hsla(34,83%,82%,1.00);
}


#preistabellegd3{
	width: 30%;
	background-color: hsla(34,83%,82%,1.00);
	margin-right: 1em;
    word-spacing: 1px;
    padding: 5px;
}

table{
	
	background-color: hsla(34,83%,82%,1.00);
	-webkit-box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
	min-width: 300px;
    
    
	
}
#preisedruck td{
	
	text-align: center;
	width: 118px;
    vertical-align: top;
     border: 1px solid;
    border-color: black;
}

.vorkostenbox{
	border: 2px solid hsla(40,87%,28%,1.00);
	text-align: center;
	width: auto;
	
	background-color: hsla(34,83%,82%,1.00);
	 -webkit-box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
    box-shadow: 5px 5px 18px hsla(44,92%,28%,1.00);
	margin-left: 2.4rem;
	padding: 0.4rem;
	
}
.vorkostenpreis{
	
	font-size: 1.5em;
	
	
}

#preistabellegd3{
	width: auto;
}

@media (max-width: 1200px){
	
	.vorkostenbox{
		
		margin-top: 20px;
		align-self:center;
		
	}

}


/* Cookie-Layer */


.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #1f6888 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}

/* Cookie-Layer */


/*  ferientermine */

.ferientermin{
	color: red;
	font-size: 1.5em;
	font-stretch: expanded;
	width: 90%;
	text-align: center;	
}

.termintext{
	color: red;
	font-size: 1em;
	width: 90%;
	text-align: center;	
}

@media (max-width: 530px){
	
	.ferientermin{
	color: red;
	font-size: 1em;
	font-stretch: expanded;
	width: 90%;
	text-align: center;	
}
	
	.termintext{
	color: red;
	font-size: 0.6em;
	width: 90%;
	text-align: center;	
		
}
	
	iframe{
	margin-left: 5%;
		
	
}
	
}

.ferien{
	width: 100%;
	align-self: center;
	height: auto;
	
}

/* Betriebsferien einblenden durch entfernen des display */
iframe{
	width: 100%;
	max-height: auto;
	border: none;
	margin-left: 1%;
	display: none;
	
}

.setlink{
	color: red;
	
	
}

.abstand{
	

	
}

.dse1{
	max-width: 80%;
	margin-left: 10%;
}

.imprtext{
	
	width: 50%;
	text-align: center;
	
	
	flex-direction: column;
	
}


/* ausblenden artikelboxen */

#art350304{
	
	
	
}

#art9200{
    

}

/* ausblenden navielemente */

#linkglastassen {
	
	
	
}

/*anzeige setboxen */

#setbox9200{
    
  
}

#headlinesetbox9200{
  
}

/*anzeige navilisten */

#naviwhisky{
    
   
}

/* link mail für allgemeine anfragen */

#linkmailallgemein{
    
    color: red;
}

.subtextmail{
    
    font-size: 0.7em;
}