/*  Styles LINDNER Socks */

@import url(http://fonts.googleapis.com/css?family=OpenSans);

body {font-family: OpenSans, Arial, Helvetica, sans-serif; background: #111;}

h1, h2, h4, h5, #icons, a, strong {color: #fff;}
h1 {line-height: 1.5;}
h1 strong {font-size: 65px; font-weight: 900;}

img.language {width: 50px;}
.schland {background: url(../img/schland.gif); background-size: cover; height: 5px; position: absolute; bottom: 0; width: 100%; border-top: 0px solid #ccc; }

#logo {width: 250px;}

#hometop {color: #f5f5f5; background: url(../img/bg-start.jpg); background-size: cover; background-repeat: none; background-position: bottom; font-size: 16px; padding-top: 40px; padding-bottom: 40px; min-height: 400px; position: relative;}
#logo {margin-bottom: 20px}
#logo img {max-height: 75px;}
#heroshot img {max-height: 400px;}
#buttons {background: url(../img/bg-fabric.jpg); background-size: cover; background-repeat: none; background-position: center; background-attachment: fixed; padding-top: 30px; color: #f2f2f2;}
#buttonwrapper {min-height: 200px;}
#icons div {padding: 30px 0;}
#icons span {color: #fff; font-size: 12px; }

#produkte {padding: 40px 0; font-size: 12px;}
#produkte h3 {margin-bottom: 20px;}
#produkte img {max-height: 200px; margin-bottom: 20px;}
#produkte .buttonwrapper {padding: 20px 0;}

.shopbutton {background-color: #BCA474; color: #fff;}
.shopbutton:hover {background-color: #ac9362; color: #fff; }

#testimonial {background: url(../img/bg_grey_wood.jpg); background-size: cover; padding-top: 40px; padding-bottom: 40px;}
#testimonial h2 {color: #333; margin-bottom: 40px;}

#wirkung h2 {margin-bottom: 40px;}
#wirkung h3 {color:#BCA474; margin-bottom: 40px;}

#footer {padding: 40px 0; background: #999; color: #f2f3f2;}

#buttonwrapper span {
  display: block;
  margin-top: 50px;
  background: url('../img/bg_span.png');
  padding: 15px 10px;
  font-size: 14px;
  
  line-height: 1.1;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #999;
  color: #fff;}
  
  #buttonwrapper span h2 {font-size: 24px !important;}
  
  #buttonwrapper a:hover, #buttonwrapper a:focus {text-decoration: none; color: #ccc;}
  
  .firmtext {margin: 60px 0; color: #f2f2f2; text-align: justify; padding: 0 50px;}