button[disabled], html input[disabled] { cursor: default!important; background: #838383;}
button[disabled]:hover, html input[disabled]:hover { background: #838383;}

.wrapper {
	margin: 0 auto;
	padding: 0 25px;
	width: 100%; max-width: 980px;
}
.cube { 
	background: #eda62a;
	padding: 1px; padding-right: 0; padding-bottom: 0;
	width: 45px; height: 43px;
}
.cube img { 
	vertical-align: middle;
	width: 100%; height: auto; 
}

#header { position: relative; }
#logo {
	background: #fff;
	border-left: 6px solid #eda62a;
	display: inline-block;
	padding: 10px;
	width: 100%; max-width: 220px;
}
#logo img {
	height: auto;
	vertical-align: middle;
	width: 100%; max-width: 200px;
}
#logo, #topfab, #lidowidget-container { position: absolute; top: 46px; left: 0; z-index: 3; }
#topfab { 
	clear: both;
	left: auto; right: 0;
	overflow: auto;
}
#topfab > * { 
	background: #eda62a;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 1.4em;
	margin-left: 5px;
	padding: 5px 25px;
	text-decoration: none; text-align: center;
}
#topfab > *:hover { background: #e29b12;  }
#topfab > *:first-child { margin-left: 0; }
#topfab > * h2 { display: none; }

#weather .wfont {
	font-size: 3em;
	line-height: 1em;
}
#threesixty {
	padding: 31px 15px;
	width: 117px; 
}
#threesixty img {
	height: auto;
	vertical-align: middle;
	width: 100%;
}

#lidowidget-container {
	display: table;
	top: 155px; left: auto; right: 0;
}
#lidowidget-container > div { display: table-cell; }
#lidowidget-container > div:first-of-type { padding-right: 5px; }
.ln-widget {
	height: auto!important;
	padding-top: 10px; padding-bottom: 10px;
	width: 135px!important;
}
.ln-widget h1 {
	margin-top: 0!important;
	text-align: center!important;
}

#panorama { 
	height: 948px; height: 70vh;
	position: relative; z-index: 1; 
}
body.infopage #panorama { height: 406px; height: 30vh; }
#panorama > .image {
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%; height: 100%;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	z-index: 1!important;
}
#panorama-pager { position: absolute; left: 25px; right: 25px; bottom: calc(50% - 100px); z-index: 2; }
#panorama-pager > * {
	color: #fff; color: rgba(255, 255, 255, 0.7);
	font-size: 200px; font-family: LatoLight;
}
#panorama-pager > *:hover { 
	color: #fff;
	cursor: pointer; 
}
#panorama-pager > *:first-child { float: left; }
#panorama-pager > *:last-child { float: right; }

#main { border-left: 6px solid #eda62a; }
#toplvlnav {
	display: inline-block;
	position: relative; z-index: 2;
	transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);
}
#toplvlnav ul { position: absolute; top: -7px; right: -62px; z-index: 2; }
#toplvlnav li { 
	margin: 0; 
	padding: 1px 0; 
}
#toplvlnav a { 
	display: block;
	text-decoration: none; text-align: right;
	width: 250px;
}
#toplvlnav .text {
	opacity: 0;
	vertical-align: 16px;
}
#toplvlnav li.active .text, #toplvlnav li:hover .text { 
	color: #000;
	opacity: 1; 
}
#toplvlnav .cube {
	display: inline-block;
	overflow: hidden;
	margin-left: 5px;
}
#toplvlnav li.aquaforum .cube { background: #07acad; }
#toplvlnav li.sportforum .cube { background: #9dbe2d; }
#toplvlnav li.iceforum .cube { background: #42a5dd; }
#toplvlnav .cube img { 
	display: block;
	transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);
	-moz-transform-origin: 49% 65%;
    -o-transform-origin: 49% 65%;
    -webkit-transform-origin: 49% 65%;
	width: 75%;
}
#toplvlnav li.aquaforum .cube img {
	-moz-transform-origin: 45% 69%;
    -o-transform-origin: 45% 69%;
    -webkit-transform-origin: 45% 69%;
}
#toplvlnav li.sportforum .cube img {
	-moz-transform-origin: 57% 60%;
    -o-transform-origin: 57% 60%;
    -webkit-transform-origin: 57% 60%;
}

#smenu, #subnav a { 
	background: #eda62a;
	color: #fff;
	padding: 0.4em 1em;
	text-transform: uppercase;
}
#smenu {
	border-bottom: 1px solid #fff;
	display: inline-block;
	padding-right: 0.4em;
}
#smenu:hover { 
	cursor: pointer;
	background: #e29b12;
}
#smenu  span {
	font-size: 1.5em;
	margin-left: 15px; 
	vertical-align: -4px;
}
#subnav { position: absolute; top: -56px; left: 0; z-index: 2; }
body.topevent #subnav { display: none; }
#subnav ul { display: none; }
body.showmobilemenu #subnav ul { display: inline-block; }
#subnav a {
	border-top: 1px solid #fff;
	display: block;
	text-decoration: none;
}
#subnav a:hover, #subnav li.active > a { background: #e29b12; }

#subnavcontentarea { position: relative; }

#hovermenu {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#hovermenu > * {
	display: table-cell;
	vertical-align: top;
}
#hovermenu, #hover-closer {
	display: none;
	position: absolute; top: -55px; left: 0; right: 0; 
}
#hover-closer { 
	background: transparent!important;
	font-weight: bold!important;
	left: -15px; right: auto;
}
body.showdesktopmenu #hovermenu { display: block; }
body.showdesktopmenu #hover-closer { display: inline-block; }
#likearticle, #likeaside > * { position: relative; }
#hover-closer, #likearticle, #likeaside > * { z-index: 3; }
#likeaside #showcasetiles { background: #fff; }

#specialtime { position: absolute; bottom: 55px; left: 0; right: 0; z-index: 2; }
#specialtime > * {
	background: #e29b12;
	color: #fff;
	line-height: 1.5em;
	padding: 1em 1.5em;
}

#contentarea {
	display: table;
	position: relative;
	table-layout: fixed;
	width: 100%;
}
#contentarea > * {
	display: table-cell;
	vertical-align: top;
}
body.landingpage #contentarea { position: relative; top: -55px; left: 0; z-index: 2; }

/* Main */
body.landingpage #main { position: relative; }

/* Article */
#article { width: 64%; }
#likearticle { width: 66%; }
body.showdesktopmenu #article { opacity: 0; }
body.landingpage #article { 
	clear: both;
	overflow: auto;
}	
body.landingpage #article h1 { display: none; }

#article hr {
	clear: both;
	margin-bottom: 2em;
	visibility: hidden;
}
#article .fromto {
	float: right;
	line-height: 20px;
	margin-left: 15px;
}
#article .event h3 { margin: 0; margin-bottom: 1.5em; }
#article .event a {
	border-bottom: none;
	text-decoration: none;
}
#article .event img { width: 100%; height: auto; }
#article .eventimage { margin-bottom: 1.5em; }

/* Tiles */
.tiles {
	clear: both;
	overflow: auto;
}
.tiles .tile {
	display: inline-block;
	float: left;
	margin-bottom: 5%;	margin-right: 5%;
	text-decoration: none;
	width: 47.5%;
	position: relative;
}
.tiles.hovereffect .tile:hover > * { background: #e29b12; }
.tiles .cycle-slide { z-index: 1!important; }
.tiles .tile:nth-child(2n) { margin-right: 0; }
.tiles .tile .tile-title { 
	background: #eda62a;
	display: table;
	color: #fff;
	min-height: 35px;
	table-layout: fixed;
	width: 100%;
}
.tiles .tile .tile-title > * {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	width: 82%;
}
.tiles .tile .tile-title .text { 
	overflow: hidden;
	padding: 2% 4%; 
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tiles .tile .tile-title .mimage { 
	text-align: right;
	width: 18%;
}
.tiles .tile .tile-title .icon { margin-right: 6px; }
.tiles .tile .tile-title img { 
	vertical-align: middle;
	width: 100%; max-width: 28px; height: auto; 
}
.tiles .tile.sportforum .tile-title img { max-width: 22.5px!important;}
.tiles .tile .tile-content { 
	background: #eda62a;
	color: #fff;
	line-height: 2em;
	width: 100%!important;
}
.tiles .tile:hover .tile-content { color: #fff!important; }

.colored-boxes {
	clear: both;
	overflow: auto;
}
.colored-boxes > .colored-box {
	background: #eda62a;
	border: 5px solid #eda62a; border-radius: 5px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	color: #fff;
	display: inline-block;
	float: left;
	padding: 1em;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out; 
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; 
	-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; 
	-o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.colored-boxes > .colored-box:hover {
	background: #fff;
	color: #333;
	cursor: pointer;
}

.accordion h3 {
	background: #eda62a;
	color: #fff;
	padding: 0.7em 1em;
	position: relative;
}
.accordion h3:hover { cursor: pointer; }
.accordion [class*="icon"] { float: right; }
.accordion > div { 
	clear: both;
	display: none; 
	overflow: auto;
}
.accordion p { margin-top: 0; }
.accordion .images { 
	float: left;
	margin-right: 15px;
	max-width: 250px; width: 50%;
}
.accordion .images > * { display: none; }
.accordion .images > *:first-child { display: block; }
.accordion .images img {
	height: auto;
	vertical-align: middle;
	width: 100%;
}

#aside, #likeaside {
	padding-left: 3%;
	width: 33%;
}
#likeaside { width: 34%; }
#aside.top { position: relative; top: -55px; z-index: 2; }
#aside .tiles .tile, #likeaside .tiles .tile {
	display: block;
	float: none;
	margin: 0;
	width: 100%;
}
#aside .tiles .tile.contenttile .tile-content {
	background: #f4f4f4;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	color: #686868!important;
	font-size: 0.9em;
	line-height: 1.6em;
	padding: 1em;
}
#aside .tiles .tile.contenttile .tile-content p { margin-top: 0.5em; margin-bottom: 0; }

#aside > *, #likeaside > * { margin-top: 6%; }
#aside > *:first-child, #likeaside >*:first-child { margin-top: 0; }

#calendar .tile-content { font-family: LatoLight; }

/* Infobereich */
#calendar-info { 
	height: 147px; 
	padding: 0 1em;
}
#calendar-info, #calendar-nav {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#calendar-info > * { 
	display: table-cell;
	padding: 0 10px;
	vertical-align: middle;
}
#calendar-info > div:nth-child(2) { 
	vertical-align: top; 
	width: 65%;
}
#calendar-info > div:nth-child(3) { 
	display: none;
	font-size: 1.1em;
	padding: 0;
	text-align: center;
}
#calendar-info.nothing, #calendar-info.nothing >:nth-child(1), #calendar-info.nothing >:nth-child(3) {
	display: block; 
	width: 100%;
}
#calendar-info.nothing >:nth-child(1) { padding: 0.5em 0; }
#calendar-info.nothing > *:first-child { border-right: none; }
#calendar-info.nothing > *:nth-child(2) { display: none; }
#calendar-day {
	border-right: 1px solid #fff;
	font-size: 4em;
	padding-left: 2px;
	text-align: center;
	width: 35%;
}
#calendar-information > * {
	height: 147px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}
#calendar-information >*::-webkit-scrollbar { width: 5px; }
#calendar-information >*::-webkit-scrollbar-track-piece { background: #e49e27; }
#calendar-information >*::-webkit-scrollbar-thumb { background-color: #fff; border: 4px solid #fff; border-radius: 4px; }
#calendar-information .calendar-event, #calendar-information .detailbutton > * {
	color: #fff!important;
	display: block;
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 7px; 
	text-decoration: none;
}
#calendar-information .calendar-event:first-child, #calendar-information .detailbutton:first-child > * {margin-top: 0; }
#calendar-information .time .hour { font-weight: bold; }
#calendar-information .detailbutton > * {
	border: 1px solid #e29b12;
	font-size: 0.95em!important;
}
#calendar-information .tabtitle { 
	font-family: LatoBlack;
	line-height: 20px;
	margin-bottom: 5px;
}
#calendar-information .calendar-informationtab-c_suffix {
    font-size: 0.8em;
    line-height: 1em;
    margin-top: 0.5em;
}
#calendar-information .button { 
	font-size: 0.75em;
	line-height: 1.7em;
	padding: 0.3em 0.7em!important;
}
#calendar-information .single .button { margin-top: 1em; }

/* Pager */
#calendar-inforamtion-pager {
	min-height: 22px;
	line-height: 16px;
	position: relative; right: 16px; left: 35%; 
	text-align: center;
	width: calc(65% - 16px);
}
#calendar-inforamtion-pager.hide { opacity: 0; }
#calendar-inforamtion-pager > * {
	display: inline-block;
	font-size: 50px;
	vertical-align: -7px;
	width: 22px;
}
#calendar-inforamtion-pager > *.cycle-pager-active { color: #aaa; }
#calendar-inforamtion-pager > *:hover { cursor: pointer; }

/* Kalendernav */
#calendar-nav > * {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 14%;
}
#calendar-nav .navi { 
	background: #e49e27;
	padding: 3px;
}
#calendar-nav .navi:hover { 
	background: #e29b12;
	cursor: pointer; 
}
#calendar-month { width: 72%; }

#calendar-view { 
	background: #f4f4f4; 
	color: #686868;
	font-size: 0.82em;
	padding: 1em;
}
#calendar-view table { 
	margin: 0;
	text-align: center;
	width: 100%; 
}
#calendar-view table { border-collapse: separate; }
#calendar-view table td {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	border: 1px solid transparent;
	width: 14.28%;
}
#calendar-current { background: #fff!important; }
#calendar-current.events { color: #e29b12!important; }
#calendar-view table td.selectable:hover {
	cursor: pointer;
	color: #686868;
	border-color: #e29b12;
}
#calendar-view table td.events:hover { border-color: #fff!important; }
#calendar-view table td.selectable.events { color: #fff; background-color: #eda62a; }
#calendar-view table td.clicked { border: 1px solid #e29b12; }
#calendar-view table td.clicked.events { border-color: #fff; }

/* Showcase Tiles */
#showcasetiles > * { margin-top: 3px!important; }
#showcasetiles > *:first-child { margin-top: 0!important; }

/* Topevents-Showcase */
body.topevent  #aside { top: 0!important; }
#topeventsimage { 
	margin-top: 6%!important;
	text-align: center;
}
body.showdesktopmenu #topeventsimage { display: none; }
#topeventsimage img, #topeventssubmenu img {
	height: auto;
	width: 100%; max-width: 310px;
}
#topeventssubmenu { background: #eda62a; }
body.showdesktopmenu #topeventssubmenu { display: none; }
#topeventssubmenu .title { 
	border-bottom: 1px solid #FFF;
	display: table; 
	width: 100%;
}
#topeventssubmenu .title > * {
	display: table-cell;
	vertical-align: middle;
}
#topeventssubmenu .title > *.text {
	color: #FFF;
	font-size: 1.4em;
	padding: 0.5em 0 0.5em 1em; 
}
#topeventssubmenu .title > *.mimage { text-align: right; }
#topeventssubmenu img { max-width: 28px; }
#topeventssubmenu ul, #topeventssubmenu li, #topeventssubmenu a { display: block; }
#topeventssubmenu a {
	color: #FFF;
	font-size: 0.9em; font-family: 'LatoRegular';
	padding: 0.5em 1em;
	text-decoration: none;
}
#topeventssubmenu > ul > li {
	border-bottom: 4px solid #FFF;
}
#topeventssubmenu > ul > li > a {
	background-image: url('/grafik/template/circles_vivalatsch.png');
	background-repeat: no-repeat;
    background-size: contain;
	background-position: right 0 bottom 1px;
    background-position-x: right;
}
#topeventssubmenu li ul a { 
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0 0 0 1.7em;
}
#topeventssubmenu li ul li {
	padding:  0 0 0.4em 0;
}
#topeventssubmenu > ul > li:hover, #topeventssubmenu > ul > li.active, #topeventssubmenu > ul > li > ul > li:hover, #topeventssubmenu > ul > li > ul > li.active { background: #e29b12; }
#topeventssubmenu > ul > li:hover > ul { background: #eda62a; }
#topeventssubmenu a[href="javascript:;"] { 
	cursor: default!important;
	text-decoration: none!important;
	background-color: #EDA62A;
}
#topeventssubmenu li ul li a {
	display: list-item;
    list-style-type: disc;
    color: #FFF;
    list-style-position: inside;
}
#prefooter {
	display: table;
	margin: 3em auto 1.5em;
	width: 100%;
}
body.showdesktopmenu #prefooter { opacity: 0; }
body.landingpage #prefooter { margin-top: 0; }
#prefooter > * {
	display: table-cell;
	vertical-align: middle;
}

/* Breadcrumb */
#breadcrumb, #footer {
	color: #aaa;
	font-size: 0.85em;
}
body.showdesktopmenu #breadcrumb { opacity: 0; }
#breadcrumb > *, #footer a {
	color: inherit;
	font-size: inherit;
	margin: 0 5px;
	text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb .active, #footer a:hover { color: #eda62a; }

/* News */
#article .news time { font-weight: 200!important; }
#article .news a { border-bottom: none; }

#newslist .news {
	clear: both;
	margin-top: 3em;
	overflow: auto;
}
#newslist .news:first-child { margin-top: 0; }
#newslist .news figure {
	display: block;
	margin: 5px auto 10px;
	width: 100%; max-width: 690px;
} 
#newslist .news figure img {
	height: auto;
	vertical-align: middle;
	width: 100%;
}
#newslist .news h2 { margin-top: 0; margin-bottom: 2px; }
#newslist .news p { margin: 0; }
#newslist .news a.button { margin-top: 1em; }
#newslist .newsimage { margin: 0.7em 0; }
@media screen and (max-width: 450px) {
	#newslist .news figure {
		margin: 0;
		width: 100%; max-width: none;
	}
}

/* Newsvorschau Topevent-Startseit */
#newspreview {
	clear: both;
	display: flex;
	margin-bottom: 1em;
	overflow: auto;
}
#newspreview + div { text-align: right; }
#newspreview .news {
	background: #f4f4f4;
	border-bottom: none;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	color: #000;
	display: inline-block;
	float: left;
	margin-right: 5%;
	padding: 0.8em; padding-top: 0.4em;
	width: 47.5%;
}
#newspreview.single .news {
	display: block;
	float: none;
	margin-right: 0;
	width: 100%;
}
#newspreview .news:hover { background: #ededed; }
#newspreview .news:nth-child(2n) { margin-right: 0; }
#newspreview .news time {
	display: block;
	color: #333;
	font-size: 0.85em; font-weight: 600!important;
	margin-bottom: 0.4em;
	text-align: right;
}
#newspreview .news h3 { margin-top: 0; }

/* Print Button */
#print {
	text-align: right;
	width: 100px;
}
body.showdesktopmenu #print { opacity: 0; }
#print .button:hover { color: #fff; }

body.showdesktopmenu #infofooter { opacity: 0; }

/* Preistabelle drucken */
#printpricelist-field { margin-top: 2em; }
#printpricelist { 
	border-bottom: none;
	display: inline-block;
}

@media screen and (max-width: 1350px) {
	#main { border-left: none!important; position: static!important; }
	#toplvlnav .text { display: none; }
	#toplvlnav { position: absolute; top: -173.59px; left: -27px; z-index: 3; }
	#toplvlnav ul { position: relative; top: 0; left: 0; right: auto; }
	#toplvlnav li { 
		clear: both;
		overflow: auto;
		position: relative;
	}
	#toplvlnav li .cube { 
		float: left;
		margin-top: 5px;
	}
	#toplvlnav li:first-child .cube { margin-top: 0; }
	#subnav, body.landingpage #contentarea, #aside.top, #hovermenu, #hover-closer { top: -36px; }
}

@media screen and (max-width: 1050px) {
	#hover-closer { display: none!important; }
	#hovermenu { top: 0; }
	body.showdesktopmenu #hovermenu, #hovermenu > * { display: block!important; }
	#hovermenu > * {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%; max-width: 300px;
	}
	#likearticle { background: #fff; }
	#likeaside .tiles { margin-top: 0!important; }
	#hovermenu .tiles > * {
		float: none;
		margin: 0;
		width: 100%;
	}
	#hovermenu .tiles .text { width: 100%; }
	#hovermenu .tiles .mimage { display: none; }
	#hovermenu .tiles .tile-content { display: none; }
	body.showdesktopmenu #article, body.showdesktopmenu #prefooter, body.showdesktopmenu #breadcrumb, body.showdesktopmenu #print, body.showdesktopmenu #infofooter { opacity: 1; }
	
	body.showdesktopmenu #topeventsimage, body.showdesktopmenu #topeventssubmenu { display: block; }
}

@media screen and (max-width: 980px) {
	#subnav { top: -64px; }
	#hovermenu { top: -24px; }
	#contentarea { display: block; }
	#article, #aside {
		display: block;
		width: 100%;
	}
	#article { margin-bottom: 3%; }
	body.landingpage #article { margin-bottom: 0; }
	#aside { 
		padding-left: 0;
		top: 0!important;
	}
	#calendar .tile-title { display: none; }
	#calendar .tile-content {
		display: table;
		width: 100%;
	} 
	#calendar .tile-content > * {
		display: table-cell;
		vertical-align: middle;
		width: 48.5%;
	}
	#calendar-header { position: relative; }
	#calendar-nav { position: absolute; bottom: 0; left: 0; right: 0; }
	#calendar-view { width: 51.5%; }
	#aside #showcasetiles {
		clear: both;
		margin-top: 5%;
		overflow: auto;
	}
	#aside #showcasetiles .tile {
		display: inline-block!important;
		float: left!important;
		margin-right: 5%!important;
		width: 47.5%!important;
	}
	#aside #showcasetiles .tile:nth-child(2) { margin-top: 0!important; }
	#aside #showcasetiles .tile:nth-child(2n) { margin-right: 0!important; }
	
	#aside #showcasetiles .hidemobile { display: none!important; }
}

@media screen and (max-width: 655px) {
	#calendar-header { padding-top: 25px; }
	#calendar .tile-content, #calendar .tile-content > * {
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		display: block;
		width: 100%;
	} 
	#calendar-nav { position: relative; }
}

@media screen and (max-width: 600px) {
	#aside #showcasetiles { margin-top: 3%; }
	#topfab { bottom: 10px!important; }
}

@media screen and (max-width: 650px), (max-height: 550px) {
	#logo { 
		position: absolute; right: 0; top: 0; left: auto;
		width: 80px; 
	}
	#lidowidget-container { top: 60px; }
	#lidowidget-container > div:first-of-type { padding-right: 0; }

	.ln-widget {
		border-width: 3px!important;
		width: 100px!important;
	}
	.ln-widget h1 { font-size: 16px!important; }
	.ln-widget .lm-widget-result-container { height: 46px!important; }
	.ln-widget .lm-widget-main-number {
		font-size: 25px!important;
		line-height: 30px!important;
	}

	#topfab { overflow: hidden; }
	#topfab > * {
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		border-radius: 50%;
		padding: 5px;
		width: 54px; height: 54px;
	}
	#weather, #videobtn > section { font-size: 0.8em; }
	#weather .wfont { line-height: 42px; }
	#threesixty { line-height: 38px; }
	#videobtn > section { line-height: 50px; }
	#topfab > * h2, #topfab > * .desc { display: none; }
}

@media screen and (max-height: 550px) {
	#panorama {
		height: 375px!important;
		height: 75vh!important;
	}
	#topfab { position: absolute; bottom: auto; top: 1px; right: calc(50% - 56.5px); z-index: 3; }
}

@media screen and (max-width: 650px) {
	#panorama {
		height: 384px!important;
		height: 60vh!important;
	}
	#topfab { position: absolute; bottom: 55px; top: auto; left: 25px; z-index: 3; }
	#newspreview { display: block; }
	#newspreview .news {
		display: block;
		float: none;
		margin-top: 4%; margin-right: 0;
		width: 100%;
	}
	#newspreview .news:first-child { margin-top: 0; }
}

@media screen and (max-width: 450px) {
	#aside #showcasetiles .tile {
		display: block!important;
		float: none!important;
		margin-right: 0!important;
		width: 100%!important;
	}
	#aside #showcasetiles .hidemobile { display: none!important; }
	#aside #showcasetiles .tile:nth-child(2) { margin-top: 3px!important; }
}