@media screen and (max-width: 800px) {
p, span, div, li, .cmsList li * {font-size:12pt; line-height:14pt}
h1 {font-size:110%}
h1.cmsHeadline {font-size:150%; line-height:120%}
h2 {font-size:100%}
h2.cmsHeadline {font-size:108%}
h3 {font-size:100%}
h4 {font-size:100%}
h5 {font-size:100%}
h6 {font-size:100%}
.newsDate {padding-right:4%; text-align:right; float:right}
#nav_sub li a, #nav_main li a{font-size:13pt; padding-top:6px; padding-bottom:6px}
.cmsCompany, .cmsName, .cmsStreet, .cmsTown, .cmsPhone, .cmsMail {font-size:12pt; line-height:14pt}

a {-webkit-touch-callout: none !important; }

html, body {overflow-x:hidden; background-color:#fff }
body {overflow-y:hidden; }

.page_margins { width:100%; min-width:inherit; max-width:inherit; padding-top:0; overflow-x:hidden;}
.page {width:100%; box-shadow:none; overflow-x:hidden;}
#main {background-image:none!important;overflow-x:hidden;}
#logo {height:auto; width:100%; }
#logo table {width:auto; height:auto;}
#topnav {display:none}
#col1, #col2, #col3 {width:100%; clear:both; background-color:#fff}
.placeholderCrossSlide {width:100%!important; max-width:100%!important;}
img {max-width:100%!important; height:auto!important}
.produktIframe {width:100%!important; height:7000px!important}


#customLeft, #kontakt {display:none}
#kontaktResponsive, #customLeftResponsive {display:block; float:left; clear:both; background-color:#E7E8EA; width:100%}
/*#customLeftResponsive .cmsHorizontalDistance {display:none}*/
#customLeftResponsive .cmsContact {margin-top:0; padding:0; width:100%; text-align:center; height:auto; padding-top:1em; padding-bottom:1em}

.cmsColLeft, .cmsColMiddle, .cmsColRight {width:100%}
.cmsColRight {margin-top:1em}

.produkte .beschreibung {width:auto}
.produkte .imageCell {min-width:129px; max-width:129px; width:129px!important; background-image:none!important}
.produkte .imageCell img {width:100%!important; height:auto}

.cmsIndentInner {padding-left:10px}
.cmsIndentInner > h1 {margin-top:0}
.bullet {display:none}
.contentLeftTd {display:block; float:left; width:100%}
.contentRightTd {display:block; float:left; width:100%}

.cmsRecordset table {width:100%}
.cmsRecordset td {display:block; width:100%}

table.produktprogramme a.produktprogramm:before {top:-3px; position:relative}

#kontaktformular {width:100%; }
#kontaktformular tr {display:block; float:none; width:100%; clear:both}
#kontaktformular tr td{display:block; float:none; width:90%; padding:0}
#kontaktformular tr td:first-child, #kontaktformular tr td:nth-child(3) {padding-top:1em}
#kontaktformular input[type="text"], #kontaktformular input[type="submit"], #kontaktformular input[type="reset"] {width:100%!important}
#kontaktformular input[type="radio"] {display:block; float:left; clear:both; margin-bottom:1em}
#kontaktformular td span { float:left; padding-left:6px; margin-bottom:1em}
#kontaktformular td span.mail {float:none; margin-top:1em; margin-bottom:1em; display:inline-block}
#kontaktformular textarea {width:100%!important}


#wartungsformular {width:100%}
#wartungsformular tr {display:block; float:none; width:100%; clear:both}
#wartungsformular tr td{display:block; float:none; width:90%; padding:0}
#wartungsformular tr td:first-child, #wartungsformular tr td:nth-child(3) {padding-top:1em}
#wartungsformular input[type="text"], #kontaktformular input[type="submit"], #kontaktformular input[type="reset"] {width:100%!important}
#wartungsformular input[type="radio"] {display:block; float:left; clear:both; margin-bottom:1em}
#wartungsformular td span { float:left; padding-left:6px; margin-bottom:1em}
#wartungsformular td span.mail {float:none; margin-top:1em; margin-bottom:1em; display:inline-block}
#wartungsformular textarea {width:100%!important}

.news h2 {padding-top:0}

#googleMap {width:90%!important}

ul.dropdown-vertical ul {left:0; }
ul.dropdown-vertical ul.deselected {display:none}
ul.dropdown-vertical > li.deselected:hover > ul {position:relative; display:block; float:left; height:auto; visibility:visible}
ul.dropdown ul ul {left:0; display:none}

#footer {height:auto; float:left; width:100%; min-height:60px}

#footerMenuResponsive { width:auto; display:block; float:right; padding-right:10px; padding-top:3px; margin-bottom:0}
#footerMenuResponsive li { list-style-type: none; float: left; margin:0px; padding:0px; line-height:14pt }
#footerMenuResponsive a { color: #FFF; font-size:10pt; font-weight: bold; background:none; text-decoration:none; float:left }
#footerMenuResponsive a:focus,
#footerMenuResponsive a:hover,
#footerMenuResponsive a:active{ text-decoration:underline; background-color: none;}
#footerMenuResponsive .topnav_divider { color: #FFF; font-weight: bold; font-size:10pt; width:10px; text-align:center; float:left; line-height:13pt}

/* search form */
#searchResponsive {width:100%; float:none; margin-top:1em }
#searchResponsive form {}
#searchResponsive input[type="text"] {padding:2px 5%; width:60%; height:20px; font-size:12px; border:1px solid #CCC; border-radius:4px; float:left}
.js #searchResponsive {display:none}


/*
.icon-menu {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAABVSURBVCjPY2CgL8iSyLDAB9MVgIrS12f+xwsvgxQpZHngg+laxLopWzjLAB/MliLCTRmXQIpUMwPwwSwDYt2UL5CmgQ9miBHrpkzNjAh8MN2MYVACAGCUh+5VK5sjAAAAAElFTkSuQmCC');background-repeat:no-repeat}
.icon-menu-dims{width:18px;height:18px}
.icon-search{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADQSURBVCjPY2AAAcYsm4y2zLmZTZmmDNhBLl/GpvTfmdsyp2VsB9JLCzkx1TCm78y8nq0G4aRpZNzMXMXAiKYmwy/9R6YSgp+lkvkzwwld0XygTlSRtZkz0BSl785oQ1PUmbkDTVHm8vTF6CKZS9EVxaV/ThZH8FMlM75kRKEpSmPNvJB5LE0EapVYxon05/UsGGGQKZt+Jf19+szMyoxZmR+AWv5lTMAIBAaGeI7MjMzNmSczVmeG1zNlxONQhua/Qa4ss4uBEMiMyehmIA4AAPlQVkIrcP+LAAAAAElFTkSuQmCC');background-repeat:no-repeat}
.icon-search-dims{width:18px;height:18px}
*/


#icon-menu{width:30px;height:30px; background-size:contain; display:block; float:right; padding-right:1em; margin-top:0.5em; background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20height%3D%2218%22%20width%3D%2218%22%20version%3D%221.1%22%20y%3D%220px%22%20x%3D%220px%22%20viewBox%3D%220%200%2018.43%2018.43%22%20enable-background%3D%22new%200%200%2018.43%2018.43%22%3E%3Cg%20id%3D%22icon_menu-Ebene_4%22%3E%3Cg%20id%3D%22icon_menu-XMLID_11_%22%3E%3Cpath%20d%3D%22m0.922%205.417h-0.009c-0.35-0.007-0.632-0.341-0.632-0.765%200-0.427%200.288-0.768%200.642-0.768h15.724c0.354%200%200.642%200.337%200.642%200.764s-0.287%200.77-0.641%200.769h-15.726z%22%20fill%3D%22%23696969%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22icon_menu-XMLID_6_%22%3E%3Cg%20fill%3D%22%23696969%22%3E%3Cpath%20d%3D%22m16.647%209.541h-15.725-0.009c-0.35-0.006-0.632-0.342-0.633-0.766%200-0.419%200.278-0.756%200.625-0.768h0.018%2015.725c0.354%200.001%200.641%200.338%200.641%200.764-0.001%200.427-0.288%200.77-0.642%200.77z%22%2F%3E%3Cpath%20d%3D%22m0.922%208.007h-0.018%200.018z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22icon_menu-XMLID_5_%22%3E%3Cg%20fill%3D%22%23696969%22%3E%3Cpath%20d%3D%22m16.646%2012.131h0.012c0.349%200.007%200.63%200.343%200.63%200.765%200%200.427-0.287%200.771-0.641%200.771h-15.725-0.009c-0.35-0.006-0.632-0.343-0.633-0.767%200-0.42%200.279-0.758%200.625-0.769h0.017%2015.724z%22%2F%3E%3Cpath%20d%3D%22m0.922%2012.131h-0.017%200.017z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat:no-repeat}
#icon-search{width:30px;height:30px; background-size:contain; display:block; float:right; padding-right:1em; margin-top:0.8em; clear:right; background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20height%3D%2218%22%20width%3D%2218%22%20version%3D%221.1%22%20y%3D%220px%22%20x%3D%220px%22%20viewBox%3D%220%200%2018.43%2018.43%22%20enable-background%3D%22new%200%200%2018.43%2018.43%22%3E%3Cg%20id%3D%22icon_search-Ebene_3%22%3E%3Cpath%20d%3D%22m8.523%208.585c1.595-1.595%201.595-4.181%200-5.777-1.595-1.595-4.182-1.595-5.777%200-1.595%201.596-1.595%204.182%200%205.777%201.595%201.596%204.182%201.596%205.777%200zm8.523%208.4c-0.244%200.243-0.717%200.243-0.96%200l-0.018-0.027-7.14-7.14-0.022%200.048c-2.099%201.715-5.12%201.594-7.077-0.364-2.087-2.087-2.087-5.47%200-7.558%202.086-2.087%205.47-2.087%207.557%200%201.903%201.903%202.149%204.807%200.581%206.9l0.041%200.08%207.102%207.101h0.014c0.243%200.245%200.165%200.717-0.078%200.96z%22%20fill%3D%22%23696969%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat:no-repeat; }

#icon-menu img, #icon-search img {width:30px; height:30px}

.js #nav_sub {display:none}

#nav_main {width:100%}
#nav_main table td {height:auto; width:100%; display:block; padding:0!important}
#nav_main td.nolink {display:none}

#nav_main td a{padding:8px 10px; width:100%; display:inline-block}

.js #nav_main {display:none}

#logo-non-responsive {display:none}
#logo-responsive {display:inline}

.hide-responsive {display:none}
.show-responsive {display:block}
.non-responsive .c20l,.non-responsive .c25l,.non-responsive .c33l,.non-responsive .c40l,.non-responsive .c38l,.non-responsive .c50l,.non-responsive .c60l,.non-responsive .c62l,.non-responsive .c66l,.non-responsive .c75l,.non-responsive .c80l{float:left}.non-responsive .c20r,.non-responsive .c25r,.non-responsive .c33r,.non-responsive .c40r,.non-responsive .c38r,.non-responsive .c50r,.non-responsive .c60r,.non-responsive .c66r,.non-responsive .c62r,.non-responsive .c75r,.non-responsive .c80r{float:right;margin-left:-5px}.non-responsive .c20l,.non-responsive .c20r{width:20%}.non-responsive .c40l,.non-responsive .c40r{width:40%}.non-responsive .c60l,.non-responsive .c60r{width:60%}.non-responsive .c80l,.non-responsive .c80r{width:80%}.non-responsive .c25l,.non-responsive .c25r{width:25%}.non-responsive .c33l,.non-responsive .c33r{width:33.333%}.non-responsive .c50l,.non-responsive .c50r{width:50%}.non-responsive .c66l,.non-responsive .c66r{width:66.666%}.non-responsive .c75l,.non-responsive .c75r{width:75%}.non-responsive .c38l,.non-responsive .c38r{width:38.2%}.non-responsive .c62l,.non-responsive .c62r{width:61.8%}
.non-responsive .cmsColRight {margin-top:0}
.non-bullet ul {margin-left:0; list-style-type:none}
.non-bullet li {margin-left:0; list-style-type:none}
.span-middle-right .cmsColMiddle.c25l, .span-middle-right .cmsColRight.c25r {width:50%}
.left-100 .cmsColLeft, .middle-100 .cmsColMiddle, .right-100 .cmsColRight {width:100%}
.left-50 .cmsColLeft, .middle-50 .cmsColMiddle, .right-50 .cmsColRight {width:50%}
.first-line-bold .cmsColLeft span {display:block}
.first-line-bold .cmsColLeft span::first-line {font-weight:bold}
}