/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./font/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./font/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./font/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./font/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./font/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./font/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* nothing-you-could-do-regular - latin */
@font-face {
  font-family: 'Nothing You Could Do';
  font-style: normal;
  font-weight: 400;
  src: url('./font/nothing-you-could-do-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/nothing-you-could-do-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/nothing-you-could-do-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/nothing-you-could-do-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./font/nothing-you-could-do-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/nothing-you-could-do-v15-latin-regular.svg#NothingYouCouldDo') format('svg'); /* Legacy iOS */
}


a
{
	color: #575757;
	text-decoration: none;
}
a:active 
{
	color: #505050;
	text-decoration: none;
}
a:hover
{
   color: #505050;
   text-decoration: none;
}
   
body
{
font-family: 'Open Sans', sans-serif;
font-size: 1.0em;
  color:#000;
  font-weight: 300;
  -webkit-text-size-adjust:none;
}

p, td {

}

strong, b {font-weight: bold;}

input, textarea, select
{  
   font-size: 1.1em;
   border: 1px solid #999; color: #000;
padding: 5px; box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
font-size: 1.1em;
border: 1px solid #999;
}

 
.small
{
   font-size: 90%;
}
         
h1 {
 font-size: 1.8em;
color: #000000;
font-weight: 700;
margin: 20px 0 15px 0;
line-height: 1.3em;
padding: 0;
font-family: 'Open Sans', sans-serif;
}


h2 {
font-size: 1.6em;
color: #000;
font-weight: 300;
margin: 15px 0 20px 0;
}

h3 {
font-size: 1.1em;
margin: 15px 0;
color: #000;
font-weight: 700;font-family: 'Open Sans', sans-serif;
}


h4 {
font-size: 1.1em;
margin: 20px 0 15px;
color: #000;
font-weight: 700;
}

h5 {
font-size: 1.2em;
font-weight: normal;
margin: 20px 0 10px;
}



.marker {
    color: #000000;
}


#produktbewertung > h2 {
font-size: 1.3em;
margin: 15px 0;
color: #000;
font-weight: 400;font-family: 'Open Sans', sans-serif;
}
#produktbewertung > h2:before {
  display: inline-block; padding: 0 10px;
  font-family: 'fontello';
  text-decoration: none; font-size:1.1em;
  content: "\e80a";
}
#passende_angebote h2 {
font-size: 1.3em;
margin: 15px 0;
color: #000;
font-weight: 400;font-family: 'Open Sans', sans-serif;
}
#passende_angebote h2:before {
  display: inline-block; padding: 0 10px;
  font-family: 'fontello';
  text-decoration: none; font-size:1.1em;
  content: "\e804";
}

.unav h3 a {
padding-left: 20px;
font-size: 90%;
}

.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.alignright {text-align: right;}


p {
margin: 10px 0 15px 0;
line-height: 1.5em;
}


ul li { line-height: 140%; }

p.utitle {
font-weight: bold;
}

.teaserbox {
margin: 10px 1%;
float:left; position: relative;
padding: 0; text-align: left;
width: 31.333%; height: 370px;
box-sizing: border-box; border: 1px solid #c6c6c6;
padding: 10px;
}

.teaserbox img {
float: left; margin:0 0 20px; width: 100%; height: auto;
}

.teaserbox h3 {
}

.teaserbox h3 a {
    color: #000;
}

.teaserbox img.boxbild {
     box-sizing: border-box;
}

.teaserbox p {
margin:0 2%;
padding: 0 0 5px 2%;
line-height: 140%;
float: left;
}

.startteaser {
   float: left; width: 95%; margin: 60px 0; padding: 20px 0 0 5%; position: relative; background: #f3f3f3;}

@media only screen and (min-width: 960px) {
.startteaser div.bildrahmen {
    padding: 0; margin: -50px 0 -30px;
}
}

.startteaser a.weiterlink:before {
  display: inline-block; padding: 0 10px 0 0;
  font-family: 'fontello';
  text-decoration: none;
  speak: none; font-size:1.5em;
  content: "\e801";
}

.startinfo{
    float: left; width: 29.33%; margin: 10px 2%; text-align: center;
}

.startinfo h3 {
    background: #000; color: #fff; display: inline-block; width: 120px; height: 50px; padding: 35px 0; font-family: 'Oswald', sans-serif;
    border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;
}


a.button {
display: inline-block;
padding: 20px;
text-decoration: none;
margin: 20px 30px 10px 30px;
color: #000000; background: rgba(255,255,255,0.5);text-align: center;
min-width: 150px; border-radius: 40px;
}

a.button:hover {
color: #fff;
text-decoration: none;
background: #000000;
}

a.button2 {
display: inline-block;
padding: 10px 20px;
text-decoration: none;
margin: 20px 30px 10px 30px;
background: #000000; color: #fff;
border: 2px solid #000000; text-align: center;
min-width: 150px;
}

a.button2:hover {
color: #000000;
text-decoration: none;
background: #fff;
}


#content_2 div.bewertungsslider { color: #fff;}


.bewertungsslider {
    text-align: center;
}

.bewertungsslider ul {
    margin: 0; padding: 0; float: left; width: 100%;list-style-type: none;
}
.bewertungsslider ul li { float: left; width: 100%; margin: 0; padding: 0;}

.bewertungsslider ol {
    list-style-type: none; float: left; width: 100%; text-align: center; margin: 0; padding: 0;
}
.bewertungsslider ol li {
    display: inline-block;margin: 0; padding: 0;
}
.bewertungsslider ol li a {
    float: left; display: block; width: 15px; height: 15px; background: transparent; margin: 20px 5px;
    border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden; text-indent:-2000px;
    border: 1px solid #fff;
}
.bewertungsslider ol li a:hover, .bewertungsslider ol li.current a {
    background: #fff;
}


.wktabelle {
    width: 100%; border: 0;border-spacing: 0px; border-collapse: collapse;
}
.wktabelle tr th {
    padding: 10px 5px; background: #fff;border: 0; font-weight: normal; border-bottom: 1px solid #eee;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,248,252,.96));
}

.wktabelle tr td {
    padding: 5px;border: 0; border-bottom: 1px solid #eee;
}
.wktabelle .preis {
    font-size:1.1em; font-weight: bold;
}
.wktabelle a.dellink {
    font-family: fontello; font-size: 3.0em; display: inline-block; padding: 5px;
}
#checkoutlinks, #wekcontainer {
    float: right; margin: 30px 0 30px 40px;
}
#checkoutlinks a, #wekcontainer a {
    display: block;
    background: #0f172a;
    color: #fff;
    padding: 10px 20px 10px;
    text-transform: uppercase;;
     font-family: 'Open Sans', sans-serif;
    font-size: 1.1em; border-radius: 30px;
}
#checkoutlinks a:hover, #wekcontainer a:hover {
background: #4a4a49;
}

a.weklink::before {
  display: inline-block; padding: 0 10px 0 0;
  font-family: 'fontello';
  text-decoration: none;
  speak: none; font-size:1.0em;
  content: "\e80b";
}

hr {
    border: 0; height: 2px; background: #bebeb8; margin: 20px 0;
}


.finfos {
    float: left; width: 21%; padding: 10px 2%;
}
.finfos img {
        max-height: 45px;
}
a.hotlinenr {font-size: 1.3em; display: block; float: left; font-weight: bold; padding: 0 0 0 25px; background: url('images/phone-icon.png') no-repeat; background-size: 15px auto; color: #222; }

/*sudo-Slider -----------------*/
a.prevBtn, a.nextBtn {
    font-family: fontello; font-size:5.0em; position: absolute; z-index: 5; color: #bebeb8; width: 45px; text-align: center;
    padding: 5px 0; opacity: 0.8;
}
a.prevBtn {top: 45%; left:-50px;}
a.nextBtn {top: 45%; right:-50px;}

a.prevBtn:hover, a.nextBtn:hover { opacity:1.0;  }


.viertel {
    float: left; width: 23%; margin: 10px 1%;
}

.drittel {
    float: left; width: 31.33%; margin: 10px 1%;
}

.halb {
    width: 48%; margin: 10px 1%; float: left;
}
.halb h2 {  margin-bottom: 0; }
.halb a.button, .halb a.button2 {
    margin-top: 5px;
}

@media only screen and (max-width: 1160px)
{
.teaserbox {height: 350px; }
body {font-size: 0.9em;}
a.prevBtn, a.nextBtn {font-size:3.5em; position: absolute; width: 40px;}
a.prevBtn {top: 45%; left:-30px;}
a.nextBtn {top: 45%; right:-30px;}
}

@media only screen and (max-width: 960px)
{
a.prevBtn, a.nextBtn {font-size:3.0em; position: absolute; width: 40px;}
.finfos { width: 40%; padding: 10px 5%; }
.viertel {float: left; width: 48%;}
}

@media only screen and (max-width: 680px)
{
.teaserbox {width: 50%;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.5em;}
a.prevBtn {top: 45%; left:-20px;}
a.nextBtn {top: 45%; right:-20px;}
.startinfo { font-size: 0.9em;}
.startinfo h3 { width: 80px; height: 30px; padding: 25px 0; font-size: 1.0em;}

.halb {
     width: 100%; margin: 10px 0;
 }
 .drittel {
    width: 100%; margin: 10px 0;
}

}

 @media only screen and (max-width: 460px)
{
  .teaserbox {width: 100%; height: auto; margin: 10px 0; }
 .startinfo{width: 96%;}

 .wktabelle { font-size: 0.9em; }
 .wktabelle tr th { font-size: 0.9em;}
 .wktabelle thead tr td { font-size: 0.9em; }
 .wktabelle td.bildcell { width: 60px;overflow: hidden; }
 .finfos { width: 90%; padding: 10px 5%; }

.viertel {width: 100%;margin: 10px 0;}


}