/* - ++resource++zhkath.stylesheets/zhkath_mobile.css - */
@media handheld, screen {
/* https://www.zhkath.ch/polenmission/portal_css/++resource++zhkath.stylesheets/zhkath_mobile.css?original=1 */
/* */
@media screen and (max-width: 1000px) {
body {
text-size-adjust: none;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
body.template-folder_teasers_2col_view #portal-column-two,
body.template-folder_teasers_2col_title_view #portal-column-two {
float: none;
clear: both;
left: 2%;
margin-left: 0 !important;
width: 98%;
}
}
@media screen and (max-width: 699px) {
#footer-menu,
#headerimage,
div.searchSection {
display: none;
}
#portal-globalnav {
width: auto;
margin-top: 10px;
}
#portal-social {
height: auto;
top: 0;
margin-right: auto;
clear: right;
}
#portal-social div {
display: inline;
}
#blog_link a {
vertical-align: sub;
}
#portal-column-content {
width: 73%;
}
#portal-column-two {
float: none;
clear: both;
left: 2%;
margin-left: 0 !important;
width: 96%;
}
#portal-footer {
margin-bottom: 4em;
}
.portletWrapper input[type="email"],
.portletWrapper form[name="mc-embedded-subscribe-form"] input[type="email"],
.portletWrapper input[type="text"],
.portletWrapper form[name="mc-embedded-subscribe-form"] input[type="text"] {
width: 18em;
display: block;
}
#bottom_bar .visible {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#bottom_bar .sticky {
position: fixed;
z-index: 99;
bottom: 0;
left: 0;
right: 0;
}
#bottom_bar > ul > li {
float: left;
width: 100%;
position: relative;
}
#bottom_bar button {
position: relative;
z-index: 3;
display: block;
width: 100%;
height: 4em;
padding: 0 0.7142857143em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #1a75ae;
background: #E1E5ED;
border-radius: 0;
font-size: 100%;
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 10px rgba(0, 0, 0, 0.3);
}
#bottom_bar button:hover {
background: #F5F5F5;
}
#bottom_bar .open button {
color: #5B5B5B;
background: #FFF;
}
#bottom_bar #nlbox {
bottom: -100%;
margin: auto;
width: 100%;
-webkit-transform: scale(1) translate3d(0, 0, 0);
-moz-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#bottom_bar #nlbox > .remove {
display: none;
}
#bottom_bar #nlbox.visible {
bottom: 0;
}
#bottom_bar #nlbox dl.portlet {
border: none;
}
#bottom_bar #nlbox form[name="mc-embedded-subscribe-form"] input[type="submit"],
#bottom_bar #nlbox form[name="mc-embedded-subscribe-form"] input[type="text"],
#bottom_bar #nlbox form[name="mc-embedded-subscribe-form"] input[type="email"],
#bottom_bar #nlbox form[name="mc-embedded-subscribe-form"] label {
float: none;
display: block;
}
#bottom_bar a[class*=button_close] {
float: right;
display: block;
}
#bottom_bar a.button_remove_nlbox {
display: none;
}
}
@media (max-width: 640px) {
#portal-columns {
margin-top: 50px;
}
#portal-column-one {
float: none;
clear: both;
left: 2%;
margin-left: 0 !important;
width: 96%;
}
#portal-column-content {
float: none;
clear: both;
margin-left: -98.875%;
width: 98%;
}
#portal-logo img {
width: 85%;
height: auto;
}
#portal-headeractions {
margin-top: 10px;
}
#LSResult {
font-size: 0.8em;
margin: 0em 1em 0 0;
right: 1em;
text-align: left;
}
}
@media screen and (max-width: 480px) {
#portal-globalnav {
background: transparent;
display: block;
margin-bottom: 15px;
}
#portal-globalnav li {
display: inline-block;
margin-bottom: 1px;
}
#LSResult {
font-size: 0.8em;
margin: 2em 1em 0 0;
right: 5em;
text-align: left;
}
#portal-searchbox {
text-align: right;
}
}
@media handheld {
body {
text-size-adjust: none;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
#footer-menu,
#headerimage,
div.searchSection {
display: none;
}
}
@media handheld and (max-width: 480px) {
body {
font-size: 105%;
}
#content {
font-size: 105%;
}
}
@media handheld and (max-width: 400px) {
#visual-portal-wrapper {
padding-top: 80px;
}
}

}