/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600);
/* Browserreset */
body,html,div,p,h1,h2,h3 {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
body {
hyphens:auto;
-webkit-hyphens:auto;
}
input,textarea {
hyphens:none;
-webkit-hyphens:none;
}

html { 
	margin-left: calc(100vw - 100%); 
	scroll-padding-top: 100px;
	scroll-padding-bottom: 100px;
}

/* Generelles */

body {
	background-color: #eaeaea;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	color: #443742;
}

input, textarea, select, button {
		font-family: 'Open Sans', Helvetica, sans-serif;
		font-size: 16px;
		}

a:link {
	color: #443742;
	text-decoration: none !important;
}
a:visited {
	color: #443742;
	text-decoration: none !important;
}
a:hover {
	color: #000000 !important;
	text-decoration: none !important;
	text-shadow: #FC0 1px 0 10px;
}
a:active {
	color: #443742;
	text-decoration: none !important;
}


/* Titel und Heading */

h1 {
	position:absolute;
	width:490px;
	height:78px;
	z-index:1;
	left: 391px;
	top: 121px;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 24px;
	font-weight:normal;
	color: #342732;
	overflow: hidden;
}

h2 {
    font-weight:normal;
}


/* Reserve */
h3 {
    font-weight:normal;
	text-decoration:none;
}

/* Aktuell Haupttitel */
h4 {
color:#403338;
font-size:24px;
margin:22px 11px 11px 11px;
}


#acontent {
color:#403338;
font-size:14px;
margin:22px 11px 11px 11px;
}

a.alink {
color:#CC6600;
font-weight:bold;
text-decoration:none;
}

a.lightl {
   text-decoration:none;
}

a.lightl:visited {
	color: #443742;
	text-decoration: none;
}
a.lightl:hover {
	color: #403338;
	text-decoration: underline;
}
a.lightl:active {
	color: #443742;
	text-decoration: none;
}




/* Untertitel im Aktuell */
h5 {
color:#403338;
font-size:18px;
font-weight:normal;
margin: 0px 0px -11px 0px;
}

#xmaarsen {
	position:absolute;
	width:509px;
	height:100px;
	z-index:2;
	left: 389px;
	top: 30px;
	overflow: hidden;
}

#xmaarsenname {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 36px;
	color: #645762;
}

#xmaarsenadresse {
    font-family:'Open Sans', Helvetica, sans-serif;
    font-size: 12px; color: #645762; 
}



/* Navigation */

.navithema {
	font-family: 'Open Sans', Helvetica, sans-serif;
	color: #403338;
	font-size: 16px;
	text-align: right;
	padding-bottom:17px;
}


a.outer:link {
	color: #948792;
	text-decoration: none;
}
a.outer:visited {
	color: #948792;
	text-decoration: none;
}
a.outer:hover {
	color: #342732;
	text-decoration: underline;
}
a.outer:active {
	color: #342732;
	text-decoration: none;
}


a.navi {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
}

#xnavidiv {
	margin-top:-50px;
	margin-bottom:77px;
	overflow: hidden;
}

/* Content */

#xcontent {
	padding: 0px 11px 11px 33px;
	overflow:hidden;
    min-height:640px;
}

.freetext {
	width:96%;
	background:white;
}

.freetexthome {
	position:absolute;
	width:400px;
	height:78px;
	z-index:1;
	left: 392px;
	top: 700px;
	overflow: hidden;
}

.transparent  
 {  
  filter:alpha(opacity=60);   
  opacity: 0.85;   
 }  
 
.aktuell {
	position:absolute;
	width:200px;
	height:561px;
	z-index:2;
	left: 850px;
	top: 93px;
	border:#e4e4e4 solid 0px;
	background: white;
	background-color: #F3F3F3;
}

.homestrauss {
	position:absolute;
	left: 391px;
	top: 290px;

}

.content2 {
	position:absolute;
	left: 391px;
	top: 220px;

}


.thementitel {
   text-decoration:none;
   margin-bottom:5px;
}

.super {
	font-size: 78%;
	padding-bottom:7px;
	vertical-align:sub;
}

#lieferbar {
	font-size: 85%;
	position:absolute;
	left: 393px;
	top: 162px;
	width:480px;
	height:30px;
	z-index:3;
    color: #342732;
    opacity:0.7;
}

#chworlddiv {
	position:absolute;
	left: 391px;
	top: 270px;
	width:500px;
	height:50px;
	z-index:3;
    color: #342732;
}


.lieferbarbox {
	position:absolute;
	width:165px;
	z-index:1;
	left: 830px;
	top: 330px;
	border:#f3f3f3 solid 5px;
	background: white;
	background-color: #F3F3F3;
}

.lieferbarlegende {
	font-size: 85%;
	padding:7px;
   }
   
.light {
   color: #777777;
   }

a.light {
   color: #777777;
   }
   
a.adrhelp:link {
	color: #342732;
	text-decoration: underline;
}
a.adrhelp:visited {
	color: #342732;
	text-decoration: underline;
}
a.adrhelp:hover {
	color: #403338;
	text-decoration: underline;
}
a.adrhelp:active {
	color: #443742;
	text-decoration: underline;
}

#homeh1 {
height:auto;
}

span[onclick] { 
    cursor: default;
}

.bernarea {
color:darkgreen!important;	
opacity:0.5;
text-decoration:none !important;
}

#otherh1 {
animation: otherh1 1s forwards;
color: #544752;
}

@keyframes otherh1 {
  100% { transform: translate(0px, -11px) rotate(0deg); }
}

.blink_me {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}

.arruno {
text-decoration:underline;
text-decoration-color: white !important;	
}

#form1 table {border-spacing:0}
#form1 td{padding:5px}
#beipick table {border-spacing:5px}
#beipick td {padding:0px}

#iibg::before, #iibg2::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(234, 234, 234, 1) 0px, rgba(234, 234, 234, 0) 111px);
mix-blend-mode: screen;
pointer-events: none;
}

#submitbutton {
  padding: 10px 20px;
  background-color: rgb(0, 123, 255);
  color: rgb(255, 255, 255);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  margin-top: auto;
  animation: colorPulse 2.5s infinite;
  transition: background-color 0.3s;
}

#submitbutton:hover {
  animation: none;
  background-color: rgb(0, 105, 230);
}

@keyframes colorPulse {
  0%, 100% {
    background-color: rgb(0, 123, 255);
  }
  50% {
    background-color: rgb(0, 110, 235);
  }
}

.SCBR {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}
#footer {
width:800px; font-size:12px; height:35px; margin:0px 220px 0px 10px; padding-top:12px; 
}
#iibg {
  -webkit-mask-image: linear-gradient(to right,
      black 0%,
      black 60%,       
      transparent 100% 
  );
  mask-image: linear-gradient(to right,
      black 0%,
      black 60%,
      transparent 100%
  );
}

#iibg2 {
  -webkit-mask-image: linear-gradient(to left,
      black 0%,
      black 80%,       
      transparent 100% 
  );
  mask-image: linear-gradient(to left,
      black 0%,
      black 80%,
      transparent 100%
  );
}