@charset "utf-8";
@import url('../fontawesome/css/font-awesome.min.css');
@import "fonts.css";

/* GENERAL STUFF */
html{font-family: 'Source Sans Pro', sans-serif;}
body{background:white;}
body, html{margin:0;padding:0;}
ul,li{list-style: none;}
p{font-weight: 400;color:rgb(30,30,50);font-size:16px;}
h1,h2,h3{font-weight: 600;color:rgb(30,30,50);}
a[href^="tel"].tel{color:rgb(30,30,50);padding:0;background: transparent;text-transform: none;font-weight:300;height:auto;margin:0;border:none;line-height: 1.5em;font-size:16px;}
.mobile_only{display:none;}
.desktop_only{display: block;}
.content{position: relative;float:left;width:100%;height:auto;background: white;margin:0px;padding:100px 0 0;}
.wrapper {position: relative;width:100%;float:left;display: block;background: ;max-width:calc(100% - 200px);margin:0 100px;padding:0px;}
.wrapper .wrapper_small {position: relative;width:100%;display: block;background: ;max-width:1000px;margin:0 auto;padding:0px;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="submit"], input[type="text"], button{-webkit-appearance: none;}


/* buttons */
.button_1{position: relative;float:left;padding:0 20px;margin:0 5px 0 0;text-decoration: none;height:36px;line-height: 36px;color:white;border-radius: 5px;background:rgb(217,14,21);text-align: center;border:0px;font-size:14px;font-weight:500;text-transform: uppercase;cursor: pointer;}
.button_1:hover{background: rgb(255,34,51);cursor: pointer;}
.button_1.normal{background: #ccc;color:rgb(30,30,50)}
.button_1.normal:hover{background: #aaa;}
.button_1.button_small{padding:0 12px;height:30px;line-height: 30px;font-size:12px;}

/* break */
.break{position:relative;float:left;width:100%;height:1px;background: rgba(53,76,91,.2);margin:10px 0;}
.breakDashed{position: relative;float:left;width:calc(100% - 20px);height:1px;background: transparent;border-top:1px dashed #ccc;border-top:1px dashed rgb(53,76,91,.2);margin:5px 0;}
.break2{position:relative;float:left;width:100%;height:50px;background: #fff;margin:20px 0 10px;}
.break2 .break{position: absolute;top:0;left:0;margin:25px 0 0;}
.break2 h5{position: absolute;font-size:20px;text-align: center;font-weight:400;top:50%;margin:0;padding:0 20px;background: white;left:50%;color:rgb(53,76,91);transform: translate(-50%,-50%);}
.break2 h5 span{font-size:16px;}
.break3{position:relative;float:left;width:100%;height:auto;background: transparent;margin:0;padding:20px 0 40px;}
.break3 h3{text-align: center;position: relative;float:left;width:100%;margin:0 0 10px;padding:0;font-size:30px;color:rgb(53,76,91);}
.break3 p{text-align: center;position: relative;float:left;width:100%;margin:0;padding:0;font-size:20px;color:rgb(53,76,91);}
.break4{position:relative;float:left;width:100%;height:50px;background: transparent;margin:20px 0 10px;}
.break4 .break{position: absolute;top:0;left:0;margin:25px 0 0;background: white;}
.break4 h2{position: absolute;font-size:30px;text-align: center;font-weight:400;top:50%;margin:0;padding:0 20px;background: #A4383D;width:auto;color:white;left:50%;transform: translate(-50%,-50%);}
.break4 h2 span{font-size:16px;}
/* NAVI */
.nav-bar { display: none; }

header{position: absolute;top:0;left:0;width:calc(100% - 200px);height:100px;padding:0 100px;box-shadow:0 0 15px rgba(0,0,0,.2);border-bottom:1px solid rgb(210,210,210);background: white;margin:0;z-index:2;transition: all 0s ease-in-out;}
header.scroll{top:-100px;transition: all 0s ease-in-out;}
header .logo{position: relative;float:left;;overflow: hidden;width:auto;background: ;height:100px;}
header .logo .logo_inner{position: relative;float:left;width:auto;height:100px;background: ;}
header .logo .logo_inner img{position: relative;float:left;width:auto;height:60px;margin:20px 0;}
header .logo .logo_inner h1{position: relative;float:left;text-transform: uppercase;width:auto;height:auto;font-size:18px;font-weight: 700;line-height: 1em;color:rgb(30,30,50);padding:20px 0 0 10px;}
header .logo .logo_info{display: none;position: relative;float:left;width:auto;height:100px;border-left:1px solid rgb(200,200,200);background: ;padding:0 20px;margin:0px 0 0 20px;}
header .logo .logo_info h3{position: relative;float:left;width:auto;height:auto;margin:28px 0 0 0;font-size:18px;padding:0;color:rgb(217,14,21);}
header .logo .logo_info a{position: relative;float:left;width:auto;height:auto;margin:0;font-size:14px;padding:0;clear:both;color:rgb(217,14,21);}
header nav{position: relative;float:right;height:auto;background: white;width:auto;}
header nav ul{position: relative;float:left;background: ;padding:0;margin:0;}
header nav ul li{position: relative;float:left;width:auto;padding:0 10px;height:100px;line-height: 100px;}
header nav ul li a{text-decoration: none;color:rgb(130,130,130);font-weight:400;font-size:16px;width:100%;height:100%;}
header nav ul li span{position: absolute;top:0;left:0;width:100%;height:3px;background: transparent;}
header nav ul li a:hover,
header nav ul li.current a,
header nav ul li.parent a{color:rgb(217,14,21);}
header nav ul li:hover{}
header nav ul li.current span,
header nav ul li.parent span{background: rgb(217,14,21);}
header nav ul li.icon{line-height: 110px;}
header nav ul li.icon a i{font-size:24px;}
header nav ul li.icon .badge{position: absolute;top:0;right:0;padding:0;margin:30px 4px 0 0;width:16px;height:16px;line-height: 16px;border-radius: 50%;background: red;color:white;text-align: center;font-weight: 600;font-size: 14px;}

/* STARTSEITE */
/* swiper-slider */
.slider{height:70vh;overflow: hidden;width:100%;margin:0}
.slider.normal-slider{height:100%;}
.swiper-container {width: 100%;height: 100%;position: relative;float:left;margin:0px;padding:0;background: transparent;}
.swiper-slide img{object-fit: cover;position: relative;margin: auto auto;width:100%;height:100%;max-height:100%;max-width: 100%;}
.swiper-pagination{background: ;padding:0px 0 0px;}
.swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border:2px solid white; border-radius: 100%;background: transparent;opacity: 1;}
.swiper-pagination-bullet-active{background: white;border:2px solid white;}
.swiper-button-prev{background: url('../images/arrowLeft.png') rgba(30,40,50,.5);border-radius: 50%;width:50px;height:50px;left:50px;}
.swiper-button-prev:hover{background: url('../images/arrowLeft.png') rgba(30,40,50,.8);border-radius: 50%;width:50px;height:50px;left:50px;}
.swiper-button-next{background: url('../images/arrowRight.png') rgba(30,40,50,.5);border-radius: 50%;width:50px;height:50px;right:50px;}
.swiper-button-next:hover{background: url('../images/arrowRight.png') rgba(30,40,50,.8);border-radius: 50%;width:50px;height:50px;right:50px;}
.swiper-slide .swiper-text{position: absolute;top:50%;transform: translate(0,-60%);left:130px;background:;padding:0;height:auto;width:100%;max-width:600px;}
.swiper-slide .swiper-text h1{position: relative;float:left;text-align: left;width:100%;height:auto;padding:0;margin:0;color:white;font-size:36px;}
.swiper-slide .swiper-text p{position: relative;float:left;text-align: left;width:100%;height:auto;padding:20px 0;margin:0;color:white;font-size:22px;}
.swiper-slide .swiper-text a{position: relative;float:left;}
.swiper-slide .patti{position: absolute;top:0;left:0;width:100%;height:100%;background-image: linear-gradient(to right, rgba(53,76,91,.9) 40%, rgba(53,76,91,0) 100%);}

/* infobox */
.infobox{position: relative;float:left;width:100%;box-sizing: border-box;padding:20px 0 40px;
  background-image: radial-gradient(rgba(255,255,255,.08) 4%, transparent 4%),
       radial-gradient(rgba(255,255,255,.15) 4%, transparent 4%);
    background-color: #A4383D;
    background-position: 0 0, 50px 50px;
    background-size: 100px 100px;
    width: 100%;
  }
.infobox .info_left{position: relative;float:left;box-sizing: border-box;width:50%;padding:0 50px 0 0;}
.infobox .info_right{position: relative;float:right;box-sizing: border-box;width:50%;padding:0;}
.infobox h4{text-align: center;position: relative;float:left;width:100%;margin:0;color:white;padding:0;font-size:20px;}
.infobox p{font-size: 18px;color:white;}
.infobox .button_center{float:left;width:100%;position: relative;padding:20px 0;display: flex;justify-content: center;}
.infobox .button_1{}

/* infobox2 */
.infobox2{position: relative;float:left;width:100%;box-sizing: border-box;padding:20px 0 40px;background: #efefef;border-top:4px solid rgb(217,14,21);}
.infobox2 p{font-size: 18px;line-height: 1.5em;}

/* bgs */
.bg_grey{position: relative;float:left;width:100%;height:auto;margin:0;padding:40px 0;background: rgb(250,250,250);}

/* wrapper-list */
.wrapper-list{position: relative;float:left;width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.wrapper-list .list-item{position: relative;float:left;width:calc(25% - 15px);margin:0 0 20px;padding:0;background: white;box-shadow: 0px 0px 15px rgba(30,30,50,.05)}
.wrapper-list .list-item.list-item-middle{width:calc(25% - 10px);}
.wrapper-list .list-item.list-item-big{width:calc(33.33333334% - 10px);}
.wrapper-list .list-item .image{position: relative;float:left;width:100%;height:auto;padding:66% 0 0 0;}
.wrapper-list .list-item.list-item-big .image{padding:50% 0 0 0;}
.wrapper-list .list-item .image img{object-fit: cover;position: absolute;top:0;left:0;margin: auto auto;width:100%;height:100%;max-height:100%;max-width: 100%;}
.wrapper-list .list-item .textbox{position: relative;float:left;width:calc(100% - 40px);padding:20px;margin:0;}
.wrapper-list .list-item .textbox h3{position: relative;float:left;width:100%;margin:0;padding:0 0 5px;}
/* wrapper-no */
.wrapper-no {position: relative;width:100%;float:left;display: block;background: ;max-width:calc(100% - 0px);margin:0px 0 20px;padding:0px;}
.wrapper-no .list-item-50{position: relative;float:left;width:50%;margin:0px;padding:0;background: ;height:auto;box-shadow: none;}
.wrapper-no .list-item-50 .textbox{position: relative;float:left;width:calc(100% - 120px);padding:60px 20px 30px 100px;background: ;margin:0;min-height:400px;}
.wrapper-no .list-item-50 .textbox h3{position: relative;float:left;width:100%;height:auto;padding:0 0 20px;margin:0;font-size: 28px;}
.wrapper-no .list-item-50 .textbox p{position: relative;float:left;width:100%;height:auto;padding:0 0 10px;margin:0;font-size: 20px;line-height: 1.5em;}
.wrapper-no .list-item-50 .textbox ul{list-style: circle;float:left;width:calc(100% - 60px);margin:10px 20px 20px 40px;padding:0;}
.wrapper-no .list-item-50 .textbox ul li{list-style: circle;font-size: 20px;line-height: 1.5em;margin:0 0 10px;}
.wrapper-no .list-item-50-image{position: absolute;right:0;top:0;width:50%;height:100%;padding:0;background: ;}
.wrapper-no .list-item-50-image img{object-fit: cover;position: absolute;top:0;left:0;margin: auto auto;width:100%;height:100%;}
.wrapper-no img.normalImage{float:right;width:50%;height:auto;}
/* wrapper */
.wrapper .list-item-50{position: relative;float:left;width:50%;margin:0px;padding:0;background: ;height:auto;box-shadow: none;}
.wrapper .list-item-50 .textbox{position: relative;float:left;width:calc(100% - 40px);padding:50px 40px 20px 0px;min-height:400px;background: ;margin:0;}
.wrapper .list-item-50 .textbox h3{position: relative;float:left;width:100%;height:auto;padding:0 0 20px;margin:0;font-size: 28px;}
.wrapper .list-item-50 .textbox p{position: relative;float:left;width:100%;height:auto;padding:0 0 10px;margin:0;font-size: 20px;line-height: 1.5em;}
.wrapper .list-item-50 .textbox ul{list-style: circle;float:left;width:calc(100% - 60px);margin:10px 20px 20px 40px;padding:0;}
.wrapper .list-item-50 .textbox ul li{list-style: circle;font-size: 20px;line-height: 1.5em;margin:0 0 10px;}
.wrapper .list-item-50-image{position: absolute;right:0;top:0;width:50%;height:100%;padding:0;background: ;}
.wrapper .list-item-50-image img{object-fit: contain;position: absolute;top:0;left:0;margin: auto auto;width:100%;height:100%;}

.alert{width:100%;float:left;text-align: center;margin:0 0 20px;}
.alert p{font-size: 26px;width:100%;float:left;text-align: center;}
.alert p strong{color:red;}

/* online-shop */
.intro{position: relative;float:left;width:100%;height:auto;background: ;margin:0 0 20px;}
.intro h1{color:rgb(217,14,21);font-size: 24px;margin:20px 0 0;padding:0;}
.intro .breadcrumb{position: relative;float:left;width:100%;height:auto;background: ;padding:0 0 10px;font-size:14px;}
.intro .breadcrumb a{margin:0;padding:0 0px;color:rgb(30,30,50);font-size:14px;}

/* sidebar */
.sidebar .menu{display: none;float:left;width:100%;text-align: center;height:auto;padding:10px 0;background: #f7f7f8;margin: 0 0;border:1px solid #ddd;}
.sidebar{float:left;position: relative;width:280px;background: #fff;min-height:100px;}
.sidebar ul{list-style: none;width:100%;margin:0;padding:0;position: relative;float:left;border:1px solid #ddd;}
.sidebar ul li{list-style: none;width:100%;margin:0;padding:0;position: relative;float:left;}
.sidebar ul li a{float:left;width:100%;box-sizing: border-box;padding:15px;color:black;text-decoration: none;font-size:16px;font-weight:600;text-transform: uppercase;}
.sidebar ul li a:hover,
.sidebar ul li a.active{color:red;}
.sidebar ul li ul{list-style: none;width:100%;border:none;border-top:1px solid #ccc;border-bottom:1px solid #ddd;background: rgb(248,250,252);margin:0 0 0px;padding:0px 0;position: relative;float:left;}
.sidebar ul li ul li{border-bottom:1px solid #ddd;float:left;width:100%;margin:0;padding:0;}
.sidebar ul li ul li:last-child{border:none;}
.sidebar ul li ul li a{float:left;width:100%;box-sizing: border-box;padding:10px 0 10px 25px;color:black;text-decoration: none;font-size:16px;font-weight:400;text-transform: none;}

/* products */
.product-list{position: relative;float:right;width:calc(100% - 290px);display: flex;flex-wrap: wrap;justify-content: flex-start;align-items:stretch;}
.product-list .product-item{position: relative;float:left;width:calc(25% - 12px);margin:0 5px 10px 5px;padding:0;background: white;box-shadow:;border:1px solid #ddd;text-decoration: none;}
.product-list .product-item > a{text-decoration: none;color:black;}
.product-list .product-item .product-image{position: relative;float:left;width:100%;height:auto;padding:100% 0 0 0;border-bottom:1px solid #ddd}
.product-list .product-item:hover{border-color:grey;}
.product-list .product-item .product-image img{object-fit: cover;position: absolute;top:0;left:0;margin: auto auto;width:100%;height:100%;max-height:100%;max-width: 100%;}
.product-list .product-item .product-text{position: relative;float:left;width:calc(100% - 30px);padding:15px;margin:0;color:black;background: ;text-decoration: none;}
.product-list .product-item .product-text h2{position: relative;color:black;text-decoration: none;float:left;width:100%;margin:0;padding:0 0 5px;font-size:20px;text-decoration:none;}
.product-list .product-item .product-text p{position: relative;float:left;width:100%;margin:0;padding:0 0 5px;font-size:14px;text-decoration: none;}
.product-list .product-item .product-text p.price{font-size:22px;color:rgb(217,14,21);width:auto;font-weight:600;text-decoration: none;}
.product-list .product-item .product-text p.price span{font-size:14px;width:auto;font-weight:400;text-decoration: none;color:black;}
.product-list .product-item .product-text p.versand{position: relative;float:left;width:100%;margin:0;padding:0 0 5px;font-size:12px;color:#333;text-decoration: none;}

/* wild */
.wild{position: relative;float:right;width:calc(100% - 290px);box-sizing: border-box;padding: 0 10px;}
.wild .text_box{position: relative;float:left;width:calc(100% - 370px);}
.wild .text_box h1{margin:0;padding:0;}
.wild img{position: relative;float:right;width:350px;}
.wild table{float:left;width:100%;}
.wild .pdf{float:left;width:auto;clear:both;margin:20px 0;position: relative;box-sizing: border-box;border:1px solid #ccc;background: #f7f7f8;padding:10px;}
.wild .pdf p{margin:0;padding:10px 20px 10px 0;width:auto;float:left;}
.wild .pdf a{float:left;width:auto;}

.fotorama{position: relative;float:left;width:50%;height:auto;background: #efefef;}

/* product-desc */
.product-desc{position: relative;float:right;width:calc(50% - 40px);background: ;height:auto;}
.product-desc .text{background: ;float:left;width:100%;padding:0;margin:0 0 20px;}
.product-desc h1{position: relative;float:left;width:100%;height:auto;padding:0;margin:0 0 10px;}
.product-desc p{position: relative;float:left;width:100%;height:auto;padding:0;margin:0 0 5px;font-size:18px;}
.product-desc p span{color:rgb(217,14,21);font-size:40px;font-weight:600;}
.product-desc p a{color:blue;}
.product-desc ul{position: relative;float:left;width:100%;height:auto;padding:0;margin:20px 0 0 20px;}
.product-desc ul li{position: relative;list-style: circle;float:left;width:100%;height:auto;padding:0;margin:0 0 3px;font-size:18px;}
/* ausverkauft */
.ausverkauft{float:left;width:100%;box-sizing: border-box;background: #fff;color:red;padding:10px;border:1px solid red;margin:10px 0 0;}
.ausverkauft p{color:red;}
.ausverkauft_small{float:left;width:100%;box-sizing: border-box;padding:10px 0;margin:10px 0 0;}
.ausverkauft_small p{color:red;}
/* counter */
.counter{position: relative;float:left;width:100%;height:auto;margin:20px 0;padding:0;background: ;}
.counter .count{position: relative;float:left;width:36px;height:36px;line-height: 36px;font-size:16px;cursor: pointer;border:1px solid #efefef;background: #efefef;color:rgb(30,30,50);text-align:center;}
.counter .count:hover{background: #ddd;}
.counter input[type="text"]{position: relative;float:left;width:36px;height:36px;padding:0;margin:0 3px;border:1px solid #ccc;font-size:18px;background: white;color:rgb(30,30,50);text-align: center;}
.counter .addToCart{margin:0 0 0 10px;}
/* desc-tabs */
.desc-tabs{position: relative;float:left;width:100%;height:auto;margin-top:20px;}
.desc-tabs ul {margin: 0;padding: 0;position: relative;float:left;width:100%;}
.desc-tabs ul li {list-style-type: none;float:left;position: relative;opacity: .5;background: transparent;border:1px solid #fff;border-bottom:0px;width:auto;height:auto;margin: 0px 0 -1px;z-index:1;padding: 10px;color: #000;cursor: pointer;}
.desc-tabs ul li:hover{opacity:1;}
.desc-tabs ul li.active {opacity: 1;border:1px solid #ccc;border-bottom:0px;background: white;}
.desc-tabs .descpanel {position: relative;float:left;width:calc(100% - 22px);border:1px solid #ccc;overflow: hidden;display:none;background: #fff;padding: 10px;height:auto;}
.desc-tabs .descpanel.active {display:block;}

/* Weihnachtsfeiern */
.full_image_header{position: relative;float:left;height:60vh;overflow: hidden;width:100%;margin:0;padding:0;}
.full_image_header img{object-fit: cover;position: relative;margin: auto auto;width:100%;height:100%;max-height:100%;max-width: 100%;}
.full_image_header .text_box{position: absolute;top:50%;transform: translate(0,-60%);left:100px;background:;padding:0;height:auto;width:100%;max-width:800px;}
.full_image_header .text_box h1{position: relative;float:left;text-align: left;width:100%;height:auto;padding:0;margin:0;color:white;font-size:36px;}
.full_image_header .text_box p{position: relative;float:left;text-align: left;width:100%;height:auto;padding:20px 0;margin:0;color:white;font-size:22px;}
.full_image_header .text_box a{position: relative;float:left;color:white;}
.full_image_header .text_box img{position: relative;float:left;width:auto;height:160px;margin:0 0 20px;}
.full_image_header .patti{position: absolute;top:0;left:0;width:100%;height:100%;background-image: linear-gradient(to right, rgba(53,76,91,.9) 40%, rgba(53,76,91,0) 100%);}
.full_image_header .patti.pattiRed{position: absolute;top:0;left:0;width:100%;height:100%;background-image: linear-gradient(to right, rgba(100,20,0,.9) 0%, rgba(40,20,0,0) 100%);}

.box-list{position: relative;float:left;width:100%;display: flex;flex-wrap: wrap;justify-content:space-between;align-items:stretch;}
.box-list .box-item{position: relative;float:left;width:calc(25% - 0px);margin:0px;padding:0;background: #efefef;box-shadow:;}
.box-list .box-item .image{position: relative;float:left;width:100%;height:100px;background: ;margin:20px 0;}
.box-list .box-item .image img{object-fit: contain;position: absolute;margin: auto;width:100%;height:100%;max-height:100%;max-width: 100%;}
.box-list .box-item .textbox{position: relative;float:left;width:calc(100% - 60px);padding:15px 30px;height:auto;}
.box-list .box-item .textbox h3{position: relative;float:left;width:100%;margin:0 0 5px;padding:0;}
#box-item-1{background: #efefef;}
#box-item-2{background: rgb(220,220,220);}
#box-item-3{background: rgb(217,14,21);}
#box-item-3 h3,#box-item-3 p,#box-item-4 h3,#box-item-4 p{color:white;}
#box-item-4{background: rgb(125,43,43);}

.box-list2{margin:0px 0;position: relative;float:left;width:100%;display: flex;flex-wrap: wrap;justify-content:space-between;align-items:stretch;}
.box-list2 .box-item2{position: relative;float:left;width:calc(33.33333334% - 20px);margin:60px 0 20px;padding:0;background: #fff;box-shadow:;}
.box-list2 .box-item2 h3{position: relative;float:left;width:100%;margin:0 0 5px;padding:0;color:rgb(217,14,21);}
.box-list2 .box-item2 p{position: relative;float:left;text-align: left;width:100%;height:auto;padding:0 0 5px;margin:0;color:rgb(30,30,50);font-size:16px;}

/* gallery */
.gallery{position: relative;float:left;width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-items:stretch;box-sizing: border-box;}
.gallery .gallery-item {position: relative;box-sizing: border-box;opacity: .7;float:left;width:20%;margin:0px 5px;padding:20% 0 0;height:auto;overflow: visible;background: transparent;border:1px solid #ddd;}
.gallery .gallery-item:hover {border:1px solid #aaa;opacity: 1;}
.gallery .gallery-item a{position: absolute;top:0;left:0;width:100%;height:auto;margin:0px;padding:100% 0 0;}
.gallery .gallery-item a img{object-fit: cover;position: absolute;top:0;left:0;margin: 10px;width:calc(100% - 20px);height:calc(100% - 20px);}
.gallery .gallery-item .textbox{position: relative;float:left;width:100%;height:auto;padding: 0 10px 10px;}
.gallery .gallery-item .textbox h3{position: relative;float:left;width:100%;height:auto;margin:0;padding:0;}
.gallery .gallery-item .textbox p{position: relative;float:left;width:100%;height:auto;margin:0;padding:0;}

/* table */
table.tree{border-collapse: collapse;width: 100%;position: relative;float:left;text-align: center;font-size:18px;margin-bottom:30px;}
table.tree#privat{float:left;width:60%;position: relative;}
table.tree#geschaeft{float:right;width:35%;position: relative;}
table.tree#lieferkosten{float:left;width:100%;max-width:800px;position: relative;}
table.tree tr{text-align: center;}
table.tree td{border: 2px solid #fff;padding: 8px;background: #efefef;text-align: center;}
table.tree th {padding-top: 12px;border: 2px solid #fff;padding-bottom: 12px;background-color: white;color: rgb(30,30,50);}
table.tree th.top{text-align: left;color:rgb(217,14,21);font-weight:500;font-size:20px;}
table.tree td.first{background: rgb(217,14,21);color:white;}

table.tree#dienstleistung{float:left;width:100%;max-width:50%;margin-left:25%;margin-bottom:100px;position: relative;}
table.tree#dienstleistung tr{text-align: center;}
table.tree#dienstleistung td{border: 2px solid #bbb;padding: 8px;background: #efefef;text-align: center;}
table.tree#dienstleistung th {padding-top: 12px;border: 2px solid rgb(160,0,0);padding-bottom: 12px;background-color: rgb(217,14,21);color: white;}

/* KONTAKT */
.kontakt_formular{position: relative;float:left;width:calc(50% - 100px);margin:0 100px 0 0px;}
.input_row{position: relative;float:left;width:calc(50% - 10px);margin:0px 10px 10px 0;background: ;}
.input_row.input_row_full{position: relative;float:left;width:calc(100% - 10px);margin:10px 10px 10px 0;background: ;}
.input_row label{position: relative;width:100%;float:left;background: ;color:black;height:auto;padding:0 0 5px 0px;}
.input_row select{position: relative;float:left;width:100%;height:40px;color:black;background: white;padding:0 15px;border:1px solid #ccc;border-radius: 0px;outline:none;}
.input_row input[type=text]{position: relative;float:left;font-size:14px;width:calc(100% - 32px);height:40px;color:black;padding:0 15px;border:1px solid #ccc;border-radius: 0px;outline:none;}
.input_row textarea{position: relative;float:left;width:calc(100% - 22px);height:150px;color:black;padding:10px;line-height: 1.3em;border:1px solid #ccc;border-radius: 0px;}
.input_row input:focus,
.input_row textarea:focus{outline:none;}
.input_row input[type=file]{background: white;position: relative;float:left;width:calc(100% - 22px);height:auto;color:#ccc;border:1px solid #ccc;padding:10px;border-radius: 0px;outline:none;}
.input_row input[type=submit]{position: relative;float:left;margin:0px 0;padding:0 20px;height:40px;line-height: 40px;color:rgb(30,30,50);background:white;text-align: center;border:1px solid rgb(30,30,50);font-size:14px;font-weight:700;text-transform: uppercase;cursor: pointer;}
.input_row input[type=submit]:hover{background: rgb(30,30,50);color:white;}
.input_row p{font-size: 14px;color:#333;}
.kontaktformular_info{position: relative;float:left;width:calc(50% - 50px);background: ;margin:0 0 0 50px;padding:50px 0;}
.kontaktformular_info_inner{position: relative;float:left;width:calc(50% - 20px);margin:0 20px 0 0;padding:0;}
.kontaktformular_info h3{position: relative;float:left;width:100%;padding:0;margin:0 0 20px;font-size: 20px;}
.kontaktformular_info p{position: relative;float:left;width:100%;padding:0;margin:0 0 10px;font-weight: 300;line-height: 1.3em;font-size: 16px;}
.kontaktformular_info h5{position: relative;float:left;width:100%;padding:0;margin:20px 0 10px;font-weight: 500;color:black;text-decoration: underline;font-size: 16px;}
.sub_info{font-weight:300;color:black;font-size:16px;line-height: 1.3em;}
.sub_info div{padding:10px 0 0;}
/* messages */
#error_message{display: none;position: relative;float:left;margin:0px 0 0 20px;padding:10px 20px;height:auto;line-height: 1.3em;color:red;background:white;text-align: center;border:0px;font-size:16px;font-weight:400;}
#success_message{display: none;position: relative;float:left;margin:0px 0 0 20px;padding:10px 20px;height:auto;line-height: 1.3em;color:rgb(0,200,0);background:white;text-align: center;border:0px;font-size:16px;font-weight:400;}
.zusatz{position:relative;float:left;width:auto;padding:20px 0 0 150px}

.kontakt_adresse{position: relative;float:left;width:calc(35% - 100px);margin:0 100px 0 0px;}
.kontakt_adresse p{position: relative;float:left;width:100%;margin:10px 0;font-weight:300;}
.kontakt_adresse a{position: relative;float:left;cursor: pointer;}
/* kontakt_map */
.kontakt_map{position: relative;float:left;width:65%;margin:0px;}
.kontakt_map .map_iframe{position: relative;float: left;width:100%;height:400px;padding:0;background: white;}
.kontakt_map .map_iframe iframe{position: relative;float:left;width:100%;height:100%}


/* SHOP */
.padloper-cart-qty .update{display: none;background: white;border:1px solid black;font-size:16px;margin:5px;padding:5px;}
/* modal */
.modal{position: fixed;display: block;top:0;left:0;width:100%;height:100%;background: rgba(31,41,48,.7);z-index: 100;overflow-y: scroll;overflow-x: hidden;}
.modal .modal_inner{position:relative;float:left;width:80%;height:auto;margin:100px 10%;background: rgb(245,250,255);border-radius: 0px;padding: 20px 20px;}
.modal .modal_inner .close{position: absolute;z-index:100;color:grey;cursor: pointer;top:0;right:0;margin:20px;width:40px;height:40px;line-height: 40px;text-align: center;font-size: 40px;}
.modal .modal_inner .close:hover{color:rgb(31,41,48)}
.modal .modal_inner div{background: ;position: relative;float:left;width:100%;height:auto;}
/* center */
.center{width: 100%;height: 100%;background: ;text-align: center;}
.center .centerInner{display: inline-block;padding:50px 0;}
.center .centerInner p{color:black;text-align: center;background: ;position: relative;float:left;width:100%;padding:20px 0 40px;margin:0;opacity: 1;line-height: 1em;}
.center .centerInner a{background: transparent;width:auto;height:auto;margin:0;padding:8px 12px;border:2px solid rgb(31,41,48);color:rgb(31,41,48);font-weight:500;text-transform: uppercase;font-size:14px;text-decoration: none;}
.center .centerInner a:hover{background: rgb(31,41,48);border:2px solid rgb(31,41,48);color:white;}

/* modal edit cart */
/* editcart */
.padloper-editcart{position: relative;float:left;width:100%;background: ;padding:20px 0;font-size:14px;}
.padloper-editcart img{width:100px;}
.padloper-editcart .countMinus{cursor:pointer;position: relative;float:left;width:36px;line-height: 36px;height:36px;text-align: center;font-size:14px;margin:0 2px 0 0;padding:0;border:2px solid rgb(31,41,48);background: transparent;color:rgb(31,41,48);border-radius: 0px;text-transform: uppercase;}
.padloper-editcart .countMinus:hover{color:white;background: rgb(31,41,48);}
.padloper-editcart .countPlus{cursor:pointer;position: relative;float:left;width:36px;line-height: 36px;height:36px;text-align: center;font-size:14px;margin:0 0 0 2px;padding:0;border:2px solid rgb(31,41,48);background: transparent;color:rgb(31,41,48);border-radius: 0px;text-transform: uppercase;}
.padloper-editcart .countPlus:hover{color:white;background: rgb(31,41,48);}
.padloper-editcart input[type=number]{position: relative;float:left;width:36px;line-height: 36px;height:36px;text-align: center;font-size:16px;font-weight:bold;margin:0;padding:0;border:2px solid rgb(31,41,48);background: transparent;color:rgb(31,41,48);border-radius: 0px;text-transform: uppercase;}
.padloper-editcart h3{position: relative;float:left;width:100%;text-align: center;font-size:20px;text-transform: uppercase;}
a.goShopping{float:left;}
a.goToCheckout{float:right;margin-right:10px}
a.goToKasse{float:right;}

/* table padloper-cart */
table.padloper-cart {border: 1px solid #ccc;border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed;}
table.padloper-cart caption {font-size: 1.5em;margin: .5em 0 .75em;}
table.padloper-cart tr {background-color: ;border: 1px solid #ddd;padding: .35em;}
table.padloper-cart th,
table.padloper-cart td {padding: .625em;font-size:16px;text-align: left;}
table.padloper-cart th {font-size:16px;letter-spacing: .1em;text-transform: uppercase;}
table.padloper-cart th.one{width:50%;}
table.padloper-cart th.two{width:15%;}
table.padloper-cart th.three{width:15%;}
table.padloper-cart th.four{width:20%;}

/* table inventory */
table.inventory {border: 1px solid #ccc;border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed;}
table.inventory caption {font-size: 1.5em;margin: .5em 0 .75em;}
table.inventory tr {background-color: ;border: 1px solid #ddd;padding: .35em;}
table.inventory th,
table.inventory td {padding: .625em;font-size:16px;text-align: left;}
table.inventory th {font-size:16px;letter-spacing: .1em;text-transform: uppercase;}
table.inventory th.one{width:50%;}
table.inventory th.two{width:15%;}
table.inventory th.three{width:15%;}
table.inventory th.four{width:20%;}

table.balance {border: 1px solid #ccc;border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed;margin:20px 0;}
table.balance caption {font-size: 1.5em;margin: .5em 0 .75em;}
table.balance tr {background-color: ;border: 1px solid #ddd;padding: .35em;}
table.balance th,
table.balance td {padding: .625em;font-size:16px;text-align: left;}
table.balance th {font-size:16px;letter-spacing: .1em;text-transform: uppercase;}

table.meta {border-collapse: collapse;width: 100%;margin:20px 0;}
table.meta td, table.meta th {border: 1px solid #ccc;padding: 5px 15px;}
table.meta tr:nth-child(even){background-color:;}
table.meta th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: ;color: rgba(31,41,48,.5);}

.notEnough{float:left;position: relative;width:100%;box-sizing: border-box;background: #efefef;border:1px solid red;color:red;padding:12px 20px;}
.notEnough i{position: relative;float:left;width:30px;font-size:22px;}
.notEnough p{position: relative;float:left;width:calc(100% - 30px);color:red;margin:0;padding:0;font-size:18px;}

.warenkorb_end_box{position: relative;float:right;width:260px;background: ;}
.warenkorb_end_box .left{position: relative;float: left;width:100px;}
.warenkorb_end_box .right{position: relative;float: right;width:160px;}
.warenkorb_end_box .full{position: relative;float: left;width:100%;}
.warenkorb_end_box a.versand{color:grey;}
.warenkorb_end_box a.button_1{width:calc(100% - 44px);float:left;margin-top:30px;text-align: center;}

/* padloper-customerform */
#padloper-customerform{background: ;margin:0 auto;max-width: ;}
#padloper-customerform .Inputfields{position: relative;float:left;width:100%;height:auto;padding:0px 0px 10px;margin:0px 0;background: #fff;}
#padloper-customerform .Inputfields .Inputfield{position: relative;float:left;width:calc(50% - 40px);padding:0 0px 0 0;margin:0 40px 20px 0;background: ;}
#padloper-customerform .Inputfields .Inputfield label{position: relative;float:left;width:100%;padding:0 0 5px;margin:0;font-weight:400;font-size:14px;background: white;border:none;}
#padloper-customerform .Inputfields .Inputfield label i{display: none;}
#padloper-customerform .Inputfields .Inputfield input[type=text],
#padloper-customerform .Inputfields .Inputfield input[type=email]{position: relative;border-radius: 0px;border:1px solid rgb(31,41,48);float:left;width:calc(100% - 0px);padding:10px 12px;font-size:14px;color:rgb(31,41,48);}
#padloper-customerform .Inputfields .Inputfield select{position: relative;border-radius: 0px;border:1px solid rgb(31,41,48);float:left;width:calc(100% - 0px);background: white;padding:0px 12px;height:40px;font-size:14px;color:rgb(31,41,48);}
#padloper-customerform .Inputfields .Inputfield.InputfieldSelect{position: relative;float:left;width:calc(50% - 20px);clear:both;padding:0 20px 0 0;margin:0 0 10px;background: ;}
#padloper-customerform .Inputfields .Inputfield.InputfieldSelect select{position: relative;float:left;width:100%;}
#padloper-customerform .Inputfields .Inputfield.InputfieldRadios{position: relative;float:left;width:calc(100% - 20px);padding:0 20px 0 0;margin:0 0 10px;background: ;}
#padloper-customerform .Inputfields .Inputfield.InputfieldRadios ul{list-style: none;background: ;position: relative;float:left;margin:0;padding:10px;}
#padloper-customerform .Inputfields .Inputfield.InputfieldRadios ul span{padding:0 10px;}
#padloper-customerform .Inputfields .Inputfield.InputfieldSubmit{position:relative;width:100%;margin:0;padding:0;background: ;float:left;}
#padloper-customerform .Inputfields .Inputfield.InputfieldSubmit button{position: relative;float:left;padding:0 20px;margin:0 5px 0 0;text-decoration: none;height:36px;line-height: 36px;color:white;border-radius: 5px;background:rgb(217,14,21);text-align: center;border:0px;font-size:14px;font-weight:500;text-transform: uppercase;cursor: pointer;}
#padloper-customerform .Inputfields .Inputfield.InputfieldSubmit button:hover{background: rgb(255,34,51);cursor: pointer;}

#wrap_Inputfield_shipping_check .InputfieldContent{border:none;}

#padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_check{position: relative;float:left;width:calc(100% - 0px);padding:20px 0px 10px;margin:0px 0 0;background: white;border-top:1px solid #ddd;}
#Inputfield_shipping_check{margin:3px 10px 3px 0;padding:0;position: relative;float:left;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_check div label span{background: ;float:left;position: relative;padding:0px 0;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_firstname{position: relative;float:left;width:calc(50% - 40px);padding:0px;margin:0 40px 0 0px;background: white;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_lastname{position: relative;float:left;width:calc(50% - 40px);padding:0px;margin:0 40px 0 0px;background: white;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_address{position: relative;float:left;width:calc(50% - 40px);padding:0px;margin:0 40px 0 0px;background: white;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_address_cont{position: relative;float:left;width:calc(50% - 40px);padding:0px;margin:0 40px 0 0px;background: white;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_postcode{position: relative;float:left;width:calc(50% - 40px);padding:0px;margin:0 40px 0 0px;background: white;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_city{position: relative;float:left;width:calc(50% - 40px);padding:0px;margin:0 40px 0 0px;background: white;}
/*  */
#padloper-customerform .Inputfields .Inputfield.Inputfield_pad_shippingmodule{position: relative;float:left;width:calc(100% - 0px);padding:20px 0px 10px;margin:20px 0 0;background: white;border-top:1px solid #ddd;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_pad_shippingmodule div label span{background: ;float:left;position: relative;padding:0px 0;}
#Inputfield_pad_shippingmodule_ShippingFixed{margin:3px 10px;padding:0;position: relative;float:left;}
/*  */
#padloper-customerform .Inputfield.Inputfield_liefertermin{position: relative;float:left;width:calc(100% - 0px);padding:20px 0px 10px;margin:20px 0 0;background: ;border-top:1px solid #ddd;}
#padloper-customerform .Inputfield#Inputfield_liefertermin > label{font-weight:bold;margin:0px 0 5px;padding:10px 0 0;}
#padloper-customerform .Inputfield#wrap_Inputfield_pad_shippingmodule > label{font-weight:bold;}
#padloper-customerform .Inputfield#wrap_Inputfield_pad_paymentmodule > label{font-weight:bold;}
#padloper-customerform .Inputfield#wrap_Inputfield_pad_shippingmodule{margin:0;}
/*  */
#padloper-customerform .Inputfields .Inputfield.Inputfield_pad_paymentmodule{position: relative;float:left;width:calc(100% - 0px);padding:20px 0px 10px;margin:20px 0 20px;background: ;border-top:1px solid #ddd;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_pad_paymentmodule div ul {background: ;float:left;position: relative;width:100%;padding:10px 0 0px;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_pad_paymentmodule div label {background: ;float:left;position: relative;width:100%;padding:0px;border:1px solid #ddd;margin:0 0 -1px;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_pad_paymentmodule div label span{background: ;float:left;position: relative;width:auto;padding:20px;border-left:1px solid #ddd;}
#padloper-customerform .Inputfields .Inputfield.Inputfield_pad_paymentmodule div label span img{width:70px;height:auto;margin:0 10px 0 0;position: relative;float:left;}
#Inputfield_pad_paymentmodule_ProcessWire_PaymentInvoice{margin:20px;padding:0;position: relative;float:left;}
#Inputfield_pad_paymentmodule_ProcessWire_PaymentCash{margin:20px;padding:0;position: relative;float:left;}
#Inputfield_pad_paymentmodule_ProcessWire_PaymentPayPalExpressCheckout{margin:20px;padding:0;position: relative;float:left;}
#wrap_customerForm .InputfieldContent{border:none;}
/* AGB */
.finalagb{position: relative;float:right;width:100%;background: ;text-align: left;padding:40px 0 0;}
.finalagbShow{position: relative;float:right;width:100%;background: ;text-align: right;padding:10px 0 30px;}

.finalPayDay{background: ;float:right;position: relative;}
.finalPayDay input{width:100%;float:left;position: relative;padding:0px;height:40px;line-height: 40px;background: rgb(0,200,0);}
.finalPayDay input:hover{background: rgb(0,170,0);}


/* ANFRAGE Weihnachtsfeiern */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0; }
input[type=number] { -moz-appearance:textfield; }

.bookingArea *{box-sizing: border-box;}
.bookingArea{float:left;width: 800px;}

button#btnHygiene{position: relative;float:left;margin:10px 0 20px;padding:0 12px;text-decoration: none;height:30px;line-height: 30px;color:white;border-radius: 5px;background:rgb(217,14,21);text-align: center;border:0px;font-size:14px;font-weight:500;cursor: pointer;}
button#btnHygiene i{padding-right:5px;}

.newModal{position: fixed;display: none;top:0;left:0;width:100%;height:100%;background: rgba(31,41,48,.7);z-index: 100;overflow-y: scroll;overflow-x: hidden;}
.newModal.active{display: block;}
.newModal .newModal_inner{position:relative;float:left;width:calc(100% - 100px);height:auto;margin:50px;background: transparent;border-radius: 0px;padding: 0px;}
.newModal .newModal_inner .close{position: fixed;z-index:100;color:grey;background: rgb(245,250,255);box-shadow: 0px 0px 20px rgba(30,40,50,.3);cursor: pointer;top:0;right:0;margin:10px;width:60px;height:60px;line-height: 60px;text-align: center;font-size: 20px;}
.newModal .newModal_inner .close:hover{color:rgb(31,41,48)}
.newModal .newModal_inner .newModal_inner_inner{background: ;position: relative;float:left;width:100%;height:auto;background: transparent;display: flex;align-items: center;justify-content: center;}
.newModal .newModal_inner .newModal_inner_inner iframe{height:calc(100vh - 100px);}
/* FormBuilder_weihnachtsfeier-online-anfrage */
#FormBuilder_weihnachtsfeier-online-anfrage{float:left;width:100%;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield{float:left;width:calc(50% - 20px);padding:0;margin: 0 20px 20px 0;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield label{float:left;width:100%;padding:0 0 5px;margin:0;font-weight:400;font-size:16px;color:#333333;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield input[type=text],
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield input[type=email]{border:1px solid rgb(31,41,48);float:left;width:100%;padding:10px 12px;font-size:14px;color:rgb(31,41,48);}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield input[type=text]:hover,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield input[type=email]:hover,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield input[type=number]:hover,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield input[type=text]:focus,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield input[type=email]:focus,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield input[type=number]:focus{border-radius: 0px;border-color:#ccc;outline:none;background: #fff;}
/*  */
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield.Inputfield_firstname{display:none;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_m1,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_markup2{clear:both;width:100%;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_markup2{clear:both;width:100%;margin:0;padding:0;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_pflichtfelder{clear:both;width:100%;margin:-10px 0 10px;padding:0;color:#333333;font-size:14px;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_m1 label,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_markup2 label{display: none;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_pflichtfelder label{display: none;}
#FormBuilder_weihnachtsfeier-online-anfrage #Inputfield_counter{display: block;clear:both;float:left;width:100%;border:none;margin:0;padding:0;width:200px;}
#FormBuilder_weihnachtsfeier-online-anfrage #Inputfield_counter legend{display: none;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_wunschdatum{display: block;width:calc(50% - 120px);float:left;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_wunschuhrzeit{display: block;width:calc(50% - 120px);float:left;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_counter_minus{width:auto;margin:0;padding:0;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_counter_minus label{display: none;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_counter_minus button,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_counter_minus button:focus{outline:none;border:1px solid rgb(31,41,48);float:left;cursor: pointer;width:40px;margin:0px;height:40px;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight:bold;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_counter_minus button:hover{background: #fff;border-radius: 0px;border-color:#ccc;outline:none;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_counter_plus{width:auto;padding:0;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_counter_plus label{display: none;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_counter_plus button,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_counter_plus button:focus{outline:none;border:1px solid rgb(31,41,48);float:left;cursor: pointer;width:40px;margin:0px;height:40px;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight:bold;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_counter_plus button:hover{background: #fff;border-radius: 0px;border-color:#ccc;outline:none;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_personenanzahl{width:auto;margin:0 5px;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_personenanzahl label{display: none}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_personenanzahl input[type=number]{border:1px solid rgb(31,41,48);float:left;width:40px;text-align: center;padding:0px 10px;height:40px;line-height: 40px;font-size:16px;color:rgb(31,41,48);}
#FormBuilder_weihnachtsfeier-online-anfrage p.personen{float:left;padding:0 0 5px;margin:0;width:100%;font-weight:400;font-size:16px;color:#333333;}

/* checkboxes */
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes{float:left;width:100%;margin:0;padding:10px 0;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes > label{display: none}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul{margin:0;padding:0;float:left;position: relative;width:100%;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li{margin:0px 0 10px;opacity: 1;cursor: pointer;float:left;position: relative;padding:10px;float:left;overflow: hidden;width:calc(100% - 20px);border:1px solid #ddd;border:1px solid rgba(53,76,91,.1);background: white;border-radius: 5px;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li:hover{border:1px solid #ccc;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li.active{border:1px solid rgb(150,220,150);}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li.active:hover{cursor:default;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li .checked{position: absolute;top:10px;right:10px;width:40px;height:40px;background: #f7f7f8;color:#ddd;line-height: 40px;font-size: 20px;text-align: center;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li .checked.active{color:rgb(0,200,0);}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li img{position: relative;float:left;width:30%;height:150px;object-fit: cover;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li span{position: relative;float:right;width:calc(100% - 350px);margin-right:50px;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li h3{position: relative;float:left;width:70%;margin:0;padding:0 20px 10px;font-size: 20px;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li p{position: relative;float:left;width:70%;margin:0;padding:0 20px 10px;font-size:16px;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li p.preis{position: relative;float:left;width:70%;margin:0;padding:0 20px 20px;font-size:16px;font-weight:600;font-style: italic;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li.active h3,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li.active p{color:#ccc;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li .buttons{position: relative;float;left;width:auto;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li button{position: relative;float:left;margin:0 5px 5px 20px;padding:0 12px;text-decoration: none;height:30px;line-height: 30px;color:white;border-radius: 5px;background:rgb(217,14,21);text-align: center;border:0px;font-size:14px;font-weight:500;cursor: pointer;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li button.btnPdf{background:rgb(150,0,0);}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li button.btnPdf i{padding-right:5px;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li button:hover{background: rgb(255,54,71);}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li button:disabled,
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li button[disabled]{background: #eee;color:#ccc;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li label{margin:0;padding:0;width:auto;position: absolute;top:0;right:0;display: none;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li label span{display: none;}
/* extra new checkbox Weihnachtsbäume (ist keine checkbox) */
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_weihnachtsbaeume{display: none;}
#FormBuilder_weihnachtsfeier-online-anfrage .wbbox{margin:10px 0;float:left;position: relative;padding:10px;float:left;overflow: hidden;width:calc(100% - 20px);border:1px solid rgb(200,0,0);background: white;border-radius: 5px;}/*border:1px solid rgba(53,76,91,.1);*/
#FormBuilder_weihnachtsfeier-online-anfrage .wbbox img{position: relative;float:left;width:30%;height:150px;object-fit: cover;}
#FormBuilder_weihnachtsfeier-online-anfrage .wbbox .textbox {position: relative;float:right;width:70%;margin:0;padding:0px 0 0 20px;}
#FormBuilder_weihnachtsfeier-online-anfrage .wbbox .textbox h3{position: relative;float:left;width:100%;margin:0;padding:0px 0 10px;font-size: 20px;}
#FormBuilder_weihnachtsfeier-online-anfrage .wbbox .textbox p{position: relative;float:left;width:100%;margin:0;padding:0 0px 10px;font-size:16px;}
#FormBuilder_weihnachtsfeier-online-anfrage .wbbox .textbox p.preis{position: relative;float:left;width:100%;margin:0;padding:0 0px 20px;font-size:16px;font-weight:600;font-style: italic;}
#FormBuilder_weihnachtsfeier-online-anfrage .wbbox input[type=number]{border:1px solid rgb(31,41,48);float:left;width:40px;text-align: center;margin:0px 5px 0 0;padding:0px;height:40px;line-height: 40px;font-size:16px;color:rgb(31,41,48);}
#FormBuilder_weihnachtsfeier-online-anfrage .wbbox button{outline:none;border:1px solid rgb(31,41,48);float:left;cursor: pointer;width:40px;margin:0px 5px 0 0;height:40px;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight:bold;}
#FormBuilder_weihnachtsfeier-online-anfrage .wbbox button:hover{background: #efefef;border-radius: 0px;border-color:#ccc;outline:none;}


#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_mainlist{width:100%;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#Inputfield_mainlist label{display: none;}
.shortList *{box-sizing: border-box;}
.shortList{position: absolute;top:0;left:830px;width:calc(28% + 16px);display: block;background: #fff;border:1px solid #ddd;border:1px solid rgba(53,76,91,.1);padding:20px}
.shortList.active{position: fixed;top:40px;left:930px;width:calc(28% - 40px);}
.shortList.normal{position: relative;top:0px;left:0px;margin:0;right:0px;float:left;display: block;background:;width:calc(100% - 20px);border-radius: 5px}
.shortList h3{float:left;width:100%;font-size:18px;padding:5px 0 10px;margin:0 0 10px;border-bottom: 1px dashed #ccc;color:rgb(217,14,21)}
.shortList ul{position: relative;margin:0;padding:0 0 0 25px;float:left;list-style: circle;width:100%;color:rgb(31,41,48);}
.shortList ul.test{position: relative;margin:0 0 10px;padding:0 0 10px 25px;list-style: circle;border-bottom: 1px dashed #ccc;}
.shortList ul li{position: relative;margin:0;padding:2px 0;float:left;width:100%;list-style: circle;}
.shortList ul li #np{position: relative;width:auto;}
.shortList ul li.anzahl{position: relative;float:left;width:100%;}
.shortList ul li.anzahl .data{position: relative;float:left;width:calc(100% - 80px);background: white;padding:0 0 5px;}
.shortList ul li.anzahl .first{position: relative;clear:both;float:left;width:auto;background: white;}
.shortList ul li.anzahl .divx{position: relative;float:left;width:auto;background: white;padding:0 5px;}
.shortList ul li .divy{position: relative;float:left;width:auto;background: white;padding:0 0 0 5px;}
.shortList ul li.anzahl .second{position: relative;float:left;width:auto;background: white;}
.shortList ul li.anzahl .divp{position: relative;float:left;width:auto;background: white;padding:0 5px;}
.shortList ul li.anzahl .sum{position: relative;float:left;width:auto;background: white;font-weight:bold;}
.shortList ul li.anzahl .dive{position: relative;float:left;width:auto;background: white;font-weight:bold;padding:0 5px;}
.shortList ul li.anzahl button{float:left;clear:both;margin:5px 0;width:auto;cursor: pointer;background:#efefef;color:red;border:none;}
.shortList ul li.anzahl button:hover{color:white;background:red;}
/*  */
.shortList ul li.normal{position: relative;float:left;width:100%;}
.shortList ul li.normal .data{position: relative;float:left;width:calc(100% - 80px);background: white;padding:0 0 5px;}
.shortList ul li.normal .first{position: relative;clear:both;float:left;width:auto;background: white;}
.shortList ul li.normal .divx{position: relative;float:left;width:auto;background: white;padding:0 5px;}
.shortList ul li.normal .second{position: relative;float:left;width:auto;background: white;}
.shortList ul li.normal .divp{position: relative;float:left;width:auto;background: white;padding:0 5px;}
.shortList ul li.normal .sum{position: relative;float:left;width:auto;background: white;font-weight:bold;}
.shortList ul li.normal .dive{position: relative;float:left;width:auto;background: white;font-weight:bold;padding:0 5px;}
.shortList ul li.normal button{float:left;clear:both;margin:5px 0;width:auto;cursor: pointer;background:#efefef;color:red;border:none;}
.shortList ul li.normal button:hover{color:white;background:red;}
.shortList ul li.none button{float:left;clear:both;margin:5px 0;width:auto;cursor: pointer;background:#efefef;color:red;border:none;}
.shortList ul li.none button:hover{color:white;background:red;}
#total{float:left;width:100%;font-size:16px;font-weight:bold;color:rgb(31,41,48);}
#totalInner{width:auto;background: white;}
.eur{width:auto;background: white;padding:0 0 0 0px}

#jetztAnfragen{position: relative;float:left;margin:20px 0 20px 0;padding:0 12px;text-decoration: none;height:30px;line-height: 30px;color:white;border-radius: 5px;background:rgb(217,14,21);text-align: center;border:0px;font-size:12px;font-weight:500;cursor: pointer;}

#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_agbs_bestatigen{margin:0px 0 10px;cursor: pointer;float:left;position: relative;padding:5px 15px 20px;width:100%;background: transparent;border-radius: 5px;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_agbs_bestatigen > label{display: none;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_agbs_bestatigen span.pw-no-select{padding-left:5px;}

#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_weihnachtsfeier-online-anfrage_submit{margin:0px 0 10px;cursor: pointer;float:left;position: relative;padding:0;width:100%;border-radius: 5px;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_weihnachtsfeier-online-anfrage_submit button{position: relative;width:auto;cursor: pointer;float:left;margin:0;padding:0 20px;text-decoration: none;height:40px;line-height: 40px;color:white;border-radius: 5px;background:rgb(217,14,21);text-align: center;border:0px;font-size:16px;font-weight:500;cursor: pointer;}
#FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_weihnachtsfeier-online-anfrage_submit button:hover{background:rgb(255,54,71);}


.FormBuilderErrors{margin:20px 0;cursor: pointer;float:left;position: relative;padding:10px;float:left;overflow: hidden;width:100%;border:2px solid red;background: white;border-radius: 5px;}
.success{float:left;width:100%;padding:0;margin:0;text-align: center;display: flex;justify-content: center;align-items: center;}
.success .inner{width:auto;margin:20px 0;padding:20px 0;border:2px solid rgb(0,200,0);text-align: center;}
.success .inner h1{float:left;width:100%;color:rgb(0,200,0);}
.success .inner p{float:left;width:100%;color:rgb(0,200,0);}


footer{position: relative;float:left;width:100%;height:auto;margin-top:0px;padding:0px;background: rgb(30,30,50);color:white;}
footer img.footer_header_image{position: relative;float:left;width:100%;height:auto;}
footer .footer_box{position: relative;float:left;width:23%;height:auto;padding:0 2% 0 0;margin:-60px 0 0 0;}
footer .footer_box h4{color:rgba(255,255,255,.5);text-transform: uppercase;font-weight:600;}
footer .footer_box p{color:rgb(255,255,255);}
footer .footer_box ul{position: relative;float:left;width:100%;margin:0;padding:0;list-style: none;}
footer .footer_box ul li a{position: relative;float: left;width:100%;padding:2px 0;color:white;}
footer .footer_box a{color:white;}
footer .footer_line{position: relative;float:left;width:100%;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.5);padding:30px 0 60px;margin-top:20px;}






/* MEDIA QUERYS */
@media (max-width:1430px){
  header{position: fixed;top:0;left:0;width:calc(100% - 40px);height:100px;padding:0 20px;box-shadow:0 0 15px rgba(0,0,0,.2);border-bottom:1px solid rgb(210,210,210);background: white;margin:0;z-index:2;transition: all .6s ease-in-out;}
  header.scroll{top:-100px;transition: all .6s ease-in-out;}
  header .logo{position: relative;float:left;;overflow: hidden;width:auto;background: ;height:100px;}
  header .logo .logo_inner{position: relative;float:left;width:auto;height:100px;background: ;}
  header .logo .logo_inner img{position: relative;float:left;width:auto;height:60px;margin:20px 0;}
  header .logo .logo_inner h1{position: relative;float:left;text-transform: uppercase;width:auto;height:auto;font-size:18px;font-weight: 700;line-height: 1em;color:rgb(30,30,50);padding:20px 0 0 10px;}
  header .logo .logo_info{display: none;position: relative;float:left;width:auto;height:100px;border-left:1px solid rgb(200,200,200);background: ;padding:0 20px;margin:0px 0 0 20px;}
  header .logo .logo_info h3{position: relative;float:left;width:auto;height:auto;margin:28px 0 0 0;font-size:18px;padding:0;color:rgb(217,14,21);}
  header .logo .logo_info a{position: relative;float:left;width:auto;height:auto;margin:0;font-size:14px;padding:0;clear:both;color:rgb(217,14,21);}
  header nav{position: relative;float:right;height:auto;background: white;width:auto;}
  header nav ul{position: relative;float:left;background: ;padding:0;margin:0;}
  header nav ul li{position: relative;float:left;width:auto;padding:0 8px;height:100px;line-height: 100px;}
  header nav ul li a{text-decoration: none;color:rgb(130,130,130);font-weight:400;font-size:14px;width:100%;height:100%;}
  header nav ul li span{position: absolute;top:0;left:0;width:100%;height:3px;background: transparent;}
  header nav ul li a:hover,
  header nav ul li.current a,
  header nav ul li.parent a{color:rgb(217,14,21);}
  header nav ul li:hover{}
  header nav ul li.current span,
  header nav ul li.parent span{background: rgb(217,14,21);}
  header nav ul li.icon{line-height: 110px;}
  header nav ul li.icon a i{font-size:24px;}
  header nav ul li.icon .badge{position: absolute;top:0;right:0;padding:0;margin:30px 4px 0 0;width:16px;height:16px;line-height: 16px;border-radius: 50%;background: red;color:white;text-align: center;font-weight: 600;font-size: 14px;}

  .wrapper {position: relative;width:100%;float:left;display: block;background: ;max-width:calc(100% - 40px);margin:0 20px;padding:0px;}

  /* anfrage */
  .bookingArea{width: 60%;}
  .newModal .newModal_inner{width:calc(100% - 40px);margin:20px;}
  .newModal .newModal_inner .newModal_inner_inner iframe{height:calc(100vh - 40px);}


  .shortList{top:0;left:62%;right:20px;width:38%;display: block;background: #fff;border:1px solid #ddd;border:1px solid rgba(53,76,91,.1);padding:20px}
  .shortList.active{position: fixed;top:80px;left:62%;width:calc(38% - 16px);}
}


@media (max-width:1200px){
  p{font-weight: 400;color:rgb(30,30,50);font-size:16px;}
  h1,h2,h3{font-weight: 600;color:rgb(30,30,50);}
  .mobile_only{display:block;}
  .desktop_only{display: none;}
  .content{position: relative;float:left;width:100%;height:auto;background: white;margin:0px;padding:60px 0 0;}

  /* buttons */
  .button_1{position: relative;float:left;padding:0 10px;margin:0 5px 0 0;text-decoration: none;height:30px;line-height: 30px;color:white;border-radius: 5px;background:rgb(217,14,21);text-align: center;border:0px;font-size:12px;font-weight:500;text-transform: uppercase;cursor: pointer;}
  .button_1:hover{background: rgb(255,34,51);cursor: pointer;}
  .button_1.normal{background: #ccc;color:rgb(30,30,50)}
  .button_1.normal:hover{background: #aaa;}

  /* break */
  .break{position:relative;float:left;width:100%;height:1px;background: rgba(53,76,91,.2);margin:10px 0;}
  .break2{position:relative;float:left;width:100%;height:50px;background: #fff;margin:20px 0 10px;}
  .break2 .break{position: absolute;top:0;left:0;margin:25px 0 0;}
  .break2 h5{position: absolute;font-size:16px;text-align: center;font-weight:400;top:50%;margin:0;padding:0 20px;background: white;left:50%;color:rgb(53,76,91);transform: translate(-50%,-50%);}
  .break2 h5 span{font-size:14px;}
  .break3{position:relative;float:left;width:100%;height:auto;background: transparent;margin:0;padding:10px 0 20px;}
  .break3 h3{text-align: center;position: relative;float:left;width:100%;margin:0 0 10px;padding:0;font-size:16px;color:rgb(53,76,91);}
  .break3 p{text-align: center;position: relative;float:left;width:100%;margin:0;padding:0;font-size:14px;color:rgb(53,76,91);}

  /* NAVI */
  .nav-bar {display: block;position: fixed;top:0;right:0;z-index:12;background-image: url('../images/menu.png');background-size: cover;width:60px;height:60px;color:red;padding:0;margin:0;text-align: center;line-height: 60px;font-size: 28px;}
  .nav-bar.active{background-image: url('../images/cross.png');background-size: cover;}

  .mobile_cart {display: block;position: fixed;top:0;right:60px;z-index:12;background: white;width:40px;height:58px;color:red;padding:0;margin:0;text-align: center;line-height: 70px;font-size: 24px;}
  .mobile_cart .badge{position: absolute;top:0;right:0;padding:0;margin:12px 0px 0 0;width:14px;height:14px;line-height: 14px;border-radius: 50%;background: red;color:white;text-align: center;font-weight: 600;font-size: 10px;}
  .mobile_cart a{color:rgb(30,30,50)}
  .patti_black{display: none;position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);z-index:10;}
  .patti_black.active{display: block;}

  header{position: fixed;top:0;left:0;width:calc(100% - 40px);height:60px;padding:0 20px;box-shadow:0 0 15px rgba(0,0,0,.2);border-bottom:1px solid rgb(210,210,210);background: white;margin:0;z-index:11;transition: all .6s ease-in-out;}
  header.scroll{top:-100px;transition: all .6s ease-in-out;}
  header .logo{position: relative;float:left;;overflow: hidden;width:auto;background: ;height:60px;}
  header .logo .logo_inner{position: relative;float:left;width:auto;height:60px;background: ;}
  header .logo .logo_inner img{position: relative;float:left;width:auto;height:44px;margin:8px 0;}
  header .logo .logo_inner h1{position: relative;float:left;text-transform: uppercase;width:auto;height:auto;font-size:14px;font-weight: 700;line-height: 1em;color:rgb(30,30,50);padding:8px 0 0 10px;}
  header .logo .logo_info{position: relative;float:left;width:auto;height:60px;border-left:1px solid rgb(200,200,200);background: ;padding:0 10px;margin:0px 0 0 10px;}
  header .logo .logo_info h3{position: relative;float:left;width:auto;height:auto;margin:14px 0 0 0;font-size:14px;padding:0;color:rgb(217,14,21);}
  header .logo .logo_info a{position: relative;float:left;width:auto;height:auto;margin:0;font-size:14px;padding:0;clear:both;color:rgb(217,14,21);}
  header nav{position: fixed;float:none;top:60px;right:-300px;height:100%;background: white;width:300px;transition: all .3s ease-in-out;}
  header nav.active{right:0;transition: all .3s ease-in-out;}
  header nav ul{position: relative;float:left;background: ;padding:0;margin:0;}
  header nav ul li{position: relative;float:left;width:calc(100% - 40px);padding:0 20px;height:50px;line-height: 50px;border-top:1px solid #efefef;}
  header nav ul li a{text-decoration: none;color:rgb(130,130,130);font-weight:400;font-size:16px;width:100%;height:100%;}
  header nav ul li span{position: absolute;top:0;left:0;width:5px;height:100%;background: transparent;}
  header nav ul li a:hover,
  header nav ul li.current a,
  header nav ul li.parent a{color:rgb(217,14,21);}
  header nav ul li:hover{}
  header nav ul li.current span,
  header nav ul li.parent span{background: rgb(217,14,21);}
  header nav ul li.icon{line-height: 50px;}
  header nav ul li.icon a i{font-size:24px;}
  header nav ul li.icon .badge{position: absolute;top:0;right:0;padding:0;margin:0px 4px 0 0;width:16px;height:16px;line-height: 16px;border-radius: 50%;background: red;color:white;text-align: center;font-weight: 600;font-size: 14px;}

  /* STARTSEITE */
  /* swiper-slider */
  .slider{height:70vh;overflow: hidden;width:100%;margin:0}
  .slider.normal-slider{height:100%;}
  .swiper-container {width: 100%;height: 100%;position: relative;float:left;margin:0px;padding:0;background: transparent;}
  .swiper-slide img{object-fit: cover;position: relative;margin: auto auto;width:100%;height:100%;min-width:100%;min-height:100%;}
  .swiper-pagination{background: ;padding:0px 0 0px;}
  .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border:1px solid white; border-radius: 100%;background: transparent;opacity: 1;}
  .swiper-pagination-bullet-active{background: white;border:1px solid white;}
  .swiper-button-prev{display: none;background: url('../images/arrowLeft.png') transparent;width:50px;height:50px;left:20px;}
  .swiper-button-prev:hover{display: none;background: url('../images/arrowLeft.png') transparent;width:50px;height:50px;left:20px;}
  .swiper-button-next{display: none;background: url('../images/arrowRight.png') transparent;width:50px;height:50px;right:20px;}
  .swiper-button-next:hover{display: none;background: url('../images/arrowRight.png') transparent;width:50px;height:50px;right:20px;}
  .swiper-slide .swiper-text{position: absolute;top:none;bottom:0;transform: translate(0,0);left:0px;background:rgba(53,76,91,.9);padding:10px 20px;height:auto;width:calc(100% - 40px);max-width:none;}
  .swiper-slide .swiper-text h1{position: relative;float:left;text-align: left;width:100%;height:auto;padding:0;margin:0;color:white;font-size:20px;}
  .swiper-slide .swiper-text p{position: relative;float:left;text-align: left;width:100%;height:auto;padding:10px 0;margin:0;color:white;font-size:16px;}
  .swiper-slide .swiper-text a{position: relative;float:left;}
  .swiper-slide .patti{display: none;position: absolute;top:0;left:0;width:100%;height:100%;background-image: linear-gradient(to right, rgba(53,76,91,.9) 40%, rgba(53,76,91,0) 100%);}

  .bg_grey{position: relative;float:left;width:100%;height:auto;margin:0;padding:20px 0;background: rgb(250,250,250);}

  .wrapper-list .list-item{width:calc(49% - 0px);margin:0 0 20px;padding:0;background: white;box-shadow: 0px 0px 10px rgba(30,30,50,.15)}
  .wrapper-list .list-item.list-item-middle{width:calc(50% - 10px);}
  .wrapper-list .list-item.list-item-big{width:calc(49% - 0px);}
  /* wrapper-no */
  .wrapper-no .list-item-50{width:50%;min-height: 400px;}
  .wrapper-no .list-item-50 .textbox{width:calc(100% - 80px);padding:20px 40px;}
  .wrapper-no .list-item-50 .textbox h3{font-size: 20px;}
  .wrapper-no .list-item-50 .textbox p{font-size: 16px;line-height: 1.5em;}
  .wrapper-no .list-item-50 .textbox ul{list-style: circle;float:left;width:calc(100% - 60px);margin:10px 20px 20px 40px;padding:0;}
  .wrapper-no .list-item-50 .textbox ul li{list-style: circle;font-size: 20px;line-height: 1.5em;margin:0 0 10px;}
  .wrapper-no .list-item-50-image{position: absolute;right:0;top:0;width:50%;height:100%;padding:0;background: ;}
  .wrapper-no .list-item-50-image img{object-fit: cover;position: absolute;top:0;left:0;margin: auto auto;width:100%;height:100%;max-height:100%;max-width: 100%;}
  .wrapper-no img.normalImage{float:right;width:50%;height:auto;}
  /* wrapper */
  .wrapper .list-item-50 .textbox{width:calc(100% - 40px);padding:20px 20px;}
  .wrapper .list-item-50 .textbox h3{font-size: 20px;}
  .wrapper .list-item-50 .textbox p{font-size: 16px;}
  .wrapper .list-item-50 .textbox ul{list-style: circle;float:left;width:calc(100% - 40px);margin:10px 20px 20px 20px;padding:0;}
  .wrapper .list-item-50 .textbox ul li{list-style: circle;font-size: 16px;line-height: 1.5em;margin:0 0 10px;}
  .wrapper .list-item-50-image{position: absolute;right:0;top:0;width:50%;height:100%;padding:0;background: ;}
  .wrapper .list-item-50-image img{object-fit: cover;position: absolute;top:0;left:0;margin: auto auto;width:100%;height:100%;max-height:100%;max-width: 100%;}

  /* online-shop */
  .intro{position: relative;float:left;width:100%;height:auto;background: ;margin:0 0 0px;}
  .intro h1{color:rgb(217,14,21);font-size: 20px;margin:20px 0 0;padding:0;}
  .intro .breadcrumb{position: relative;float:left;width:100%;height:auto;background: ;font-size:12px;}
  .intro .breadcrumb a{margin:0;padding:0 0px;color:rgb(30,30,50);font-size:12px;}

  /* Weihnachtsfeiern */
  .full_image_header{position: relative;float:left;height:50vh;overflow: hidden;width:100%;margin:0;padding:0;}
  .full_image_header img{object-fit: cover;position: relative;margin: auto auto;width:100%;height:100%;max-height:100%;max-width: 100%;}
  .full_image_header .text_box{position: absolute;top:none;bottom:0;transform: translate(0,0);left:0px;background:rgba(100,20,0,.7);padding:10px 20px;height:auto;width:calc(100% - 40px);max-width:none;}
  .full_image_header .text_box h1{position: relative;float:left;text-align: left;width:100%;height:auto;padding:0;margin:0;color:white;font-size:20px;}
  .full_image_header .text_box p{position: relative;float:left;text-align: left;width:100%;height:auto;padding:10px 0;margin:0;color:white;font-size:16px;}
  .full_image_header .text_box a{position: relative;float:left;}
  .full_image_header .text_box img{position: relative;float:left;width:auto;height:100px;margin:0 0 20px;}
  .full_image_header .patti{display: none;position: absolute;top:0;left:0;width:100%;height:100%;background-image: linear-gradient(to right, rgba(100,20,0,.9) 40%, rgba(53,76,91,0) 100%);}
  .full_image_header .patti.pattiRed{display: none;position: absolute;top:0;left:0;width:100%;height:100%;background-image: linear-gradient(to right, rgba(100,20,0,.9) 0%, rgba(40,20,0,0) 100%);}

  .box-list{position: relative;float:left;width:100%;display: flex;flex-wrap: wrap;justify-content:space-between;align-items:stretch;}
  .box-list .box-item{position: relative;float:left;width:calc(50% - 0px);margin:0px;padding:0;background: #efefef;box-shadow:;}
  .box-list .box-item .image{position: relative;float:left;width:100%;height:100px;background: ;margin:10px 0;}
  .box-list .box-item .image img{object-fit: contain;position: absolute;margin: auto;width:100%;height:100%;max-height:100%;max-width: 100%;}
  .box-list .box-item .textbox{position: relative;float:left;width:calc(100% - 40px);padding:10px 20px;height:auto;}
  .box-list .box-item .textbox h3{position: relative;float:left;width:100%;margin:0 0 5px;padding:0;font-size:18px;}
  .box-list .box-item .textbox p{font-size:16px;}
  #box-item-1{background: #efefef;}
  #box-item-2{background: rgb(220,220,220);}
  #box-item-3{background: rgb(217,14,21);}
  #box-item-3 h3,#box-item-3 p,#box-item-4 h3,#box-item-4 p{color:white;}
  #box-item-4{background: rgb(125,43,43);}

  .box-list2{margin:0px 0;position: relative;float:left;width:100%;display: flex;flex-wrap: wrap;justify-content:space-between;align-items:stretch;}
  .box-list2 .box-item2{position: relative;float:left;width:calc(100% - 0px);margin:10px 0;padding:0;background: #fff;box-shadow:;}
  .box-list2 .box-item2 h3{position: relative;float:left;width:100%;margin:0 0 5px;padding:0;color:rgb(217,14,21);}
  .box-list2 .box-item2 p{position: relative;float:left;text-align: left;width:100%;height:auto;padding:0 0 5px;margin:0;color:rgb(30,30,50);font-size:14px;}

  /* gallery */
  .gallery{position: relative;float:left;width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-items:stretch;}
  .gallery .gallery-item {position: relative;opacity: .7;float:left;width:calc(25% - 12px);margin:0px 5px;padding:calc(25% - 12px) 0 0;overflow: visible;background: white;border:1px solid #ddd;}
  .gallery .gallery-item:hover {border:1px solid #aaa;opacity: 1;}
  .gallery .gallery-item a{position: absolute;top:0;left:0;width:100%;height:auto;margin:0px;padding:100% 0 0;}
  .gallery .gallery-item a img{object-fit: cover;position: absolute;top:0;left:0;margin: 10px;width:calc(100% - 20px);height:calc(100% - 20px);}
  .gallery .gallery-item .textbox{position: relative;float:left;width:100%;height:auto;padding: 0 10px 10px;}
  .gallery .gallery-item .textbox h3{position: relative;float:left;width:100%;height:auto;margin:0;padding:0;}
  .gallery .gallery-item .textbox p{position: relative;float:left;width:100%;height:auto;margin:0;padding:0;}

  /* table */
  table.tree{border-collapse: collapse;width: 100%;position: relative;float:left;text-align: center;font-size:18px;margin-bottom:30px;}
  table.tree#privat{float:left;width:100%;position: relative;}
  table.tree#geschaeft{float:right;width:100%;position: relative;}
  table.tree tr{text-align: center;}
  table.tree td{border: 2px solid #fff;padding: 8px;background: #efefef;text-align: center;}
  table.tree th {padding-top: 12px;border: 2px solid #fff;padding-bottom: 12px;background-color: white;color: rgb(30,30,50);}
  table.tree th.top{text-align: left;color:rgb(217,14,21);font-weight:500;font-size:20px;margin:0;padding:0;}
  table.tree td.first{background: rgb(217,14,21);color:white;}

  /* KONTAKT */
  .kontakt_formular{position: relative;float:left;width:calc(100% - 0px);margin:0 0 0 0px;}
  .input_row{position: relative;float:left;width:calc(50% - 10px);margin:0px 10px 10px 0;background: ;}
  .input_row.input_row_full{position: relative;float:left;width:calc(100% - 10px);margin:10px 10px 10px 0;background: ;}
  .input_row label{position: relative;width:100%;float:left;background: ;color:black;height:auto;padding:0 0 5px 0px;}
  .input_row select{position: relative;float:left;width:100%;height:40px;color:black;background: white;padding:0 15px;border:1px solid #ccc;border-radius: 0px;outline:none;}
  .input_row input[type=text]{position: relative;float:left;font-size:14px;width:calc(100% - 32px);height:40px;color:black;padding:0 15px;border:1px solid #ccc;border-radius: 0px;outline:none;}
  .input_row textarea{position: relative;float:left;width:calc(100% - 22px);height:150px;color:black;padding:10px;line-height: 1.3em;border:1px solid #ccc;border-radius: 0px;}
  .input_row input:focus,
  .input_row textarea:focus{outline:none;}
  .input_row input[type=file]{background: white;position: relative;float:left;width:calc(100% - 22px);height:auto;color:#ccc;border:1px solid #ccc;padding:10px;border-radius: 0px;outline:none;}
  .input_row input[type=submit]{position: relative;float:left;margin:0px 0;padding:0 20px;height:40px;line-height: 40px;color:rgb(30,30,50);background:white;text-align: center;border:1px solid rgb(30,30,50);font-size:14px;font-weight:700;text-transform: uppercase;cursor: pointer;}
  .input_row input[type=submit]:hover{background: rgb(30,30,50);color:white;}
  .input_row p{font-size: 14px;color:#333;}
  .kontaktformular_info{position: relative;float:left;width:calc(100% - 0px);background: ;margin:0 0 0 0;padding:20px 0;}
  .kontaktformular_info_inner{position: relative;float:left;width:calc(50% - 20px);margin:0 20px 0 0;padding:0;}
  .kontaktformular_info h3{position: relative;float:left;width:100%;padding:0;margin:0 0 20px;font-size: 20px;}
  .kontaktformular_info p{position: relative;float:left;width:100%;padding:0;margin:0 0 10px;font-weight: 300;line-height: 1.3em;font-size: 16px;}
  .kontaktformular_info h5{position: relative;float:left;width:100%;padding:0;margin:20px 0 10px;font-weight: 500;color:black;text-decoration: underline;font-size: 16px;}
  .sub_info{font-weight:300;color:black;font-size:16px;line-height: 1.3em;}
  .sub_info div{padding:10px 0 0;}
  /* messages */
  #error_message{display: none;position: relative;float:left;margin:0px 0 0 20px;padding:10px 20px;height:auto;line-height: 1.3em;color:red;background:white;text-align: center;border:0px;font-size:16px;font-weight:400;}
  #success_message{display: none;position: relative;float:left;margin:0px 0 0 20px;padding:10px 20px;height:auto;line-height: 1.3em;color:rgb(0,200,0);background:white;text-align: center;border:0px;font-size:16px;font-weight:400;}
  .zusatz{position:relative;float:left;width:auto;padding:20px 0 0 150px}

  .kontakt_adresse{position: relative;float:left;width:100%;margin:0 0 30px 0px;}
  .kontakt_adresse p{position: relative;float:left;width:100%;margin:10px 0;font-weight:300;}
  .kontakt_adresse a{position: relative;float:left;cursor: pointer;}
  /* kontakt_map */
  .kontakt_map{position: relative;float:left;width:100%;margin:0px;}
  .kontakt_map .map_iframe{position: relative;float: left;width:100%;height:400px;padding:0;background: white;}
  .kontakt_map .map_iframe iframe{position: relative;float:left;width:100%;height:100%}
  .kontakt_map p{position: relative;float:left;width:100%;margin:30px 0;font-weight:300;}
  .kontakt_map a{position: relative;float:left;margin:0px;opacity: 1;text-decoration: none;padding:0 20px;height:40px;line-height: 40px;color:#fff;background:#ccc;text-align: center;border:1px solid #ccc;font-size:14px;font-weight:500;text-transform: uppercase;cursor: pointer;}
  .kontakt_map a:hover{opacity: .7;cursor: pointer;}
  .kontakt_map a i{padding:0 10px 0 0;font-size:16px;}




  footer{position: relative;float:left;width:100%;height:auto;margin-top:0px;padding:0px;background: rgb(30,30,50);color:white;}
  footer img.footer_header_image{position: relative;float:left;width:100%;height:auto;}
  footer .footer_box{position: relative;float:left;width:100%;height:auto;padding:0;margin:0px 0 20px 0;}
  footer .footer_box h4{color:rgba(255,255,255,.5);text-transform: uppercase;font-weight:600;margin:0;padding:0;}
  footer .footer_box p{color:rgb(255,255,255);}
  footer .footer_box ul{position: relative;float:left;width:100%;margin:0;padding:0;list-style: none;}
  footer .footer_box ul li a{position: relative;float: left;width:100%;padding:2px 0;color:white;}
  footer .footer_line{position: relative;float:left;width:100%;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.5);padding:30px 0 60px;margin-top:20px;}

}

@media (max-width:1000px){
  /* products */
  .product-list .product-item{position: relative;float:left;width:calc(50% - 12px);margin:0 5px 10px 5px;padding:0;background: white;box-shadow:;border:1px solid #ddd;}

  /* SHOP */
  /* modal */
  .modal{position: fixed;display: block;top:0;left:0;width:100%;height:100%;background: rgba(31,41,48,.7);z-index: 100;overflow-y: scroll;overflow-x: hidden;}
  .modal .modal_inner{position:relative;float:left;width:calc(100% - 60px);height:auto;margin:20px;background: rgb(245,250,255);border-radius: 0px;padding: 10px 10px;}
  .modal .modal_inner .close{position: absolute;z-index:100;color:grey;cursor: pointer;top:0;right:0;margin:20px;width:40px;height:40px;line-height: 40px;text-align: center;font-size: 40px;}
  .modal .modal_inner .close:hover{color:rgb(31,41,48)}
  .modal .modal_inner div{background: ;position: relative;float:left;width:100%;height:auto;}
  /* center */
  .center{width: 100%;height: 100%;background: ;text-align: center;}
  .center .centerInner{display: inline-block;padding:30px 0;}
  .center .centerInner p{color:black;text-align: center;background: ;position: relative;float:left;width:100%;padding:20px 0 40px;margin:0;opacity: 1;line-height: 1em;}
  .center .centerInner a{background: transparent;width:auto;height:auto;margin:0;padding:8px 12px;border:2px solid rgb(31,41,48);color:rgb(31,41,48);font-weight:500;text-transform: uppercase;font-size:14px;text-decoration: none;}
  .center .centerInner a:hover{background: rgb(31,41,48);border:2px solid rgb(31,41,48);color:white;}

  /* editcart */
  .padloper-editcart{position: relative;float:left;width:100%;background: ;padding:20px 0;font-size:14px;}
  .padloper-editcart img{width:140px;}
  .padloper-editcart .countMinus{cursor:pointer;position: relative;float:left;width:36px;line-height: 36px;height:36px;text-align: center;font-size:14px;margin:0 2px 0 0;padding:0;border:2px solid rgb(31,41,48);background: transparent;color:rgb(31,41,48);border-radius: 0px;text-transform: uppercase;}
  .padloper-editcart .countMinus:hover{color:white;background: rgb(31,41,48);}
  .padloper-editcart .countPlus{cursor:pointer;position: relative;float:left;width:36px;line-height: 36px;height:36px;text-align: center;font-size:14px;margin:0 0 0 2px;padding:0;border:2px solid rgb(31,41,48);background: transparent;color:rgb(31,41,48);border-radius: 0px;text-transform: uppercase;}
  .padloper-editcart .countPlus:hover{color:white;background: rgb(31,41,48);}
  .padloper-editcart input[type=number]{position: relative;float:left;width:36px;line-height: 36px;height:36px;text-align: center;font-size:16px;font-weight:bold;margin:0;padding:0;border:2px solid rgb(31,41,48);background: transparent;color:rgb(31,41,48);border-radius: 0px;text-transform: uppercase;}
  .padloper-editcart h3{position: relative;float:left;width:100%;text-align: center;font-size:20px;text-transform: uppercase;}
  a.goShopping{float:left;width:100%;box-sizing: border-box;margin:5px 0;font-size: 16px;}
  a.goToCheckout{float:right;margin-right:0px;width:100%;box-sizing: border-box;margin:5px 0;font-size: 16px;}
  a.goToKasse{float:right;width:100%;box-sizing: border-box;margin:5px 0;font-size: 16px;}

  /* table padloper-cart */
  table.padloper-cart {border: 0;position: relative;float:left;width:100%;}
  table.padloper-cart caption {font-size: 1.3em;}
  table.padloper-cart thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;background: ;}
  table.padloper-cart tr {display: block;margin-bottom: 10px;padding:0;position: relative;float:left;width:calc(100% - 0px);}
  table.padloper-cart td {border: 0px solid #ccc;border-bottom:1px solid #ccc;background: transparent;display: block;font-size: 16px;text-align: left;background: ;position: relative;float:left;width:calc(100% - 22px);}
  table.padloper-cart td::before {/** aria-label has no advantage, it won't be read inside a table.padloper-cartcontent: attr(aria-label);*/content: attr(data-label);float: left;font-weight: bold;text-align: left;text-transform: uppercase;width:100%;padding:0 0 10px;}
  table.padloper-cart td:last-child {border-bottom: 0;}
  table.padloper-cart th.one{width:30%;}
  table.padloper-cart th.two{width:30%;}
  table.padloper-cart th.three{width:20%;}
  table.padloper-cart th.four{width:20%;}

  /* table inventory */
  table.inventory {border: 0;position: relative;float:left;width:calc(100% - 16px);background: ;}
  table.inventory caption {font-size: 1.3em;}
  table.inventory thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;background: ;}
  table.inventory tr {display: block;margin-bottom: 10px;position: relative;float:left;width:100%;}
  table.inventory td {border-bottom: 0px solid #ccc;display: block;font-size: 16px;text-align: left;background: ;position: relative;float:left;width:calc(100% - 26px);}
  table.inventory td::before {/** aria-label has no advantage, it won't be read inside a table.inventorycontent: attr(aria-label);*/content: attr(data-label);float: left;font-weight: bold;text-align: left;text-transform: uppercase;width:calc(100% - 0px);padding:0 0 10px;}
  table.inventory td:last-child {border-bottom: 0;}
  table.inventory th.one{width:30%;}
  table.inventory th.two{width:30%;}
  table.inventory th.three{width:20%;}
  table.inventory th.four{width:20%;}

  table.balance {border: 1px solid #ccc;border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed;margin:20px 0;}
  table.balance caption {font-size: 1.5em;margin: .5em 0 .75em;}
  table.balance tr {background-color: ;border: 0px solid #ddd;padding: .35em;}
  table.balance th,
  table.balance td {padding: .625em;text-align: left;border-color:#ddd;background: white;}
  table.balance th {font-size:16px;letter-spacing: .1em;text-transform: uppercase;}

  table.meta {border-collapse: collapse;width: 100%;margin:20px 0;}
  table.meta td, table.meta th {border: 1px solid #ccc;padding: 5px 15px;}
  table.meta tr:nth-child(even){background-color:;}
  table.meta th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: ;color: rgba(31,41,48,.5);}

  .notEnough{float:left;width:100%;box-sizing: border-box;background: #efefef;border:1px solid red;color:red;padding:10px;}
  .notEnough i{position: relative;float:left;width:30px;font-size:22px;}
  .notEnough p{position: relative;float:left;width:calc(100% - 30px);color:red;margin:0;padding:0;font-size:18px;}

  .warenkorb_end_box{position: relative;float:right;width:100%;box-sizing: border-box;background: ;}
  .warenkorb_end_box .left{position: relative;float: left;width:100%;}
  .warenkorb_end_box .right{position: relative;float: right;width:100%;}
  .warenkorb_end_box .full{position: relative;float: left;width:100%;}
  .warenkorb_end_box a.versand{color:grey;}
  .warenkorb_end_box a.button_1{width:calc(100% - 0px);float:left;margin-top:30px;text-align: center;}

  /* padloper-customerform */
  #padloper-customerform{background: ;margin:0 auto;max-width: ;}
  #padloper-customerform .Inputfields{position: relative;float:left;width:100%;height:auto;padding:0px 0px 10px;margin:0px 0;background: #fff;}
  #padloper-customerform .Inputfields .Inputfield{position: relative;float:left;width:calc(100% - 20px);padding:0 0px 0 0;margin:0 0px 10px 0;background: ;}
  #padloper-customerform .Inputfields .Inputfield label{position: relative;float:left;width:100%;padding:0 0 5px;}
  #padloper-customerform .Inputfields .Inputfield label i{display: none;}
  #padloper-customerform .Inputfields .Inputfield input[type=text],
  #padloper-customerform .Inputfields .Inputfield input[type=email]{position: relative;border-radius: 0px;border:1px solid rgb(31,41,48);float:left;width:calc(100% - 0px);padding:10px 12px;font-size:14px;color:rgb(31,41,48);}
  #padloper-customerform .Inputfields .Inputfield select{position: relative;border-radius: 0px;border:1px solid rgb(31,41,48);float:left;width:calc(100% - 0px);background: white;padding:0px 12px;height:40px;font-size:14px;color:rgb(31,41,48);}
  #padloper-customerform .Inputfields .Inputfield.InputfieldSelect{position: relative;float:left;width:calc(50% - 20px);clear:both;padding:0 20px 0 0;margin:0 0 10px;background: ;}
  #padloper-customerform .Inputfields .Inputfield.InputfieldSelect select{position: relative;float:left;width:100%;}
  #padloper-customerform .Inputfields .Inputfield.InputfieldRadios{position: relative;float:left;width:calc(100% - 20px);padding:0 20px 0 0;margin:0 0 10px;background: ;}
  #padloper-customerform .Inputfields .Inputfield.InputfieldRadios ul{list-style: none;background: ;position: relative;float:left;margin:0;padding:10px;}
  #padloper-customerform .Inputfields .Inputfield.InputfieldRadios ul span{padding:0 10px;}
  #padloper-customerform .Inputfields .Inputfield.InputfieldSubmit{position:relative;width:100%;margin:0;padding:0;background: ;float:left;}
  #padloper-customerform .Inputfields .Inputfield.InputfieldSubmit button{position: relative;float:left;padding:0 20px;margin:0 5px 0 0;text-decoration: none;height:36px;line-height: 36px;color:white;border-radius: 5px;background:rgb(217,14,21);text-align: center;border:0px;font-size:14px;font-weight:500;text-transform: uppercase;cursor: pointer;}
  #padloper-customerform .Inputfields .Inputfield.InputfieldSubmit button:hover{background: rgb(255,34,51);cursor: pointer;}

  #padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_check{position: relative;float:left;width:calc(100% - 0px);padding:20px 0px 10px;margin:20px 0 0;background: white;border-top:1px solid #ddd;}
  #Inputfield_shipping_check{margin:3px 10px 3px 0;padding:0;position: relative;float:left;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_check div label span{background: ;float:left;position: relative;padding:0px 0;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_firstname{position: relative;float:left;width:calc(100% - 20px);padding:0px;margin:0 20px 10px 0px;background: white;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_lastname{position: relative;float:left;width:calc(100% - 20px);padding:0px;margin:0 20px 10px 0px;background: white;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_address{position: relative;float:left;width:calc(100% - 20px);padding:0px;margin:0 20px 10px 0px;background: white;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_address_cont{position: relative;float:left;width:calc(100% - 20px);padding:0px;margin:0 20px 10px 0px;background: white;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_postcode{position: relative;float:left;width:calc(100% - 20px);padding:0px;margin:0 20px 10px 0px;background: white;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_shipping_city{position: relative;float:left;width:calc(100% - 20px);padding:0px;margin:0 20px 10px 0px;background: white;}
  /*  */
  #padloper-customerform .Inputfields .Inputfield.Inputfield_pad_shippingmodule{position: relative;float:left;width:calc(100% - 0px);padding:20px 0px 0px;margin:20px 0 0;background: white;border-top:1px solid #ddd;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_pad_shippingmodule div label span{background: ;float:left;width:80%;position: relative;padding:0px 0;}
  #Inputfield_pad_shippingmodule_ShippingFixed{margin:3px 10px;padding:0;position: relative;float:left;}
  /*  */
  #padloper-customerform .Inputfields .Inputfield.Inputfield_pad_paymentmodule{position: relative;float:left;width:calc(100% - 0px);padding:20px 0px 10px;margin:10px 0 20px;background: ;border-top:1px solid #ddd;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_pad_paymentmodule div ul {background: ;float:left;position: relative;width:100%;padding:10px 0 0px;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_pad_paymentmodule div label {background: ;float:left;position: relative;width:100%;padding:0px;border:1px solid #ddd;margin:0 0 -1px;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_pad_paymentmodule div label span{background: ;float:left;position: relative;width:auto;padding:20px;border-left:1px solid #ddd;}
  #padloper-customerform .Inputfields .Inputfield.Inputfield_pad_paymentmodule div label span img{width:70px;height:auto;margin:0 10px 0 0;position: relative;float:left;}
  #Inputfield_pad_paymentmodule_ProcessWire_PaymentInvoice{margin:20px;padding:0;position: relative;float:left;}
  #Inputfield_pad_paymentmodule_ProcessWire_PaymentCash{margin:20px;padding:0;position: relative;float:left;}
  #Inputfield_pad_paymentmodule_ProcessWire_PaymentPayPalExpressCheckout{margin:20px;padding:0;position: relative;float:left;}

  /* AGB */
  .finalagb{position: relative;float:right;width:100%;background: ;text-align: left;padding:40px 0 0;}
  .finalagb input{width:30px;}
  .finalagbShow{position: relative;float:right;width:100%;background: ;text-align: right;padding:10px 0 30px;}

  .finalPayDay{background: ;float:right;position: relative;}
  .finalPayDay input{width:100%;float:left;position: relative;padding:0px;height:40px;line-height: 40px;margin:0 0 20px;background: rgb(0,200,0);}
  .finalPayDay input:hover{background: rgb(0,170,0);}

  /* wild */
  .wild{position: relative;float:right;width:calc(100% - 290px);box-sizing: border-box;padding: 0 10px;}
  .wild .text_box{position: relative;float:left;width:calc(100% - 0px);}
  .wild .text_box h1{margin:0;padding:0;}
  .wild img{position: relative;float:right;width:100%;}
  .wild table{float:left;width:100%;}

  /* anfrage */
  .bookingArea{float:left;width: 100%;}
  .shortList{display: none;}
  .shortList.normal{display: block;}

}

@media (max-width:800px){

  .slider{height:65vh;}

  .swiper-slide .swiper-text h1{font-size:16px;}
  .swiper-slide .swiper-text p{font-size:14px;}

  header .logo .logo_info{display: none;}
  nav .logo_info{display: none;position: relative;float:left;width:auto;height:auto;border-left:0px solid rgb(200,200,200);background: ;padding:0px 0px 20px 20px;margin:0px;}
  nav .logo_info h3{position: relative;float:left;width:auto;height:auto;margin:28px 0 0 0;font-size:14px;padding:0;color:rgb(217,14,21);}
  nav .logo_info a{position: relative;float:left;width:auto;height:auto;margin:0;font-size:14px;padding:0;clear:both;color:rgb(217,14,21);}

  /* infobox */
  .infobox{padding:20px 0;}
  .infobox .info_left{padding:0;width:100%;}
  .infobox .info_right{padding:0;width:100%;}

  .wrapper-list{position: relative;float:left;width:100%;display: block;}
  .wrapper-list .list-item{width:calc(100% - 0px);}
  .wrapper-list .list-item.list-item-middle{width:calc(100% - 0px);}
  .wrapper-list .list-item.list-item-big{width:calc(100% - 0px);}
  /* wrapper-no */
  .wrapper-no .list-item-50{width:100%;min-height: 200px;}
  .wrapper-no .list-item-50 .textbox{width:calc(100% - 40px);padding:20px 20px;min-height: 100px;}
  .wrapper-no .list-item-50 .textbox h3{font-size: 20px;}
  .wrapper-no .list-item-50 .textbox p{font-size: 16px;line-height: 1.5em;}
  .wrapper-no .list-item-50 .textbox ul{list-style: circle;float:left;width:calc(100% - 60px);margin:10px 20px 20px 40px;padding:0;}
  .wrapper-no .list-item-50 .textbox ul li{list-style: circle;font-size: 20px;line-height: 1.5em;margin:0 0 10px;}
  .wrapper-no .list-item-50-image{position: relative;right:none;top:none;float:left;width:100%;height:350px;padding:0;background: ;}
  .wrapper-no .list-item-50-image img{object-fit: cover;position: absolute;top:0;left:0;margin: auto auto;width:100%;height:100%;max-height:100%;max-width: 100%;}
  .wrapper-no img.normalImage{float:right;width:100%;height:auto;}
  /* wrapper */
  .wrapper .list-item-50{width:100%;min-height: 200px;}
  .wrapper .list-item-50 .textbox{width:calc(100% - 0px);padding:20px 0px;min-height: 100px;}
  .wrapper .list-item-50 .textbox h3{font-size: 20px;}
  .wrapper .list-item-50 .textbox p{font-size: 16px;}
  .wrapper .list-item-50 .textbox ul{list-style: circle;float:left;width:calc(100% - 40px);margin:10px 20px 20px 20px;padding:0;}
  .wrapper .list-item-50 .textbox ul li{list-style: circle;font-size: 16px;line-height: 1.5em;margin:0 0 10px;}
  .wrapper .list-item-50-image{position: relative;right:none;top:none;float:left;width:100%;height:auto;padding:0;background: ;}
  .wrapper .list-item-50-image img{object-fit: cover;position: relative;top:none;left:none;margin:0;width:100%;height:auto;float:left;max-height:100%;max-width: 100%;}

  .alert p{font-size: 20px;width:100%;float:left;text-align: center;}

  /* Weihnachtsfeiern */
  .full_image_header{height:75vh;}
  .full_image_header .text_box h1{font-size:18px;}
  .full_image_header .text_box p{font-size:14px;}
  .full_image_header .text_box img{position: relative;float:left;width:auto;height:70px;margin:0 0 10px;}

  .box-list .box-item{width:calc(100% - 0px);}
  .box-list .box-item .image{height:80px;}
  .box-list .box-item .textbox{position: relative;float:left;width:calc(100% - 40px);padding:10px 20px;height:auto;}
  .box-list .box-item .textbox h3{position: relative;float:left;width:100%;margin:0 0 5px;padding:0;font-size:18px;}
  .box-list .box-item .textbox p{font-size:16px;}
  #box-item-1{background: #efefef;}
  #box-item-2{background: rgb(220,220,220);}
  #box-item-3{background: rgb(217,14,21);}
  #box-item-3 h3,#box-item-3 p,#box-item-4 h3,#box-item-4 p{color:white;}
  #box-item-4{background: rgb(125,43,43);}

  .box-list2{margin:0px 0;position: relative;float:left;width:100%;display: flex;flex-wrap: wrap;justify-content:space-between;align-items:stretch;}
  .box-list2 .box-item2{position: relative;float:left;width:calc(100% - 0px);margin:10px 0;padding:0;background: #fff;box-shadow:;}
  .box-list2 .box-item2 h3{position: relative;float:left;width:100%;margin:0 0 5px;padding:0;color:rgb(217,14,21);}
  .box-list2 .box-item2 p{position: relative;float:left;text-align: left;width:100%;height:auto;padding:0 0 5px;margin:0;color:rgb(30,30,50);font-size:14px;}

  /* gallery */
  .gallery .gallery-item {width:calc(50% - 12px);padding:calc(50% - 12px) 0 0;margin:0 5px 10px;}
  .gallery .gallery-item .textbox h3{font-size: 14px;width:80%;}
  .gallery .gallery-item .textbox p{font-size:14px;}

  /* sidebar */
  .sidebar{float:left;position: relative;width:100%;background: #fff;min-height:0px;height:auto;margin:15px 0 ;}
  .sidebar .menu{display: block;float:left;width:100%;text-align: center;height:auto;padding:10px 0;background: #f7f7f8;margin: 0 0;border:1px solid #ddd;}
  .sidebar .menu.active{background: #ddd;color:black;}
  .sidebar ul{display: none;list-style: none;width:100%;margin:0;padding:0;height:auto;position: relative;float:left;border:1px solid #ddd;}
  .sidebar ul li{list-style: none;width:100%;margin:0;padding:0;position: relative;float:left;}
  .sidebar ul li a{float:left;position: relative;width:100%;box-sizing: border-box;padding:15px;color:black;text-decoration: none;font-size:16px;font-weight:600;text-transform: uppercase;}
  .sidebar ul li a:hover,
  .sidebar ul li a.active{color:red;}
  .sidebar ul li ul{list-style: none;width:100%;border:none;border-top:1px solid #ccc;border-bottom:1px solid #ddd;background: rgb(248,250,252);margin:0 0 0px;padding:0px 0;position: relative;float:left;}
  .sidebar ul li ul li{border-bottom:1px solid #ddd;position: relative;float:left;width:100%;margin:0;padding:0;}
  .sidebar ul li ul li:last-child{border:none;}
  .sidebar ul li ul li a{float:left;position: relative;width:100%;box-sizing: border-box;padding:10px 0 10px 25px;color:black;text-decoration: none;font-size:16px;font-weight:400;text-transform: none;}

  /* products */
  .product-list{width:calc(100% - 0px);margin:0;}
  .product-list .product-item{width:calc(50% - 12px);}
  .product-list .product-item .product-text{width:calc(100% - 20px);padding:10px;}
  .product-list .product-item .product-text h2{font-size:16px;}
  .product-list .product-item .product-text p.price{font-size:20px;}
  .product-list .product-item .product-text p.versand{font-size:14px;}

  /* wild */
  .wild{position: relative;float:right;width:calc(100% - 0px);box-sizing: border-box;padding: 0 10px;}
  .wild .text_box{position: relative;float:left;width:calc(100% - 0px);}
  .wild .text_box h1{margin:0;padding:0;}
  .wild img{position: relative;float:right;width:100%;}
  .wild table{float:left;width:100%;}

  .fotorama{position: relative;float:left;width:100%;height:auto;margin:10px 0;}

  /* product-desc */
  .product-desc{position: relative;float:right;width:calc(100% - 0px);background: ;height:auto;}
  .product-desc .text{background: ;float:left;width:100%;padding:0;margin:20px 0 20px;}
  .product-desc h1{position: relative;float:left;width:100%;height:auto;padding:0;margin:0 0 10px;}
  .product-desc p{position: relative;float:left;width:100%;height:auto;padding:0;margin:0 0 5px;font-size:16px;}
  .product-desc p span{color:rgb(217,14,21);font-size:26px;font-weight:600;}
  .product-desc p a{color:blue;}
  .product-desc ul{position: relative;float:left;width:100%;height:auto;padding:0;margin:20px 0 0 20px;}
  .product-desc ul li{position: relative;list-style: circle;float:left;width:100%;height:auto;padding:0;margin:0 0 3px;font-size:16px;}
  /* counter */
  .counter{position: relative;float:left;width:100%;height:auto;margin:20px 0;padding:0;background: ;}
  .counter .count{position: relative;float:left;width:36px;height:36px;line-height: 36px;font-size:16px;cursor: pointer;border:1px solid #efefef;background: #efefef;color:rgb(30,30,50);text-align:center;}
  .counter .count:hover{background: #ddd;}
  .counter input[type="text"]{position: relative;float:left;width:36px;height:36px;padding:0;margin:0 3px;border:1px solid #ccc;font-size:18px;background: white;color:rgb(30,30,50);text-align: center;}
  .counter .addToCart{margin:10px 0 0 0px;width:100%;}

  /* desc-tabs */
  .desc-tabs{position: relative;float:left;width:100%;height:auto;margin-top:20px;}
  .desc-tabs ul {margin: 0;padding: 0;position: relative;float:left;width:100%;}
  .desc-tabs ul li {list-style-type: none;float:left;position: relative;opacity: .5;background: transparent;border:1px solid #fff;border-bottom:0px;width:auto;height:auto;margin: 0px 0 -1px;z-index:1;padding: 10px;color: #000;cursor: pointer;}
  .desc-tabs ul li:hover{opacity:1;}
  .desc-tabs ul li.active {opacity: 1;border:1px solid #ccc;border-bottom:0px;background: white;}
  .desc-tabs .descpanel {position: relative;float:left;width:calc(100% - 22px);border:1px solid #ccc;overflow: hidden;display:none;background: #fff;padding: 10px;height:auto;}
  .desc-tabs .descpanel.active {display:block;}

  /* table */
  table.tree{border-collapse: collapse;width: 100%;position: relative;float:left;text-align: center;font-size:18px;margin-bottom:30px;}
  table.tree#privat{float:left;width:100%;position: relative;}
  table.tree#geschaeft{float:right;width:100%;position: relative;}
  table.tree tr{text-align: center;}
  table.tree td{border: 2px solid #fff;padding: 8px;background: #efefef;text-align: center;}
  table.tree th {padding-top: 12px;border: 2px solid #fff;padding-bottom: 12px;font-size:12px;background-color: white;color: rgb(30,30,50);}
  table.tree th.top{text-align: left;color:rgb(217,14,21);font-weight:500;font-size:16px;margin:0;padding:0;}
  table.tree td.first{background: rgb(217,14,21);color:white;}

  table.tree#dienstleistung{float:left;width:100%;max-width:100%;margin-left:0%;margin-bottom:50px;position: relative;}
  table.tree#dienstleistung tr{text-align: center;}
  table.tree#dienstleistung td{border: 2px solid #bbb;padding: 8px;background: #efefef;text-align: center;}
  table.tree#dienstleistung th {padding-top: 12px;border: 2px solid rgb(160,0,0);padding-bottom: 12px;background-color: rgb(217,14,21);color: white;}

  /* KONTAKT */
  .kontakt_formular{position: relative;float:left;width:calc(100% - 0px);margin:0 0 0 0px;}
  .input_row{position: relative;float:left;width:calc(100% - 0px);margin:0px 0px 10px 0;background: ;}
  .input_row.input_row_full{position: relative;float:left;width:calc(100% - 0px);margin:10px 0px 10px 0;background: ;}
  .input_row label{position: relative;width:100%;float:left;background: ;color:black;height:auto;padding:0 0 5px 0px;}
  .input_row select{position: relative;float:left;width:100%;height:40px;color:black;background: white;padding:0 15px;border:1px solid #ccc;border-radius: 0px;outline:none;}
  .input_row input[type=text]{position: relative;float:left;font-size:14px;width:calc(100% - 32px);height:40px;color:black;padding:0 15px;border:1px solid #ccc;border-radius: 0px;outline:none;}
  .input_row textarea{position: relative;float:left;width:calc(100% - 22px);height:150px;color:black;padding:10px;line-height: 1.3em;border:1px solid #ccc;border-radius: 0px;}
  .input_row input:focus,
  .input_row textarea:focus{outline:none;}
  .input_row input[type=file]{background: white;position: relative;float:left;width:calc(100% - 22px);height:auto;color:#ccc;border:1px solid #ccc;padding:10px;border-radius: 0px;outline:none;}
  .input_row input[type=submit]{position: relative;float:left;margin:0px 0;padding:0 20px;height:40px;line-height: 40px;color:rgb(30,30,50);background:white;text-align: center;border:1px solid rgb(30,30,50);font-size:14px;font-weight:700;text-transform: uppercase;cursor: pointer;}
  .input_row input[type=submit]:hover{background: rgb(30,30,50);color:white;}
  .input_row p{font-size: 14px;color:#333;}
  .kontaktformular_info{position: relative;float:left;width:calc(100% - 0px);background: ;margin:0 0 0 0;padding:20px 0;}
  .kontaktformular_info_inner{position: relative;float:left;width:calc(50% - 20px);margin:0 20px 0 0;padding:0;}
  .kontaktformular_info h3{position: relative;float:left;width:100%;padding:0;margin:0 0 20px;font-size: 20px;}
  .kontaktformular_info p{position: relative;float:left;width:100%;padding:0;margin:0 0 10px;font-weight: 300;line-height: 1.3em;font-size: 16px;}
  .kontaktformular_info h5{position: relative;float:left;width:100%;padding:0;margin:20px 0 10px;font-weight: 500;color:black;text-decoration: underline;font-size: 16px;}
  .sub_info{font-weight:300;color:black;font-size:16px;line-height: 1.3em;}
  .sub_info div{padding:10px 0 0;}
  /* messages */
  #error_message{display: none;position: relative;float:left;margin:0px 0 0 20px;padding:10px 20px;height:auto;line-height: 1.3em;color:red;background:white;text-align: center;border:0px;font-size:16px;font-weight:400;}
  #success_message{display: none;position: relative;float:left;margin:0px 0 0 20px;padding:10px 20px;height:auto;line-height: 1.3em;color:rgb(0,200,0);background:white;text-align: center;border:0px;font-size:16px;font-weight:400;}
  .zusatz{position:relative;float:left;width:auto;padding:20px 0 0 150px}
  /* kontakt_map */
  .kontakt_map{position: relative;float:left;width:100%;margin:0px;}
  .kontakt_map .map_iframe{position: relative;float: left;width:100%;height:400px;padding:0;background: white;}
  .kontakt_map .map_iframe iframe{position: relative;float:left;width:100%;height:100%}
  .kontakt_map p{position: relative;float:left;width:100%;margin:30px 0;font-weight:300;}
  .kontakt_map a{position: relative;float:left;margin:0px;opacity: 1;text-decoration: none;padding:0 20px;height:40px;line-height: 40px;color:#fff;background:#ccc;text-align: center;border:1px solid #ccc;font-size:14px;font-weight:500;text-transform: uppercase;cursor: pointer;}
  .kontakt_map a:hover{opacity: .7;cursor: pointer;}
  .kontakt_map a i{padding:0 10px 0 0;font-size:16px;}

  /* anfrage */
  .breakDashed{position: relative;float:left;width:calc(100% - 0px);height:1px;background: transparent;border-top:1px dashed #ccc;border-top:1px dashed rgb(53,76,91,.2);margin:5px 0;}
  .newModal .newModal_inner{width:calc(100% - 20px);margin:10px;}
  .newModal .newModal_inner .newModal_inner_inner iframe{height:calc(100vh - 20px);}
  /* FormBuilder_weihnachtsfeier-online-anfrage */
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield{width:calc(100% - 0px);margin: 0 0 20px 0;}
  /*  */
  #FormBuilder_weihnachtsfeier-online-anfrage #Inputfield_counter{clear:both;float:left;width:100%;border:none;margin:0;padding:0;width:100%;}
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_wunschdatum{width:calc(100% - 0px);float:left;}
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_wunschuhrzeit{width:calc(100% - 0px);float:left;}
  /* checkboxes */
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li {width:calc(100% - 0px);padding:10px 10px 20px;}
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li .checked{top:5px;right:5px;width:30px;height:30px;line-height: 30px;font-size: 16px;}
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li img{width:100%;height:150px;object-fit: cover;}
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li span{position: relative;float:left;width:calc(100% - 0px);margin-right:0;}
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li h3{position: relative;float:left;width:100%;margin:0;padding:20px 0 10px;font-size: 16px;}
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li p{position: relative;float:left;width:100%;margin:0;padding:0 0 10px;font-size:12px;}
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li p.preis{position: relative;float:left;width:100%;margin:0;padding:0 0 20px;font-size:14px;font-weight:600;font-style: italic;}
  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_Inputfield_checkboxes div ul li button{padding:0 20px;margin:0 5px 5px 0;}
  /*  */
  .shortList.normal{width:calc(100% - 0px);}
  /*  */
  #FormBuilder_weihnachtsfeier-online-anfrage .wbbox img{width:100%;height:150px;}
  #FormBuilder_weihnachtsfeier-online-anfrage .wbbox .textbox {width:100%;padding:20px 0 10px;}
  #FormBuilder_weihnachtsfeier-online-anfrage .wbbox .textbox h3{position: relative;float:left;width:100%;margin:0;padding:0px 0 10px;font-size: 20px;}
  #FormBuilder_weihnachtsfeier-online-anfrage .wbbox .textbox p{position: relative;float:left;width:100%;margin:0;padding:0 0px 10px;font-size:16px;}
  #FormBuilder_weihnachtsfeier-online-anfrage .wbbox .textbox p.preis{position: relative;float:left;width:100%;margin:0;padding:0 0px 20px;font-size:16px;font-weight:600;font-style: italic;}
  #FormBuilder_weihnachtsfeier-online-anfrage .wbbox input[type=number]{border:1px solid rgb(31,41,48);float:left;width:40px;text-align: center;margin:0px 5px 0 0;padding:0px;height:40px;line-height: 40px;font-size:16px;color:rgb(31,41,48);}
  #FormBuilder_weihnachtsfeier-online-anfrage .wbbox button{outline:none;border:1px solid rgb(31,41,48);float:left;cursor: pointer;width:40px;margin:0px 5px 0 0;height:40px;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight:bold;}
  #FormBuilder_weihnachtsfeier-online-anfrage .wbbox button:hover{background: #efefef;border-radius: 0px;border-color:#ccc;outline:none;}

  #FormBuilder_weihnachtsfeier-online-anfrage .Inputfield#wrap_weihnachtsfeier-online-anfrage_submit button{width:100%;text-align: center;}


  .FormBuilderErrors{margin:20px 0;cursor: pointer;float:left;position: relative;padding:10px;float:left;overflow: hidden;width:100%;border:2px solid red;background: white;border-radius: 5px;}
  .success{float:left;width:100%;padding:0;margin:0;text-align: center;display: flex;justify-content: center;align-items: center;}
  .success .inner{width:auto;margin:20px 0;padding:20px 0;border:2px solid rgb(0,200,0);text-align: center;}
  .success .inner h1{float:left;width:100%;color:rgb(0,200,0);}
  .success .inner p{float:left;width:100%;color:rgb(0,200,0);}



  footer{position: relative;float:left;width:100%;height:auto;margin-top:0px;padding:0px;background: rgb(30,30,50);color:white;}
  footer img.footer_header_image{position: relative;float:left;width:100%;height:auto;}
  footer .footer_box{position: relative;float:left;width:100%;height:auto;padding:0;margin:0px 0 20px 0;}
  footer .footer_box h4{color:rgba(255,255,255,.5);text-transform: uppercase;font-weight:600;margin:0;padding:0;}
  footer .footer_box p{color:rgb(255,255,255);}
  footer .footer_box ul{position: relative;float:left;width:100%;margin:0;padding:0;list-style: none;}
  footer .footer_box ul li a{position: relative;float: left;width:100%;padding:2px 0;color:white;}
  footer .footer_line{position: relative;float:left;width:100%;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.5);padding:30px 0 60px;margin-top:20px;}

}














/*  */