@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600);
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;
}

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,
a:visited,
a:active {
	color: #443742;
	text-decoration: none !important;
	text-shadow: none;
	transition:
		color 200ms ease,
		text-shadow 250ms ease;
}
a:active {
	color: Green !important;
}
a:hover {
	color: #000000 !important;
	text-decoration: none !important;
	text-shadow: 0 0 6px rgba(255, 204, 0, 0.7);
}

a.link-clicked,
a.link-clicked:hover,
a.link-clicked:focus,
a.link-clicked:visited,
a.link-clicked:active {
	color: green !important;
	text-shadow:
		0 0 5px  rgba(120,190,90,1),
		0 0 11px rgba(140,210,105,1),
		0 0 20px rgba(160,225,120,1);
	transition: color 0.2s ease, text-shadow 3.0s ease;
}

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;
}


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

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;
}

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; 
}

.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.7;
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%
  );
}

#aktuelliframediv {
  opacity: 0;
  animation: fadeInFastAfter 2.2s cubic-bezier(0.4, 0, 1, 1) forwards;
}
@keyframes fadeInFastAfter {
  0%   { opacity: 0; }
  45%  { opacity: 0; }
  100% { opacity: 1; }
}

#xcontent, form, iframe {
  animation: BfadeIn 0.5s;
 }
@keyframes BfadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
} 

iframe[src*="balloon"] {
  animation: none !important;
}

#alertincphp{
  opacity:0.7;
  position:relative !important;
  display:block;

  border:3px solid transparent !important;
  border-radius:0 !important;
  overflow:hidden !important;

  padding:11px 17px 11px 21px !important;
  margin:0 0 25px 0 !important;

  transform: translateZ(0) rotate(-0.22deg) !important;
  transform-origin: 40% 18% !important;
  will-change: transform !important;

  background-color: rgb(255,252,238) !important;

  border-image-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 240'%3E%3Cdefs%3E%3Cfilter id='pw'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.022' numOctaves='1' seed='31'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='36'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='10' y='10' width='380' height='220' fill='none' stroke='%23b8b3a8' stroke-opacity='0.55' stroke-width='10' filter='url(%23pw)'/%3E%3C/svg%3E") !important;
  border-image-slice: 26 !important;
  border-image-width: 3 !important;
  border-image-repeat: round !important;
}

#alertincphp::after{
  content:"";
  position:absolute;
  inset:-10px;
  pointer-events:none;
  z-index:0;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cdefs%3E%3Cfilter id='sp'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.18' numOctaves='1' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 2.6 -1.30'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3C/defs%3E%3Crect width='520' height='520' filter='url(%23sp)' fill='black' opacity='0.11'/%3E%3C/svg%3E"),

    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='860' height='360'%3E%3Cdefs%3E%3Cfilter id='fi'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.010 0.18' numOctaves='2' seed='27'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 2.1 -1.20'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1.0' exponent='0.75' offset='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3C/defs%3E%3Crect width='860' height='360' filter='url(%23fi)' fill='black' opacity='0.10'/%3E%3C/svg%3E"),

    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720'%3E%3Cdefs%3E%3Cfilter id='st'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.075' numOctaves='2' seed='44' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.55  0 0 0 0 0.40  0 0 0 0 0.22  0 0 0 2.2 -1.45'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1.0' exponent='0.90' offset='0.02'/%3E%3C/feComponentTransfer%3C/filter%3E%3C/defs%3E%3Crect width='720' height='720' filter='url(%23st)' fill='black' opacity='0.07'/%3E%3C/svg%3E"),

    linear-gradient(
      to bottom,
      rgba(120,90,40,0.05),
      rgba(255,255,255,0.00) 52%,
      rgba(120,90,40,0.04)
    );

  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: 520px 520px, 860px 360px, 720px 720px, 100% 100%;
  opacity:0.6; 
}

#alertincphp > *{
  position:relative;
  z-index:1;
}

#alertincphp,
#alertincphp *{
  color: rgba(90,70,40,0.90);
  text-shadow:
    0.18px 0 rgba(0,0,0,0.20),
   -0.12px 0.06px rgba(0,0,0,0.16),
    0.05px 0.12px rgba(0,0,0,0.14);
}

#alertincphp a,
#alertincphp a u{
  text-decoration:none !important;
  border-bottom:1px solid rgba(110,80,40,0.26) !important;
  transition:
    border-bottom-color 140ms ease,
    color 140ms ease,
    text-shadow 140ms ease;
}

#alertincphp a:hover,
#alertincphp a:hover u{
  border-bottom-color: rgba(110,80,40,0.52) !important;
  color: rgba(90,70,40,0.98);
  text-shadow:
    0.22px 0 rgba(0,0,0,0.18),
   -0.12px 0.06px rgba(0,0,0,0.14),
    0.05px 0.12px rgba(0,0,0,0.12);
}

#alertincphp > div[onclick]{
  position:relative !important;
  z-index:9999 !important;
  pointer-events:auto !important;

  background:transparent !important;
  color: rgba(110,90,60,0.70) !important;
  padding:0 6px !important;
  margin:-8px -8px 0 0 !important;
  font-family:inherit !important;

  transition:
    color 120ms ease,
    transform 120ms ease,
    text-shadow 120ms ease;
}

#alertincphp > div[onclick]:hover{
  color: rgba(110,90,60,1.0) !important;
  transform: translateY(-0.5px);
  text-shadow:
    0.3px 0 rgba(0,0,0,0.22),
   -0.2px 0.1px rgba(0,0,0,0.18);
}