/* Import Sub-CSS-Files */ @import url('navigation_mobile.css'); @import url('footer_mobile.css'); @import url('paragraph_templates_mobile.css'); @import url('modules_mobile.css'); @import url('wallpaper_mobile.css'); /***************************************************** * Allgemeine Seitenübergreifende Einstellungen * ******************************************************/ h1 { font-size: 25px; } h2 { font-size: 20px; } h3 { font-size: 15px; } .header_body_background_headline { height: 130px; } body { background-image: none; } /***************************************************** * CSS-Klassen (allgemeine Helperklassen * ******************************************************/ .only_desktop { display: none; } .only_mobile { display: inline; } .not_mobile { display: none; } /***************************************************** * Inhaltsbereich gesamt* * ******************************************************/ #frame { left: 0; } #maincontent { width: 320px; top: 0; left: 0; box-shadow: none; } /* .li_format { padding-bottom: 24px; } */ /**************************************************** * Logo + Markenbereich MMI * *****************************************************/ #headline { height: 100px; } #fair_logo { padding-left: 10px; padding-top: 10px; width: 60%; height:75%; } #mmi_area { width: 35%; } #coOrganizerLogo { position: absolute; top: 120px; left: 210px; width: 85px; float: left; } #coOrganizerLogo img{ width: auto; max-width: 85px; margin-right: 0px; } #mmi_logo { padding-top: 20%; padding-left: 0px; height: auto; width: auto; max-width: 75%; } #mmi_arrow_right { padding-top: 10px; } #mmi_arrow_left { padding-top: 10px; } #mmi_brand { left: 320px; width: 300px; } /**************************************************** * Content * *****************************************************/ #content_1 { background: white; padding-left: 10px; padding-right: 10px; /* width: 93%;*/ width:300px; } /* Entspricht Style Guide 300 px */ #content_1 img { max-width: 100%; height: auto; } .teaser { width: 95%; } #content_2 { background: white; width: 90%; } #content_2 .marginal_template { padding-left: 10px; width: 300px; } #content_2 #marginal_3 #print{ display: none; } #teaser1 img { display: none; } #teaser2 #logo_china { display: none; } #teaser3 #logo_india { display: none; } #teaser4 #logo_congress{ display: none; } /* Bei Mobile Texte im Menü ausblenden */ .link_mainnav_left { display: none; } /**************************************************** * Content ohne Marginalspalte * *****************************************************/ #content_without_marginal { width: 300px; padding-left: 10px; padding-right: 10px; } /**************************************************** * globale Suche * *****************************************************/ #content_1 .globalSearch .searchForm { width: 280px; height: 138px; } #content_1 .globalSearch .extendedSearch { width: 280px; } #content_1 .globalSearch .searchForm button { margin-top: 20px; } #content_1 .globalSearch .extendedSearch .area{ width: 100%; padding-top: 10px; height: 120px; } #content_1 .globalSearch .extendedSearch .period { width: 100%; } #content_1 .globalSearch .extendedSearch .button{ margin-top: -10px; } #content_1 .globalSearch .extendedSearch .buttonRefresh{ margin-left: 10px; } /***************************************************** * AV 201 c Datum, Subheadline, Einleitungstext - alle Styles * ******************************************************/ #content_1 .video_width{width:90%;} #content_1 .video_pos{margin-top:4px;margin-bottom:20px;padding:0;} /**************************************************** * Bühne auf Startseite * *****************************************************/ #stageContainer { width: 320px; height: 185px; } .stageLink { width: 320px; height: 200px; } .stage_paging_btn { top: 240px; } #btnStageRight { left: 278px; } #stageIndicator { margin-left: auto; margin-right: auto; margin-top: 163px; } .slideEle { height: 200px; width: 320px; } /**************************************************** * Zielgruppeneinstieg (in Mobile nur auf Startseite * *****************************************************/ #targetGroupOpacity { display: none; } #targetGroup { display: none; } #targetGroupSections { width: 320px; } .tgSection { width: 100%; } #targetGroupContent { height: 90px; width: 300px; margin-left: 0px; } .tgContainer{ height: 100%; width: 70px; text-align: center; } .tgContainerSmall{ width: 58px; } /* MD: Wichtig bei Highlights 10px mehr*/ .tgContainerSmall:first-child{ width: 68px; } #tgHighlightContainer div{ width: 58px; } .tgImg{ margin-top: 8px; clear: left; margin-left: 15px; margin-right: 0px; } .tgImgHighlight { margin-left: 20px; } .tgImgSmall { /* clear: left;*/ margin-left: 8px; margin-right: 0px; } .tgElement { clear: left; text-align: center; margin-right: 0px; margin-top: 0px; margin-bottom: 5px; font-size: 10px; line-height: 10px; display: block; width: 100%; white-space: normal; word-wrap: break-word; } .tgContainerHighlight { width: 90px; } .tgContainerHighlight div { width: 80px; } #tgButton { display: none; } #targetGroupContainer #targetGroup { width: 320px; margin-left: 10px; display: inline; } #targetGroupContainer #targetGroup #targetGroupContent { width: 300px; } #targetGroupContainer #targetGroup #targetGroupSections { width: 320px; } #targetGroupContainer #targetGroup #targetGroupSections .tgSection { width: 300px; margin-left: 10px; } /** * IT - Messe München ** */ #content_1 .formElementContainer { float: none; } .elqFormField_registration { width: 135px !important; } .messe_form_table { width: 200px !important; } div #primaryButtonRegistration { float: left !important; }