/* This CSS file is part of the HTML5 / CSS3 tutorial on http://www.lingulo.com */

/* GLOBAL */
body
{
	border-top:5px solid #333333;
	background:#ebe8de;
	/*font-family: 'Open Sans', sans-serif;
	color:#333333;*/
	 height:100%;
}

h1, h2, h3, h4, h5, h6 {
    color: #000000;
    letter-spacing: 0;
    padding: 0 0 2px;
}
h1, h2, h3 {
    font: 200% arial,sans-serif;
    margin: 0 0 15px;
    padding: 5px 0 2px;
}
h2 {
    color: #0066FF;
    font-size: 160%;
    padding: 9px 0 5px;
}
h3 {
    color: #000000;
    font-size: 140%;
    padding: 5px 0 0;
}
h4, h6 {
    color: #0066FF;
    font: 130% arial,sans-serif;
    padding: 0 0 5px;
}
h5, h6 {
    color: #888888;
    font: italic 95% arial,sans-serif;
    letter-spacing: normal;
    padding: 0 0 15px;
}
b{
font-weight: bold;
}
i{
font-style:italic;
}

table {
    margin: 10px 0 30px;
}
table tr th, table tr td {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #FFFFFF;
    padding: 7px 4px;
    text-align: left;
}
table tr td {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #FFFFFF;
    color: #444444;
}

input
{
	/*font-family: 'Open Sans', sans-serif;*/
	font-size:16px;
	padding: 7px;
	outline: 0;
	border:0;
	width:250px;
	background: #EBE8DE;	
	border-radius:5px;
}

input[type=submit]
{
	width:auto;
	padding: 5px 18px;
	line-height:25px;
	text-shadow:none;
	cursor:pointer;
	box-shadow: none;
	background: #333333;	
	color: #fff;
}

p
{
	margin:5px 0;
	line-height:25px;
}

a
{
	color:#0066FF;
	text-decoration:none;
	color:inherit;
	transition: color .5s ease;
}

strong
{
	font-weight:bold;
}

figcaption strong
{
	border-bottom: 1px solid #D6D0C1;
	padding-bottom:10px;
	margin: 10px 0;
	display:block;
}

figcaption
{
	line-height: 25px;
	font-size:14px;
	width:200px;
}

hr
{
	background-color: #D6D0C1;
	border:0;
	height:1px;
	margin:20px 0;
}


/* HEADER */

header
{
	position:relative;
	width:auto;
	margin: 0 auto 10px auto;
	padding-top:10px;
}

header h1
{
	margin:35px 0 0 0;
	font-size:55px;
	color:#e56038;
	font-family: 'Baumans', cursive;
}

header p
{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color: #4A463B;
	margin-left:132px;
}

div#logo img{
padding-top:10px;
width:40%;
}

div#phone {
padding-top:3px;
padding-right:15px;
text-align:right;	
}

div#menu{
text-align:center;
width:100%;
height:30px;
padding-bottom:15px;
padding-top:20px;
border-bottom:2px solid #333333;
}

div#link-box1{
display:inline-block;
background:#BDBDBD;
padding:7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-bottom:0.5px solid black;
border-top:0.5px solid black;
-webkit-border-bottom:0.5px solid black;
-webkit-border-top:0.5px solid black;
}
div#link-box{
display:inline-block;
background:#BDBDBD;
padding:7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-bottom:0.5px solid black;
border-top:0.5px solid black;
-webkit-border-bottom:0.5px solid black;
-webkit-border-top:0.5px solid black;
}
div#clear{
clear:left;
}

div#links a
{
	/*color:#61210B;
	padding:3px 5px;*/
	/*font-family: 'Open Sans', sans-serif;*/
	text-transform:uppercase;
	transition: all .25s ease;
	font-size:1.5em;
	font-style:bold;
}


div#links a:hover
{
	color:#E56038;
}

#alternative_menu
{
	width: 150px;
	position:absolute;
	top:100px;
	left:50%;
	margin-left: -75px;
	display:none;
}

#content
{
	width:auto;
	 height: auto !important;
	height: 100%;
	min-height: 100%; 	
	max-width:900px;
	margin:0 auto;
	padding:5px 2.5px 75px 2.5px;
	font-size:110%;
}
#content-slide
{
	width:auto;
	max-width:1280px;
	margin:0 auto;
	padding:5px 2.5px 12px 2.5px;
}
div#content-head-kontakt{
text-align:center;
}
div#oeffnungszeiten-left{
display:inline-block;
width:100px;
padding-right:30px;
margin-top:5px;
margin-left:5px;
}
div#oeffnungszeiten-right{
display:inline-block;
width:200px;
padding-left:50px;
margin-top:5px;
text-align:right;
}
div#content-head a{
font-size:1.2em;
}
div#content-head a:hover{
color:#E56038;
}
div#impressum{
float:right;
text-align:right;
}
/* 3 COLUMNS */

#boxcontent
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:70px 0 45px 0;
}

#boxcontent article
{
	float:left;
	width:250px;
	margin-right:45px;
	font-size:14px;
}

#boxcontent article h3
{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	margin-bottom:10px;
	margin-left:75px;
}

#boxcontent article img
{
	float:left;
}

#boxcontent article p
{
	line-height:25px;
	font-family: 'Open Sans', sans-serif;
	margin-left:75px;
}



/* BUTTONS */

.button
{
	padding:7px 14px;
	border: 1px solid #c3532e;
	background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%);
	background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);
	background-color: #eb653c;
	color: #EBE8DE;
	text-shadow: 1px 1px 0px #ff8155;
	text-decoration:none;
	border-radius:5px;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button:hover
{
	background:none #EBE8DE;
	border-color: #EBE8DE;
	text-shadow:none;
	color: #4A463B;
}




/* FOUR COLUMNS */

#four_columns, #text_columns
{
	line-height:25px;
	font-family: 'Open Sans', sans-serif;
	clear:both;
	width:auto;
	max-width:900px;
	margin:0 auto;
}

#four_columns h2, #text_columns h3
{
	font-size:20px;
	border-bottom: 1px solid #D6D0C1;
	padding: 20px 0;
	margin-bottom: 20px;
}

#four_columns .img-item
{
	float:left;
	margin-right:25px;
}

#four_columns .img-item a
{
	position:relative;
	display:block;
}

.thumb-screen
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:113px;
	background: #000 url(img/zoom.png) center center no-repeat;
	z-index:99;
	opacity: 0;
	transition: opacity .5s ease;
}

.thumb-screen:hover
{
	opacity:0.5;
}


/* TWO COLUMNS */

#text_columns article.column1, #text_columns .column2
{
	margin: 70px 0;
	font-size:14px;
	float:left;
	width:auto;
	max-width: 450px;
}

#text_columns .column2
{
	margin: 120px 0;
}

.row
{
	position:relative;
	margin: 40px 0 0 50px;
	float:right;
	width:350px;
	height:650px;
}

.row img
{
	float:left;
}

.row p
{
	margin-left: 100px;
}

.rocket, .clock
{
	top:0;
	left:0;
	position:absolute;
	height: 80px;
}

.rocket:hover
{
	opacity:0;
	transition: opacity 0.4s ease 0.2s;
	animation-name: stylie-transform-keyframes;
	animation-duration: 700ms;
	animation-delay: 0ms;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	transform-origin: 0 0;
}

.clock:hover
{
	animation-name: stylie-transform2-keyframes;
	animation-duration: 100ms;
	animation-delay: 0ms;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	transform-origin: 0 0;
}

	
.startpic {
    float: left;
    margin: 10px 10px 10px 0;
	border: 1px solid black;
}

div#marken{
float:left;
width:140px;
height:80px;
margin:5px 5px 50px 60px;
}
div#bild_marken img{
border:1px solid grey;
#height:45px;
width:130px;
}
div#marken-konfig{
margin:5px;
display:inline-block;
width:300px;
height:150px;
}
div#bild_marken-konfig img{
border:1px solid grey;
width:300px;
height:150px;
}
div#trauringe{
	background-image: url(../img/quotes-oben.gif);
  font: 22px/24px italic Times serif;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  background-color: #dadada;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
 background-position:50px 50%;
  background-repeat: no-repeat;
  background-size:40px 35px;
  text-indent: 23px;
} 
table#ueber{
float:left;
width:500px;
}
p#ueber{
width:500px;
}
div#pic_ueber{
float:right;
}
img#pic_serv{
float:right;
margin-top:100px;
}

div#liste{
margin-left:20px;
}
ul#liste li{
list-style-type:disc;
}


div#Angebot-news{
	padding:5px;
text-align:center;
width:100%;
color:red;
margin-bottom:50px;
	font-size: 16pt;
    font-family: sans-serif;
	line-height: 1.5em;
}
.sternchen {
		padding:5px;
text-align:center;
width:100%;
color:red;
	font-size: 8pt;
    font-family: sans-serif;
	line-height: 1.5em;
}

div#Angebotlist {
margin:0 auto;
display:block;
width:100px; 
min-height:120px;
overflow:hidden;
border:1px solid black;
float:left;
}


div#headAngebot {
margin-bottom:5px;
padding-bottom:5px;
padding-left:10px;
font-size:1.2em;
line-height: 1.2;
color:blue;
width:100px;
border-bottom:1px solid black;
background-color:#D8D8D8;
}

div#Angebotinfo {
margin-top:40px;
margin-left:25px;
font-size:0.8em;
line-height: 1.2;
text-align:block;
}

div#imgAngebot {
float:left;
height:160px;
margin-right:2px;
}

.row1{
background-color:#ffffff;
}

.row0 {
border-top:1px solid black;
border-bottom:1px solid black;
background-color:#F7F8E0;
}
div#AngebotPreis {
font-style:bold;
font-size:150%;
color:blue;
position:relative;
float:right;
top:-40px;
left:-15px;
}

div#newslist{
margin:2px; 
display:block;
width:auto;
overflow:hidden; 
min-height:125px;
border:1px solid black;
}

div#news-ueberschrift{
width:100%;
padding:5px;
color:#000099;
background-color:#D0D0D0;
border-bottom:1px solid black;
clear:both;
font-size:1.3em;
}

div#news-header{
padding-left:200px;
}

div#news-datum{
float:left;
width:180px;
color:#585858;
padding-left:10px; 
float:left;
}
div#news-bild{
float:left;
width:84px;
height:100px;
margin-right:20px;
margin-left:20px;
margin-bottom:5px;
}
div#news-bild img{
border:1px solid black;
}


div#news-text{
padding:5px;
text-align:block;
clear:both;
}

div#txt_marken{
font-size: 14px;
}

p.line-height{
line-height: 100%;
}
p.line-height2{
line-height: 115%;
}

/* FOOTER */

footer
{
	position:relative;
	bottom:0px !important;
	clear:both;
	width:100%;
	height:100px;
	background:#333333;
		font-family: 'Open Sans', sans-serif;
	color:#ababab;
}

footer .wrapper
{
	line-height:25px;
	margin: 0 auto;
	padding-top:30px;
	width:auto;
	max-width:900px;
	font-size:14px;
}

footer .wrapper .column
{
	font-family: 'Open Sans', sans-serif;
	color:#ababab;
	float:left;
	width:280px;
	margin-right:20px;
}

footer .wrapper .column.midlist ul li
{
	display:block;
	width:auto;
	padding:0 0 10px 25px;
	margin-bottom:10px;
	border-bottom: 1px solid #444444;
	background:url(img/arrowright2.png) left 6px no-repeat;
}

footer .wrapper .column.midlist ul li a:hover
{
	color:#fff;
}

footer .wrapper .column.rightlist ul li
{
	display:block;
	width:auto;
	margin-bottom:15px;
}

footer .wrapper .column.rightlist ul li a span
{
	margin-left:95px;
	display:block;
}

footer .wrapper .column.rightlist ul li a img
{
	transition: border .25s ease;
	float:left;
	border:3px solid #444444;
}

footer .wrapper .column.rightlist ul li a img:hover
{
	border-color: #5e5e5e;
}

footer .wrapper .column h4
{
	font-size: 16px;
	color: #fff;
	border-bottom: 1px solid #444444;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}

#copyright
{
	background: #1D1D1D;
	height:60px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
#copyright .wrapper
{
	font-family: 'Open Sans', sans-serif;
	padding-top:25px;
	color: #5e5e5e;
	font-size:14px;
	position:relative;
}
#copyright .wrapper .social
{
	position:absolute;
	right:0;
	top:25px;
}
#copyright .wrapper .social a
{
	transition: opacity .25s ease;
	opacity: 0.3;
	margin-left: 12px;
	display:block;
	float:left;
}
#copyright .wrapper .social a:hover
{
	opacity: 0.7;
}
#copyright .wrapper a
{
	color: #ABABAB;
}

#copyright .wrapper a:hover
{
	color: #fff;
}





/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */

    #slides,
    #slides2,
    #slides3 {
      display: none;
    }

    .slidesjs-navigation {
      margin-top:3px;
    }
	a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

/* Center the slideshow */
.container
{
	width:auto;
	margin: 0 auto;
	position:relative;
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
  color:red;
}

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
{
	display:none;
	color:#000;
}


/* MISC */
.clear
{
	clear:both;
}
.hidden
{
	position:absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
  	clip: rect(1px, 1px, 1px, 1px);
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media all and (max-width: 1600px)
{
#phone p{
font-size:14px;
}
div#menu{
padding-top:5px;
}
div#link-box1{
padding:7px;
}
div#link-box{
padding:7px;
}
div#logo img{
width:60%;
}
div#links a{
font-size:1.3em;
padding:3px 8px;
}

	#slider_content1, #slider_content2, #slider_content3
	{
		width:auto;
		margin-right:50px;
	}
	#slider_content1 h3, #slider_content2 h3, #slider_content3 h3
	{
		font-size:18px;
	}
	#slider_content1 p, #slider_content2 p, #slider_content3 p
	{
		font-size:14px;
	}
	#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
	{
		display:inline;
	}
	.container .button
	{
		display:none;
	}
}

@media all and (max-width: 1280px)
{
#phone p{
font-size:14px;
}
div#menu{
padding-bottom:1px;
}

div#link-box1{
padding:2px;
}
div#link-box{
padding:2px;
}
div#logo img{
width:50%;
}
div#links a{
font-size:1.3em;
/*padding:3px 8px;*/
}
}

@media all and (max-width: 950px)
{
#phone p{
font-size:12px;
}
div#menu{
padding-bottom:1px;
}
div#link-box1{
padding:1px;
}
div#link-box{
padding:1px;
}
div#logo img{
width:50%;
}


div#links a{
font-size:0.9em;
/*padding:3px 7px;*/
}
	
}

@media all and (max-width: 795px) 
{
#phone p{
font-size:12px;
}
div#menu{
padding-bottom:1px;
}
div#link-box1{
padding:1px;
}
div#link-box{
padding:1px;
}
div#logo img{
width:65%;
}

div#links a{
font-size:0.70em;
/*padding:3px 7px;*/
}

div#bild_marken-konfig img{
width:300px;
height:150px;
}
}

@media all and (max-width: 480px) 
{
h1{
font-size:20px;
font-style:bold;
}
#phone p{
font-size:12px;
}
div#menu{
padding-bottom:1px;
}
div#link-box1{
padding:1px;
}
div#link-box{
padding:1px;
}
div#logo img{
width:100%;
}
div#links a{
font-size:11px;
}
div#link-box1 {
margin-bottom:3px;	
}
div#link-box {
margin-bottom:3px;	
}
div#menu{
padding-bottom:17px;
}
div#bild_marken-konfig img{
width:300px;
height:150px;
}
div#pic_ueber img{
width:60%;	
}
.startpic{
width: 50%;
}
}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}



.angebotboxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}
@media screen and (min-width: 200px) {
  .angebotboxes {
    grid-gap: 10px;
	grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .angebotboxes {
    grid-template-columns: 1fr 1fr 1fr ;
    grid-gap: 20px;
  }
}
.angebotbox {
	grid-column: 1fr;
	/*border: 8px solid #000;*/
}

.mehrAngebote {
	position:relative;
	text-align:right;
	padding-right:20%;
	color: #666;
	top:15%;
	font-size:10pt;
}
.mehrAngebote:hover {
color:#000;
background-image: url(../img/lupe.png);
  background-position:52% 98%;
  background-repeat: no-repeat;
  background-size:12px ;
}
.mehrAngeboteTrau {
	position:relative;
	text-align:right;
	padding-right:20%;
	color: #666;
	top:15%;
	font-size:10pt;
}
.mehrAngeboteTrau:hover {
color:#000;
background-image: url(../img/lupe.png);
  background-position:38% 98%;
  background-repeat: no-repeat;
  background-size:12px ;
}
div#spaces{
	padding:10px;
	/*border-bottom:1px solid grey;*/
}
div#spaces2{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5px;
	padding:10px;
	/*border-bottom:1px solid grey;*/
}
.space-2fr {
  grid-column: 1fr;
  background:#ebe8gh;
  padding: 10px;
  width: 415px;
  height:200px;
}
div#markeninfoheader{
	text-align: left;
}
div#markeninfoheader img{
	position:relative;
	top:-50px;
	left:80%;
}
div#markeninfobild{
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-gap: 5px;
	padding:10px;
}
.mbutton {
	text-align: left;
}
.mbutton img{
	width: 150px;
}
.mbild{
	grid-column: 1fr 1fr 1fr 1fr;
  padding: 10px;
  width: 200px;
}
.mbild img{
	width:150px;
}
.mtext{
	  grid-column: 1fr;
  padding: 10px;
  font-size:120%;
line-height: 1.1;
letter-spacing:1px;
text-align:left;
}
div.mtext h1{
	text-align:center;
	font-size:140%;
}
.products {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px;
}

@media screen and (min-width: 800px) {
  .products {
    grid-gap: 10px;
	grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .products {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
  }
}
.product {
  grid-column: 1fr;
  background:white;
  padding: 10px;
  width: 110px;
  height:140px;
  border: 1px solid #555;
}
.product:hover {
  grid-column: 1fr;
  border: 1px solid #999;
  position:relative;
  background-image: url(../img/lupe.png);
  z-index:10000;
  background-position:100% 100%;
  background-repeat: no-repeat;
  background-size:35px ;
}

.product2 {
  grid-column: 1fr;
  background:white;
  padding: 10px;
  width: 200px;
  height:310px;
  border: 1px solid #555;
}
.product2:hover {
  grid-column: 1fr;
  border: 1px solid #999;
  display:block;
  background-image: url(../img/lupe.png);
  z-index:350;
  background-position:100% 100%;
  background-repeat: no-repeat;
  background-size:60px ;
}


.product__button {
  background: none;
  border: 1px solid #111111;
  font-family: 'Abel', sans-serif;
  font-size: 110%;
  padding: 10px 20px;
  transition: all .15s ease-in-out;
}
.product__button:hover {
  background: #111111;
  color: #ffffff;
}
.product__img {
  max-width: 100%;
  height: auto;
}

#product__preis {
	z-index:150;
}
.preis__bild{
	background:white;
	position: relative;
	top:-120px;
	right:5px;
	margin: 5px;
	z-index:150;
	float:left;
}
.preis__bild2{
	background:white;
	position: relative;
	top:-120px;
	right:5px;
	margin: 5px;
	z-index:150;
	float:left;
}
.preis__bild3{
	position: relative;
	top:-18px;
	right:5px;
	margin: 5px;
	z-index:150;
	float:left;
}
div.preis__ {
	margin:5px;
    z-index: 160;
    float: left;
	font-size: 18pt;
    font-family: sans-serif;
    color: red;
    text-shadow: 0 0 7px black;
}
div.preis__uvp {
	margin:5px;
    z-index: 160;
	font-size: 10pt;
    font-family: sans-serif;
    color: black;
	text-decoration: line-through;
}
h3.product__title {
	position:relative;
	z-index:10;
	font-weight:bold;
	font-size: 10pt;
    font-family: sans-serif;
    color: black;
	width:188px;
	float:left;
	margin-right:2px;
}
h3.product__title1 {
	position:relative;
	z-index:10;
	font-weight:bold;
	font-size: 10pt;
    font-family: sans-serif;
    color: black;
	width:188px;
	float:left;
	margin-right:2px;
}
h3.product__title2 {
	position:relative;
	z-index:10;
	font-weight:bold;
	font-size: 14pt;
    font-family: sans-serif;
    color: black;
	width:188px;
	float:left;
	margin-right:2px;
}
div.preis__background {
width:95px;
height: 55px;	
float: left;
}

div#AngebotInfoTitle {
	font-size: 22pt;
    font-family: sans-serif;
    color: black;
	width:400px;
	margin-right:2px;
	margin-top:40px;
	padding-bottom:10px;
	border-bottom: solid;
}
div#AngebotInfoPreis {
	margin-top: 40px;
	font-size: 16pt;
    font-family: sans-serif;
	font-weight: bold;
	color: red;
}
div#AngebotInfoPreisUVP {
	margin-top: 10px;
	margin-bottom:40px;
	font-size: 14pt;
    font-family: sans-serif;
	text-decoration: line-through;
}
div#AngebotInfoDatenL {
	padding-top:5px;
	float:left;
	width:150px;
	height:40px;
	padding-right:30px;
	line-height: 1,5em;
	font-size: 14pt;
    font-family: sans-serif;
	font-weight: bold;
}
div#AngebotInfoDatenR {
	padding-top:5px;
	float:left;
	width:315px;
	height:40px;
	line-height: 1,5em;
	font-size: 14pt;
    font-family: sans-serif;
}
div#AngebotInfoDatenBemerkung {
	padding-right:30px;
	padding-top: 20px;
	height:40px;
	width:150px;
	float:left;
	line-height: 1.5em;
	font-size: 14pt;
    font-family: sans-serif;
	font-weight: bold;
}
div#AngebotInfoDatenBemerkungR {
	position:relative;
	padding-top: 20px;
	font-size: 14pt;
	float:left;
    font-family: sans-serif;
	line-height: 1.5em;
}
div#clear{
	clear:left;
}
div#InfoText{
	position: relative;
	top:-40px;
	padding:7px;
	padding-bottom: 15px;
	background-color:white;
	border-bottom:1px solid black;
	color:maroon;
	font-size:18pt;
	text-align: center;
}
div legend{
	color:black;
}