/* Aufgrund der geringen Breite übergreifend Normalumbruch aktivieren */
* { white-space: normal !important; }

/* Farben */
body {
  color: #5f6468;
  background: #E8ECEF url(/static/images/mobile/body-bg.png) center repeat-y;
}

/* Positionierungskontext */    
div#Content { position: relative; }

div#Page { margin-bottom: 6px !important; }

/* PageContent bildet den weißen Container mit 8px Innenabstand rechts, links und unten */
div#PageContent {
  background-color: white;
  padding: 0 8px 8px !important;
  overflow: hidden;
}
body.M_produktkatalog div#PageContent { padding-bottom: 0 !important; }

/* Overflow aufheben */
.w560 { overflow: visible; }

/* Reset der Vermaßung */
.w44,
.w84,
.w174,
.w180,
.w184,
.w192,
.w216,
.w268,
.w270,
.w360,
.w364,
.w370,
.w378,
.w386,
.w560 {
  width: auto;
  height: auto;
}

/* Reset der Margin- und Padding-Angaben */

div.subTeaserMedium div.ml8,
div.M_contentColInner div.ml8,
div.M_contentColInner div.m8,
div.M_m0 { margin: 0; }

#PageContent div.pl8,
#PageContent div.p8 { padding: 0; }

img,
table { max-width: 100% !important; } 


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Typografie */

body,
*,
.txt10,
.txt12,
.txt12 *,
.txt12 td,
div.teaserSmallHeading,
div.teaserHeading,
#catalog h3 a span,
#SideBar div.sideBarTeaserContainer a,
#SideBar .sideBarTeaserContainer h3,
table.M_linearize div.M_refObjContent,
div.miniteaser-container div.miniteaser-content,
/* Katalog */
body.M_produktkatalog #catalog div,
body.M_produktkatalog #catalog div > strong,
body.M_produktkatalog #catalog p,
body.M_produktkatalog #catalog li,
body.M_produktkatalog #catalog td,
body.M_produktkatalog #catalog h6 {
  font-size: 14px;
  line-height: 1.3;
}
sup, sub {
  font-size: 12px;
  line-height: 1;      
}

div.txt15 {
  font-size: 14px;
  line-height: 1.3;
}
div.txt12 { margin: 6px 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Standardelemente */

html { -webkit-text-size-adjust: none; }

/* Silbentrennung */
body {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
/* Silbentrennung aufheben */
h1, h2 h3, h4, h5, h6,
p strong,
#Footer ul.inlineListLeft a,
#Footer ul.inlineListRight a {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;        
}

/* Listen */    
ul li { background-image: url(/static/images/mobile/arrow-list.png); }

div.M_contentColInner ul li { margin: 0 0 8px; }

/* Content-Tabellen */
table { margin: 8px 0; }

tr.h22px { height: auto; }

tr.h22px td { padding: 4px 12px 4px 0; }

td { min-width: 8px; }

div.modDoorMoodTeaser table td { vertical-align: top; }

table.form_table td { font-size: 13px; }

table.form_table td.cfirst input[type="text"],
table.form_table td.cfirst textarea { width: 25px; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */    

/* Elemente komplett ausblenden */

.hidden,
.M_hidden,
br.cBoth,
br.clear,
br[clear="all"],
br[class="clear:both"],
div.M_backlink,
div.M_backlinkBottom,
div.endLine,
div#navfig,
div#shop-sidebar {
  display: none !important;
  visibility: hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Linearisierung */

body,
div#Header,
div#Content,
div#Page,
div#PageContent,
div#HomePage,
div#SideBar,
div.sideBarContainer,
div.sideBarTeaserContainer,
div#Footer,
div#Footer ul,
Table.M_Linearize,
table.M_linearize tr,
table.M_linearize td,
table.M_linearize div.refObj,
table.M_linearize div.fLeft,
div.miniteaser-container,
div.miniteaser-container div.miniteaser,
#PageContent div.fRight,
#PageContent div.fLeft,
div#model div#model-image,
div#model div#model-description,
div#model div.model-number,
div.subTeaserMedium {
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  border: 0;
  float: none;
  clear: both;
  display: block;
}
table.M_linearize,
table.M_linearize thead,
table.M_linearize tfoot,    
table.M_linearize tbody,
table.M_linearize tr,
table.M_linearize th,    
table.M_linearize td { display: block; }

table.M_linearize { margin: 0; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Bereiche */

/* Header */    
div#logo {
  margin: 0;
  padding: 15px 0;       
}
#logo a {
  display: block;
  width: 51px;
  height: 44px;
  margin: 0;
  padding: 0;
  background: url(/static/images/mobile/logo.png);   
}
#logo img { display: none; }


/* Navigation */

div.M_menucontainer {}

.M_menucontainer div.M_menuicon {
  background: url(/static/images/mobile/menu-icon.png) right center no-repeat;
  width: 44px;
  height: 44px;
  position: absolute;
  right: 0;
  top: 12px;
  cursor: pointer;
}
/* Service- und Hauptnavigation ausblenden, wird per JavaScript auf Anforderung eingeblendet.
   Die erste Menüebene bleibt aufgeklappt, alle anderen nicht.
   Die :hover-Regeln betreffen die Darstellung auf dem Screen-Browser. */
.M_menucontainer div.M_menugroup,
.M_menucontainer div.M_menugroup #top-navigation li:hover ul { display: none; }

.M_menucontainer div.M_menugroup #top-navigation li.on:hover ul { display: block; }    

.M_menucontainer div.M_menugroup #top-navigation li.on:hover ul ul { display: none; }

.M_menucontainer div.M_menugroup #top-navigation li.on:hover ul li.on ul { display: block; }   

.M_menucontainer div.M_menugroup {
  color: white;
  background: #2b343b;
  position: absolute;
  top: 0;
  left: -8px;
  margin-right: 50px;
  overflow: hidden;
  padding: 8px 18px 16px;
  -webkit-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, .5);
  box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, .5);
}
.M_menucontainer .M_menugroup div.M_top-navigation-container { position: static; }
    


/* Sub-Navigation überhaupt nicht anzeigen */
div#sub-navigation { display: none; }

ul#top-navigation,
  #top-navigation li,
  #top-navigation li ul,
  #top-navigation li ul li,
  #top-navigation li ul li ul,
  #top-navigation ul.twoCols,
  #top-navigation ul.twoCols li.twoColsItem,
  #top-navigation li ul.twoCols li ul li span,
div#ServiceNavi,
  #ServiceNavi ul,
  #ServiceNavi ul li {
    position: static;
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
    border: 0;
    height: auto;
    width: auto !important;
    max-width: 100%;
    text-indent: 0;
}
ul#top-navigation li.on ul,
  #top-navigation li.on ul li {
    display: block;
    margin: 0;
    padding: 0;    
}
    
ul#top-navigation li.on ul li ul { display: none; }

ul#top-navigation li.on ul li.on ul { display: block; }

#top-navigation span {
  height: 0;
  line-height: 0;
}

#top-navigation li a,
  #top-navigation li li a,
  #top-navigation li li li a,    
#ServiceNavi ul li a {
  color: #889198;
  background: #2b343b;
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  font-size: 14px;
  line-height: 1.2;
  border-bottom: 1px solid #3a4750;
  font-weight: normal;
}    

/* Behandlung der 2. Menüebene */
#top-navigation li.on { border: 0; }

body.M_homepage #top-navigation li a,
  body.M_homepage #top-navigation li li a,
  body.M_homepage #top-navigation li li li a,
#top-navigation li.on a,
body.M_homepage #ServiceNavi ul li a {
  color: white;
  background: #2b343b;
}
#top-navigation li.on li a {
  color: white;
  background: #3a4750;
  border-bottom: 1px solid #5a6770;
  padding: 0 12px;
}

/* Behandlung der 3. Menüebene */
#top-navigation li.on li.on a,
#top-navigation li.on li.on li.on a { font-weight: bold; }

#top-navigation li.on li.on ul a {
  background-color: #5a6770;
  font-weight: normal;
  padding-left: 24px;
  border-color: #7a8790;
}


/* Breadcrumb */        
div#BreadCrumb {
  width: 100%;
  overflow: hidden;
  padding-bottom: 5px;
}
#BreadCrumb div { white-space: normal; }

#BreadCrumb div.arrow {
  background: url(/static/images/mobile/breadcrumb-arrow.png) left 5px no-repeat;
  height: auto;
}

#BreadCrumb div.fLeft {
  padding-top: 2px;
  padding-bottom: 2px;
}
#BreadCrumb a {
  color: #939aa2;
  background-color: transparent;
  font-size: 12px;
}
body.M_homepage div#BreadCrumb {
  color: #939aa2;
  background-color: transparent;
  font-size: 12px;  
  display: block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
/* Content Homepage */

div.M_homepagebanner {
  overflow: hidden;
  border-bottom: 10px solid #E8ECEF;
}
.M_homepagebanner img { height: auto; }

.M_homepagebanner a {
  border: 1px solid white;
  display: block;
}
div#HomepageTeaserBar {
  margin: 0;
  padding: 0;
  overflow: hidden;  
}
div#HomepageTeaserBar div.w174 {
  border-bottom: 10px solid #E8ECEF;
  padding: 5px;
  overflow: hidden;
}
div#HomepageTeaserBar div.teaserHeading {
  margin: 0 0 5px;
  padding: 0;
}
div#HomepageTeaserBar div.teaserHeading a {
  font-size: 13px;   
  font-weight: bold;
}
div#HomepageTeaserBar img {
  float: left;
  width: 126px;
  height: auto;
}
div#HomepageTeaserBar div.text { margin: 0 0 0 135px !important; }

div#HomepageTeaserBar div.cBoth { display: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Contentseiten */

/* Miniteaser, 2 Varianten */
div.miniteaser-container {}

#PageContent table.M_linearize div.fLeft.refObj,
div.miniteaser-container div.miniteaser {
  overflow: hidden;
  padding: 5px 0;
  border-bottom: 1px solid #bebebe !important;
}    
#PageContent table.M_linearize div.fLeft.refObjImg,
div.miniteaser-container a.imagelink {
  float: left;
  width: 82px;
  padding: 3px 6px 3px 0;
}
table.M_linearize div.M_refObjContent,
table.M_linearize div.M_refObjContent div.txt12,
table.M_linearize div.M_refObjContent div.txt12 p,
div.miniteaser-container div.miniteaser-content {
  margin-left: 8px;   
  margin-right: 5px;
  font-size: 12px !important;
  line-height: 1.2;
} 
table.M_linearize div.miniTeaser,
div.miniteaser-container div.miniteaser { min-height: 0; }


div.DoorMoodTeaser div.mood {
  padding: 0;
  overflow: hidden;
}
.DoorMoodTeaser > div.m8 { margin: 8px; }

/* Viptool Master */
div.link_mood_viptool_master { height: auto !important;}

div.link_mood_viptool_master img,    
div.link_mood_viptool_master div.abs { position: static; }

div.link_mood_viptool_master div.abs h1,
div.link_mood_viptool_master div.abs h2 {
  padding: 6px 12px;
  margin: 0;
  font-size: 21px;
  line-height: 1.2;
  float: none;
  display: block;
}
div.link_mood_viptool_master .abs a,
div.link_mood_viptool_master div.viptool_master_links {
  float: none;
  display: block;
}
div.link_mood_viptool_master div.viptool_master_links { margin: 12px; }

/* Kontaktseiten */
td div.adressElement { width: auto !important; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Suche */

div#guided_navigation  {
  width: 100%;
  background-color: transparent;
  margin: 0 0 15px 0;
}
body.M_searchpage div#BreadCrumb,
body.M_searchpage #guided_navigation div.M_guided_box_dynamic { display: none; }

body.M_searchpage #guided_navigation.M_guided_navigation_open div.M_guided_box_dynamic { display: block; }

#guided_navigation div.guided_box {
  padding-top: 0;
  margin: 0;
  border-top: 0;
}

#guided_navigation div.guided_box h1 {
  background: url(/static/images/mobile/arrow-right.png) 10px no-repeat;
  padding: 8px 8px 8px 28px;
  border-top: 1px solid #D9D9D9;
  cursor: pointer;
  font-size: 16px;
}
#guided_navigation.M_guided_navigation_open div.guided_box h1 {
  background: url(/static/images/mobile/arrow-bottom.png) 7px 13px no-repeat;
}

#guided_navigation div.guided_box h2 {
  font-size: 15px;
  padding: 10px 8px 8px 8px;
}
#guided_navigation div.guided_box li { background: none !important; }

#guided_navigation li a {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  display: inline-block;
}


#PageContent div.record {
  max-height: none;
}
#PageContent div.record div.recordContent div {
  font-size: 14px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;     
}

#PageContent div.Search form { padding: 8px 0; }

#PageContent div.Search form label { display: none; }

#PageContent div.Search input[type="text"] {
  border: 1px solid #bfc9d3;
  padding: 5px;
  width: 220px;
  height: 24px;
}

div.paging > div {
  float: none !important;
  margin: 8px 0 !important; 
}
.paging a,
.paging b {
  background-color: #F4F4F4;
  border: 1px solid #D9D9D9;
  display: inline-block;
  padding: 6px 10px;
  margin: 0 0 5px 0;  
}

#SideBar .M_searchcontainer input[type="text"] {
  height: 24px;
  font-size: 16px;
}

#SideBar .M_searchcontainer input[type="image"],
#PageContent div.Search input[type="image"] {
  padding: 9px 11px;
  background-color: #ff0;
  border: 1px solid #bfc9d3;
}
#SideBar .M_searchcontainer input[type="image"]:hover,
#PageContent div.Search input[type="image"]:hover { opacity: .5; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Überschriften */

div.headingContainer {
  padding: 0 !important;
  margin-top: 0 !important;
  height: auto !important;   
}

div.M_contentColInner div.headingContainer { margin-top: 8px !important; }


h1.moodHeading,
div.moodHeading {
  padding: 8px !important;
  border: 0 !important;
  border-bottom: 5px solid #E8ECEF !important;
  margin: 0 !important; /* überschreibt screen_default.css */
  
  max-width: 100% !important; /* überschreibt Inline-Style */
  max-width: -webkit-calc(100% - 16px) !important;        
  max-width: calc(100% - 16px) !important;
}
div.teaser_element div.moodHeading { max-width: 100% !important; }

div.teaserHeading { padding: 8px; }

div.teaserSmallHeading { padding: 4px 8px; }


div.M_contentCol div.textBox { margin: 8px 0; }

div.textBoxHeadingContainer div.textBoxHeading { padding: 4px 8px; }  

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
/* Contentspalten */

#PageContent div.M_contentCol {
  margin-top: 8px;
  margin-bottom: 8px;
}

.M_contentColMarginal div.download-text,
.M_contentColMarginal div.download-image {
  overflow: hidden;   
}

div.M_section { margin: 8px 0; }

.M_contentCol .M_contentColInner img,
.M_section img { margin: 0 0 5px; }

.M_contentCol .M_contentColInner p img,
.M_section p img { margin: 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Produktkatalog */

body.M_produktkatalog {}

.M_produktkatalog div#catalog { margin-bottom: 0; }

.M_produktkatalog #catalog h1 {
  padding: 8px !important;
  border: 0 !important;
  border-bottom: 5px solid #E8ECEF !important;
}

/* Produktgruppen und Produktbereiche (gemeinsame Regeln) */
.M_produktkatalog div#catalog div#productgroups { margin: 0}

.M_produktkatalog #catalog #productgroups h3,
.M_produktkatalog #catalog #productscopes h3 {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: normal;
  margin: 0;
  padding: 0;
  border-width: 0 0 1px !important;        
}
.M_produktkatalog #catalog #productgroups div.group h3 a,
.M_produktkatalog #catalog #productscopes div.group h3 a,
.M_produktkatalog #catalog div#cmscontent h3 span {
  padding: 0;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  height: 44px;    
  font-size: 14px;
  line-height: 1.2;
  background-position: 98% center !important;
}
.M_produktkatalog #catalog #productgroups .group h3 a span,
.M_produktkatalog #catalog #productscopes .group h3 a span {
  max-width: 250px; /* TODO */
  padding: 0 0 0 8px;
  text-overflow: ellipsis;
  margin: 0;
  white-space: normal;
  height: auto;
}    
.M_produktkatalog #catalog #productgroups div.group ul.group {
  border: 0;
  margin: 0;
  padding: 0;   
}
.M_produktkatalog #catalog #productgroups div.group ul.group li {
  border-width: 0 0 1px;
  margin: 0;
  height: 44px;
}
.M_produktkatalog #catalog #productgroups div.group ul.group li a {
  background: white url(/static/images/mobile/arrow-right.png) right center no-repeat;
  height: 44px;
}
.M_produktkatalog #catalog #productgroups div.group ul.group li a strong { line-height: 44px; }

.M_produktkatalog #catalog #productgroups div.group ul.group li a span {
  height: 42px !important;
  padding-left: 8px;
}
.M_produktkatalog #catalog .group span.image,    
.M_produktkatalog #catalog .group span.image img {    
  height: 40px !important;
  width: 40px !important;
}
.M_produktkatalog #catalog span.image { padding: 2px 0 0 6px; }

/* Produktbereiche und CMS-Content (gemeinsame Regeln) */
.M_produktkatalog #catalog div.backlink { display: none; }

.M_produktkatalog #catalog h2 { background-color: white; }

.M_produktkatalog #catalog div.tab-content {
  padding: 12px 0 0;
  border-left: 0;
  border-right: 0;
}
.M_produktkatalog #catalog h3.tab {
  margin-left: 4px !important;
  border-bottom: 1px solid white;
}
.M_produktkatalog #catalog h3.tab span { font-size: 14px; }

.M_produktkatalog #catalog #productscopes ul.sub,
.M_produktkatalog #catalog #productscopes ul.sub li {
  background-color: white;
  padding: 0;
}

.M_produktkatalog #catalog #productscopes ul.sub li { border-bottom: 1px solid #dbdbdb; }

.M_produktkatalog #catalog #productscopes ul.sub li a,
.M_produktkatalog #catalog td.allRefs a {
  color: #333;
  background: white url(/static/images/mobile/arrow-right.png) no-repeat right center;
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: normal;
  margin: 0;
  padding: 0 30px 0 8px;
  border-width: 0 0 1px !important;
  text-align: left;
}
.M_produktkatalog div#cmscontent { border-bottom: 0; }
    
.M_produktkatalog #cmscontent table.triPtychon td.allRefs { padding: 0; }

.M_produktkatalog #catalog div#cmscontent h3 {
  margin: 0;
  padding: 0;
  border-width: 0 0 1px;   
}
.M_produktkatalog #catalog div#cmscontent h3 span {
  padding: 0 35px 0 8px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  height: 44px;    
  font-size: 14px;
  line-height: 1.2;
  background-position: 98% center !important; 
}
.M_produktkatalog #catalog #cmscontent li.M_cmscontentEntry {
  margin: 8px;
  padding: 0;
  width: 294px !important;  
}
.M_produktkatalog #catalog #cmscontent table.M_linearize td {
  border: 0 !important;
}
tr.downloadElement { background: none; }


/* Produktmodelle */
.M_produktkatalog #catalog #productmodels ul.group li {
  border-width: 0 0 1px;
  margin: 0;
  height: 44px;
}
.M_produktkatalog #catalog #productmodels ul.group li a {
  background: white url(/static/images/mobile/arrow-right.png) right center no-repeat;
  height: 44px;
}
.M_produktkatalog #catalog span.name,
.M_produktkatalog #catalog .group a.decorative span {
  padding: 0 0 0 8px;
  width: 100%;
  height: 44px !important;
  font-size: 13px; /* Wird sonst schnell dreizeilig */
  line-height: 1.1;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.M_produktkatalog #catalog span.name { padding-left: 48px; }

.M_produktkatalog #catalog #productmodels h4,
.M_produktkatalog #catalog #model h4 { display: none; } /* Steht direkt darüber noch einmal */

/* Artikel */
.M_produktkatalog #model #model-description,
.M_produktkatalog #model div.model-number,
.M_produktkatalog #model div.anmerkungen {
  padding: 0;
  margin: 8px;
}
.M_produktkatalog #model table#model-articles td {
  background-color: white;
  border-bottom: 1px solid #dbdbdb; 
}
div#formerror { margin: 0; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Sidebar */

div#SideBar {}
  
#SideBar div.sideBarTeaserContainer {
  background-color: white;
  margin-bottom: 6px;
  padding: 6px;
}
#SideBar .sideBarTeaserContainer img {
  display: block;
  margin: 0 0 5px;
}
#SideBar .sideBarTeaserContainer img.icon {
  display: inline-block;
  margin: 0 6px 6px 0;
}

#SideBar .sideBarTeaserContainer p { margin: 6px 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
/* Suche und andere Formulare */

textarea[contenteditable] { -webkit-appearance: none; }

.M_menucontainer div.M_searchicon {
  background: url(/static/images/mobile/searchbutton-lens-with-shadow.png) center no-repeat;
  width: 44px;
  height: 44px;
  position: absolute;
  right: 60px;
  top: 11px;
  cursor: pointer;
}
div#Content.M_spaceForSearch {
  padding-top: 30px;
}
 
#SideBar div.M_searchcontainer {
  position: absolute;
  top: 0;
  height: 30px;
  display: none;
}
#SideBar .M_searchcontainer div.sideBarTeaserContainer {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
#SideBar .M_searchcontainer form label { display: none; }

#SideBar .M_searchcontainer input[type="text"] {
  border: 1px solid #bfc9d3;
  padding: 5px;
}


div.padding_forms { padding: 0; }

form.standard_form {}

.standard_form div.form_item { }

.standard_form .form_item label,
.form_item .label_item {
  background-color: transparent;
  display: block;
  float: none;
  font-size: 14px !important; /* überschreibt screen_default.css */
  margin: 12px 0 6px;
  cursor: pointer;
  width: auto;
}
.standard_form .form_item label.radiolabel { display: inline; }

.standard_form .form_item td.csecond label { margin: 0; }

.standard_form .form_item select,
.standard_form .form_item input,
.standard_form .form_item textarea { width: auto; }

.standard_form .form_item input[type = "radio"] { margin-bottom: 4px; }

.standard_form .form_item input[type="text"],
.standard_form .form_item textarea {
  border: auto;
  padding: 4px 6px;
  font-size: 14px;
  max-width: 100%;
  max-width: -webkit-calc(100% - 14px) !important;        
  max-width: calc(100% - 14px) !important;      
}
.standard_form .form_item select {
  padding: 4px 6px;
  font-size: 14px;
}
.standard_form div.submit_button { margin: 12px 0; }

.standard_form .form_item select:focus,
.standard_form .form_item input:focus,
.standard_form .form_item textarea:focus {
  -webkit-box-shadow:  0px 0px 4px 1px #ffff00;
  box-shadow:  0px 0px 4px 1px #ffff00;
}

form.M_fullSizeForm select { margin: 4px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
/* Sitemap */

div#sitemap {
    margin-top: -20px;
    width: 100% !important;
}

div#sitemap ul,
div#sitemap ul li,
div#sitemap ul li ul,
div#sitemap ul li ul li,
div#sitemap ul li ul li ul,
div#sitemap ul li ul li ul li,
div#sitemap ul li ul li ul li ul,
div#sitemap ul li ul li ul li ul li {
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  background: none !important;
}
div#sitemap ul li ul { margin: 0; }

div#sitemap ul li ul li ul,
div#sitemap ul li ul li ul li ul,
div#sitemap ul li ul li ul li ul li ul { margin: 0 0 0 16px; }

/* Homepage ausblenden */
div#sitemap > ul > li:first-child > div { display: none; }

div#sitemap ul li ul li > div a {
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
}
div#sitemap ul li ul li ul li div a {
  font-size: 14px;
  margin-top: 0;
}
div#sitemap ul li ul li ul li ul li div a { font-weight: normal; }

div#sitemap ul li a {
  background: none;      
  font-size: 14px;
  line-height: 1.2;
  display: block;
  width: auto !important;
  padding: 6px 0;
  margin: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
/* Footer */  

div#Footer { margin: 20px 0; }

#Footer ul.inlineListLeft,
#Footer ul.inlineListRight {
  float: none;
  display: block;
  text-align: center;
  margin: 0 20px;
  padding: 0;
}

#Footer ul.inlineListLeft li,
#Footer ul.inlineListRight li {
  border: 0;
  margin: 0;
  padding: 2px 0;
  float: none;
  display: inline-block !important;
}
#Footer ul.inlineListLeft li.M_hidden,
#Footer ul.inlineListRight li.M_hidden { display: none !important; }

#Footer ul.inlineListLeft li.noSep a,
#Footer ul.inlineListRight li.noSep a { border: 0; }

#Footer ul.inlineListLeft a,
#Footer ul.inlineListRight a {
  display: inline-block;
  padding: 5px 10px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
/* Fancybox-Anpassungen */      

body,
body.fancybox-lock { margin: 0 auto !important; }

div.fancybox-overlay {
  background-color: #666;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
/* Popups */

div#Popup {
  padding: 8px;
  background-color: white;
}
#Popup #Header {
  overflow: hidden;
  margin-bottom: 20px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */    

/* Elemente komplett ausblenden */

.M_hiddenOnScreen {
  display: block !important;
  visibility: visible !important;
}    


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */    

/* ISH Doorpage */

div#InsetFair {
  position: relative;
  margin: 0;
  padding-bottom: 10px;
}

#InsetFair h2.column-left {
  width: auto;
  margin: 5px 95px 0 0 !important;
  padding: 0 0 0 5px !important;
}
#InsetFair div.column-right {
  position: absolute;
  top: 0;
  right: 0;
}
#InsetFair div.column-right img {
  width: 87px;
  height: 40px;
}



div#PageHead div.caption { top: 10px; }

div#PageHead div.caption p,
div#PageHead div.caption p strong {
  font-size: 14px;
  line-height: 1.3; 
}
div#PageHead div.caption p { margin: 5px 10px; }

#PageHead a.wmuSliderPrev,
#PageHead a.wmuSliderNext { display: none; }

div#PageHead div.more_information {
  top: 85px;
  left: 5px;
  right: 5px;
  width: auto;
  font-size: 11px;
  background: none transparent;
}
div#PageHead div.more_information a { padding: 5px; }

div#PageHead div.more_information a,
div#PageHead div.more_information a span {
  height: auto;
  background: none white;
}

div.Tab div.TabTeaserContainer { background-repeat: repeat-x; }

div.Tab div.TabTeaserContainer ul { width: auto; }

div.Tab ul.TabTeaserNavigation li { background-size: auto; }

div.Tab ul.TabTeaserNavigation li a { background-position: 2px center !important; }

div#Intro {
  margin: 0;
  padding: 0; 
}
div#Intro .IntroContent { max-height: none; }

div#Intro ul li.IntroEntry { margin: 5px 7px; }




/* Andere Grafiken für Retina-Displays */

@media only screen
and (-webkit-min-device-pixel-ratio: 2) {

  /* Listen */    
  ul li {
    background-image: url(/static/images/mobile/arrow-list@2x.png);
    background-size: 5px 8px;
  }
  #logo a {
    background-image: url(/static/images/mobile/logo@2x.png);
    background-size: 51px 44px;
  }
  .M_menucontainer div.M_menuicon {
    background-image: url(/static/images/mobile/menu-icon@2x.png);
    background-size: 40px 30px;
  }
  #BreadCrumb div.arrow {
    background: url(/static/images/mobile/breadcrumb-arrow@2x.png)
    background-size: 5px 8px;
  }  
  .M_produktkatalog #catalog #productgroups div.group ul.group li a,
  .M_produktkatalog #catalog #productscopes ul.sub li a,
  .M_produktkatalog #catalog td.allRefs a,
  .M_produktkatalog #catalog #productmodels ul.group li a {
    background-image: url(/static/images/mobile/arrow-right@2x.png);
    background-size: 18px 16px;
  }    
  .M_menucontainer div.M_searchicon {
    background-image: url(/static/images/mobile/searchbutton-lens-with-shadow@2x.png);
    background-size: 45px 35px;
  }    
  #guided_navigation div.guided_box h1 {
    background-image: url(/static/images/mobile/arrow-right@2x.png);
    background-size: 18px 16px;
  }
  #guided_navigation.M_guided_navigation_open div.guided_box h1 {
    background-image: url(/static/images/mobile/arrow-bottom@2x.png);
    background-size: 16px 9px;
  }
  /* Katalog */
  body.M_produktkatalog #catalog div.group h3.arrow a,
  body.M_produktkatalog #catalog div#cmscontent h3 span {
    background-image: url(/static/images/mobile/katalog/header_arrow_right@2x.png) !important;
    background-size: 22px 21px;
  }
  body.M_produktkatalog #catalog div.group h3.sliderclosed a {
    background-image: url(/static/images/mobile/katalog/header_closed@2x.png) !important;
    background-size: 22px 21px;
  }
  body.M_produktkatalog #catalog div.group h3.slideropen a {
    background-image: url(/static/images/mobile/katalog/header_open@2x.png) !important;
    background-size: 22px 21px;
  }
  body.M_produktkatalog #model-image a.fancybox {
    background-image: url(/static/images/mobile/katalog/header_closed@2x.png);
    background-size: 22px 21px;
  }
  body.M_produktkatalog #model-description ul li {
    background-image: url(/static/images/mobile/katalog/liststyle1@2x.png);
    background-size: 7px 5px;
  }
  body.M_produktkatalog td.checked {
    background-image: url(/static/images/mobile/katalog/checked@2x.png);
    background-size: 8px 9px;
  }
}