/*!
Retro AG - Main CSS
*/

@font-face { font-family:'MavenPro';
	src:url('/assets/webfonts/mavenpro-regular-webfont.woff2') format('woff2'), url('/assets/webfonts/mavenpro-regular-webfont.woff') format('woff');
	font-weight:400; font-style:normal;
	}

@font-face { font-family:'MavenPro';
	src:url('/assets/webfonts/mavenpro-medium-webfont.woff2') format('woff2'), url('/assets/webfonts/mavenpro-medium-webfont.woff') format('woff');
	font-weight:500; font-style:normal;
	}

@font-face { font-family:'MavenPro';
	src:url('/assets/webfonts/mavenpro-bold-webfont.woff2') format('woff2'), url('/assets/webfonts/mavenpro-bold-webfont.woff') format('woff');
	font-weight:700; font-style:normal;
	}

/* --- Variables --- */
:root
	{
	--retrored: #E52C27;
	--lightgray: #F8F8F8;
	--mediumgray: #D0D0D0;
	--contentw: 1140px;
	--menubgstd: #F8F8F8;
	--menubghov: #E0E0E0;
	}

/* --- Reset --- */	
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; }


html { line-height:1.15; -webkit-text-size-adjust:100%; }
body { margin:0; padding:0; }
main { display:block; }

h1, h2, h3, h4 { color:var(--retrored); font-weight:500; padding:0; line-height:1.1; }
h1 { font-size:25px; margin:5px 0 20px 0; }
h2 { font-size:22px; margin:2px 0 10px 0; }
h3 { font-size:20px; margin:1px 0 8px 0; }
h4 { font-size:18px; margin:1px 0 5px 0; }

hr { box-sizing:content-box; height:1px; border:0; border-top:1px solid #E0E0E0; overflow:visible; }
pre { font-family:monospace, monospace; font-size:1em; }
a { background-color:transparent; text-decoration:none; color:#000000; }
a:hover { color:var(--retrored); }
abbr[title] { border-bottom:none; text-decoration:underline; text-decoration:underline dotted; }
b,strong { font-weight:bolder; }
code,kbd,samp { font-family:monospace, monospace; font-size:1em; }
small { font-size:80%; }
sub,sup { line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; font-size:75%; }
sup { top:-0.2em; font-size:95%; }
img { border-style:none; }
button,input,optgroup,select,textarea { font-family:inherit; font-size:100%; line-height:1.15; margin:0; }
button,input { overflow:visible; }
button,select { text-transform:none; }
button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance:button; }
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style:none; padding:0; }
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline:1px dotted ButtonText; }

legend { box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal; }
progress { vertical-align:baseline; }
textarea { overflow:auto; }
[type="checkbox"],[type="radio"] { box-sizing:border-box; padding:0; }
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height:auto; }
[type="search"] { -webkit-appearance:textfield; outline-offset:-2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
::-webkit-file-upload-button { -webkit-appearance:button; font:inherit; }
details { display:block; }
summary { display:list-item; }
template { display:none; }
[hidden] { display:none; }

.retrored { color:var(--retrored); }

.clear { clear:both; }
*,*::after,*::before { -webkit-box-sizing:border-box; box-sizing:border-box; }

input + label { cursor:pointer; }
input[type="checkbox"] + label i { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/assets/images/check_radio_sheet.png) 0px -1px no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label i { background:url(/assets/images/check_radio_sheet.png) -19px -1px no-repeat; }
input[type="radio"] + label i { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/assets/images/check_radio_sheet.png) -38px -1px no-repeat; cursor:pointer; }
input[type="radio"]:checked + label i { background:url(/assets/images/check_radio_sheet.png) -57px -1px no-repeat; }
input.textfield, select.textfield { font-size:16px; border:1px solid #A0A0A0; padding:3px; }

.noselect { -webkit-touch-callout:none; -webkit-user-select:none; user-select: none; }
.missing { border-color:#FF0000 !important; }

body { font-Family:MavenPro,Arial,Helvetica,sans-serif; font-size:16px; line-height:130%; min-height:100vh; overflow-x:hidden; }

a[href^="tel:"] { color:inherit; text-decoration:none; }

section.lightgray, section.lightgraymenu { background-color:var(--lightgray); line-height:130%; }
section.lightgray { padding:10px 0; }
section > div, section > h1, section > h2 { width:100%; max-width:var(--contentw); margin-left:auto; margin-right:auto; }

/* ----- NAVIGATION ----- */
.mainlogo { display:block; text-decoration:none; padding:10px 10px 10px 0; float:left; width:280px; max-width:25%; display:flex; justify-content:start; align-items:start; }
.mainlogo img { width:100%; height:auto; }

nav.dsk { width:100%; display:flex; justify-content:space-between; align-items:end; font-weight:500; max-width:var(--contentw); margin:0 auto 0 auto; padding:0; background-color:var(--lightgray); position:relative; z-index:8000; }
nav.mob { display:none; }
.mobspacer { display:none; width:100%; height:60px; }

nav.dsk .dropdown { margin:35px 0 0 0; padding:0; list-style:none; background-color:var(--menubgstd); display:flex; justify-content:start; letter-spacing:-0.5px; }
nav.dsk .dropdown ul { -webkit-box-shadow:2px 2px 4px 2px rgba(0,0,0,0.2); box-shadow:2px 2px 4px 2px rgba(0,0,0,0.2); }
nav.dsk .dropdown li { position:relative; }
nav.dsk .dropdown li a { color:#000000; text-align:center; text-decoration:none; display:block; padding:10px; position:relative; }
nav.dsk .dropdown li ul { position:absolute; top:100%; margin:0; padding:0; list-style:none; display:none; line-height:normal; background-color:var(--menubgstd); }
nav.dsk .dropdown li ul li { min-width:162px; }
nav.dsk .dropdown li ul li a { text-align:left; color:#000000; font-size:15px; padding:10px; display:block; white-space:nowrap; }
nav.dsk .dropdown li ul li a:hover { background-color:var(--menubghov); color:var(--retrored); }
nav.dsk .dropdown li ul li ul { left:100%; top:0; }
nav.dsk ul li:hover > a { background-color:var(--menubghov); color:var(--retrored) !important; }
nav.dsk ul li:hover > ul { display:block; }

nav.dsk .toggle, nav.dsk [id^=drop] { display:none; }
nav.dsk a.chevrr { padding-right:22px !important; }

/* Top-Right-Nav */
.toprightnav_std, .toprightnav_mob { position:absolute; display:flex; flex-direction:row-reverse; flex-wrap:nowrap; justify-content:end; align-items:center; }
.toprightnav_std { top:5px; right:0; width:70%; height:34px; padding:5px 5px 5px 0; }
.toprightnav_std > div, .toprightnav_std > a { min-width:34px; height:34px; margin-left:10px; }
.toprightnav_mob { top:0; right:45px; height:40px; background-color:transparent; width:calc(75vw - 20px); }
.toprightnav_mob > div, .toprightnav_mob > a { min-width:34px; height:34px; margin-left:4px; }

#accountoptions { display:none; position:absolute; right:0px; top:36px; width:160px; z-index:8001; border:1px solid #E0E0E0; background-color:#FFF; color:#000; height:auto; margin:0; }
#accountoptions a { display:flex; justify-content:end; align-items:center; flex-wrap:nowrap; padding:6px 8px 6px 4px; color:#000000;  }
#accountoptions a:hover { background-color:var(--menubghov); color:var(--retrored); }
#accountoptions a.fa_cogwheel::after { content:'\F013'; width:20px; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:22px; margin-left:10px; }
#accountoptions a.fa_logout::after   { content:'\F2F5'; width:20px; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:22px; margin-left:10px; }

#accountoptionsm { display:none; position:absolute; right:0px; top:36px; width:160px; z-index:8001; border:1px solid #E0E0E0; background-color:#FFF; color:#000; height:auto; margin:0; }
#accountoptionsm a { display:flex; justify-content:end; align-items:center; flex-wrap:nowrap; padding:6px 8px 6px 4px; color:#000000;  }
#accountoptionsm a:hover { background-color:var(--menubghov); color:var(--retrored); }
#accountoptionsm a.fa_cogwheel::after { content:'\F013'; width:20px; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:22px; margin-left:10px; }
#accountoptionsm a.fa_logout::after   { content:'\F2F5'; width:20px; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:22px; margin-left:10px; }

                  
.trbox_search { position:relative; width:calc(100% - 110px); max-width:500px; display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:end; align-items:center; margin-left:0 !important; }
#searchterm, #searchterm_m { border:1px solid #E0E0E0; background-color:#FFFFFF; padding:3px; font-size:16px; height:34px; width:calc(100% - 34px); outline:none; }
button.search  { font-size:21px; width:34px; height:34px; background-color:var(--retrored); color:#FFFFFF; border:0; display:flex; justify-content:center; align-items:center; }
button.search:hover { background-color:var(--mediumgray); color:var(--retrored); }
                  
.trbox_login, .trbox_cart { width:34px; height:34px; background-color:var(--retrored); color:#FFFFFF; display:flex; justify-content:center; align-items:center; position:relative; }
.trbox_login:hover, .trbox_cart:hover { background-color:var(--mediumgray); color:var(--retrored); }
.trbox_login a { color:inherit; }
.trbox_login a i.fa { font-size:22px; }
.trbox_cart i.fa { font-weight:500; font-size:23px; }
#num_cart_items { position:absolute; right:-4px; top:-4px; height:20px; min-width:20px; padding:0 3px; border:2px solid #FFFFFF; -webkit-border-radius:10px; border-radius:10px; text-align:center; font-size:14px; line-height:18px; }
#num_cart_items2 { position:absolute; right:-4px; top:-4px; height:20px; min-width:20px; padding:0 3px; border:2px solid #FFFFFF; -webkit-border-radius:10px; border-radius:10px; text-align:center; font-size:14px; line-height:18px; }
.numbergray  { display:none; background-color:transparent; }
.numbergreen { display:block; background-color:#008800; color:#FFFFFF; }

/* ----- CONTENTS ----- */
section.minh { min-height:calc(100vh - 370px); }
.container, .partner_box_container { width:100%; max-width:var(--contentw); margin:0 auto 0 auto; padding:15px 0; }
.partner_box_container { padding-top:0; }
.partner_box_container { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; }
.partner_box { display:block; position:relative; width:12%; padding:0.6em; border:1px solid #E0E0E0; margin:0 0 1.2% 0; }
.partner_box:hover { border:1px solid #A0A0A0; }
.flexwrap { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; }

.container ul { list-style-position:inside; list-style-type:square; }
.container ul li { text-indent: -1em; padding-left:1em; }

.haelfte { width:49%; min-width:300px; }
.drittel { width:32%; min-width:200px; }

.flex2, .flex3, .flex4 { width:100%; display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; margin:10px 0; font-weight:normal; }
.flex2 > div { width:49%; }
.flex3 > div { width:32%; }
.flex4 > div { width:24%; }

.flex_sc { width:100%; display:flex; flex-direction:row; justify-content:start; align-items:center; }
.flex_sb_start { width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:start; flex-wrap:wrap; }
.elementbox { border:1px solid #E0E0E0; padding:10px; }
.elementbox img { display:block; margin:0 auto 5px auto; float:unset; }
.elementbox .redbox { background-color:var(--retrored); color:#FFFFFF; font-size:16px; font-weight:500; text-align:center; line-height:120%; min-height:95px; padding:15px; margin-top:15px; display:flex; position:relative; flex-direction:column; justify-content:space-around; align-items:center; }
.elementbox .redbox:hover { background-color:#888888; }
.elementbox .dlinfo { display:block; font-size:14px; font-weight:normal; }
.elementbox .dlinfo i { font-size:22px; }

.schema-organization, .schema-brand, .schema-attribute { display:none !important; }
#picturearea { max-height:500px; position:relative; }
.productpicture { max-width:100%; max-height:100%; }
.picturethumbs { border-top:1px solid #E0E0E0; margin-top:5px; display:flex; flex-direction:row; justify-content:center; flex-wrap:nowrap; align-items:start; }
.prodpicthumb { height:60px; background-size:contain; background-position:center center; background-repeat:no-repeat; max-width:120px; border:1px solid transparent; }

a.pdfflip { display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:start; align-items:center; padding:10px; border:1px solid #E0E0E0; }
a.pdfflip:hover { border:1px solid #A0A0A0; }
a.pdfflip .imgbox { display:inline-block; width:150px; height:120px; background-size:contain; background-position:center center; background-repeat:no-repeat; margin-bottom:5px; }
a.flipbook { color:var(--retrored); font-weight:700; }
a.flipbook::after { content:'\f02d'; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:16px; font-weight:700; margin-left:5px; }

/* ----- PRODUCT LIST ----- */
.itemcontainer { width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; display:flex; justify-content:start; align-items:start; flex-wrap:wrap; }
.itemcontainer > ul { display:none; }
.productbox { display:flex; flex-direction:column; align-items:center; justify-content:start; align-self:stretch; width:calc(25% - 20px); margin:10px; min-width:200px; min-height:200px; border:1px solid #E0E0E0; padding:5px; }
.productbox .productpic { width:100%; height:150px; background-size:contain; background-repeat:no-repeat; background-position:center center; }
.productbox .producttitle { width:100%; height:35px; padding-top:5px; font-weight:500; font-size:14px; line-height:110%; display:flex; justify-content:center; align-items:center; text-align:center; align-self:end; }
.productbox:hover { border:1px solid #A0A0A0; }

.prodgroupcontainer { width:100%; display:flex; justify-content:start; align-items:start; flex-wrap:wrap; }
.prodgroupbox { display:flex; flex-direction:column; align-items:center; justify-content:start; align-self:stretch; width:24.5%; max-width:280px; min-width:200px; min-height:200px; margin-bottom:10px; border:1px solid #E0E0E0; padding:5px; }
.prodgroupbox .prodgrouppic { width:100%; height:150px; background-size:contain; background-repeat:no-repeat; background-position:center center; }
.prodgroupbox .prodgrouptitle { width:100%; font-weight:500; font-size:14px; line-height:110%; text-align:center; align-self:end; padding:5px; }

.breadcrumbsline { border-bottom:1px solid #E0E0E0; margin-bottom:15px; }
.breadcrumblink { display:inline-block; padding:2px 15px 2px 0; position:relative; }
.breadcrumblink::after { content:'\f0da'; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:15px; font-weight:700; color:#000000 !important; position:relative; display:inline-block; top:0; right:-10px; width:10px; height:15px; }
.breadcrumblink:last-child::after { content:''; width:1px; height:1px; }

.searchresitem { display:flex; width:100%; justify-content:space-between; align-items:center; flex-wrap:nowrap; padding:5px 0; border-top:1px solid #E0E0E0; line-height:110%; }
.searchresitem:hover { background-color:#F0F0F0; }
.searchresitem .prodimage { width:80px; height:50px; background-size:contain; background-position:center center; background-repeat:no-repeat; }
.searchresitem .proddescr { display:flex; flex-direction:column; align-items:start; justify-content:start; width:calc(100% - 90px); font-size:16px; }

.schema-attribute a { display:none !important; }


/* ----- ITEMCARD ----- */
.returnlink { display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; right:0; top:0; font-size:18px; text-align:center; background-color:var(--retrored); color:#FFFFFF; cursor:pointer; }
.returnlink:hover { background-color:var(--mediumgray); color:var(--retrored); }
#shortinfo { padding-left:20px; display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:start; align-items:start; align-self:stretch; }
#lieferumfang { width:100%; }
#atb_area { width:100%; margin-top:10px; border-top:1px solid #E0E0E0; padding-top:5px; }
.price_and_atb { width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative; padding-right:9px; }
.curr_price { padding-right:5px; }
.ic_qty_atc { display:flex; justify-content:space-between; max-width:59%; height:28px; margin:3px 8px 0 0; font-size:13px; font-weight:bold; text-align:right; }

.p_qty_m { display:flex; flex-wrap:nowrap; justify-content:center; margin-right:10px; }
.plusminus_m, .plusminus_p { display:block; width:30px; height:30px; text-align:center; border:1px solid #A0A0A0; background-color:#F0F0F0; color:#000000; line-height:28px; font-size:24px; cursor:pointer; z-index:20; }
.plusminus_m:hover, .plusminus_p:hover { background-color:var(--retrored); color:#FFFFFF; border:1px solid var(--retrored); }
.lg_qtyinput, .blg_qtyinput { width:40px; height:30px; font-size:18px; text-align:center; font-weight:500; border:1px solid #A0A0A0; padding:2px 1px; }
.p_qty_m > .lg_qtyinput { border-left:0; border-right:0; z-index:21; }

.tdc-container { width:100%; overflow-x:scroll; }
.techdatacomparison { border:1px solid #A0A0A0; border-collapse:collapse; }
.techdatacomparison th { font-size:13px; text-align:center; line-height:125%; background-color:#E0E0E0; border:1px solid #A0A0A0; font-weight:500; padding:5px 1px; }
.techdatacomparison td { font-size:13px; line-height:115%; font-weight:normal; border:1px solid #A0A0A0; padding:5px 2px 3px 2px; background-color:#FFFFFF; min-width:130px; }
.techdatacomparison th.hilite { background-color:var(--retrored); color:#FFFFFF; border-top:1px solid var(--retrored); border-left:2px solid var(--retrored); border-right:2px solid var(--retrored); }
.techdatacomparison td.hilite { border-left:2px solid var(--retrored); border-right:2px solid var(--retrored); background-color:#F0F0F0;  }
.techdatacomparison tr:last-child td.hilite { border-bottom:2px solid var(--retrored); }

th.isitemlink { cursor:pointer; }
th.isitemlink:hover { background-color:#A0A0A0; }

.itemtabs { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:start; background:transparent url(/assets/images/grayline.png) repeat-x left bottom; margin-top:20px; }
.itemtabs a { border:1px solid #A0A0A0; background-color:#E0E0E0; padding:10px 10px; margin-right:3px; min-width:150px; font-weight:500; text-align:center; cursor:pointer; color:#000000; }
.itemtabs a:hover { background-color:#C0C0C0; color:#000000; }
.itemtabs a.ctactive { border-bottom:1px solid #FFFFFF; background-color:#FFFFFF; }
.itemtabs a.ctactive:hover { background-color:#FFFFFF; } 
#content-tabs { overflow-x:clip; margin-bottom:30px; }
.tabcontainer { border-left:1px solid #A0A0A0; border-right:1px solid #A0A0A0; border-bottom:1px solid #A0A0A0; padding:15px 15px; }
.tabcontainer.techtable { padding:15px 1px 1px 1px; overflow-x:scroll; }

.proditemline { width:100%; cursor:pointer; padding:1px 0; border-bottom:1px dotted #A0A0A0; }
.proditemline:hover { background-color:#F0F0F0; }
.proditemline::after { content:''; display:block; clear:both; width:100%; height:0; }

.videolinkcontainer { display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; width:100%; }
.vlcstart { justify-content:start; }

.videoframe { position:relative; }
.videolink { width:32%; min-width:350px; min-height:266px; position:relative; }
.videolink .play { color:#FF0000; font-size:55px; position:absolute; top:50%; width:100%; text-align:center; cursor:pointer; transform:translateY(-25px); background-image:url(/assets/images/playbuttonbg.png); background-position:center center; background-repeat:no-repeat; }
.videolink .videotitle { position:absolute; display:flex; justify-content:start; align-items:center; top:0; left:0; width:100%; min-height:30px; background-color:#000000; color:#FFFFFF; font-weight:500; font-size:15px; padding:2px 5px; white-space:nowrap; overflow:hidden; }
.videolink iframe { width:100%; min-height:266px; }
.vlmargin { margin-right:1%; }

/* ----- ITEMCARD AND BASKET ----- */
.head_container { width:100%; padding:2px 0 1px 0; border-bottom:1px solid #A0A0A0; margin-top:5px; font-weight:500; font-size:14px; }
.head_container::after { content:''; display:block; clear:both; width:100%; height:1px; }

.head_productpic  { display:block; float:left; width:45px; margin-right:10px; }
.head_description { display:block; float:left; min-width:250px; }
.head_price_atc   { float:right; min-width:300px; display:flex; }

.line_pic_desc    { float:left; width:calc(100% - 360px); min-width:300px; display:flex; justify-content:start; align-items:center; line-height:110%; }
.line_productpic  { display:block; float:left; width:45px; height:45px; background-position:center center; background-repeat:no-repeat; background-size:contain; margin-right:10px; }
.line_description { display:flex; float:left; width:99%; min-width:250px; min-height:40px; flex-direction:column; justify-content:center;  }

.line_price_atc { float:right; min-width:300px; height:45px; display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:center; }
.line_atc { width:100%; display:flex; justify-content:space-between; }
.line_atc_atcbtn { display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:center; height:28px; margin-left:3px; font-size:13px; font-weight:500; position:relative; }
.line_price { min-width:80px; text-align:right; margin-right:9px; }
.line_delbutton { width:30px; height:30px; margin:0 5px; text-align:center; font-size:18px; line-height:33px; font-weight:400; color:#333333; }
.line_amount { margin-left:auto; }
.atcmessage { display:none; position:absolute; width:100%; min-height:100%; background-color:#AAFF88; border:1px solid #008800; text-align:center; padding:8px 5px; font-weight:500; z-index:99; }

.cartfooter { width:100%; display:flex; flex-wrap:nowrap; justify-content:end; padding:5px 0 5px 0;  font-weight:500; }
.cartfooter_amount { min-width:100px; text-align:right; }
.cartfooter .line_amount {margin-left:20px; min-width:110px; }
.cartfooter.topline { border-top:1px solid #A0A0A0; }

.cart-nextaction { display:flex; justify-content:space-between; width:100%; padding:10px 0; flex-wrap:nowrap; align-items:center; border-top:1px solid #A0A0A0; margin-top:20px; }
#backlink { margin-top:15px; white-space:nowrap; overflow:hidden; width:100%; border-top:1px solid #E0E0E0; padding-top:5px; }
#backlinktext { max-width:255px; display:inline-block; text-overflow:ellipsis; overflow:hidden; }

/* ----- ADDRESSBLOCK ----- */
.adrblk_entry   { width:100%; padding:2px 0; height:auto; overflow:auto; }
.adrblk_entry::after { content:""; display:block; clear:both; height:0; }
.adrblk_caption { display:block; float:left; width:180px; padding:3px 5px 1px 1px; font-size:14px; }
.adrblk_data    { display:block; float:left; font-size:13px; }
.adrblk_data_d  { display:block; float:left; border:1px solid #F0F0F0; }

/* ----- CONTACT ----- */
.contactblocks { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:start; width:100%; max-width:var(--contentw); margin-bottom:30px; }
.addressblocks { display:flex; flex-direction:column; justify-content:start; width:100%; max-width:350px; }
.contactblocks .addressblock { max-width:299px; margin-bottom:30px; }
.contactform { width:100%; max-width:500px; position:relative; align-self:stretch; min-height:400px; }
.captchadiv label { display:block; font-size:12px; text-indent:4px; text-align:left; font-family:MavenPro,Arial,Helvetica,sans-serif; }
.telfax { width:65px; }

/* ----- CHECKOUT ----- */
.checkout-login { width:570px; max-width:99vw; display:flex; justify-content:space-between; align-items:center; padding-bottom:5px; border-bottom:1px solid #E0E0E0; margin-bottom:10px; }
.checkout-address { width:580px; max-width:99vw; float:left; margin-bottom:30px; }
.checkout-basket  { float:right; max-width:99vw; width:calc(100% - 620px); min-width:360px; position:relative; }

.cobasketline { display:flex; width:100%; justify-content:space-between; align-items:start; flex-wrap:nowrap; padding:3px 0; font-size:14px; line-height:110%; }
.cobasketline > div { line-height:110%; }
.cob_qty { width:30px; padding-right:5px; text-align:center; }
.cob_dsc { width:calc(100% - 120px);  }
.cob_amt { width:85px; text-align:right; padding-right:2px; font-weight:500; }

.agb_ds { font-size:14px; line-height:110%; padding:10px 0 1px 0; }
.agbds_link { font-weight:500; color:var(--retrored); }
.agbds_link:hover { color:#888888; }


.googlemap { margin-top:20px; } 
.routeplanner { display:block; text-decoration:none; color:var(--retrored); font-size:19px; font-weight:500; margin-top:10px; }
.routeplanner::before { content:'\F14E'; display:inline-block; font-size:22px; font-family:'Font Awesome 5 Pro',FontAwesome; color:var(--retrored); margin-right:5px; }

/* ----- DOWNLOADS ----- */
.downloadfiles { display:flex; flex-direction:column; align-items:start; justify-content:start; padding-bottom:15px; overflow:hidden; }
.downloadfiles a { display:block; width:100%; padding:2px 5px; font-size:17px; }
.downloadfiles a:hover { background-color:#E0E0E0; }
.file_pdf::before { content:'\F1C1'; width:20px; color:#FF0000; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:21px; margin-right:5px; }
.file_doc::before { content:'\F1C2'; width:20px; color:#0000FF; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:21px; margin-right:5px; }
.file_xls::before { content:'\F1C3'; width:20px; color:#008800; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:21px; margin-right:5px; }
.file_ppt::before { content:'\F1C4'; width:20px; color:#BC4E2E; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:21px; margin-right:5px; }
.file_img::before { content:'\F1C5'; width:20px; color:#8888FF; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:21px; margin-right:5px; }
.file_zip::before { content:'\F1C6'; width:20px; color:#FF8800; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:21px; margin-right:5px; }
.file_exe::before { content:'\F31A'; width:20px; color:#666666; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:21px; margin-right:5px; }
.file_app::before { content:'\F31A'; width:20px; color:#666666; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:21px; margin-right:5px; }
.file_gen::before { content:'\F15B'; width:20px; color:#000000; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:21px; margin-right:5px; }


.filedialogline { width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap; cursor:pointer; padding:2px 1px; }
.filedialogline:hover { background-color:#E0E0E0; }
.filedialogline .icon { width:30px; font-size:21px; }
.filedialogline .filename, .filedialogline .foldername { width:calc(100% - 25px); font-size:16px; }

/* --- FORMS --- */
form p { overflow:hidden; position:relative; text-align:left; float:left; }
form p label { display:block; padding:0 0 5px 3px; text-align:left; font-size:13px; }

#pg_registration, #pg_registration_f { position:relative; max-width:99%; margin:0 auto 0 auto; padding:0; }
#pg_registration fieldset:after { content:""; display:table; clear:both; }
#pg_registration input, #pg_registration select { display:block; font-weight:normal; }
#pg_registration input, #pg_registration textarea, #pg_registration select { font-size:14px; border-radius:3px; display:inline-block; padding:4px 3px 4px 5px; margin:0 0 4px 2px; border:1px solid #AAAAAA; } 
#pg_registration select { padding:2px 3px; }


/* --- BUTTONS --- */
.mtbutton { min-width:34px; height:34px; font-size:16px; font-weight:500; background-color:var(--retrored); color:#FFFFFF; padding:0 5px; border:0; display:inline-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; cursor:pointer; }
.mtbutton:hover { background-color:var(--mediumgray); color:var(--retrored); }

.rbutton { height:30px; background-color:var(--retrored); color:#FFFFFF; border:0; padding:0 5px; text-align:center; font-size:14px; font-weight:500; display:inline-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; cursor:pointer; line-height:105%; }
.rbutton:hover { background-color:var(--mediumgray); color:var(--retrored); }
.rbutton i.fa { font-size:17px; font-weight:400; }

.gbutton { height:28px; font-size:15px; font-weight:500; background-color:#777777; color:#FFFFFF; padding:0 5px; border:0; display:inline-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; cursor:pointer; }
.gbutton:hover { background-color:var(--mediumgray); color:var(--retrored); }
.gbutton i.fa { font-size:17px; font-weight:700; }

/* -- AUTOCOMPLETE -- */
.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; }
.autocomplete { border:1px solid #999999; background:#FFFFFF; cursor:default; text-align:left; max-height:350px; overflow-x:hidden; overflow-y:auto; margin:-6px 6px 6px -6px; -webkit-box-shadow:4px 4px 3px 0px rgba(50,50,50,0.6); box-shadow:4px 4px 3px 0px rgba(50,50,50,0.6); }
.autocomplete .selected { background:#D6F0FD; }
.autocomplete div { font-size:14px; color:#606060; padding:2px 5px 2px 3px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#000000; }

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }



/* ----- FOOTER ----- */
.footer { background-color:var(--retrored); color:#FFFFFF; font-size:16px; font-weight:300; line-height:130%; margin-top:15px; border-top:5px solid var(--mediumgray); }
.footer a { color:inherit; text-decoration:none; }
.footer a:hover { color:var(--lightgray); }
.footercontent { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:start; width:100%; max-width:var(--contentw); margin:0 auto 0 auto; padding:0 0 20px 0; }
.footercontent > div { width:30%; min-width:240px; min-height:40px; position:relative; padding-top:20px; }
.footsecttitle { font-weight:500; padding-bottom:5px; }
.footer_telefon, .footer_telefax, .footer_email { display:flex; width:100%; flex-wrap:nowrap; flex-direction:row; justify-content:start; align-items:start; }
.footer_telefon, .footer_email { margin-top:12px; }

.footer_social { display:flex; justify-content:start; align-items:center; font-size:28px; padding-top:10px; }
.footer_social > div { min-width:50px; margin-right:5px; }
.footerpagelinks { display:flex; flex-direction:column; align-items:start; justify-content:start; flex-wrap:nowrap; }

.footerimage { display:flex; justify-content:end; align-items:center; padding:5px 0; position:relative; }
.footerimage img { border:1px solid #FFFFFF; width:100%; height:auto; }

/* ----- Owl Carousel v2.3.4 ----- */
.owl-carousel, .owl-carousel .owl-item {-webkit-tap-highlight-color:transparent;position:relative; }
.owl-carousel { display:none; width:100%; z-index:1 }
.owl-carousel .owl-stage {position:relative; -ms-touch-action:pan-Y; touch-action:manipulation; -moz-backface-visibility:hidden; }
.owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0); }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); }
.owl-carousel .owl-item { min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none; }
.owl-carousel .owl-item img {display:block; width:100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display:none; }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display:block; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot { background:0 0; color:inherit; border:none; padding:0!important; font:inherit; }
.owl-carousel.owl-loading { opacity:0; display:block; }
.owl-carousel.owl-hidden { opacity:0; }
.owl-carousel.owl-refresh .owl-item { visibility:hidden; }
.owl-carousel.owl-drag .owl-item { -ms-touch-action:pan-y; touch-action:pan-y; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.owl-carousel.owl-grab { cursor:move; cursor:grab; }
.owl-carousel.owl-rtl { direction:rtl; }
.owl-carousel.owl-rtl .owl-item { float:right;}
.owl-carousel .animated { animation-duration:1s; animation-fill-mode:both; }
.owl-carousel .owl-animated-in { z-index:0; }
.owl-carousel .owl-animated-out { z-index:1; }
.owl-carousel .fadeOut { animation-name:fadeOut; } @keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} }
.owl-height { transition:height .5s ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity:0; transition:opacity .4s ease; }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height:0; }
.owl-carousel .owl-item img.owl-lazy { transform-style:preserve-3d; }
.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000; }
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align:center; -webkit-tap-highlight-color:transparent; }
.owl-theme .owl-nav { margin-top:10px; }
.owl-theme .owl-nav [class*=owl-] { color:#FFF; font-size:14px; margin:5px; padding:4px 7px; background:#D6D6D6; display:inline-block; cursor:pointer; border-radius:3px; }
.owl-theme .owl-nav [class*=owl-]:hover { background:#869791; color:#FFF; text-decoration:none; }
.owl-theme .owl-nav .disabled { opacity:.5; cursor:default; }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top:10px; }
.owl-theme .owl-dots .owl-dot { display:inline-block; zoom:1; }
.owl-theme .owl-dots .owl-dot span { width:10px; height:10px; margin:5px 7px; background:#D6D6D6; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#869791; }
.owl-small .owl-dots { margin-top:2px !important; }

.carouselbox { display:block; position:relative; text-decoration:none; margin:0 1%; min-height:250px; text-align:center; background-color:#FFFFFF; background-position:center center; background-size:contain; background-repeat:no-repeat; }
.carouselimg { position:absolute; top:0; left:0; width:100%; height:calc(100% - 38px); background-color:#FFFFFF; background-position:center center; background-size:contain; background-repeat:no-repeat; }
.carouseltxt { font-size:17px; font-weight:500; position:absolute; left:0; bottom:0; width:100%; min-height:20px; max-height:38px; line-height:110%; text-align:center; overflow:hidden; color:#000000; }

.carouselbox2 { display:block; position:relative; text-decoration:none; margin:0 1px; min-height:202px; text-align:center; background-color:#FFFFFF; background-position:center center; background-size:contain; background-repeat:no-repeat; border:1px solid #E0E0E0; }
.carouselbox2:hover { border:1px solid #A0A0A0; }
.carouselimg2 { position:absolute; top:0; left:0; width:100%; height:calc(100% - 38px); background-color:#FFFFFF; background-position:center center; background-size:contain; background-repeat:no-repeat; }
.carouseltxt2 { font-size:15px; font-weight:500; position:absolute; left:0; bottom:2px; width:100%; min-height:15px; max-height:38px; line-height:100%; text-align:center; overflow:hidden; color:#000000; }


.textsection { display:flex; width:100%; max-width:var(--contentw); flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:start; }

/* ----- FancyBox ----- */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; }
.fancybox-skin { position:relative; background-color:#010101; color:#F4F4F4; text-shadow:none; }
.fancybox-opened { z-index:8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5); }
.fancybox-outer, .fancybox-inner { position:relative; }
.fancybox-inner { overflow:hidden !important; padding-top:27px; zoom:1; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; }
.fancybox-error { color:#444444; font:14px/20px OpenSans,Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; }
.fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%; }
.fancybox-image { max-width:100%; max-height:100%; }
#fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image:url(/assets/images/themes/fancybox/fancybox_sprite.png); }
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; }
#fancybox-loading div { width:44px; height:44px; background:url(/assets/images/themes/fancybox/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position:absolute; top:2px; right:2px; width:28px; height:27px; cursor:pointer; z-index:8040; background-color:var(--darkgreen); }
.fancybox-close:after { content:'\F00D'; font-family:'Font Awesome 5 Pro',FontAwesome; font-size:22px; position:relative; display:block; top:2px; left:0; width:28px; height:27px; color:#FFFFFF; text-align:center; }
.fancybox-close:hover { background-color:#FF0000;; }
.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(/assets/images/themes/fancybox/blank.gif); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; }
.fancybox-prev { left:0; }
.fancybox-next { right:0; }
.fancybox-nav span {position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; }
.fancybox-prev span { left:10px; background-position:0 -36px; }
.fancybox-next span { right:10px; background-position:0 -72px; }
.fancybox-nav:hover span { visibility:visible; }
.fancybox-tmp { position:absolute; top:-9999px; left:-9999px; visibility:hidden; }
.fancybox-lock { overflow-x:hidden !important; overflow-y:scroll !important; width:auto; }

.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background-color:rgba(255,255,255,0.6);  }

.fancybox-overlay-fixed { position:fixed; bottom:0; right:0; z-index:8011; }
.fancybox-lock .fancybox-overlay { overflow:hidden !important; }
.fancybox-title { position:absolute; top:2px; left:2px; width:100%; max-width:calc(100% - 2px); overflow:hidden; visibility:hidden; font:normal 13px/20px OpenSans,Helvetica,Arial,sans-serif; text-shadow:none; z-index:8050; }
.fancybox-opened .fancybox-title { visibility:visible; }
.fancybox-title-float-wrap { position:absolute; z-index:8030; }
.fancybox-title-float-wrap .child { display:block; padding:2px 10px; max-width:calc(100% - 30px); background:var(--darkgreen); text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:23px; white-space:nowrap; }
.fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#FFFFFF; }
.fancybox-title-inside-wrap { padding-top:10px; }
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#FFFFFF; padding:10px; background:#000000; background:rgba(0,0,0,.8); }

.fancybox-skin { background-color:#000000; }
.fancybox-outer { background-color:#FFFFFF; }
.fancybox-slide--iframe .fancybox-close-small { top:2px !important; right:-2px !important; width:28px; height:28px; background-color:#F8F8F8; border-top:2px solid #000000; border-right:2px solid #000000; }
.fancybox-close-small::after { width:28px !important; font-size:31px !important; border-radius:0 !important; height:28px !important; }
.fancybox-close-small:hover::after { background-color:var(--retrored) !important; color:#FFFFFF !important; }

.fancybox-title-float-wrap .child { height:27px; background:#000000; text-shadow:none; color:#FFFFFF; font-family:MavenPro; font-size:16px; font-weight:500; line-height:unset; }
.fancybox-close { background-color:#000000; }



@media only screen and (max-width:1160px)
	{
	.container, .partner_box_container { padding:5px 5px 12px 5px; }
	nav.dsk .dropdown li a { padding:10px 8px; }
	.footercontent { padding:0 5px 20px 5px; }
	#debugoutput { display:none; }
	
	nav.dsk .dropdown { letter-spacing:-1px; }
	}

@media only screen and (max-width:1023px)
	{
	nav.dsk { display:none; }
	.mobspacer { display:block; height:70px; }
	.mainlogo { padding:5px 10px 5px 5px; width:220px; }
	h1 { font-size:23px; }
	h2 { font-size:21px; }
	h3 { font-size:20px; }
	h4 { font-size:17px; }
	
	nav.mob { position:absolute; z-index:99999; top:0; left:0; min-height:41px; border-bottom:3px solid var(--retrored); border-top:1px solid var(--retrored); width:100vw; margin:0; padding:0; list-style:none; text-align:left; background-color:var(--lightgray); display:flex; justify-content:start; flex-direction:column; }
	nav.mob [type="checkbox"] { display:none; }
	
	nav.mob ul { display:none; width:100vw; margin:0; padding:0; list-style:none; background-color:var(--lightgray); justify-content:start; flex-direction:column; }
	
	nav.mob li { position:relative; border-bottom: 1px solid #E0E0E0; }
	nav.mob li a { color:#000000; text-decoration:none; display:block; padding:10px; }
	nav.mob li a:hover { background-color:var(--menubghov); color:var(--retrored); }
	nav.mob li ul { position:relative; margin:0; padding:0; list-style:none; display:none; line-height:normal; background-color:var(--menubgstd); }
	nav.mob li ul li a { text-align:left; color:#000000; font-size:14px; padding:10px 45px 10px 20px; display:block; white-space:nowrap; }
	nav.mob li ul li a:hover { background-color:var(--menubghov); color:#000000; }
	nav.mob li ul li ul { left:40px; width:calc(100vw - 40px); top:0; padding-left:0; }
	
	nav.mob ul li:hover > a { background-color:var(--menubghov); color:var(--retrored) !important; }

	.toggle + a, .menu { display:none; }
	.toggle { display:block; position:absolute; right:0; top:0; width:40px; height:38px; line-height:38px; font-size:20px; text-align:center; overflow:hidden; padding:0; color:#000000; font-size:20px; text-decoration:none; border:none; }
	.toggle:hover { color:#FFFFFF; background-color:var(--retrored); }

	nav.mob [id^=drop]:checked + ul { display:flex; }
	nav.mob ul.firstlevel { border-top:1px solid var(--retrored); margin-top: 2px; }
	.hamburgermenu { color:#000000; font-size:20px; width:40px; height:40px; text-align:center; line-height:37px; margin-bottom:1px; }
	.hamburgermenu:hover { background-color:var(--lightgray); color:var(--retrored); }

	
	.container, .partner_box_container { padding:5px 5px; }
	.checkout-basket  { clear:both; float:left; width:100%; min-width:320px; position:relative; }
	
	.footercontent { padding:0 5px 15px 5px; }
	}

@media only screen and (max-width:900px)
	{
	.mobspacer { height:45px; }
	.addressblocks { font-size:14px; width:100%; flex-direction:row; justify-content:space-between; max-width:inherit; }
	.contactblocks .addressblock { width:49%; }
	.telfax { width:52px; }
	.productbox { min-width:calc(33.2% - 20px); }
	}

@media only screen and (max-width:768px)
	{
	h1 { font-size:22px; padding:0 5px; }
	h2 { font-size:20px; padding:0 5px; }
	h3 { font-size:18px; padding:0 5px; }
	h4 { font-size:16px; padding:0 5px; }
	.partner_box { width:22%; }
	.itemtabs a { font-size:14px; min-width:100px; min-width:100px; padding:5px 4px; max-width:25%; white-space:nowrap; overflow:hidden; }
	.videolinkcontainer { justify-content:space-around; }
	.vlcstart { justify-content:space-around; }
	.vlmargin { margin-right:0; }
	.adrblk_caption { font-size:13px; width:160px; }
	
	#address_ws { width:100%; text-align:center; }
	.footer { font-size:14px; }
	.footercontent > div { width:49%; min-width:49%; }
	}

@media only screen and (max-width:600px)
	{
	body { font-size:14px; }
	h1 { font-size:16px; }
	h2 { font-size:15px; }
	h3 { font-size:14px; }
	h4 { font-size:14px; }
	.partner_box { width:32%; }
	.haelfte { width:100%; padding:0 5px; }
	.drittel { width:49%; }
	
	.flex2 > div { width:100%; }
	.flex3 > div { width:49%; }
	.flex4 > div { width:49%; }
	
	#shortinfo { padding-left:0; }
	.price_and_atb { padding-right:0; }
	.productbox { min-width:calc(50% - 20px); }
	.productbox .producttitle { font-size:13px; }
	
	.itemtabs a { font-size:13px; min-width:100px; min-width:100px; padding:5px 3px; max-width:25%; white-space:nowrap; overflow:hidden; }
	.adrblk_caption { font-size:13px; width:100%; }
	}

@media all and (max-width:330px)
	{
	nav ul li { display:block; width:94%; }
	}
