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

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

 
html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
}

body {margin:0;padding:0;font-family: 'Open Sans', sans-serif;color:#333;font-size:16px;}
html, body{width:100%;height:100%;}
.clr{clear:both;}
.editor{background:none;}

p{padding:0 0 10px 0;margin:0;}

a{color:#484848;text-decoration:none;}
a img{border:none!important;}


h1, .k2store h1, h2, h3, h4, h5, h6{font-weight:normal!important;margin:0;padding:0;}
h1, .k2store h1 {font-size:24px;text-transform:uppercase;padding:0 0 14px 0;}
h2, .k2store h2{font-size:20px;}

h3{padding:4px 0  0 2px; font-size:18px;}

img{width:100%;height:auto;}
figure{margin:0;padding:0;}
#flags img{width:auto;}

.visually-hidden{display:none;}

#wrap_head{width:100%;background-color:#ec2127;border-bottom:solid 10px #fff;}
#header{width:96%;max-width:1200px;padding:0 2%;margin:auto;position:relative;}
#wrapper{width:100%;max-width:1200px;min-height:80%;position:relative;padding-top:0px;margin:auto;}
#logo{width:70%;padding:10px 2%;float:left;}
#logo p{margin:0;padding:0;}
#logo img{width:100%;max-width:384px;height:auto;}

#flags {float:right;margin-top:20px;}

#menu_store{float:right;}
#menu_store ul{margin:0;padding:0;list-style-type:none;}
#menu_store ul li {display:inline-block;padding:0 8px ; list-style: none;line-height:20px;}
#menu_store a{color:#fff;}

#menu_top{width:96%;padding:10px 2%;margin:auto;color:#fff;clear:both;}
#menu_top a{color:#fff;}
#menu_top ul{margin:0;padding:0;list-style-type:none;}
#menu_top ul li {display:inline-block;padding:0 8px ; list-style: none;line-height:20px;border-right:solid 1px #fff;}

#menu_main{width:96%;padding:10px 2%;}

#breadcrumb .moduletable{width:96%;margin:auto;padding-top:10px;}
#breadcrumb ul{margin:0;padding:0;list-style-type:none;font-size:13px}
#breadcrumb ul li {display:inline-block;padding:0 3px ; list-style: none;padding:0;margin:0;}
#breadcrumb ul li:after{content:' » ';}
#breadcrumb ul li:first-child:after, #breadcrumb ul li:last-child:after{content:'';}
#breadcrumb ul li span{padding:4px 8px 4px 0;;}
#breadcrumb ul li:first-child span{padding:0;}

#content{width:96%;padding:20px 2%;margin:auto;}
#content a, #content2 a{color:#ec2127;}

#content2{width:96%;padding:20px 2%;border-top:dotted 1px #ccc;}

#footer{width:96%;padding:14px 2%;max-width:1200px;position:relative;padding-top:0px;margin:auto;background-color:#58595b;color:#fff;}
#footer1 a, #footer2 a{color:#fff;}
#footer1 ul{margin:0;padding:0;list-style-type:none;}
#footer1 ul li {display:inline-block;padding:0 8px ; list-style: none;line-height:20px;}

ul.fields-container{margin:0;padding:0;list-style:none;}
ul.fields-container li{margin:0;padding:0;}

.itemImageBlock img{width:100%!important;max-width:400px!important;height:auto;}
ul.sigProClassic li.sigProThumb a.sigProLink{color:#eee!important;}

/* Cookies */
.jb.cookie h2{font-weight:normal!important;margin:0!important;padding:0!important;line-height:auto!important;font-size:14px!important;color:#555555!important;display: inline!important;}
.blue{background-color:#888687!important;text-shadow:none!important;}
.jb.bottom.blue .jb.cookie-bg.white, .jb.bottom.blue .jb.cookie-bg.black { border-top: 1px solid #999999!important;}
.btn.btn-primary.jb.accept.blue{width:40px;border:solid 1px #777777;}
.jb.accept:hover {box-shadow: 0 0 2px #000!important;}
.jb.cookie.blue p a {color: #555555!important;text-decoration:underline}
.jb.cookie p {margin:0!important;font-size:14px!important;color:#555555!important;display: inline!important;}

/* Cookie-Button */
.cpnb-accept-first-message{border:solid #999999 1px; padding:20px;}
button.cooktext{border:none;background:none;padding:0;font-size:16px;font-family: 'Open Sans', sans-serif;color:#ec2127;cursor: pointer;}

.gridwrap {grid-gap: 2em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; margin: 0 0 1em; }

/* Store */

table.j2store-cart-table {width:100%;}
.span6{width:100%;}
table.cart-footer{text-align:right;width:100%;margin-bottom:30px;}
.buttons-right{text-align:right;}

.t_right{text-align:right;}
.cart-product-unit-price {padding-bottom:10px;}
.product_price{font-weight:bold;}

.k2store .btn-primary {color: #FFF!important;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); background-color: #ec2127!important; background-image: none!important;}
.k2store .btn-warning{color: #FFF!important;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);background-color: #ec2127!important;background-image: none!important;}
.k2store .btn-success{color: #FFF!important;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);background-color: #ec2127!important;background-image: none!important;}
.k2store_add_to_cart{padding:10px 0 20px 0;}
.product_price{margin:20px 0;}
a.begin_checkout{margin-top:20px;}

.row{margin-left:0!important;}

/*Formular*/
fieldset{border:none;width:98%;margin:0 2% 0 0;padding:0;}
fieldset dt {clear:both;}
fieldset dt, fieldset dd {width:100%;padding:4px 0;text-align:left;margin:0;}
input[type="text"], textarea {width:98%;padding:8px 4px;margin:0;border:solid 1px #ccc;  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;  -o-transition: border linear .2s, box-shadow linear .2s;  transition: border linear .2s, box-shadow linear .2s;}
input[tpye="radio"]{width:auto;}
select {  width: auto!important;  border: 1px solid #ccc;  background-color: #fff;  padding: 8px 4px;}
/*input[type="submit"]{width:150px;background-color:#333;color:#fff;font-size:18px;margin-top:20px;padding:8px;}*/
.antispam{display:none;}
.j2store.checkout label {  margin: 0 0 5px 0!important;}



/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */



/* Medium devices (desktops, 992px and up) */
@media (min-width: 460px) {
   
}

@media (min-width: 600px) {

/* Medium devices (desktops, 992px and up) */
@media (min-width: 680px) {
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.gridwrap {grid-template-columns: 1fr 1fr; margin: 0 0 1em; }
  
    #mobil{display:none;}
    #flags{position:absolute;top:0;right:0;margin-right:40px;z-index:99;float:none;} 
    #menu_store{position:absolute;top:40px;right:0;margin-right:40px;z-index:99;float:none;} 

    body{background:url('../images/bg_three-at-once.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

    #wrapper{background: rgba(255,255,255,.9); }
    
    #logo{width:30%;max-width:380px;float:left;padding:10px 1%;}
    #menu_top{font-size:17px;text-transform:uppercase;}
    
    #content{padding:50px 1%;}
    

}

@media (min-width: 800px) {

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1024px) {
  
    .produkttext{width:48%;float:right;padding:10px 0 30px 0;}
    .produktinfos{width:48%;float:left;padding:10px 0 30px 0;}
    
    #flags{margin-right:40px;} 
    
    #menu_top{width:66%;float:right;padding:10px 1%;text-align:right;margin-top:60px;clear:none;}
}


@media (min-width: 1200px) {
  
    #content, #content2 {width:86%;padding:50px 7%;}
	#breadcrumb .moduletable{width:86%;}
  
    #footer{width:1100px;padding:14px 50px;}
}
@media (min-width: 1300px) {

}


@media (min-width: 1600px) {

}
@media (min-width: 1700px) {

}

@media (min-width: 1800px) {

}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}
