/* Anpassungen für Geräte kleiner 768 Pixel */
@media screen and (max-width: 768px) {
/* master */
body { background-image:none; font-size:10px; }
.mainlinks { display:none; }
.center-inner { min-width:0em; }
.center-container { padding:0em 1em 0em 1em; }
.navbar .bg-bottom { display:none; }
nav .logo { position: relative; left: 0em; top: 1em; }
.navbar { height:7.5em; }
.header-area { margin-top:8em; max-height:15em; }
.header-area .header-overlay { display:none; }
.searchbox { display:none; }
.langs { top: 1.5em; right: 10em; }
.menutrigger { display: block; float:right; margin:2em 2em 0em 0em; }
.menutrigger img { width:5.5em; }
.pullmenu-mobile { display: block; }
.column-left { width:100%; clear:both; font-size:10px; max-width:none; margin-bottom:1em;}
.column-right { width:100%; clear:both; font-size:10px; padding-left:0em; }
.footer { }
.footer.extended .top .col { width:33%; }
.footer.extended .top .col h4 { min-width: 0em; width:90%; }
/* default.aspx */
#default .news-preview { width:100%; }
.hideleftcol #default .col-left { width:100%; clear:both; }
.hideleftcol #default .col-right { width:100%; clear:both; margin-top:2em;}
/* downloads.aspx */
#downloads-header .intro { width:95%; clear:both; }
#downloads-header .order { clear:both; }
#downloads .col-left { display:none; }
#downloads .col-right { width:100%; }
#downloads .folders-mobile { display:block; width:100%; }
/* kontakte.aspx */
#kontakte .person { width:50%; float:left; clear:none; }
#kontakte .person .portrait { float:left; width:30%; }
#kontakte .person .text { float:left; width:60%; }
#kontakte .mapph { width:100%; clear:both; margin-bottom:1em;}
#kontakte .filter { width:100%; clear:both; }
#kontakte .map { width:100%; max-width:auto; }
/* kundenloesungen.aspx */
#kln .elem { width:50%; }
#kln-header .text { max-width:90%; }
/* productlist.aspx */
#plist .elem { width:32%; }
#plist-header .text { max-width:95%; }
/* kundenloesung.aspx */
#kln-header .col-left { display:none; }
#kln-header .col-right { width:100%; clear:both; }
#kln-detail .col-left { display:none; }
#kln-detail .col-right { width:100%; clear:both; padding-left:0em; }
#kln-detail .styled-select { display:block; width:100%; }
/* productdetail.aspx */
#prod-detail .col-left { display:none; }
#prod-detail .col-right { width:100%; padding-left:0em; padding-right:0em; }
#prod-detail .tabs li div span { display:none; }
#prod-detail .tabs li div span { display:block; }
#prod-detail .styled-select { display:block; }
}
@media screen and (max-width: 680px)
{
.footer.standard { font-size:10px; height:auto; position:relative; top:0em; left:0em; }
.footer.standard .nodes { width:100%; }
.footer.standard .nodes li { clear:both; padding:0em; margin:1em 0em 0.5em 0em; border-left-width:0em; }
.footer.standard .social { width:100%; }
.footer.standard .phone { width:100%; display:block; float:none; }
}
@media screen and (max-width: 640px)
{
.footer.extended .top .col { width:50%; }
h5 { font-size: 2.4rem; }
.form .field { width:100%; clear:both; }
.form .label { width:100%; clear:both; }
.form .field.textbox input { width:100%; clear:both; max-width:100%; }
.form .field.checkbox { width:100%; clear:both; }
.form .field.inline { width:100%; clear:both; }
.form .field.inline + .field { width:100%; clear:both; }
.form .field.inline + .field span { width:100%; clear:both; text-align:left; }
.form .field.inline + .field input { width:100%; clear:both; }
.form .button { width:100%; }
/* news.aspx */
#news .tabs li { padding:2em 1em 2em 1em; }
#news .tabs li span { font-size:1.4em; }
/* kontakte.aspx */
#kontakte .person { width:100%; float:none; clear:both; }
#kontakte .person .portrait { float:left; width:30%; max-width:10em; }
#kontakte .person .text { float:left; width:60%; }
#kontakte .tabs[data-count="2"] a { width: 100%; }
#kontakte .tabs[data-count="3"] a { width: 100%; }
#kontakte .tabs[data-count="4"] a { width: 100%; }
#kontakte .tabs[data-count="5"] a { width: 100%; }
#kontakte .tabs[data-count="6"] a { width: 100%; }
/* productlist.aspx */
#plist-header .text { max-width:95%; }
#plist-header .cover { display:none; }
#plist-header .intro.withcover { width:100%; }
#plist .elem { width: 49%; }
#plist .elem:nth-child(n+4) { border-top:solid 0px #B3B2B7; }
#plist .elem:nth-child(n+3) { border-top:solid 1px #B3B2B7; }
}
@media screen and (max-width: 480px)
{
nav .logo { width:17em; margin-top:0em; }
.menutrigger { margin:1.7em 1em 0em 0em; }
.menutrigger img { width:4em; }
.navbar { height:6em; }
.header-area { margin-top: 7em; }
.footer.extended .top .col { width:100%; max-width:90%; }
.footer.extended .nodes { clear:both; width:100%; font-size:9px; padding:1em 0em 1.5em 0em; }
.footer.extended .nodes li { margin:0em; padding:0em; }
.footer.extended .nodes li + li { border-width:0px; padding-left:1em; }
.footer.extended .social { clear:both; width:100%; text-align:right; float:none; }
.footer.extended .social li:first-child { padding-left:0em; }
.footer .nodes { clear:both; float:none; display:block; }
.footer .phone { clear:both; float:none; display:block; }
.footer .social { clear:both; float:none; margin-left:0em; padding:1em 0em 3em 0em; min-height:6em; }
.footer .social li:first-child { padding-left:0em; }
/* default.aspx */
#default .box { width:100%; clear:both; margin:0em 0em 1em 0em; }
#default .box:nth-child(1) { width:100%; clear:both; }
#default .box:nth-child(2) { width:100%; clear:both; }
#default .box:last-child { width:100%; clear:both; }
#default .news-preview[data-count] .box { width:100%; }
#news .tabs li { float:none; clear:both; width:100%; }
#news .tabs[data-count="3"] li { float:none; clear:both; width:100%; }
#news .tabs[data-count="4"] li { float:none; clear:both; width:100%; }
#news .tabs[data-count="5"] li { float:none; clear:both; width:100%; }
/* news.aspx */
#news .entry .text { padding-right:1em; }
#news .entry .image { position:relative; top:0em; left:0em; clear:both; float:none; width:100%; margin-left:0em; max-width:40em; }
/* inhalt.aspx */
#inhalt img.preview { width:100%; clear:both; max-height:none; max-width:none; }
#inhalt .images { width:100%; clear:both; max-width:none; }
#inhalt .template-imagesvertical img.preview { max-width:none; }
/* downloads.aspx */
#downloads-header .order { clear:both; width:100%; min-width:0em; padding:2em; margin:0em 0em 2em 0em; background-color:#1377C0; background-image:none; min-height:0em; }
/* kundenloesungen.aspx */
#kln .elem { width:100%; padding-right:0em; border-bottom:0em; margin-bottom:3em; }
#kln .elem img { max-height:100%; }
#kln .elem span { min-height:auto; }
#kln-header .text { max-width:100%; }
/* productlist.aspx */
#plist .elem { width:100%; padding-right:0em; border-bottom:0em; margin-bottom:3em; border-top:solid 1px #B3B2B7; }
#plist .elem:first-child { border-top-width:0em; }
#plist .elem .spacer { width:100%; text-align:center; display:block; }
#plist .elem img { max-height:100%; margin:0em auto 0em auto; width:auto; }
#plist .elem span { min-height:auto; }
#plist-header .text { max-width:100%; }
#plist-header .examples { width:100%; text-align:center; }
/* productdetail.aspx */
#prod-header .col-left { display:none; }
#prod-header .col-right { width:100%; }
#prod-detail .tabs li div span { display:none; }
#prod-detail .thumb { width:49%; }
#prod-detail .thumb-pic { width:49%; }
#prod-detail .thumb-video { width:49%; }
#header-area { min-height:auto; }
/* kontakte.aspx */
#kontakte .comp table { width:100%; }
#kontakte .comp tr { display:block; width:100%; }
#kontakte .comp td { display:block; width:100%; border-width:0px; padding:0em; }
#kontakte .comp td:first-child { width:100%; padding-bottom:0em; padding-top:1em; }
}
@media screen and (max-width: 360px)
{
nav .logo { width:12em; margin-top:0.8em; }
/* productdetail.aspx */
#prod-detail .thumb { width:100%; margin-right:0%; }
#prod-detail .thumb-pic { width:100%; margin-right:0%; }
#prod-detail .thumb-video { width:100%; margin-right:0%; }
}
@media screen and (max-width: 768px) and (orientation:landscape) {
/* master */
.footer { position:relative; top:0em; left:0em; width: 100%; }
}