#btnAnimation
body{font-family:Arial,sans-serif;font-size:16px;line-height:25px;margin:0;padding:0;color:#5c5c5c;background-color:#def4f4}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,#nav_mobile button:focus-visible{outline:2px dotted #000000 !important;outline-offset:4px !important;border-radius:5px}
#nav_mobile a:focus-visible{border-radius:0;outline-offset:0px !important}
.thumbs .thumb:focus-visible{outline:5px solid rgb(2,174,170) !important;outline-offset:0px !important}
#termin_link:focus-visible{outline:0 !important;border:3px solid rgb(2,174,170);border-top:0px;border-right:0px;border-radius:0}
#termin_link:focus-visible #termin{background-color:#023635}
video:focus-visible{outline:2px dotted #000000 !important;outline-offset:4px !important;border-radius:5px}
#content a:focus-visible,#footer a:focus-visible,#address_mobile a:focus-visible{
outline:2px dotted rgb(2,174,170) !important;background-color:#b4e7e5 !important;outline-offset:2px !important;text-decoration:none}
#address_mobile a:focus-visible{outline:none !important}
#content a.glightbox:focus-visible{outline:5px solid rgb(2,174,170) !important;background-color:none !important;outline-offset:-5px !important;border-radius:0}
#content a.button:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible,input[type=reset]:focus-visible{background-color:rgb(2,174,170) !important;color:#000000 !important;outline:2px dotted #000000 !important;border-radius:0}
.aniBadge{background:rgb(2,174,170) !important;border-radius:10px}
.aniBadge:focus-visible{outline-color:#FFFFFF !important}
#termin_link{}
a.glightbox{display:block}
#content .brands a{display:inline-block}
div.csc-mailform ol li,#content .brands div.csc-textpic,#content .brands div.csc-textpic div.csc-textpic-imagerow,#content .brands ul.csc-uploads li,#content .brands .subcolumns{overflow:visible !important}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px dotted #000000 !important;outline-offset:2px !important}
#content .brands a:focus-visible{outline:2px dotted #FFFFFF !important;background:none !important}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:absolute;left:10px;top:10px;width:auto;height:auto;background:#b4e7e5;color:#000000;font-family:'Titillium Web',sans-serif;font-weight:600;border:1px solid #00ada8;border-radius:5px;padding:12px 14px;z-index:1000;clip:auto;white-space:normal;font-size:1em;text-decoration:none;text-transform:uppercase}
.buttons i:focus-visible{outline:2px solid #00ada8 !important}
.gbtn:focus-visible{outline:2px dotted #FFFFFF !important;outline-offset:4px !important;background:rgb(210,3,38)}
.access h3{color:#007e7b;color:#d20326}
.access #footer h5{color:#333;font-weight:400}
.access a,.access a:focus,.access a:hover{color:#333}
.access .brands{background-color:#444}
.accsss .termin{background-color:rgba (0,0,0,0.6)}
.access .bh_border h5 b{display:block}
.navbar-toggle .icon-bar{display:block;transition:all 0.3s ease}
.navbar-toggle.menu-open .icon-bar{display:none}
.navbar-toggle.menu-open::before{content:"✕";display:block;font-size:26px;text-align:center;color:#333}
#panorama{width:100%;height:408px;border:4px solid #cfcfcf}
#button_top_content{position:relative}
#Stage{position:absolute !important;top:40px;left:55px;width:120px !important;height:120px !important}
#Stage__25_2{max-width:90% !important;max-height:90% !important}
h1{margin:0;padding:0}
h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal}
h2,h3,h4,h5{text-transform:uppercase;font-family:'Titillium Web',sans-serif}
h2{font-size:120px;line-height:100px;font-size:90px;line-height:80px;color:#00ada8;color:rgb(210,3,38);font-weight:400;margin-bottom:15px;
}
h3{font-size:40px;line-height:43px;color:#00ada8;color:rgb(210,3,38);font-weight:400;padding:0 8.5%}
h4{font-size:20px;line-height:25px;font-weight:400;margin-bottom:35px;padding:0 8.5%}
h5{font-size:18px;line-height:25px;
color:#000000;text-transform:uppercase;font-weight:600}
h2.onlinekauf{font-size:90px}
p,.ccm-cookie-declaration--table-wrapper{padding:0 8.5% 30px 8.5%;margin:0}
p.list_headline{padding-bottom:5px;font-weight:bold;text-transform:uppercase}
p.important{text-transform:uppercase;font-size:20px;line-height:25px;padding-bottom:2px;font-family:'Titillium Web',sans-serif}
h4 strong,h4 b{font-weight:600}
h4 i,h4 em{font-style:normal;color:rgb(210,3,38)}
.smaller{font-size:90%}
.nomargin{margin:0}
a,a:focus,a:hover{outline:none;c text-decoration:none}
#content a,#footer_address a{text-decoration:underline;color:#333}
#content a{word-break:break-word}
a.button,.csc-form-element-submit input{background:#5c5c5c;color:#FFFFFF !important;font-size:20px;line-height:20px;
text-decoration:none !important;padding:7px 20px 9px 20px;font-family:'Titillium Web';font-weight:400;display:inline-block;margin-bottom:2%;border:0;text-align:center}
a.button:hover,.csc-form-element-submit input:hover{background-color:#00ada8;color:#000000 !important;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.buttons i{color:#5c5c5c !important}
ul{list-style:none;margin:0;padding:0 0 25px 0}
video{width:100% !important;height:auto !important}
#main ol{margin-top:0;margin-bottom:25px}
#main .tx-jfmulticontent-pi1 ol{margin-bottom:0}
#main ul li{background:url('../../fileadmin/template/images/all/li.svg') no-repeat 3px 9px;padding-left:15px;margin-bottom:8px}
#main ol{counter-reset:li;list-style-type:none;position:relative;padding:0 0 20px 25px;text-align:left}
#main ol li{padding:0 0 15px 0;text-align:left}
#main ol>li:before{content:counter(li)". ";counter-increment:li;position:absolute;left:0;padding:0;margin:0;font-weight:700;
color:rgb(210,3,38)}
#main .c66l ol li{padding-right:20px}
img{margin:0;padding:0;vertical-align:baseline;
max-width:100%}
input:focus,select:focus,button:focus,a:focus{outline:none}
table{margin-bottom:25px}
th,td{padding:2px 20px 0 0}
iframe{border:0}
#container figure,figure{display:block !important}
form *{text-align:left}
label{font-family:'Titillium Web',sans-serif;width:40% !important;margin-right:0 !important;font-weight:400}
label strong{text-transform:none;color:#00ada8;color:rgb(210,3,38)}
label em{display:inline-block;font-weight:400;padding-left:5px;color:#00ada8;color:rgb(210,3,38)}
input,textarea{width:50%;border:1px solid #c0c0c0;border-color:#5c5c5c;border-radius:0;box-shadow:none}
.checkbox_container{width:50%;float:left}
.checkbox_container input{float:left}
.checkbox_container span{display:block;float:right;width:calc(100% - 20px)}
.csc-form-element-checkbox{font-family:'Titillium Web',sans-serif}
input[type=checkbox]{width:auto}
.csc-mailform input,.csc-mailform textarea{-webkit-appearance:none}
.csc-form-element-submit input{width:auto;margin-left:40%}
#main form ol>li:before{content:none;counter-increment:none}
.align-left{text-align:left !important}
.clearer{clear:both;float:none}
.phone{display:none}
.left{width:70%;float:left}
.right{width:30%;float:right}
.right img,.left img{max-width:100%}
.csc-textpic-image{padding-bottom:10px !important}
.csc-textpic-last .csc-textpic-caption{margin-bottom:25px}
.csc-frame-rulerAfter{background:url('../../fileadmin/template/images/all/spliter.png') repeat-x bottom center;border-bottom:1px solid #d6d6d6;margin-bottom:50px;padding-bottom:30px;position:relative}
.no-margin.csc-frame-rulerAfter{padding-top:0}
.csc-textpic-last{padding-bottom:25px}
.pos-left{text-align:left}
.flexslider{border:0}
.flex-control-nav{bottom:0}
.flex-control-paging li a{background:#FFFFFF;background:rgba(255,255,255,0.5);border-radius:0;box-shadow:none}
.flex-control-paging li a.flex-active,.flex-control-paging li a:hover{background:#FFFFFF}
.flex-control-nav li{margin:0 3px}
div.csc-textpic-left .csc-textpic-imagewrap{float:none}
.discount{background:url('../../fileadmin/template/images/all/button_sofortentscheider.svg') no-repeat top left;background-size:100% auto;position:absolute;height:130px;width:130px;top:-85px}
.ingredients p,.ingredients ul li,.ingredients ol li{color:#919191}
#top{position:relative}
#container{max-width:1020px;padding:0px 35px 35px 35px;margin:0px auto;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.3);background-color:#FFFFFF}
#container_content{width:100%}
#sujet{margin-bottom:35px}
#content{text-align:center}
#logo{float:left;
position:absolute;z-index:100;top:10px}
#logo img{width:120px;max-width:100%;max-height:100%}
#facebook{
bottom:32px;left:145px;
height:19px;width:19px;background:url('../../fileadmin/template/images/all/facebook-icon.svg') no-repeat bottom left;background-size:100% auto;text-indent:-999999%;position:absolute}
#instagram{bottom:32px;left:180px;height:19px;width:19px;background:url('../../fileadmin/template/images/all/instagram-icon.svg') no-repeat bottom left;background-size:100% auto;text-indent:-999999%;position:absolute}
#youtube{float:left;bottom:32px;left:215px;height:15px;width:68px;background:url('../../fileadmin/template/images/all/button-youtube.svg') no-repeat bottom left;background-size:100% auto;text-indent:-999999%;position:absolute}
#facebook a,#youtube a,#instagram a{display:block;height:100%;width:100%}
#facebook_mobile,#button_blog,#youtube_mobile,#instagram_mobile{display:none}
.navbar-toggle{margin:0;
border-radius:0;padding:7px 5px;margin-bottom:20px}
.navbar-toggle .icon-bar{background-color:#FFFFFF;background-color:#000000;width:30px;height:3px;border-radius:0;margin:1px 0}
#main_nav_container{float:right;position:relative;z-index:20;max-width:85%;height:140px}
#main_nav{text-transform:uppercase;height:140px;overflow:hidden;background-color:#FFFFFF}
#main_nav ul{padding:0}
#main_nav ul li{background:none;float:left;padding:0 0 0 12px;margin:0}
#main_nav ul li.menu_218{
text-indent:-999999%}
#main_nav ul li.menu_218 a{width:100px;text-indent:-999999%;background:url('../../fileadmin/template/images/all/giovanni-kocht.jpg') no-repeat bottom center}
#main_nav ul li:first-child{padding:0}
#main_nav{overflow:visible}
#main_nav a{color:#000000;font-size:16px;line-height:20px;font-family:'Titillium Web',sans-serif;border-bottom:7px solid #000000;padding:75px 13px 22px 13px;display:block;height:140px;
}
#main_nav a:hover,#main_nav li.active a,#main_nav a:focus{text-decoration:none;border-bottom:7px solid #00ada8;background:url('../../fileadmin/template/images/all/main_nav.png') repeat-x bottom left}
#main_nav_border{border-top:7px solid #000000;margin-top:-7px}
#address_mobile{display:none}
#termin_link{position:absolute;right:0;z-index:1000}
#termin{
background:rgb(210,3,38) url('../../fileadmin/template/images/all/phone.svg') no-repeat 20px 15px;
color:#FFFFFF;font-family:'Titillium Web',sans-serif;font-size:14px;margin-top:5px;padding:10px 13px 10px 60px;display:block;
}
#termin p{padding:0px}
#termin strong,#termin b{font-size:16px;font-weight:400;text-transform:uppercase}
#termin a{color:#FFFFFF;width:100%;height:100%;display:block;border:1px solid red;cursor:pointer}
@media (min-width:867px){a#onlinekauf,a#aktion2000{display:block;position:absolute;top:5px;z-index:1000;right:283px;height:41px;width:253px;background:#e6e5e6}
a#onlinekauf{right:550px;background:#d20326}
a#onlinekauf img,a#aktion2000 img{height:100%}
#btnAnimation{
}
}
@media (min-width:867px){a#onlinekauf,a#aktion2000{width:273px}
}
@media (min-width:960px){a#onlinekauf,a#aktion2000{right:310px;height:45px;width:320px}
a#onlinekauf{
right:auto;left:0}
}
@media (max-width:867px){a#onlinekauf,a#aktion2000{display:block;margin-top:10px}
}
#header{position:relative;z-index:10;top:-7px}
#button{width:150px;height:190px;background-color:#00ada8;background-color:rgba(0,173,168,0.8);position:absolute;bottom:-20px;right:40px;z-index:100;float:right;box-shadow:2px 2px 4px 0px rgba(50,50,50,0.75);display:none}
.blackline{background:#000;height:7px;width:100%;position:absolute;top:0;left:0;z-index:1001}
#button.giovanni-kocht{background:url('../../fileadmin/template/images/all/button-giovanni_kocht.jpg') no-repeat center center;box-shadow:none;width:153px;height:208px}
#button_text{position:absolute;bottom:45px}
#button.giovanni-kocht p{visibility:hidden}
#button p{color:#FFFFFF;font-size:14px;line-height:16px;font-family:'Titillium Web',sans-serif;font-weight:400;padding:0 10px 3px 15px}
#button p.important{font-size:20px;line-height:20px;text-transform:uppercase}
#button p.important strong,#button p.important b{font-size:30px;line-height:28px;font-weight:400}
#button_top{position:absolute;top:-10px;padding-left:40px}
#button_top.discount_folder{
padding-left:20px}
#footer{max-width:1020px;margin:0px auto;padding:35px}
#footer .tx-jfmulticontent-pi1 h5{margin-bottom:12px}
#footer_nav ul{padding:0 0 10px 0;font-size:11px;text-transform:uppercase}
#footer_nav li{float:left;background:none;padding:0 25px 0 0}
#footer_nav li:last-child{padding:0;float:right}
#footer_nav li a{color:#39352d}
#footer_nav li a:hover,#footer_nav li.active a{color:#000000}
.tx-jfmulticontent-pi1{width:100%;clear:both;float:none;height:100%;
padding-bottom:30px;text-align:left}
.tx-jfmulticontent-pi1 img{margin-bottom:10px}
.tx-jfmulticontent-pi1 h5{border-bottom:1px solid #c0c0c0;padding:0 0 2px 0;margin-bottom:18px}
.tx-jfmulticontent-pi1 p{padding-left:0;padding-right:0;font-size:13px;line-height:18px}
.tx-jfmulticontent-pi1 ol li{font-size:13px;line-height:18px}
.tx-jfmulticontent-pi1 p.important{font-size:16px;line-height:22px}
.subcr{padding-left:5px}
.subc{padding-left:5px}
.subcl{padding-right:5px}
.subcl{padding-right:5px}
.c33r .subcr{padding:0;margin-left:6px}
.c33l .subcl{padding:0;margin-right:6px}
.c33l .subc{padding:0;margin:0 3px}
.c50r [data-csc-cols="2"] .csc-textpic-imagecolumn,.c50l [data-csc-cols="2"] .csc-textpic-imagecolumn,.c40r [data-csc-cols="2"] .csc-textpic-imagecolumn,.c40l [data-csc-cols="2"] .csc-textpic-imagecolumn{width:50%;margin:0}
.kcs_team{width:33.33%;padding-right:1.5%;float:left;text-align:left;margin:2% 0 2% 0;font-size:13px;line-height:16px;position:relative}
.kcs_team_img{float:left;width:36%}
.kcs_team_text{width:62%;position:absolute;right:0;bottom:0;padding-right:8%}
.kcs_team_text h5{font-size:15px;text-transform:none;line-height:20px}
.kcs_team_text *{padding-left:0;padding-right:0}
.kcs_team_text p{padding:0;vertical-align:baseline}
.kcs_team_text p.team_phone{padding-top:10px}
div.width50{float:left;width:50%;padding-right:2%}
.embed-container{position:relative;padding-bottom:55%;height:0;overflow:hidden;max-width:100%;height:auto;border:4px solid #cfcfcf}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.brands{background:#777777 url('../../fileadmin/template/images/all/brands.png') repeat-x top left;background-color:#4D4D4D;padding:20px 40px 10px 40px}
.brands *{color:#FFFFFF}
.brands img{margin-bottom:5px;margin-bottom:0px}
.brands .csc-textpic-imagerow{display:flex;align-items:center}
.visible,.kbox.visible{display:block}
#kboxes{padding-top:20px}
#kboxes a.button{width:100%;text-align:center;margin:2% 0 0 0}
.kimg{background:#CCCCCC;float:left;width:60%;text-align:center;margin-right:3%;
}
.kbox{display:flex;
position:relative;text-align:left;display:none;background:url('../../fileadmin/template/images/all/spliter.png') repeat-x bottom center;border-bottom:1px solid #d6d6d6;margin-bottom:10px;padding-bottom:40px;
}
.kbox .buttons{width:30px;float:right}
.kbox .img{max-height:427px;vertical-align:bottom}
.kbox .ktext{width:37%;float:right;
}
.kbox .d1{
font-size:13px;line-height:16px;margin-bottom:3%}
.kbox .h2,.kbox .h1{font-size:20px;line-height:auto;text-transform:uppercase;font-family:'Titillium Web',sans-serif;margin:0;padding:0}
.kbox .h1{font-size:36px;
border-bottom:1px solid #d6d6d6;margin-bottom:2%;padding-bottom:2%}
.kbox .fr{
margin-bottom:5px}
.kbox .price{font-weight:bold;color:#5c5c5c;font-size:30px;line-height:auto;margin-top:10%;margin-bottom:5%}
.thumbs{
display:grid;grid-template-columns:1fr 1fr 1fr}
.thumb{cursor:pointer;
margin-left:10px;margin-bottom:10px;float:left;
position:relative;
overflow:hidden;opacity:1;background:#CCCCCC;cursor:pointer}
.thumb.inactive{opacity:0.5}
.thumb .img{position:relative;z-index:1;
}
.thumb .info{position:absolute;height:35px;background:rgba(255,255,255,0.7);width:100%;bottom:0;z-index:2;text-align:left;color:#39352d;font-size:15px;line-height:35px;padding-left:3%}
.buttons i{cursor:pointer;background:url('../../fileadmin/template/images/all/buttons.png') no-repeat center;color:#FFFFFF;width:100%;height:30px;line-height:30px;margin-bottom:5px;text-align:center}
.kname{font-weight:bold;padding-right:1%}
.kprice{background-color:rgba(0,173,168,0.8);background-color:rgb(210,3,38);color:#FFFFFF;float:right;padding:0 3.5%;height:100%}
.ksize{font-size:11px}
#blog_nav{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}
#blog_nav .col{width:32%;float:left;background-color:#e5e2d3;margin-right:2%;box-shadow:1px 1px 3px 0px rgba(50,50,50,0.2);transition:all 0.7s ease;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:2%}
#blog_nav .col:hover{opacity:0.8}
#blog_nav .col:nth-of-type(3n){margin-right:0}
#blog_nav.other_posts .col:nth-of-type(4n){display:none}
#blog_nav .col p{padding:0;margin:0}
#blog_nav .col a{color:#8aa53a;text-decoration:none !important}
#blog_nav .col a p.headline{text-transform:uppercase;font-family:'Titillium Web',sans-serif;font-size:22px;line-height:25px;margin-bottom:8px}
#blog_nav .col a p.subheadline{text-transform:uppercase;font-family:'Titillium Web',sans-serif;color:#5c5c5c;font-size:14px;line-height:18px}
#blog_nav .col_descr{padding:10px 10px 20px 10px}
#blog_nav .col_img img{max-width:100%;width:calc(100%)}
#blog_nav h5,#sharer h5{border-bottom:1px solid #c0c0c0;padding:0 0 2px 0;margin-bottom:8px;display:block;text-align:left;width:100%;color:#8aa53a}
#sharer li{float:left;width:26px;height:26px;text-indent:-999999%;background-repeat:no-repeat;background-position:center center !important;background-size:100% auto;position:relative;margin-right:15px}
#sharer li a{display:block;width:100%;height:100%;position:absolute;left:0}
#sharer li.print{background-image:url('../../fileadmin/template/images/all/icon-print.svg');cursor:pointer}
#sharer li.mail{background-image:url('../../fileadmin/template/images/all/icon-email.svg')}
#sharer li.twitter{background-image:url('../../fileadmin/template/images/all/icon-twitter.svg')}
#sharer li.facebook{background-image:url('../../fileadmin/template/images/all/icon-facebook.svg')}
.kcs_blog_info{width:66%;margin:2% 0 8% 0;border-top:4px solid #8aa53a;border-bottom:1px solid #c0c0c0}
.kcs_blog_info_text{width:100%;padding:18px 0}
.kcs_blog_info_text h5{font-size:16px;text-transform:uppercase;line-height:16px;color:#5c5c5c !important;margin-bottom:10px;font-family:'Titillium Web',sans-serif;font-weight:400}
.kcs_blog_info_text *{text-align:left}
.kcs_blog_info_text p{font-size:14px;line-height:18px;margin:0;padding:0;color:#8aa53a;font-weight:bold}
.kcs_blog_infoimg{border:0}
.kcs_blog_infoimg_img img{padding-bottom:0;width:215px}
.kcs_blog_infoimg_img{height:150px;border-right:20px solid #FFFFFF;float:left}
.kcs_blog_infoimg .kcs_blog_info_text{float:right;text-align:right;border-top:4px solid #8aa53a;border-bottom:1px solid #c0c0c0;width:calc(100% - 235px);min-height:150px}
div.width50{float:left;width:50%;padding-right:2%}
.embed-container{position:relative;padding-bottom:55%;height:0;overflow:hidden;max-width:100%;height:auto;border:4px solid #cfcfcf}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.cc-window{background:#f5f5f5;border-top:1px solid rgba(0,0,0,0.30);font-family:xxxxxx,Arial,sans-serif !important}
.cc-compliance>.cc-btn{border-radius:8px;color:#FFFFFF;text-transform:uppercase;background-color:#00ada8;margin-left:20px;margin-right:20px;border:0;text-decoration:none;box-shadow:1px 1px 1px 0px rgba(0,0,0,0.30);font-weight:normal;font-family:'Titillium Web',sans-serif !important;padding-left:45px;padding-right:45px}
#container .typo3-feedit-element,#footer .typo3-feedit-element{outline:1px dotted #00ada8 !important;outline-offset:0px !important;margin-bottom:5px;float:none}
#footer .typo3-feedit-element{outline:0px !important}
#container .typo3-feedit-element .kcs_team{float:none}
.typo3-adminPanel input{width:auto}
@media (max-width:1019px){div.csc-textpic-imagecolumn,td.csc-textpic-imagecolumn .csc-textpic-image{margin-right:1.5%}
.csc-textpic-image{padding-bottom:1.5%}
[data-csc-cols="2"] .csc-textpic-imagecolumn{width:49.25%}
[data-csc-cols="3"] .csc-textpic-imagecolumn{width:32.33%}
.csc-textpic-imagewrap[data-csc-cols="3"],.csc-textpic-imagewrap[data-csc-cols="2"]{float:none !important}
.ktitle{display:none}
}
@media (min-width:767px){#main_nav ul{height:140px !important}
}
@media (max-width:959px) and (min-width:767px){.brands h5{font-size:13px;line-height:20px}
.ktitle{display:none}
.thumb .info{font-size:13px}
.kbox .d1{font-size:11px;line-height:14px}
}
@media (max-width:959px){body{font-size:14px;line-height:20px;
}
h2{font-size:90px;line-height:75px}
h3{font-size:35px;line-height:38px}
h4{font-size:18px;line-height:22px}
h5{font-size:16px;line-height:23px}
.kcs_team{font-size:11px;line-height:14px}
.kcs_team_text{padding-right:0}
.kcs_team_text h5{font-size:13px;line-height:17px}
.tx-jfmulticontent-pi1 p,.tx-jfmulticontent-pi1 ol li,.kcs_blog_info_text p{font-size:11px;line-height:16px}
.kcs_blog_info_text p{font-weight:normal}
.tx-jfmulticontent-pi1 p.important{font-size:13px;line-height:17px}
#container,#footer{box-shadow:0;padding:0px 15px 15px 15px}
#footer{padding-top:25px}
#container,img{max-width:100%;height:auto}
h2,h3,h4,h5,h6,p,.ccm-cookie-declaration--table-wrapper{padding:0 4%}
p,ul,ol{padding-bottom:25px}
.kbox .price{font-size:20px;line-height:22px}
a.button{font-size:13px}
#kboxes a.button{width:49%}
#kboxes a.button.bl{float:left}
#kboxes a.button.br{float:right}
#kboxes span{display:none}
.kbox .h2{font-size:16px}
.kbox .h1{font-size:25px}
.kbox .price{margin-top:7%;margin-bottom:2%}
#button{right:20px;bottom:-10px}
#button_top{padding-left:20px;width:130px}
#button_top.discount_folder{width:180px}
#Stage{width:80px !important;height:80px !important;top:32px;left:42px}
.discount{height:100px;width:100px}
.csc-frame-rulerAfter{margin-bottom:40px;padding-bottom:20px}
#main_nav a{font-size:14px;padding-left:10px;padding-right:10px}
#termin{font-size:12px}
#termin strong,#termin b{font-size:14px}
#logo img{width:100px}
#facebook{left:115px;top:20px;
}
#youtube{top:80px;left:115px}
#instagram{top:50px;left:115px}
}
@media (max-width:850px){#main_nav ul li{padding:0 0 0 8px}
h1,h2,h3,h4,h5,h6,p,.ccm-cookie-declaration--table-wrapper{padding-left:0;padding-right:0}
}
@media (max-width:767px){#nav_mobile a:focus-visible{background:#b4e7e5 !important;outline:none !important;border-radius:0;border:0 !important}
#facebook_mobile,#youtube_mobile,#instagram_mobile{display:block;background-color:rgba(255,255,255,1);
border-bottom:1px solid #d6d6d6;box-shadow:none;text-align:center;display:block;padding:0 0 15px 0;margin-bottom:20px;background-size:15px auto}
.kcs_blog_info{width:100%}
#main_nav_border,#facebook,#instagram,#youtube{display:none}
.embed-container{padding-bottom:45%}
ul,ol,p{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
.kcs_team_text p,ul a,ol a,p a{-moz-hyphens:none;-o-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}
#container,#footer{padding:0 10px 10px 10px}
#footer{padding-top:10px}
#sujet{margin-top:-45px;
position:relative}
#content{padding-bottom:45px}
#container_content{margin:0;width:100%;box-shadow:none;border-radius:0}
#header{top:0;padding-top:80px}
p,ul,ol,.tx-jfmulticontent-pi1{padding-bottom:18px}
body{font-size:13px;line-height:18px}
a.button{font-size:14px}
h2{font-size:40px;line-height:40px}
h3{font-size:25px;line-height:26px}
h4{font-size:14px;line-height:18px;margin-bottom:20px}
h5{font-size:13px;line-height:20px}
h2.onlinekauf{font-size:40px}
.ui-accordion .ui-accordion-header{font-size:17px;line-height:20px}
#top{padding-top:35px}
#sujet h2{font-size:20px;line-height:27px;margin-top:2px}
#main_nav a,#main_nav a:hover,#main_nav li.active a{border:0}
h1{height:45px}
#logo{margin-left:10px;max-width:100%}
#logo img{max-width:100%;height:45px !important;width:auto}
#nav_mobile{padding-top:20px}
#nav_mobile button.navbar-toggle{right:10px}
#main_nav_container{max-width:100%;width:100%;
padding:0;position:absolute;top:0;left:0;height:60px}
#main_nav{padding:0;height:auto;overflow:visible;background:#FFFFFF;width:100%}
#main_nav ul{background:none;
width:100%}
#main_nav ul li{float:none;padding:0;
margin:0;background:none;border-bottom:1px solid #9f9f9f}
#main_nav ul li.menu_218 a{background:url('../../fileadmin/template/images/all/giovanni_kocht_mobile.svg') no-repeat left center !important;background-size:auto 20px !important;width:100%}
#main_nav ul li:last-child{border-bottom:none}
#main_nav ul li a,#main_nav ul li a:hover{width:100%;display:block;padding:8px 10px;height:auto;background:none}
#main_nav ul li.active a{background:#00ada8;
}
.kcs_team{width:50%}
.kcs_team_img{width:110px}
.kcs_team_text{width:100%;padding-left:120px}
div.width50{float:none;width:100%;padding-right:0%}
.brands{padding:3% 5% 0 5%}
.c33r,.c33l,.c66l,.c66r{width:100%;margin:10px 0 10px 0;padding:0;float:none;clear:both}
.subcr,.subcl,.subc{margin:0px !important}
.thumbs{grid-template-columns:1fr 1fr}
.kimg,.kbox .ktext{width:100%;margin-top:20px}
.kbottom{position:relative;bottom:0;width:100%}
.discount{height:70px;width:70px}
#address_mobile{display:block;font-size:9px;line-height:12px;font-family:'Titillium Web',sans-serif;position:absolute;top:10;padding:20px 0 0 80px}
#address_mobile p{padding-bottom:0}
#address_mobile strong{text-transform:uppercase;font-size:11px;font-weight:200}
#address_mobile a{color:#333333;text-decoration:underline}
#termin{background-image:none;padding:5px 10px 4px 20px;margin-top:0}
#termin strong{font-size:10px}
.csc-form-element-submit{text-align:center}
.csc-form-element-submit input{margin-left:0}
label,input,textarea{width:100% !important}
input[type=checkbox]{width:auto !important}
.checkbox_container{width:auto}
#main ol{padding:0 0 0 15px}
#button_top{width:100px;top:5px}
#button_top.discount_folder{width:100px;top:35px;padding-left:0}
#Stage{width:50px !important;height:50px !important;top:17px;left:24px}
#button,#button.giovanni-kocht{
width:150px;height:40px;position:relative;width:100%;top:-20px;left:0;visibility:visible;background-color:rgba(255,255,255,1);background:url('../../fileadmin/template/images/all/spliter.png') repeat-x bottom center;border-bottom:1px solid #d6d6d6;box-shadow:none;text-align:center}
#button_blog{visibility:visible;background:url('../../fileadmin/template/images/all/spliter.png') repeat-x bottom center;display:block;border-bottom:1px solid #d6d6d6;margin-top:-10px;padding-bottom:20px;margin-bottom:20px}
#button.giovanni-kocht p,#button_blog.giovanni-kocht p{visibility:visible}
#button.giovanni-kocht #button_text a,#button_blog.giovanni-kocht #button_text a{text-indent:-999999%;background:url('../../fileadmin/template/images/all/giovanni_kocht_mobile.svg') no-repeat center center;background-image:100% 23px;width:100%;height:23px;display:block}
#button p.important,#button p.important strong{font-size:15px !important;line-height:18px;font-weight:400}
#button p{font-size:12px;line-height:18px;display:inline;color:#5c5c5c;padding:0 0 0 10px;font-weight:200}
#button_text{bottom:0;position:relative;text-align:center;padding-top:5px}
#panorama{width:100%;height:200px}
#main_nav_container{position:relative;height:auto}
#top{padding-top:0}
#header{padding-top:45px}
#button_top.discount_folder{top:0 !important}
}
@media (max-width:650px){.brands{padding:3% 20px 0 20px !important}
}
@media (max-width:630px){#footer_nav li{padding-right:20px}
.brands{padding:3% 20px 0 20px !important}
.brands .c20l,.brands .c40l,.brands .c20r{width:100%;margin-top:10px}
.brands .c20l .csc-textpic-imagewrap,.brands .c20r .csc-textpic-imagewrap{display:grid;grid-template-columns:1fr 1fr}
.brands .c40l .csc-textpic-imagewrap{display:grid;grid-template-columns:1fr}
}
@media (max-width:559px){#footer_nav li{float:none;margin-bottom:5px}
#footer_nav li:last-child{float:none;margin-top:25px}
#button_top.discount_folder{top:-35px !important}
#container{min-width:320px}
.embed-container{padding-bottom:100%}
.kcs_team{width:100%;float:none}
.kcs_blog_infoimg_img{width:40%;padding-right:3%;border:0}
.kcs_blog_infoimg .kcs_blog_info_text{width:60%;min-height:inherit}
.c50l div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,.c50r div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{display:none}
.c50l .csc-textpic-text,.c50r .csc-textpic-text{margin-left:0 !important}
.c50r,.c50l,#blog_nav .col{width:100%;margin:10px 0 10px 0;padding:0;float:none;clear:both}
#blog_nav .col{max-width:475px;padding:0 !important;margin:8px auto !important}
#blog_nav .col p{font-size:13px !important;line-height:20px !important}
.c25l,.c25r{width:50%}
.brands .c50r,.brands .c50l,.brands .c25r,.brands .c25l,.brands .c40r,.brands .c40l,{padding:0 1%}
.subcr,.subcl,.subc{padding:0px}
div.csc-textpic-imagecolumn,td.csc-textpic-imagecolumn .csc-textpic-image{margin:0}
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{float:none}
.csc-textpic-intext-right-nowrap .csc-textpic-text,.csc-textpic-intext-left-nowrap .csc-textpic-text,div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{max-width:100%;float:none}
.csc-textpic-intext-right-nowrap .csc-textpic-text,.csc-textpic-intext-left-nowrap .csc-textpic-text{padding-top:15px}
.csc-textpic-intext-left-nowrap .csc-textpic-text{float:right}
.left,.right{float:none;width:100%}
#vorteile .right{position:absolute;top:8%;right:0;width:30%}
#vorteile h2,#vorteile h3{margin-right:35%}
[data-csc-cols="2"] .csc-textpic-imagecolumn,[data-csc-cols="3"] .csc-textpic-imagecolumn{width:100%;text-algin:center}
[data-csc-cols="2"] .csc-textpic-imagecolumn img,[data-csc-cols="3"] .csc-textpic-imagecolumn img{display:inline-block !important}
.thumbs{grid-template-columns:1fr}
.thumb{
margin-left:0}
#button_top{width:80px}
#button_top.discount_folder{width:80px}
#Stage{width:40px !important;height:40px !important;top:13px;left:18px}
}
@media (max-width:430px){.ccm-modal--footer .ccm-link-container a:link,.ccm-modal--footer .ccm-link-container a:visited{display:block;width:100% !important;margin-left:0;margin-bottom:5px;
text-align:center !important}
.ccm-modal--footer .ccm-link-container a:focus-visible{outline-offset:2px !important}
}