* {
margin:0;
padding:0;
}

body {
font-family: 'Gudea', sans-serif;
}

a {
  color:#0068b4;
}

.box a {
  color:#fff;
}
  


.textindiv {
 float:left; 
}
.text .textindiv h2 {
 margin-top:0; 
}
.line {
border-bottom:1px solid #ccc;
}

.footernav a {
  text-decoration: none;
  color:#4a4a4a;
}

.footernav ul {
list-style-type:none;
}

.footernav ul.nav.lvl-1 {
display:none;
}

.accordion .title {
 padding:10px 2px 10px 24px;
 cursor:pointer; 
 background:url('../Img/Accordion/plus.png') left center no-repeat #eeeeee;  
 margin-bottom:3px;
}
.accordion .title.off {
 
 background:url('../Img/Accordion/minus.png') left center no-repeat #fcc50f; 

}

.accordion .area {
padding:12px 2px 2px 24px;  
}

.text .news-related-files ul {
 list-style-type:none; 
  padding-left:0;
}

.news .article .teaser-x {
  float: left;
}
.news .article.text .news-img-wrap {
  float: right;
  }
.news .page-navigation.text p {
  float: right;
} 
.news .page-navigation.text ul {
  float: left;
  padding-left:0;
  padding-top:3px;
} 

.news .news-img-wrap .outer {
margin-bottom:10px;
}

.news-single .article.text .news-img-wrap {
width:230px;
}

.news .teaser-x h2 {
margin-top:0;
}


.box .news p {
margin-bottom:10px;
}

.text h1 {
color:#000;
font-weight:normal; 
}
.text h2 {
font-weight:normal
}

.text .banner-img.left, .text .os-image.left {
  margin-right:10px;
  margin-bottom:10px;
  float:left;
}

.text .banner-img.right, .text .os-image.right {
  margin-left:10px;
  margin-bottom:10px;
 float:right; 
}


.image {
 float:left; 
 margin-bottom:10px;
}


  

#meter {
  display:none
}

#gradient {
background-image: -moz-radial-gradient(30% 0%, ellipse cover, #fcc50f, #fde286 50%,#ffffff 67%,#ffffff 100%);
background-image: -webkit-radial-gradient(30% 0%, ellipse cover, #fcc50f, #fde286 50%,#ffffff 67%,#ffffff 100%);
background-image: -o-radial-gradient(30% 0%, ellipse cover, #fcc50f, #fde286 50%,#ffffff 67%,#ffffff 100%);
background-image: -ms-radial-gradient(30% 0%, ellipse cover, #fcc50f, #fde286 50%,#ffffff 67%,#ffffff 100%);
background-image: radial-gradient(30% 0%, ellipse cover, #fcc50f, #fde286 50%,#ffffff 67%,#ffffff 100%);  
  
  width: 100%;
  height: 600px;
  position: absolute;
  top: 0;
  left: 0;
  z-index:-1;
}

#mmbutton {
display:block;
position:absolute;
margin-top:0;
top: 20px;
left:80px;
height:15px;
}

#mmenu {
      background-color: #0068b4;
   }
   
   html.mm-opened .mm-page {
   box-shadow:none;
   }

#header {
position:relative;
}

#header #logo {
display:block;
}

#header .topnav {
  list-style-type: none;
  position: absolute;
  right: 0;
  }
#header .topnav li {
  float: left;
}
#header .topnav li a {
  background-color:#0068b4;
  color:#fff;
  border:1px solid #fff;
  text-decoration:none;
  display:block;
}
#header .nav li {
  float: left;
  }
  #header .nav {
  list-style-type: none;
  position: absolute;
}

#header .nav li a {
  color:#000;
  text-decoration:none;
  }

.fadein {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.fadein img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

#logo {
 position:absolute;
 z-index:2000; 
}

.wrapper {
  margin:0 auto;
}

.bg-red {
background-color:#e64b0a;
}

.bg-green {
background-color:#96c31e;
}

.bg-grey {
background-color:#cecece;
}

.bg-yellow {
background-color:#fcc50f;
}

.bg-darkblue {
background-color:#0068b4;
}

.bg-darkblue2 {
background-color:#0072BB;
}

.bg-blue {
background-color:#5ac8f0;
}

.bg-white {
background-color:#fff;
color:#000;
}

.box {
float:left;
color:#fff;
position:relative;
}

.button {
padding:10px;
background-color:#0068b4;
color:#fff;
text-decoration:none;
font-size:14px;
margin-top:18px;
display:block;
position:absolute;
left:36px;
bottom:46px;
}

p .button {
display:inline-block;
position:relative;
left:auto;
bottom:auto;
}

button.redbtn {
    background-color: #e64b0a;
    color: #fff;
    border: 1px solid #e64b0a;
      font-family: 'Gudea', sans-serif;
}

.flipbox {
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    vertical-align:top;
    /* position:absolute; */
    display:block;
}

.flipbox .flipper {
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;

    /* content backface is visible so that static content still appears */
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    -ms-backface-visibility: visible;


    
    position:relative;
    width: 100%;
    height: 100%;

}

.flipbox.flip .flipper {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}

.flipbox .flipper .cardStatic {
    /* Half way through the card flip, rotate static content to 0 degrees */
    transition: 0s linear 0.17s;
    -webkit-transition: 0s linear 0.17s;
    -moz-transition: 0s linear 0.17s;
    -o-transition: 0s linear 0.17s;
    -ms-transition: 0s linear 0.17s;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);

    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    line-height:100px;
}

.flipbox.flip .flipper .cardStatic {
    /* Half way through the card flip, rotate static content to -180 degrees -- to negate the flip and unmirror the static content */
    transition: 0s linear 0.17s;
    -webkit-transition: 0s linear 0.17s;
    -moz-transition: 0s linear 0.17s;
    -o-transition: 0s linear 0.17s;
    -ms-transition: 0s linear 0.17s;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
}

.flipbox .flipper .front, .flipbox .flipper .back {
    /* Backface visibility works great for all but IE. As such, we mark the backface visible in IE and manage visibility ourselves */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.flipbox .flipper .front, .flipbox.flip .flipper .front {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
}

.flipbox .flipper .back, .flipbox.flip .flipper .back {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
}


.flipbox .flipper .front, .flipbox.flip .flipper .back {
    /* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
    animation: stayvisible 0.5s both;
    -webkit-animation: stayvisible 0.5s both;
    -moz-animation: stayvisible 0.5s both;
    -o-animation: stayvisible 0.5s both;
    -ms-animation: donothing 0.5s;
    -ms-transition: visibility 0s linear 0.17s;
    visibility: visible;
}
.flipbox.flip .flipper .front, .flipbox .flipper .back {
    /* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
    animation: stayvisible 0.5s both;
    -webkit-animation: stayvisible 0.5s both;
    -moz-animation: stayvisible 0.5s both;
    -o-animation: stayvisible 0.5s both;
    -ms-animation: donothing 0.5s;
    -ms-transition: visibility 0s linear 0.17s;
    visibility: hidden;
}
@keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-webkit-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-moz-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-o-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-ms-keyframes donothing { 0% { } 100% { } }

.box .go {
 position:absolute; 
 cursor:pointer;
 z-index:1000;
}

.box img {
 position:absolute;
 top:0;
 left:0;
 width:100%; 
  
}

.box .buttonwrap {
 text-align:center; 
}

.box .buttonwrap.social {
 text-align:left; 
 display:block;
}

.box .buttonwrap.social .button {
 display:block;
 float:left; 
}

.bigbox img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.clear {
  clear:both;
}

#sidemenu ul {
 list-style-type:none; 
}

#sidemenu ul li {
  list-style-type:none;
  font-weight:bold;
}

#sidemenu ul li li {
display:none;
}

#sidemenu ul li.active {
 display:list-item; 
}

#sidemenu ul li.active li {
 display:list-item; 
}

#sidemenu ul li ul li ul li.active {
 display:list-item; 
}

#sidemenu ul li.current {
 font-weight:bold; 
}

#sidemenu ul li ul li ul {
 display:none; 
}

#sidemenu ul li ul li.active ul {
 display:block; 
}

#sidemenu ul li ul li.current ul {
 display:list-item; 
}

#sidemenu ul li a {
 color: #0068b4;
 text-decoration:none; 
}

#sidemenu ul li ul li {
 font-weight:normal; 
}

.social-f, .social-t {
display:block;
margin-top:8px;
float:left;
}

.row.margintop10 {
  margin-top:10px; 
}

.productbox.fade .produkt span.bg-red {
  background: rgba(230, 75, 10, 0.91);
}

.productbox .produkt span.bg-red {
  background: rgba(230, 75, 10, 0);
}

.productbox.fade .produkt span.bg-green {
  background: rgba(150, 195, 30, 0.91);
}

.productbox .produkt span.bg-green {
  background: rgba(150, 195, 30, 0);
}

.productbox.fade .produkt span.bg-yellow {
  background: rgba(252, 197, 15, 0.91);
}

.productbox .produkt span.bg-yellow {
  background: rgba(252, 197, 15, 0);
}

.productbox.fade .produkt span.bg-blue {
  background: rgba(90, 200, 240, 0.91);
}

.productbox .produkt span.bg-blue {
  background: rgba(90, 200, 240, 0);
}

.productbox.fade .produkt span.bg-darkblue2 {
  background: rgba(0, 114, 187, 0.91);
}

.productbox .produkt span.bg-darkblue2 {
  background: rgba(0, 114, 187, 0);
}

.productbox.fade .produkt span.bg-black {
  background: rgba(0, 0, 0, 0.91);
}

.productbox .produkt span.bg-black {
  background: rgba(0, 0, 0, 0);
}

.productbox.fade .produkt span.bg-white {
  background: rgba(255, 255, 255, 0.91);
}

.productbox .produkt span.bg-white {
  background: rgba(255, 255, 255, 0);
  color:#000;
}
.productbox .produkt .textprodukt.black {
color:#000;
}
.productbox .produkt .textprodukt.black a.button {
border: 1px solid #000;
  color: #000;
  }

.column2.left .productbox {
margin-right:5px;
} 

.column2.right .productbox {
margin-left:5px;
}

.productbox .produkt {
  background: #e4e4e4;
  background: -moz-radial-gradient(center, ellipse cover, #e4e4e4 0%, #cccccc 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e4e4e4), color-stop(100%,#cccccc));
  background: -webkit-radial-gradient(center, ellipse cover, #e4e4e4 0%,#cccccc 100%);
  background: -o-radial-gradient(center, ellipse cover, #e4e4e4 0%,#cccccc 100%);
  background: -ms-radial-gradient(center, ellipse cover, #e4e4e4 0%,#cccccc 100%);
  background: radial-gradient(ellipse at center, #e4e4e4 0%,#cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#cccccc',GradientType=1 );
}
.productbox {
margin-bottom: 10px; 
}

/* Produktbox Light */

.productbox.bg-red-border {
border:1px solid #e64b0a;
}

.productbox.bg-green-border {
border:1px solid #96c31e;
}

.productbox.bg-yellow-border {
border:1px solid #fcc50f;
}

.productbox.bg-blue-border {
border:1px solid #5ac8f0;
}

.productbox.bg-darkblue2-border {
border:1px solid #0072bb;
}

.productbox.bg-black-border {
border:1px solid #000000;
}

.productbox.bg-white-border {
border:1px solid #ffffff;
}

.productbox.light .produkt {
background:#ffffff;
}

.productbox.light img {
margin:0 auto;
}

/* / Produktbox Light */

.column1 .productbox {
 margin-bottom:0; 
}

.banner-img {
 display:block;  
}

#footer {
background:#f0f0f0;
height:298px;

border-top:2px #4a4a4a solid;
}
#metafooter{
background-color: #4a4a4a;
}
#metafooter a, #metafooter li {
color:#f0f0f0;
text-decoration:none;
}
 #mobilehead {
  display:none;
  }
#sidemenu ul li ul li ul li ul li, #sidemenu ul li.active ul li ul li ul li {
display:none;
}
#sidemenu ul li ul li ul li.active ul li {
display:list-item;
}
 .video.margin { 
 margin-bottom:10px;
 float:none;
 }
.box .button.whiteborder {
border:1px solid #fff;
background:none;
}
.box h1 {
margin-bottom:20px;
}
.box ul {
list-style-type:circle;
}
.box li {
margin-bottom:20px;
}
.box .news a {
color:#fff;
}
.mobileonly {
display:none;
}

#haendler .haendler {
background-color:#fcc50f;
cursor:pointer;
padding:5px;
margin-bottom:10px;
display: table;
  width: 100%;
}

#haendler .haendler .cell {
  display: table-cell;
  vertical-align: middle;
}


.powermail_fieldset_34, .powermail_fieldset_33, .powermail_fieldset_32
{
display:none;
}

.btnhaendler {
float:right;
background:none !important;
border:1px solid #fff !important;
color:#fff !important;
margin-top:0 !important;
}

.javascript {
border:1px solid #f00;
padding:3px;
color:#f00;
text-align:center;
background:#fff;
}

#mmenu {
display:none;
}

.easyButton {
margin-bottom:15px;
display:inline-block;
}

#map-canvas {
height: 313px;
}

.box .field {
  float:none;
  font-family: 'Gudea', sans-serif;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.formelement {
height:32px;
float:left;
margin-bottom: 5px;
}
#header .topnav li a.yt, #header .topnav li a.ig, #header .topnav li a.fb, .footernav li a.yt, .footernav li a.fb, .footernav li a.ig {
padding:0;
background-color:none;
border:none;
display:block;
}
.footernav li a.yt  {
  width: 30px;
  height: 30px;
  background: url('../Img/Logos/Social/yt.png');
  margin-top:-1px;
}
.footernav li a.ig {
  width: 29px;
  height: 29px;
  background: url('../Img/Logos/Social/instagram.png');
}
.footernav li a.fb {
  width: 29px;
  height: 29px;
  background: url('../Img/Logos/Social/fb.png');
}
#header .topnav li a.yt  {
  width: 42px;
  height: 42px;
  background: url('../Img/Logos/Social/yt-42-circle.png');
}
#header .topnav li a.fb  {
  width: 42px;
  height: 42px;
  background: url('../Img/Logos/Social/fb-42-circle.png');
}
#header .topnav li a.ig  {
  width: 42px;
  height: 42px;
  background: url('../Img/Logos/Social/instagram-42-circle.png');
}
.footernav.social {
width:130px;
}
.footernav.social ul li {
    float: left;
    margin-right: 11px;
}
.footernav.social h3 {
    color: #4a4a4a;
    margin-bottom: 3px;
}
#mobile { display:none;}
#mobilelinks, #searchform, #searchtext, #searchtextmobile  {
display:none;
}
#box-suche #searchform {
	display:block;
}
@media all and (max-width: 389px) {
#mobile { display:block;}
#haendler .haendler .cell.right {
  width: 109px;
}
.formelement {
float:none;
}
.easyButton {
  font-size: 13px;
  padding: 8px;
  line-height: 13px;
  border: 1px solid #0068b4;
  background-color: #fff;
  color:#0068b4;
  width:inherit;
  text-decoration:none;
}
.haendlersuche #breadcrumb {
display:none;
}
div#mobilelinks {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 5001;
    padding-top: 15px;
  width:100%;
  padding-left: 18px;
    padding-bottom: 5px;
  background: rgba(255,255,255,0.8);
  margin-bottom: 24px;
}

#mobilelinkliste 
{
    display: none;
    float: left;
    position: relative;
}
#mobilelinkkarte, #mobilelinkliste {
display:none;
}
#mobilelinkkarte, #mobilelinkneuesuche, #mobilelinkliste {
margin-bottom:10px;
float: left;
    position: relative;
}

#mobilelinkliste a, #mobilelinkkarte a, #mobilelinkneuesuche a {
background-color: #e64b0a;
color: #fff;
border: 1px solid #fff;
text-decoration:none;
padding: 4px 15px;
font-size: 14px;
text-align:center;
display:block;
margin: 0 10px;
}
#map-canvas {
display:none;
}
#map-canvas.googlemap {
/* height:180px;
width:300px; */
display:block;
position:fixed !important;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
}
.mobileoff {
display:none;
}
.mobileonly {
display:block;
}
 #header .nav, #header .topnav, .sidenav  {
 display:none;
 }
.wrapper {
  width:300px;
  }
#meter { width:300px; }
  #mobilehead {
  display:block;
  height:48px;
  width:100%;
  background:#0068b4;
  position:fixed;
  top:0;
  left:0;
  z-index:4000;
  }
  #mobilehead .btn {
  padding:6px;
  color:#fff;
  border:1px solid #fff;
  float:right;
  text-decoration:none; 
  margin-top:6px;
  margin-right:8px;
  }
  #header {
  height:190px;
  width:100%;
  margin:0 auto;

  position:relative;
  }
  #mmbutton {
  background:url('../Img/Buttons/hamburger.png');
  width:48px;
  height:40px;
  position:absolute;
  left:4px;
  top:4px;
  }
  #logo {
  margin:0 auto;
  width: 82px;
  height: 81px;
  background: url('../Img/Logos/Vedes/logo-vedes-82.png');
  position:relative;
  top:56px;
}
#claim {
  top: 60px;
  position:relative;
  margin:0 auto;
  width:281px;
  height:32px;
  background:url('../Img/Claim/claim-281.png');
}
body.spielzeugring #logo {
  margin:0 auto;
  width: 82px;
  height: 82px;
  background: url('../Img/Logos/Spielzeugring/logo-spielzeug-ring-82.png');
  position:relative;
  top:56px;
}
body.spielzeugring #claim {
display:none;
}
body.spielzeugring #header {
height:150px;
}
  #header .nav {
  font-size: 5px;
  top: 21px;
  left: 60px;
}

  #header .nav li {
  margin-right:5px;
  }
  #header .topnav {
  font-size:3px;
  top:5px;
  }
  #header .topnav li a {
  line-height: 4px;
  padding: 2px;
  margin-right:2px;
  }

  #header .fb-blue {
  right:14px;
  top:17px;
  width:9px;
  }
  #header .t-blue {
  right:2px;
  top:17px;
  width:9px;
  }
 .column1 {
  width:300px;
  float:left;
  }
  .column2 {
  width:300px;
  float:left;
  }
  .column3 {
  width:300px;
  float:left;
  }
  .column4 {
  width:300px;
  float:left;
  }

.box, .flipbox .front, .flipbox .back {
  width:300px;
  height:300px;
  }
  .box .go {
  right:16px;
  top: 16px;
  width:35px;
  height:35px;
  background:url('../Img/Buttons/go-35.png');
  }
  .box .go.black {
  background:url('../Img/Buttons/black/go-35.png');
  }
      .box .inner {
  position:absolute;
  left:0;
  top:0;
  width:100%;
    padding-top: 37px;
 height:263px;

  }
.box .buttonwrap {
display: block;
  bottom: 20px;
  left: 0;
  position: absolute;
  width: 242px;
}
.box ul li {
background:url('../Img/Lists/circle12.png') no-repeat 0 9px;
padding-left:20px;
}
.box ul {
list-style-type:none;
}
.box p, .box ul, .box .search{
  font-size:20px;
  line-height: 27px;
    padding-right:33px;
  padding-left:25px;
  }
.box h1 {
 font-size:20px;
 font-weight:bold;
 text-transform: uppercase; 
   padding-right:33px;
  padding-left:25px;
  margin-bottom:15px;
}
  .box label {
  font-size:14px;
  }
  .box .field {
  width:190px;
  font-size:12px;
  padding:5px;
  margin-top:10px;
  }
  .box .button {
  margin-top:9px;
  font-size:14px;
  padding: 8px;
  line-height:13px;
  border: 1px solid #00497E;

  }

.bigbox {
  width:300px;
  height:300px;
  position:relative;
  }
.content {
  margin-top:10px;
  }
.image {
margin-left:28px;
}
.tx-powermail {
  padding-right: 28px;
  padding-left: 28px;
}
.text {
  padding-right: 28px;
  padding-left: 28px;
}
.text h1 {
  font-size:25px;
  margin-bottom:15px;
  }

  .text h2 {
  font-size:20px;
  margin-bottom:16px;
  margin-top: 20px;
  }
  .text h3 {
  font-size:14px;
  margin-bottom:14px;
  }
  .text p, .powermail_fieldwrap p {
  margin-bottom: 12px;
  font-size: 12px;
  line-height:20px;
  }
  .text ul {
  padding-left:20px;
  font-size: 12px;
  margin-bottom: 12px;
  }
#breadcrumb {
  margin-bottom:33px;
  padding-top:8px;
  padding-left:28px;
  }
  .box .buttonwrap.social .button {
  margin-right:16px;
  }
  
      .social-f {
background:url('../Img/Buttons/f-35.png');
  margin-right:16px;
 width:35px;
 height:35px;
  } 
     .social-t {
background:url('../Img/Buttons/t-35.png');
  margin-right:16px;
 width:35px;
 height:35px;
  } 
  .column1 .productbox.margin {
width:244px;
}
  .column1 .productbox.margin, .column1 .productbox.margin .produkt, .column1 .productbox.margin .produkt span {
height:244px;
}
.column1 .productbox.margin .textprodukt, .column1 .productbox.margin .textprodukt h1 {
 font-size:12px;
  line-height: 16px;
}
.column1 .productbox {
width:300px;
}

.column1 .productbox, .column1 .productbox .produkt, .column1 .productbox .produkt span {
height:300px;
}
.column1 .productbox .textprodukt, .column1 .productbox .textprodukt h1 {
 font-size:14px;
  line-height: 18px;
}
 .productbox.margin {
width:244px;
margin-right: 28px;
margin-left: 28px;
}

.productbox.margin, .productbox.margin .produkt, .productbox.margin .produkt span {
height:123px;
} 
  .productbox {
  margin-right:0;
  width:300px;
  height:151px;
  float: left;
  position: relative;
}
.column2.left .productbox , .column2.right .productbox{
  margin-right: 0;
  margin-left:0;
  margin-bottom:10px;
}

.productbox .produkt {
  height:151px;
}
.productbox .textprodukt {
  bottom:0;
  left:0;
  font-size:10px;
  line-height: 12px;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 50000;
  opacity: 0;
  transition: all 0.4s ease 0.1s;
  color:#fff;
}
.productbox .textprodukt p.normal {
display:none;
}
.productbox .textprodukt h1 {
font-weight:bold;
font-size:14px;
margin-bottom:10px;
}
.productbox .textprodukt p.small {
display:block;
font-size:14px;
}
.productbox.fade .textprodukt {
  opacity: 1;
  text-align: center;
  padding-bottom:15px;
}
.productbox .produkt span {
  position: absolute;
  height:151px;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}

.productbox .button {
  margin-top:16px;
  font-size:11px;
  padding: 7px;
  line-height:11px;
  border: 1px solid #fff;
  color:#fff;
  background:none;
  }
  
  #footer {
  display:none;
  }
  .line {
margin:10px 28px;
}
   .video.margin {
width:244px;
height:138px;
margin-right: 28px;
margin-left: 28px;
}


.column3 .video.margin {
width:244px;
height:138px;
margin-right: 28px;
margin-left: 28px;
}
.news .article .teaser-x {
  width:244px;
}
#metafooter .nav {
  list-style-type: none;
  padding-top: 5px;
  margin: 0 auto;
  width: 210px;
}
#metafooter li {
  float: left;
  margin-bottom:5px;
  font-size:12px;
}
.text .banner-img.right {
  margin-left: 0;
  margin-bottom: 10px;
  float: left;
  margin-right: 10px;
}
.text .os-image.right {
  margin-left: 0;
  margin-bottom: 10px;
  float: none;
}
/* Haendlersuche Neu */
#box-suche .inner {
	padding-top:20px;
    height:auto;	
}
#box-suche #searchform {
	display:block;
}
#box-suche .tx-powermail .powermail_fieldset .powermail_field {
	margin-top:0;	
}
#map-canvas-small.googlemap {
position:fixed !important;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
}
.box-suche {
	margin-bottom:20px;	
	width:244px;
	height:244px;
}
.box-suche p, .box-suche .search {
           font-size: 14px;
    line-height: 22px;
    padding-right: 43px;
    padding-left: 33px;
}
  .box-suche .formelement {
    width: 100%;
	margin-bottom:5px;
	height:32px;
  }
  .box-suche input#suchbegriff,.box-suche select#radius, .box-suche select#land, .box-suche option{
    width: 100%;
	font-size:14px;
	
  } 
}

@media all and (max-width: 559px) and (min-width: 390px) {
#mobile { display:block;}
.formelement.last {
float:none;
clear:both;
}
.easyButton {
font-size: 16px;
  padding: 10px;
  line-height: 16px;
  border: 1px solid #0068b4;
  background-color: #fff;
  color: #0068b4;
  width:inherit;
  text-decoration:none;
  }
.haendlersuche #breadcrumb {
display:none;
}
 div#mobilelinks {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 5001;
    padding-top: 15px;
  width:100%;
  padding-left: 35px;
    padding-bottom: 5px;
  background: rgba(255,255,255,0.8);
  margin-bottom: 24px;
}

#mobilelinkliste 
{
    display: none;
    float: left;
    position: relative;
}
#mobilelinkkarte, #mobilelinkliste {
display:none;
}
#mobilelinkkarte, #mobilelinkneuesuche, #mobilelinkliste {
margin-bottom:10px;
float: left;
position: relative;
}

#mobilelinkliste a, #mobilelinkkarte a, #mobilelinkneuesuche a {
background-color: #e64b0a;
color: #fff;
border: 1px solid #fff;
text-decoration:none;
padding: 4px 15px;
font-size: 14px;
text-align:center;
display:block;
margin: 0 10px;
}
  #map-canvas {
width:390px;
}
#map-canvas.googlemap {
position:fixed !important;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
}
 #header .nav, #header .topnav, .sidenav {
 display:none;
 }
 .mobileoff {
display:none;
}
.mobileonly {
display:block;
}
#meter { width:390px; }
  .wrapper {
  width:390px;
  }
  #mobilehead {
    display:block;
  height:48px;
  width:100%;
  background:#0068b4;
  position:fixed;
  top:0;
  left:0;
  z-index:4000;
  }
  #mobilehead .btn {
  padding:6px;
  color:#fff;
  border:1px solid #fff;
  float:right;
  text-decoration:none; 
  margin-top:6px;
  margin-right:8px;
  }
  #header {
  height:190px;
  width:100%;
  margin:0 auto;

  position:relative;
  }
  #mmbutton {
  background:url('../Img/Buttons/hamburger.png');
  width:48px;
  height:40px;
  position:absolute;
  left:4px;
  top:4px;
  }
  #logo {
  margin:0 auto;
  width: 82px;
  height: 81px;
  background: url('../Img/Logos/Vedes/logo-vedes-82.png');
  position:relative;
  top:56px;
}
#claim {
  top: 60px;
  position:relative;
  margin:0 auto;
  width:281px;
  height:32px;
  background:url('../Img/Claim/claim-281.png');
 }
 body.spielzeugring #logo {
  margin:0 auto;
  width: 82px;
  height: 82px;
  background: url('../Img/Logos/Spielzeugring/logo-spielzeug-ring-82.png');
  position:relative;
  top:56px;
}
body.spielzeugring #claim {
display:none;
}
body.spielzeugring #header {
height:150px;
}
  #header .nav {
  font-size: 6px;
  top: 28px;
  left: 77px;
}

  #header .nav li {
  margin-right:7px;
  }
   #header .topnav {
  font-size:4px;
  top:7px;
  }
  #header .topnav li a {
  line-height: 5px;
  padding: 3px;
  margin-right:3px;
  }

  #header .fb-blue {
  right:19px;
  top:23px;
  width:11px;
  }
  #header .t-blue {
  right:3px;
  top:23px;
  width:11px;
  }
 .column1 {
  width:390px;
  float:left;
  }
  .column2 {
  width:390px;
  float:left;
  }
  .column3 {
  width:390px;
  float:left;
  }
  .column4 {
  width:390px;
  float:left;
  }
.box, .flipbox .front, .flipbox .back {
  width:390px;
  height:390px;
  }
  .box .go {
  right:21px;
  top: 21px;
  width:45px;
  height:45px;
  background:url('../Img/Buttons/go-45.png');
  }
  .box .go.black {
  background:url('../Img/Buttons/black/go-45.png');
  }
    .box .inner {
  position:absolute;
  left:0;
  top:0;
  width:100%;
height:342px;
  padding-top:48px;
  }
  .box .buttonwrap {
display: block;
  bottom: 20px;
  left: 0;
  position: absolute;
  width: 314px;
}
.box ul li {
background:url('../Img/Lists/circle16.png') no-repeat 0 10px;
padding-left:25px;
}
.box ul {
list-style-type:none;
}
.box p, .box ul, .box .search {
  font-size:26px;
  line-height: 35px;
      padding-right:43px;
  padding-left:33px;
  }

.box h1 {
  font-size:26px;
  font-weight:bold;
  text-transform: uppercase;
    padding-right:43px;
  padding-left:33px;
}
  .box label {
  font-size:16px;
  }
  .box .field {
  width:250px;
  font-size:15px;
  padding:5px;
  margin-top:10px;
  }
  .box .button {
  margin-top:12px;
  font-size:16px;
  padding: 10px;
  line-height:16px;
  border: 1px solid #00497E;
  }
 .bigbox {
  width:390px;
  height:390px;
  position:relative;
  }
.content {
  margin-top:13px;
  }
.image {
margin-left:36px;
}
.tx-powermail {
padding-right: 36px;
  padding-left: 36px;  
}
.text {
  padding-right: 36px;
  padding-left: 36px;  
}
.text h1 {
  font-size:32px;
  margin-bottom:19px;
  }

  .text h2 {
  font-size:26px;
  margin-bottom:6px;
  margin-top: 30px;
  }
.text h3 {
  font-size:18px;
  margin-bottom:18px;
  }
  .text p, .powermail_fieldwrap p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height:26px;
  }
  .text ul {
  padding-left:20px;
  font-size: 15px;
  margin-bottom: 15px;
  }
#breadcrumb {
  margin-bottom:43px;
  padding-top:11px;
  padding-left:36px;
  }
  .box .buttonwrap.social .button {
  margin-right:21px;
  }
 .social-f {
background:url('../Img/Buttons/f-45.png');
  margin-right:21px;
 width:45px;
 height:45px;
  }   
  .social-t {
background:url('../Img/Buttons/t-45.png');
  margin-right:21px;
 width:45px;
 height:45px;
  }
  .column1 .productbox.margin {
width:318px;
}
  .column1 .productbox.margin, .column1 .productbox.margin .produkt, .column1 .productbox.margin .produkt span {
height:318px;
}
.column1 .productbox.margin .textprodukt, .column1 .productbox.margin .textprodukt h1 {
 font-size:16px;
  line-height: 22px;
}
.column1 .productbox {
width:390px;
}

.column1 .productbox, .column1 .productbox .produkt, .column1 .productbox .produkt span {
height:390px;
}
.column1 .productbox .textprodukt, .column1 .productbox .textprodukt h1 {
 font-size:20px;
  line-height: 26px;
}
.productbox {
  margin-right:0;
  width:390px;
  height:195px;
  float: left;
  position: relative;
}
.column2.left .productbox , .column2.right .productbox{
  margin-right: 0;
  margin-left:0;
  margin-bottom:10px;
}
.productbox.margin {
width:318px;
margin-right: 36px;
margin-left: 36px;
}

.productbox.margin, .productbox.margin .produkt, .productbox.margin .produkt span {
height:161px;
}
.productbox .produkt {
height:195px;
}
.productbox .textprodukt {
  bottom:0;
  left:0;
  font-size:14px;
  line-height: 16px;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 50000;
  opacity: 0;
  transition: all 0.4s ease 0.1s;
  color:#fff;
}
.productbox .textprodukt p.normal {
display:none;
}
.productbox .textprodukt h1 {
font-weight:bold;
font-size:18px;
margin-bottom:10px;
}
.productbox .textprodukt p.small {
display:block;
font-size:20px;
}
.productbox.fade .textprodukt {
  opacity: 1;
  text-align: center;
  padding-bottom:30px;
}
.productbox .produkt span {
  position: absolute;
  height:195px;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}

.productbox .button {
  margin-top:16px;
  font-size:11px;
  padding: 7px;
  line-height:11px;
    border: 1px solid #fff;
  color:#fff;
  background:none;
  } 
  
  #footer {
  display:none;
  }
  .line {
margin:10px 36px;
}
  .video.margin {
width:318px;
height:179px;
margin-right: 36px;
margin-left: 36px;
}

.column3 .video.margin {
width:318px;
height:179px;
margin-right: 36px;
margin-left: 36px;
}
.news .article .teaser-x {
  width:318px;
}
#metafooter .nav {
  list-style-type: none;
  padding-top: 5px;
  margin: 0 auto;
  width: 210px;
}
#metafooter li {
  float: left;
  margin-bottom:5px;
  font-size:12px;
}
.text .banner-img.right {
  margin-left: 0;
  margin-bottom: 10px;
  float: left;
  margin-right: 10px;
}
.text .os-image.right {
  margin-left: 0;
  margin-bottom: 10px;
  float: none;
}

/* Haendlersuche Neu */
#box-suche #searchform {
	display:block;
}
#map-canvas-small.googlemap {
position:fixed !important;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
}
.box-suche {
	margin-bottom:20px;	
	width:318px;
	height:318px;
}
.box-suche p, .box-suche .search {
           font-size: 18px;
    line-height: 22px;
    padding-right: 43px;
    padding-left: 33px;
}
  .box-suche .formelement {
    width: 100%;
	margin-bottom:6px;
	height:42px;
  }
  .box-suche input#suchbegriff,.box-suche select#radius, .box-suche select#land, .box-suche option{
    width: 100%;
	font-size:18px;
	
  } 

 }

 
 @media all and (max-width: 735px) and (min-width: 560px) {
 .easyButton {
 font-size: 11px;
  padding: 7px;
  line-height: 11px;
  border: 1px solid #0068b4;
  background-color: #fff;
  color: #0068b4;
  width:inherit;
  text-decoration:none;
 }
 #map-canvas {
width:548px;
}
 #header .nav, #header .topnav, .sidenav {
 display:none;
 }
 .mobileoff {
display:none;
}
.mobileonly {
display:block;
}
#meter { width:560px; }
  .wrapper {
  width:548px;
  }
 #mobilehead {
   display:block;
  height:48px;
  width:100%;
  background:#0068b4;
  position:fixed;
  top:0;
  left:0;
  z-index:4000;
  }
  #mobilehead .btn {
  padding:6px;
  color:#fff;
  border:1px solid #fff;
  float:right;
  text-decoration:none; 
  margin-top:6px;
  margin-right:8px;
  }
  #header {
  height:190px;
  width:100%;
  margin:0 auto;

  position:relative;
  }
  #mmbutton {
  background:url('../Img/Buttons/hamburger.png');
  width:48px;
  height:40px;
  position:absolute;
  left:4px;
  top:4px;
  }
  #logo {
  margin:0 auto;
  width: 82px;
  height: 81px;
  background: url('../Img/Logos/Vedes/logo-vedes-82.png');
  position:relative;
  top:56px;
}
#claim {
  top: 60px;
  position:relative;
  margin:0 auto;
  width:281px;
  height:32px;
  background:url('../Img/Claim/claim-281.png');
}
body.spielzeugring #logo {
  margin:0 auto;
  width: 82px;
  height: 82px;
  background: url('../Img/Logos/Spielzeugring/logo-spielzeug-ring-82.png');
  position:relative;
  top:56px;
}
body.spielzeugring #claim {
display:none;
}
body.spielzeugring  #header {
height:150px;
}
 #header .nav {
  font-size: 9px;
  top: 39px;
  left: 109px;
}

  #header .nav li {
  margin-right:9px;
  }
   #header .topnav {
  font-size:5px;
  top:9px;
  }

  #header .topnav li a {
  line-height: 7px;
  padding: 4px;
  margin-right:4px;
  }

  #header .fb-blue {
  right:26px;
  top:32px;
  width:16px;
  }
  #header .t-blue {
  right:4px;
  top:32px;
  width:16px;
  }
 .column1 {
  width:274px;
  float:left;
  }
  .column2 {
  width:548px;
  float:left;
  }
  .column3 {
  width:548px;
  float:left;
  }
  .column4 {
  width:548px;
  float:left;
  }
.box, .flipbox .front, .flipbox .back {
  width:274px;
  height:274px;
  }
  .box .go {
  right:15px;
  top: 15px;
  width:32px;
  height:32px;
  background:url('../Img/Buttons/go-32.png');
  }
  .box .go.black {
  background:url('../Img/Buttons/black/go-32.png');
  }
    .box .inner {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:240px;
  padding-top:34px;
  }
  .box .buttonwrap {
display: block;
  bottom: 20px;
  left: 0;
  position: absolute;
  width: 221px;
}
.box ul li {
background:url('../Img/Lists/circle10.png') no-repeat 0 7px;
padding-left:20px;
}
.box ul {
list-style-type:none;
}
.box p, .box ul, .box .search {
  font-size:18px;
  line-height: 23px;
    padding-right:30px;
  padding-left:23px;
  }
.box h1 {
  font-size:18px;
  font-weight:bold;
    padding-right:30px;
  padding-left:23px;
  text-transform: uppercase;
  margin-bottom:10px;
}
  
  .box label {
  font-size:13px;
  }
  .box .field {
  width:170px;
  font-size:14px;
  padding:5px;
  margin-top:10px;
  }

  .box .button {
  margin-top:8px;
  font-size:13px;
  padding: 7px;
  line-height:11px;
  border: 1px solid #00497E;
  }

.bigbox {
  width:548px;
  height:548px;
  position:relative;
  }
.content {
  margin-top:19px;
  }
.image {
margin-left:26px;
}
.tx-powermail {
  padding-right: 26px;
  padding-left: 26px;
}
.text {
  padding-right: 26px;
  padding-left: 26px;
}
.text h1 {
  font-size:24px;
  margin-bottom:14px;
  }

  .text h2 {
  font-size:20px;
  margin-bottom:6px;
  margin-top: 30px;
  }
 .text h3 {
  font-size:18px;
  margin-bottom:16px;
  }
  .text p, .powermail_fieldwrap p {
  margin-bottom: 14px;
  font-size: 16px;
  line-height:22px;
  }
  .text ul {
  padding-left:20px;
  font-size: 14px;
  margin-bottom: 14px;
  }
#breadcrumb {
  margin-bottom:30px;
  padding-top:8px;
  padding-left:26px;
  }
  .box .buttonwrap.social .button {
  margin-right:15px;
  }
  .social-f {
background:url('../Img/Buttons/f-32.png');
  margin-right:15px;
 width:32px;
 height:32px;
  } 
    .social-t {
background:url('../Img/Buttons/t-32.png');
  margin-right:15px;
 width:32px;
 height:32px;
  } 
.social-f, .social-t {
margin-top:5px;
}  
.column1 .productbox.margin {
width:222px;
margin-bottom:26px;
}

.column1 .productbox.margin, .column1 .productbox.margin .produkt, .column1 .productbox.margin .produkt span {
height:222px;
}
.column1 .productbox.margin .textprodukt, .column1 .productbox.margin .textprodukt h1 {
 font-size:14px;
  line-height: 18px;
}
.column1 .productbox {
width:274px;
}

.column1 .productbox, .column1 .productbox .produkt, .column1 .productbox .produkt span {
height:274px;
}
.column1 .productbox .textprodukt, .column1 .productbox .textprodukt h1 {
 font-size:15px;
  line-height: 22px;
}
.column2.left .productbox , .column2.right .productbox{
  margin-right: 0;
  margin-left:0;
  margin-bottom:10px;
}
.productbox.margin {
width:496px;
margin-right: 26px;
margin-left: 26px;
}

.productbox.margin, .productbox.margin .produkt, .productbox.margin .produkt span {
height:250px;
}
.productbox {
 margin-right:0;
  width:548px;
  height:276px;
  float: left;
  position: relative;
}
.productbox .produkt {
height:276px;
}
.productbox .textprodukt {
  bottom:0;
  left:0;
  font-size:16px;
  line-height: 20px;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 50000;
  opacity: 0;
  transition: all 0.4s ease 0.1s;
  color:#fff;
}
.productbox .textprodukt h1 {
font-weight:bold;
font-size:22px;
margin-bottom:6px;
}
.productbox .textprodukt p.small {
margin-top:6px;
}
.productbox.fade .textprodukt {
  opacity: 1;
  text-align: center;
  padding-bottom:42px;
}
.productbox .produkt span {
  position: absolute;
  height: 276px;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}

.productbox .button {
  margin-top:16px;
  font-size:11px;
  padding: 7px;
  line-height:11px;
    border: 1px solid #fff;
  color:#fff;
  background:none;
  }
  
 .line {
margin:10px 26px;
} 
  .video.margin {
width:496px;
height:279px;
margin-right: 26px;
margin-left: 26px;
}
.column3 .video.margin {
width:496px;
height:279px;
margin-right: 26px;
margin-left: 26px;
}
.news .article .teaser-x {
  width:374px;
}
#footer {
  display:none;
  }
#metafooter .nav {
  list-style-type: none;
  padding-top: 5px;
  margin: 0 auto;
  width: 210px;
}
#metafooter li {
  float: left;
  margin-bottom:5px;
  font-size:12px;
}
/* Haendlersuche Neu */
#box-suche {
	width:248px;
	height:248px;
}
#box-suche .inner {
    height: auto;
    padding-top: 16px;
}

#map-canvas-small.googlemap {
    width: 248px;
    height: 248px;
    float: left;
}
.box-suche {
	margin-bottom:20px;	
}
.box-suche p, .box-suche .search {
        font-size: 16px;
    line-height: 19px;
    padding-right: 30px;
    padding-left: 23px;
}
  .box-suche .formelement {
    width: 100%;
	margin-bottom:8px;
	height:32px;
  }
  .box-suche input#suchbegriff,.box-suche select#radius, .box-suche select#land, .box-suche option{
    width: 100%;
	font-size:16px;
	
  } 
 }
 
 @media all and (max-width: 1023px) and (min-width: 736px) {
 .easyButton {
 font-size: 14px;
  padding: 9px;
  line-height: 14px;
  border: 1px solid #0068b4;
  background-color: #fff;
  color: #0068b4;
  width:inherit;
  text-decoration:none;
 }
 #map-canvas {
width:688px;
height:344px;

}
#header .nav, #header .topnav, .sidenav {
 display:none;
 }
#meter { width:390px; }
  .wrapper {
  width:390px;
  }
  .mobileoff {
display:none;
}
.mobileonly {
display:block;
}
  #mobilehead {
    display:block;
  height:48px;
  width:100%;
  background:#0068b4;
  position:fixed;
  top:0;
  left:0;
  z-index:4000;
  }
  #mobilehead .btn {
  padding:6px;
  color:#fff;
  border:1px solid #fff;
  float:right;
  text-decoration:none; 
  margin-top:6px;
  margin-right:8px;
  }
  #header {
  height:190px;
  width:100%;
  margin:0 auto;

  position:relative;
  }
  #mmbutton {
  background:url('../Img/Buttons/hamburger.png');
  width:48px;
  height:40px;
  position:absolute;
  left:4px;
  top:4px;
  }
  #logo {
  margin:0 auto;
  width: 82px;
  height: 81px;
  background: url('../Img/Logos/Vedes/logo-vedes-82.png');
  position:relative;
  top:56px;
}
#claim {
  top: 60px;
  position:relative;
  margin:0 auto;
  width:281px;
  height:32px;
  background:url('../Img/Claim/claim-281.png');
 }
body.spielzeugring #logo {
  margin:0 auto;
  width: 82px;
  height: 82px;
  background: url('../Img/Logos/Spielzeugring/logo-spielzeug-ring-82.png');
  position:relative;
  top:56px;
}
body.spielzeugring #claim {
display:none;
}
body.spielzeugring #header {
height:150px;
}
#meter { width:736px; }
  .wrapper {
  width:688px;
  }
  
 #header .nav {
  font-size: 11px;
  top: 49px;
  left: 137px;
}

  #header .nav li {
  margin-right:12px;
  }
   #header .topnav {
  font-size:7px;
  top:12px;
  }

 #header .topnav li a {
  line-height: 9px;
  padding: 5px;
  margin-right:5px;
  }

  #header .fb-blue {
  right:33px;
  top:40px;
  width:20px;
  }
  #header .t-blue {
  right:5px;
  top:40px;
  width:20px;
  }
.column1 {
  width:344px;
  float:left;
  }
  .column2 {
  width:688px;
  float:left;
  }
  .column3 {
  width:688px;
  float:left;
  }
  .column4 {
  width:688px;
  float:left;
  }
.box, .flipbox .front, .flipbox .back {
  width:344px;
  height:344px;
  }
  .box .go {
  right:19px;
  top: 19px;
  width:40px;
  height:40px;
  background:url('../Img/Buttons/go-40.png');
  }
  .box .go.black {
  background:url('../Img/Buttons/black/go-40.png');
  }
  .box .inner {
  position:absolute;
  left:0;
  top:0;
width:100%;
  padding-top:42px;
  height:302px;
  }
    .box .buttonwrap {
display: block;
  bottom: 20px;
  left: 0;
  position: absolute;
  width: 277px;
}
.box ul li {
background:url('../Img/Lists/circle16.png') no-repeat 0 10px;
padding-left:25px;
}
.box ul {
list-style-type:none;
}
.box p, .box ul, .box .search {
  font-size:23px;
  line-height: 31px;
    padding-right:38px;
  padding-left:29px;
  }
.box h1 {
  font-size:23px;
  font-weight:bold;
  text-transform: uppercase;
    padding-right:38px;
  padding-left:29px;
  margin-bottom:15px;
}
  .box label {
  font-size:14px;
  }
  .box .field {
  width:220px;
  font-size:13px;
  padding:5px;
  margin-top:10px;
  }
  .box .button {
  margin-top:10px;
  font-size:14px;
  padding: 9px;
  line-height:14px;
  border: 1px solid #00497E;
  }

.bigbox {
  width:688px;
  height:688px;
  position:relative;
  }
.content {
  margin-top:24px;
  }
.image {
margin-left:32px;
}
.tx-powermail {
 padding-right: 32px;
  padding-left: 32px;  
}
.text {
  padding-right: 32px;
  padding-left: 32px;  
}
.text h1 {
  font-size:28px;
  margin-bottom:17px;
  }

  .text h2 {
  font-size:23px;
  margin-bottom:6px;
  margin-top:30px;
  }
  .text h3 {
  font-size:16px;
  margin-bottom:16px;
  }
  .text p, .powermail_fieldwrap p {
  margin-bottom: 13px;
  font-size: 13px;
  line-height:23px;
  }
  .text ul {
  padding-left:20px;
  font-size: 13px;
  margin-bottom: 13px;
  }
#breadcrumb {
  margin-bottom:38px;
  padding-top:9px;
  padding-left:32px;
  }
  .box .buttonwrap.social .button {
  margin-right:19px;
  }
   .social-f {
background:url('../Img/Buttons/f-40.png');
   margin-right:19px;
 width:40px;
 height:40px;
  }
     .social-t {
background:url('../Img/Buttons/t-40.png');
  margin-right:19px;
 width:40px;
 height:40px;
  }
.social-f, .social-t {

  margin-top: 6px;

} 
.column1 .productbox.margin {
width:280px;
margin-bottom:32px;
}

.column1 .productbox.margin, .column1 .productbox.margin .produkt, .column1 .productbox.margin .produkt span {
height:280px;
}
.column1 .productbox.margin .textprodukt, .column1 .productbox.margin .textprodukt h1 {
 font-size:15px;
  line-height: 20px;
}
.column1 .productbox {
width:344px;
}

.column1 .productbox, .column1 .productbox .produkt, .column1 .productbox .produkt span {
height:344px;
}
.column1 .productbox .textprodukt, .column1 .productbox .textprodukt h1 {
 font-size:19px;
  line-height: 25px;
}
.productbox.margin {
width:624px;
margin-right: 32px;
margin-left: 32px;
}

.productbox.margin, .productbox.margin .produkt, .productbox.margin .produkt span {
height:315px;
}
.productbox {
 margin-right:0;
  width:688px;
  height:346px;
  float: left;
  position: relative;
}

.column2.left .productbox , .column2.right .productbox{
  margin-right: 0;
  margin-left:0;
  margin-bottom:10px;
}

.productbox .produkt {
height:346px;
}
.productbox .textprodukt {
  bottom:0;
  left:0;
 font-size:20px;
  line-height: 25px;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 50000;
  opacity: 0;
  transition: all 0.4s ease 0.1s;
  color:#fff;
}
.productbox .textprodukt h1 {
font-weight:bold;
font-size:26px;
margin-bottom:8px;
}
.productbox .textprodukt {
margin-top:8px;
}
.productbox.fade .textprodukt {
  opacity: 1;
  text-align: center;
  padding-bottom:52px;
}
.productbox .produkt span {
  position: absolute;
  height: 346px;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}

.productbox .button {
  margin-top:20px;
  font-size:14px;
  padding: 9px;
  line-height:14px;
    border: 1px solid #fff;
  color:#fff;
  background:none;
  }
  #footer {
  border-top-width:1px;
  height:195px;
  margin-top:23px;
  }
.line {
margin:10px 32px;
}
  .video.margin {
width:624px;
height:351px;
margin-right: 32px;
margin-left: 32px;
}

.column3 .video.margin {
width:624px;
height:351px;
margin-right: 32px;
margin-left: 32px;
}
.news .article .teaser-x {
  width:502px;
}

.footernav {
  width: 100px;
  float: left;
  margin-left: 9px;
  margin-top: 9px;
}
.footernav li {
  margin-bottom: 2px;
}

.footernav h3 {
font-size:9px;
}

.footernav li {
font-size:9px;
}
#footer {
  display:none;
  }
#metafooter .nav {
  list-style-type: none;
  padding-top: 5px;
  margin: 0 auto;
  width: 210px;
}
#metafooter li {
  float: left;
  margin-bottom:5px;
  font-size:12px;
}
/* Haendlersuche Neu */
#box-suche {
	width:307px;
	height:307px;
}
#box-suche .inner {
	padding-top:18px;
	height:auto;
}
#map-canvas-small {
    width: 307px;
    height: 307px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
.box-suche p, .box-suche .search {
    font-size: 18px;
    line-height: 26px;
    padding-right: 38px;
    padding-left: 29px;
}
  .box-suche .formelement {
    width: 100%;
	margin-bottom:10px;
	height:36px;
  }
  .box-suche input#suchbegriff,.box-suche select#radius, .box-suche select#land, .box-suche option{
    width: 100%;
	font-size:18px;
	
  } 
}

@media all and (max-width: 1439px) and (min-width: 1024px) {
.footernav.social {
width: 90px;
}
.footernav.social a {
margin-bottom:10px;
}
#header .topnav li a.yt {
    margin-right: 21px;
    margin-top: 0;
}
#header .topnav li a.ig {
    margin-top: 0;
}
#header .topnav li a.fb {
    margin-top: 0;
}
.easyButton {
 font-size: 10px;
  padding: 6px 6px 4px 6px;
  line-height: 16px;
  border: 1px solid #0068b4;
    background-color:#fff;
  color: #0068b4;
  width:inherit;
  text-decoration:none;
}
#map-canvas {
width:940px;
height:235px;
}
#mmbutton { display:none; }
#meter { width:1024px; }
  .wrapper {
  width:940px;
  }
  #header {
  height:97px;
  width:940px;
  margin:0 auto;
  }
  #logo {
  top:19px;
  left:32px;
  width:111px;
  height:109px;
  background:url('../Img/Logos/Vedes/logo-vedes-111.png');
  }
#claim {
  position:absolute;
  top:27px;
  left:143px;
  width:281px;
  height:32px;
  background:url('../Img/Claim/claim-281.png');
}
body.spielzeugring #logo {
  top:19px;
  left:32px;
  width:111px;
  height:110px;
  background:url('../Img/Logos/Spielzeugring/logo-spielzeug-ring-111.png');
  }
body.spielzeugring #claim {
display:none;
}
  #header .nav {
  font-size: 15px;
  top: 67px;
  left: 187px;
}

  #header .nav li {
  margin-right:16px;
  }
  #header .topnav {
  font-size:13px;
  top:16px;
  }

  #header .topnav li a {
  line-height: 18px;
  padding: 9px;
  margin-right:9px;
  }

  #header .fb-blue {
  right:45px;
  top:55px;
  width:27px;
  }
  #header .t-blue {
  right:6px;
  top:55px;
  width:27px;
  }
.column1 {
  width:235px;
  float:left;
  }
  .column2 {
  width:470px;
  float:left;
  }
  .column3 {
  width:705px;
  float:left;
  }
  .column4 {
  width:940px;
  float:left;
  }
 .box, .flipbox .front, .flipbox .back {
  width:235px;
  height:235px;
  }
  .box .go {
  right:13px;
  top: 13px;
  width:27px;
   height:27px;
  background:url('../Img/Buttons/go-27.png');
  }
  .box .go.black {
   background:url('../Img/Buttons/black/go-27.png');
  }
    .box .inner {
  position:absolute;
  left:0;
  top:0;
  width:100%;
height:206px;
  padding-top:29px;
  }
      .box .buttonwrap {
display: block;
  bottom: 20px;
  left: 0;
  position: absolute;
  width:189px;
}
.box ul li {
background:url('../Img/Lists/circle08.png') no-repeat 0 6px;
padding-left:15px;
}
.box ul {
list-style-type:none;
}
.box p, .box ul, .box .search {
  font-size:14px;
  line-height: 18px;
      padding-right:26px;
  padding-left:20px;
  }
.box h1 {
 font-size:15px;
 font-weight:bold;
 text-transform: uppercase; 
    padding-right:26px;
  padding-left:20px;
  margin-bottom:10px;
}

 .box label {
 font-size:12px;
 }
 .box .field {
  width:140px;
  font-size:12px;
  padding:5px;
  margin-top:10px;
  }
  .box .button {
  margin-top:7px;
  font-size:12px;
  padding: 6px 6px 4px 6px;
  line-height: 16px;
  border: 1px solid #00497E;
  }
.bigbox {
  width:470px;
  height:470px;
  position:relative;
  }
.content {
  margin-top:32px;
  }

#sidemenu ul li {
  font-size: 19px;

  margin-left: 22px;
}
#sidemenu ul li {
    margin-bottom: 13px;
}
#sidemenu ul li.active ul {
    margin-top: 13px;
}

#sidemenu ul li ul li {
 margin-bottom:11px;
  margin-left:0;
  line-height: 18px;
 font-size: 14px; 
}

#sidemenu ul li ul li ul {
  margin-left: 15px;
  margin-top: 16px;
}
#sidemenu ul li ul {
margin-left:15px;
}
#sidemenu ul li ul li.current ul {
  margin-top: 6px;
}
#sidemenu ul li ul li ul li {
  margin-bottom: 6px;
}
.image {
margin-left:22px;
}
.tx-powermail {
 padding-right: 22px;
  padding-left: 22px;
}
.text {
  padding-right: 22px;
  padding-left: 22px;
}
.text h1 {
  font-size:20px;
  margin-bottom:12px;
  }

  .text h2 {
  font-size:18px;
  margin-bottom:6px;
  margin-top: 24px;
  }
.text h3 {
  font-size:16px;
  margin-bottom:14px;
  }
  .text p, .powermail_fieldwrap p {
  margin-bottom: 12px;
  font-size: 14px;
  line-height:18px;
  }
  .text ul {
  padding-left:20px;
  margin-bottom: 12px;
  font-size: 12px;
  }
#breadcrumb {
  margin-bottom:26px;
  padding-top:6px;
  padding-left:22px;
  }
  .box .buttonwrap.social .button {
  margin-right:13px;
  }
 .social-f {
background:url('../Img/Buttons/f-27.png');
   margin-right:13px;
 width:27px;
 height:27px;
  } 
   .social-t {
background:url('../Img/Buttons/t-27.png');
   margin-right:13px;
 width:27px;
 height:27px;
  } 
.social-f, .social-t {
  margin-top: 7px;
}  
.column1 .productbox.margin {
width:191px;
margin-bottom:22px;
}

.column1 .productbox.margin, .column1 .productbox.margin .produkt, .column1 .productbox.margin .produkt span {
height:191px;
}
.column1 .productbox.margin .textprodukt, .column1 .productbox.margin .textprodukt h1 {
 font-size:12px;
  line-height: 17px;
}
.column1 .productbox {
width:235px;
}

.column1 .productbox, .column1 .productbox .produkt, .column1 .productbox .produkt span {
height:235px;
}
.column1 .productbox .textprodukt, .column1 .productbox .textprodukt h1 {
 font-size:14px;
  line-height: 20px;
}
.productbox.margin {
width:426px;
margin-right: 22px;
margin-left: 22px;
}

.productbox.margin, .productbox.margin .produkt, .productbox.margin .produkt span {
height:215px;
}
.productbox {
 width:465px;
  height:234px;
  float: left;
  position: relative;
}
.productbox .produkt {
height:234px;
}
.productbox .textprodukt {
  bottom:0;
  left:0;
  font-size:13px;
  line-height: 17px;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 50000;
  opacity: 0;
  transition: all 0.4s ease 0.1s;
  color:#fff;
}
.productbox .textprodukt h1 {
font-weight:bold;
font-size:18px;
margin-bottom:6px;
}
.productbox .textprodukt p.small {
margin-top:6px;
}
.productbox.fade .textprodukt {
  opacity: 1;
  text-align: center;
  padding-bottom:36px;
}
.productbox .produkt span {
  position: absolute;
  height: 234px;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}

.productbox .button {
   margin-top:14px;
  font-size:10px;
  padding: 6px 6px 4px 6px;
  line-height: 16px;
    border: 1px solid #fff;
  color:#fff;
  background:none;
  }
  
  #footer {
  border-top-width:1px;
  
  height:222px;
  margin-top:15px;
  }

 .line {
margin:10px 22px;
} 
  .video.margin {
width:426px;
height:240px;
margin-right: 22px;
margin-left: 22px;
}
.column3 .video.margin {
width:661px;
height:372px;
margin-right: 22px;
margin-left: 22px;
}
.news .article .teaser-x {
  width:304px;
}

.footernav {
  width: 150px;
  float: left;
  margin-left: 12px;
  margin-top: 12px;
}
.footernav.first {
margin-left:22px;
}
.footernav li {
  margin-bottom: 2px;
}


.footernav h3 {
font-size:12px;
}

.footernav li {
font-size:12px;
}
#metafooter .nav {
  list-style-type: none;
  padding-top: 5px;
  margin: 0 auto;
  width: 210px;
}
#metafooter li {
  float: left;
  margin-bottom:5px;
  font-size:12px;
}
/* Haendlersuche Neu */
#map-canvas-small {
    width: 416px;
    height: 235px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
.box-suche p, .box-suche .search {
    font-size: 14px;
    line-height: 18px;
    padding-right: 26px;
    padding-left: 20px;
  }
  .box-suche .formelement {
    width: 100%;
	margin-bottom:5px;
	height:32px;
  }
  .box-suche input#suchbegriff,.box-suche select#radius, .box-suche select#land, .box-suche option{
    width: 100%;
	font-size:14px;
	
  } 
}

@media all and (max-width: 1679px) and (min-width: 1440px) {
#header .topnav li a.yt {
    margin-right: 21px;
    margin-top: 0;
}
#header .topnav li a.ig {
    margin-top: 0;
}
#header .topnav li a.fb {
    margin-top: 0;
}
.easyButton {
font-size: 14px;
  padding: 9px;
  line-height: 14px;
  border: 1px solid #0068b4;
    background-color:#fff;
  color: #0068b4;
  width:inherit;
  text-decoration:none;
}
#map-canvas {
width:1340px;
height:335px;
}
#mmbutton { display:none; }
#meter { width:1440px; }
  .wrapper {
  width:1340px;
  }
  #header {
  height:138px;
  width:1340px;
  margin:0 auto;
  }
  #logo {
  top:28px;
  left:46px;
  width:159px;
  height:156px;
  background:url('../Img/Logos/Vedes/logo-vedes-159.png');
  }
#claim {
  position:absolute;
  top:39px;
  left:196px;
  width:379px;
  height:43px;
  background:url('../Img/Claim/claim-379.png');
}
body.spielzeugring #logo {
  top:28px;
  left:46px;
  width:159px;
  height:158px;
  background:url('../Img/Logos/Spielzeugring/logo-spielzeug-ring-159.png');
  }
body.spielzeugring #claim{
display:none;
}
  #header .nav {
  font-size: 21px;
  top: 95px;
  left: 266px;
}

  #header .nav li {
  margin-right:23px;
  }
  #header .topnav {
  font-size:13px;
  top:23px;
  }
  #header .topnav li a {
  line-height: 18px;
  padding: 9px;
  margin-right:9px;
  }
  #header .fb-blue {
  right:64px;
  top:78px;
  width:39px;
  }
  #header .t-blue {
  right:9px;
  top:78px;
  width:39px;
  }
.column1 {
  width:335px;
  float:left;
  }
  .column2 {
  width:670px;
  float:left;
  }
  .column3 {
  width:1005px;
  float:left;
  }
  .column4 {
  width:1340px;
  float:left;
  }
.box, .flipbox .front, .flipbox .back {
  width:335px;
  height:335px;
  }
  .box .go {
  right:18px;
  top: 18px;
  width:39px;
   height:39px;
  background:url('../Img/Buttons/go-39.png');
  }
  .box .go.black {
  background:url('../Img/Buttons/black/go-39.png');
  }
  .box .inner {
  position:absolute;
  left:0;
  top:0;
  width:100%;
height:294px;
  padding-top:41px;
  }
   .box .buttonwrap {
display: block;
  bottom: 20px;
  left: 0;
  position: absolute;
  width:270px;
}
.box ul li {
background:url('../Img/Lists/circle12.png') no-repeat 0 10px;
padding-left:20px;
}
.box ul {
list-style-type:none;
}
.box p, .box ul, .box .search {
     padding-right:37px;
  padding-left:28px;
  font-size:22px;
  line-height: 30px;
  }
.box h1 {
  font-size:22px;
  font-weight:bold;
  text-transformation:uppercase;
       padding-right:37px;
  padding-left:28px;
  margin-bottom:15px;
}
 .box label {
 font-size:14px;
 }
 .box .field {
  width:220px;
  font-size:14px;
  padding:5px;
  margin-top:10px;
  }

  .box .button {
  margin-top:10px;
  font-size:14px;
  padding: 9px;
  line-height:14px;
  border: 1px solid #00497E;
  }

.bigbox {
  width:670px;
  height:670px;
  position:relative;
  }
.content {
  margin-top:46px;
  }
#sidemenu ul li {
  font-size: 28px;

  margin-left: 31px;
}
#sidemenu ul li {
    margin-bottom: 28px;
}
#sidemenu ul li.active ul {
    margin-top: 28px;
}

#sidemenu ul li ul li {
 margin-bottom: 15px;
  margin-left:0;
  line-height: 16px;
 font-size: 16px; 
}

#sidemenu ul li ul li ul {
  margin-left: 22px;
  margin-top: 16px;
}
#sidemenu ul li ul {
margin-left:22px;
}
#sidemenu ul li ul li.current ul {
  margin-top: 8px;
}
#sidemenu ul li ul li ul li {
  margin-bottom: 8px;
}
.image {
margin-left:31px;
}
.tx-powermail {
padding-right: 31px;
  padding-left: 31px;
}
.text {
  padding-right: 31px;
  padding-left: 31px;
}
.text h1 {
  font-size:28px;
  margin-bottom:17px;
  }

  .text h2 {
  font-size:22px;
  margin-bottom:6px;
  margin-top: 30px;
  }
.text h3 {
  font-size:15px;
  margin-bottom:15px;
  }
  .text p, .powermail_fieldwrap p {
  margin-bottom: 14px;
  font-size: 14px;
  line-height:22px;
  }
  .text ul {
  padding-left:20px;
  margin-bottom: 14px;
  font-size: 14px;
  }
#breadcrumb {
  margin-bottom:37px;
  padding-top:9px;
  padding-left:31px;
  }
   .box .buttonwrap.social .button {
  margin-right:18px;
  }
  .social-f {
background:url('../Img/Buttons/f-39.png');
  margin-right:18px;
 width:39px;
 height:39px;
  }
    .social-t {
background:url('../Img/Buttons/t-39.png');
  margin-right:18px;
 width:39px;
 height:39px;
  }
  .social-f, .social-t {
  margin-top: 7px;
} 
.column1 .productbox.margin {
width:273px;
margin-bottom:31px;
}

.column1 .productbox.margin, .column1 .productbox.margin .produkt, .column1 .productbox.margin .produkt span {
height:273px;
}
.column1 .productbox.margin .textprodukt, .column1 .productbox.margin .textprodukt h1 {
 font-size:16px;
  line-height: 22px;
}
.column1 .productbox {
width:335px;
}

.column1 .productbox, .column1 .productbox .produkt, .column1 .productbox .produkt span {
height:335px;
}
.column1 .productbox .textprodukt, .column1 .productbox .textprodukt h1 {
 font-size:18px;
  line-height: 24px;
}
.productbox.margin {
width:608px;
margin-right: 31px;
margin-left: 31px;
}

.productbox.margin, .productbox.margin .produkt, .productbox.margin .produkt span {
height:306px;
}
.productbox {
 width:665px;
  height:335px;
  float: left;
  position: relative;
}
.productbox .produkt {
height:335px;
}
.productbox .textprodukt {
  bottom:0;
  left:0;
  font-size:20px;
  line-height: 26px;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 50000;
  opacity: 0;
  transition: all 0.4s ease 0.1s;
  color:#fff;
}
.productbox .textprodukt h1 {
font-weight:bold;
font-size:26px;
margin-bottom:8px;
}
.productbox .textprodukt p.small {
margin-top:8px;
}
.productbox.fade .textprodukt {
  opacity: 1;
  text-align: center;
  padding-bottom:50px;
}
.productbox .produkt span {
  position: absolute;
  height: 335px;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}

.productbox .button {
  margin-top:20px;
  font-size:14px;
  padding: 9px;
  line-height:14px;
    border: 1px solid #fff;
  color:#fff;
  background:none;
  }
  
  #footer {
  border-top-width:2px;
  height:274px;
  margin-top:22px;
  }
.line {
margin:10px 31px;
}
  .video.margin {
width:608px;
height:342px;
margin-right: 31px;
margin-left: 31px;
}
.column3  .video.margin {
width:943px;
height:531px;
margin-right: 31px;
margin-left: 31px;
}
.news .article .teaser-x {
  width:486px;
}
.footernav {
  width: 180px;
  float: left;
  margin-left: 17px;
  margin-top: 17px;
}
.footernav.first {
margin-left:31px;
}
.footernav li {
  margin-bottom: 2px;
}

.footernav h3 {
font-size:13px;
}

.footernav li {
font-size:13px;
}
#metafooter .nav {
  list-style-type: none;
  padding-top: 5px;
  margin: 0 auto;
  width: 210px;
}
#metafooter li {
  float: left;
  margin-bottom:5px;
  font-size:13px;
}
/* Haendlersuche Neu */
#map-canvas-small {
    width: 598px;
    height: 335px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
.box-suche p, .box-suche .search {
     padding-right: 37px;
    padding-left: 28px;
    font-size: 22px;
    line-height: 30px;
  }
  .box-suche .formelement {
    width: 100%;
	margin-bottom:10px;
	height:41px;
  }
  .box-suche input#suchbegriff,.box-suche select#radius, .box-suche select#land, .box-suche option{
    width: 100%;
	font-size:22px;
	
  } 
}

@media all and (max-width: 1919px) and (min-width: 1680px) {
#header .topnav li a.yt {
    margin-right: 21px;
    margin-top: 2px;
}

#header .topnav li a.fb {
    margin-top: 2px;
}

#header .topnav li a.ig {
    margin-top: 2px;
}

#map-canvas {
width:1580px;
height:395px;
}
.easyButton {
font-size: 17px;
  padding: 11px;
  line-height: 17px;
  border: 1px solid #0068b4;
    background-color:#fff;
  color: #0068b4;
  width:inherit;
  text-decoration:none;
}
#mmbutton { display:none; }
#meter { width:1680px; }
  .wrapper {
  width:1580px;
  }
  #header {
  height:162px;
  width:1580px;
  margin:0 auto;
  }
  #logo {
  top:32px;
  left:54px;
  width:187px;
  height:184px;
  background:url('../Img/Logos/Vedes/logo-vedes-187.png');
  }
#claim {
  position:absolute;
  top:43px;
  left:234px;
  width:449px;
  height:51px;
  background:url('../Img/Claim/claim-449.png');
}

body.spielzeugring #logo {
  top:32px;
  left:54px;
  width:187px;
  height:186px;
  background:url('../Img/Logos/Spielzeugring/logo-spielzeug-ring-187.png');
  }
body.spielzeugring  #claim {
display:none;
}
 #header .nav {
  font-size: 25px;
  top: 112px;
  left: 314px;
}

  #header .nav li {
  margin-right:27px;
  }
  #header .topnav {
  font-size:15px;
  top:27px;
  }
  #header .topnav li a {
  line-height: 21px;
  padding: 11px;
  margin-right:11px;
  }

  #header .fb-blue {
  right:76px;
  top:92px;
  width:45px;
  }
  #header .t-blue {
  right:11px;
  top:92px;
  width:45px;
  }
 .column1 {
  width:395px;
  float:left;
  }
  .column2 {
  width:790px;
  float:left;
  }
  .column3 {
  width:1185px;
  float:left;
  }
  .column4 {
  width:1580px;
  float:left;
  }
.box, .flipbox .front, .flipbox .back {
  width:395px;
  height:395px;
  }
  .box .go {
  right:22px;
  top: 22px;
  width:45px;
   height:45px;
  background:url('../Img/Buttons/go-45.png');
  }
   .box .go.black {
   background:url('../Img/Buttons/black/go-45.png');
   }
  .box .inner {
  position:absolute;
  left:0;
  top:0;
  width:100%;
    height:347px;
  padding-top:48px;
  }
   .box .buttonwrap {
display: block;
  bottom: 20px;
  left: 0;
  position: absolute;
  width:318px;
}
.box ul li {
background:url('../Img/Lists/circle16.png') no-repeat 0 10px;
padding-left:25px;
}
.box ul {
list-style-type:none;
}
 .box p, .box ul, .box .search {
  font-size:26px;
  line-height: 35px;
  padding-right:44px;
  padding-left:33px;
  }
.box h1 {
 font-size:26px;
 font-weight:bold;
 text-transform: uppercase; 
padding-right:44px;
  padding-left:33px;  
}
 .box label {
 font-size:17px;
 }
 .box .field {
  width:250px;
  font-size:15px;
  padding:5px;
  margin-top:10px;
  }

  .box .button {
  margin-top:12px;
  font-size:17px;
  padding: 11px;
  line-height:17px;
  border: 1px solid #00497E;
  }
.bigbox {
  width:790px;
  height:790px;
  position:relative;
  }
.content {
  margin-top:54px;
  }

#sidemenu ul li {
  font-size: 26px;

  margin-left: 37px;
  margin-bottom: 18px;
}

#sidemenu ul li.active ul {
   margin-top: 18px;
}

#sidemenu ul li {
   margin-bottom: 18px;
}

#sidemenu ul li ul li {
 margin-bottom: 18px;
  margin-left:0;
  line-height: 24px;
 font-size: 19px; 
}

#sidemenu ul li ul li ul {
  margin-left: 26px;
  margin-top: 16px;
}
#sidemenu ul li ul {
margin-left:26px;
}
#sidemenu ul li ul li.current ul {
  margin-top: 10px;
}
#sidemenu ul li ul li ul li {
  margin-bottom: 10px;
}
.image {
margin-left:37px;
}
.tx-powermail {
padding-right: 37px;
  padding-left: 37px;
}
.text {
  padding-right: 37px;
  padding-left: 37px;
}
.text h1 {
  font-size:32px;
  margin-bottom:20px;  
  }

  .text h2 {
  font-size:26px;
  margin-bottom:12px;
  margin-top:30px;
  }
.text h3 {
  font-size:18px;
  margin-bottom:18px;
  }
  .text p, .powermail_fieldwrap p {
  margin-bottom: 15px;
  font-size: 15px;
  line-height:26px;
  }
  .text ul {
  padding-left:20px;
  margin-bottom: 15px;
  font-size: 15px;
  }
#breadcrumb {
  margin-bottom:43px;
  padding-top:11px;
  padding-left:37px;
  }
   .box .buttonwrap.social .button {
  margin-right:22px;
  }
  .social-f {
background:url('../Img/Buttons/f-45.png');
   margin-right:22px;
 width:45px;
 height:45px;
  }
    .social-t {
background:url('../Img/Buttons/t-45.png');
   margin-right:22px;
 width:45px;
 height:45px;
  }
  .social-f, .social-t {
  margin-top: 10px;
} 
.column1 .productbox.margin {
width:321px;
margin-bottom:37px;
}

.column1 .productbox.margin, .column1 .productbox.margin .produkt, .column1 .productbox.margin .produkt span {
height:321px;
}
.column1 .productbox.margin .textprodukt, .column1 .productbox.margin .textprodukt h1 {
 font-size:18px;
  line-height: 24px;
}
.column1 .productbox {
width:395px;
}

.column1 .productbox, .column1 .productbox .produkt, .column1 .productbox .produkt span {
height:395px;
}
.column1 .productbox .textprodukt, .column1 .productbox .textprodukt h1 {
 font-size:20px;
  line-height: 26px;
}
.productbox.margin {
width:716px;
margin-right: 37px;
margin-left: 37px;
}

.productbox.margin, .productbox.margin .produkt, .productbox.margin .produkt span {
height:361px;
}
.productbox {
  width: 785px;
  height: 395px;
  float: left;
  position: relative;
}
.productbox .produkt {
height:395px;
}
.productbox .textprodukt {
  bottom:0;
  left:0;
  font-size: 26px;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 50000;
  opacity: 0;
  transition: all 0.4s ease 0.1s;
  color:#fff;
}
.productbox .textprodukt h1 {
font-weight:bold;
font-size:32px;
}
.productbox.fade .textprodukt {
  opacity: 1;
  text-align: center;
  padding-bottom:60px;
}
.productbox .produkt span {
  position: absolute;
  height: 395px;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}
.productbox h1 {
margin-bottom:10px;
}
.productbox p.small {
margin-top:10px;
}
.productbox .button {
  margin-top: 24px;
  font-size: 17px;
  padding: 11px;
  line-height: 17px;
    border: 1px solid #fff;
  color:#fff;
  background:none;
}
.line {
margin:10px 37px;
}
.video.margin {
width:716px;
height:403px;
margin-right: 37px;
margin-left: 37px;
}
.column3 .video.margin {
width:1111px;
height:625px;
margin-right: 37px;
margin-left: 37px;
}
#footer {
  border-top-width:2px;
  height:322px;
  margin-top:26px;
  }

.news .article .teaser-x {
  width:594px;
}
.footernav {
  width: 200px;
  float: left;
  margin-left: 20px;
  margin-top: 20px;
}
.footernav.first {
margin-left:37px;
}
.footernav li {
  margin-bottom: 2px;
}

.footernav h3 {
font-size:14px;
}

.footernav li {
font-size:14px;
}
#metafooter .nav {
  list-style-type: none;
  padding-top: 5px;
  margin: 0 auto;
  width: 240px;
}
#metafooter li {
  float: left;
  margin-bottom:5px;
  font-size:14px;
}
/* Haendlersuche Neu */
#map-canvas-small {
    width: 706px;
    height: 395px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
.box-suche p, .box-suche .search {
  font-size:26px;
  line-height: 35px;
  padding-right:44px;
  padding-left:33px;
  }
  .box-suche .formelement {
    width: 100%;
	margin-bottom:15px;
	height:46px;
  }
  .box-suche input#suchbegriff,.box-suche select#radius, .box-suche select#land, .box-suche option{
    width: 100%;
	font-size:26px;
	
  }  
}

@media all and (min-width: 1920px) {
#header .topnav li a.yt {
    margin-right: 21px;
    margin-top: 4px;
}

#header .topnav li a.fb {
    margin-top: 4px;
}

#header .topnav li a.ig {
    margin-top: 4px;
}
.footernav li a.yt  {
  width: 53px;
  height: 50px;
  background: url('../Img/Logos/Social/yt-53.png');
}
.footernav li a.fb {
  width: 50px;
  height: 50px;
  background: url('../Img/Logos/Social/fb-50.png');
}
.footernav li a.ig {
  width: 50px;
  height: 50px;
  background: url('../Img/Logos/Social/instagram-50.png');
}
#header .topnav li a.yt  {
  width: 42px;
  height: 42px;
  background: url('../Img/Logos/Social/yt-42-circle.png');
}
#header .topnav li a.fb  {
  width: 42px;
  height: 42px;
  background: url('../Img/Logos/Social/fb-42-circle.png');
}
#header .topnav li a.ig  {
  width: 42px;
  height: 42px;
  background: url('../Img/Logos/Social/instagram-42-circle.png');
}

.footernav.social {
width:200px;
}
.easyButton {
font-size: 19px;
  padding: 12px;
  line-height: 19px;
  border: 1px solid #0068b4;
  background-color:#fff;
  color: #0068b4;
  width:inherit;
  text-decoration:none;
}
#map-canvas {
width:1820px;
height:455px;
}
#mmbutton { display:none; }
#meter { width:1920px; }
  .wrapper {
  width:1820px;
  }
  #header {
  height:187px;
  width:1820px;
  margin:0 auto;
  }
  #logo {
  top:37px;
  left:62px;
  width:216px;
  height:213px;
  background:url('../Img/Logos/Vedes/logo-vedes-216.png');
  }
#claim {
  position:absolute;
  top:55px;
  left:268px;
  width:515px;
  height:58px;
  background:url('../Img/Claim/claim-515.png');
}
body.spielzeugring #logo {
top:37px;
left:62px;
width:216px;
height:215px;
background:url('../Img/Logos/Spielzeugring/logo-spielzeug-ring-216.png');
}
body.spielzeugring #claim {
display:none;
}

  #header .nav {
  font-size: 29px;
  top: 129px;
  left: 361px;
}

  #header .nav li {
  margin-right:31px;
  }
  #header .topnav {
  font-size:18px;
  top:31px;
  }
  #header .topnav li a {
  line-height: 24px;
  padding: 12px;
  margin-right:12px;
  }

  #header .fb-blue {
  right:87px;
  top:106px;
  width:52px;
  }
  #header .t-blue {
  right:12px;
  top:106px;
  width:52px;
  }
  .column1 {
  width:455px;
  float:left;
  }
  .column2 {
  width:910px;
  float:left;
  }
  .column3 {
  width:1365px;
  float:left;
  }
  .column4 {
  width:1820px;
  float:left;
  }

.box, .flipbox .front, .flipbox .back {
  width:455px;
  height:455px;
  }
  .box .go {
  right:25px;
  top: 25px;
  width:52px;
  height:52px;
  background:url('../Img/Buttons/go-52.png');
  }
  .box .go.black {
  background:url('../Img/Buttons/black/go-52.png');
  }
  .box .inner {
  position:absolute;
  left:0;
  top:0;
  width:100%;
height:399px;
  padding-top:56px;
  
  }
  .box .buttonwrap {
display: block;
  bottom: 20px;
  left: 0;
  position: absolute;
  width:367px;
}
.box ul li {
background:url('../Img/Lists/circle18.png') no-repeat 0 13px;
padding-left:30px;
}
.box ul {
list-style-type:none;
}
.box p, .box ul, .box .search {
     padding-right:50px;
  padding-left:38px;
  font-size:30px;
  line-height: 41px;
  }
.box h1 {
 font-size:30px;
 font-weight:bold;
 text-transform: uppercase; 
    padding-right:50px;
  padding-left:38px;
}

  
   .box .button {
  margin-top:14px;
  font-size:19px;
  padding: 12px;
  line-height:19px;
  border: 1px solid #00497E;
  }
  
  .box label {
  font-size:19px;
  }
  .box .field {
  width:290px;
  font-size:18px;
  padding:5px;
  margin-top:10px;
  }

 .bigbox {
  width:910px;
  height:910px;
  position:relative;
  }
.content {
  margin-top:62px;
  }
#sidemenu ul li {
  font-size: 37px;

  margin-left: 42px;
}
#sidemenu ul li {
    margin-bottom: 25px;
}
#sidemenu ul li.active ul {
    margin-top: 25px;
}

#sidemenu ul li ul li {
 margin-bottom: 20px;
  margin-left:0;
  line-height: 27px;
 font-size: 22px; 
}

#sidemenu ul li ul li ul {
  margin-left: 30px;
  margin-top: 16px;
}
#sidemenu ul li ul {
margin-left:30px;
}
#sidemenu ul li ul li.current ul {
  margin-top: 12px;
}
#sidemenu ul li ul li ul li {
  margin-bottom: 12px;
}
.image {
  margin-left: 42px;
}
.tx-powermail {
  padding-right: 42px;
  padding-left: 42px;
}
.text {
  padding-right: 42px;
  padding-left: 42px;
}
.text h1 {
  font-size:37px;
  margin-bottom:23px;
  }

  .text h2 {
  font-size:30px;
  margin-bottom:25px;
  margin-top:30px;
  }
.text h3 {
  font-size:21px;
  margin-bottom:21px;
  }
  .text p, .powermail_fieldwrap p {
  margin-bottom: 18px;
  font-size: 18px;
  line-height:30px;
  }
  .text ul {
  padding-left:20px;
  margin-bottom: 18px;
  font-size: 18px;
  }
#breadcrumb {
  margin-bottom:50px;
  padding-top:12px;
  padding-left:42px;
  }
   .box .buttonwrap.social .button {
  margin-right:25px;
  }
.social-f {
background:url('../Img/Buttons/f-52.png');
  margin-right:25px;
 width:52px;
 height:52px;
  }
  .social-t {
background:url('../Img/Buttons/t-52.png');
  margin-right:25px;
 width:52px;
 height:52px;
  }
  .social-f, .social-t {
  margin-top: 10px;
} 
.column1 .productbox.margin {
width:371px;
margin-bottom:42px;
}

.column1 .productbox.margin, .column1 .productbox.margin .produkt, .column1 .productbox.margin .produkt span {
height:371px;
}
.column1 .productbox.margin .textprodukt, .column1 .productbox.margin .textprodukt h1 {
 font-size:20px;
  line-height: 28px;
}
.column1 .productbox {
width:455px;
}

.column1 .productbox, .column1 .productbox .produkt, .column1 .productbox .produkt span {
height:455px;
}
.column1 .productbox .textprodukt, .column1 .productbox .textprodukt h1 {
 font-size:25px;
  line-height: 36px;
}
.productbox.margin {
width:826px;
margin-right: 42px;
margin-left: 42px;
}

.productbox.margin, .productbox.margin .produkt, .productbox.margin .produkt span {
height:416px;
}
.productbox {
 width:905px;
  height:455px;
  float: left;
  position: relative;
}
.productbox .produkt {
height:455px;
}
.productbox .textprodukt {
  bottom:0;
  left:0;
  font-size:28px;
  line-height: 36px;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 50000;
  opacity: 0;
  transition: all 0.4s ease 0.1s;
  color:#fff;
}
.productbox .textprodukt h1 {
font-weight:bold;
font-size:34px;
margin-bottom:10px;
}
.productbox .textprodukt p.small {
margin-top:12px;
}
.productbox.fade .textprodukt {
  opacity: 1;
  text-align: center;
  padding-bottom:69px;
}
.productbox .produkt span {
  position: absolute;
  height: 455px;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}

.productbox .button {
  margin-top:28px;
  font-size:19px;
  padding: 12px;
  line-height:19px;
  border: 1px solid #fff;
  color:#fff;
  background:none;
  }
  
  .line {
margin:10px 42px;
}
  .video.margin {
width:826px;
height:465px;
margin-right: 42px;
margin-left: 42px;
}
.column3 .video.margin {
width:1281px;
height:721px;
margin-right: 42px;
margin-left: 42px;
}
  #footer {
  border-top-width:2px;
 
  height:371px;
  margin-top:30px;
  }
  .news .article .teaser-x {
  width:704px;
}

.footernav {
  width: 230px;
  float: left;
  margin-left: 23px;
  margin-top: 23px;
}
.footernav.first {
margin-left:37px;
}
.footernav li {
  margin-bottom: 2px;
}

.footernav h3 {
font-size:16px;
}

.footernav li {
font-size:16px;
}
#metafooter .nav {
  list-style-type: none;
  padding-top: 5px;
  margin: 0 auto;
  width: 260px;
}
#metafooter li {
  float: left;
  margin-bottom:5px;
  font-size:16px;
}

/* Haendlersuche Neu */
#map-canvas-small {
    width: 816px;
    height: 455px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
.box-suche p, .box-suche .search {
    padding-right: 50px;
    padding-left: 38px;
    font-size: 30px;
    line-height: 41px;
  }
  .box-suche .formelement {
    width: 100%;
	margin-bottom:20px;
	height:46px;
  }
  .box-suche input#suchbegriff,.box-suche select#radius, .box-suche select#land, .box-suche option{
    width: 100%;
	font-size:30px;
	
  }  

}