body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-color:#fff; height:100% }
html { height:100% }
a:link { color:#282828; text-decoration:none }
a:visited { color:#282828; text-decoration:none }
a:hover { color:#00ebc8; text-decoration:none }
a:active { color:#00ebc8; text-decoration:none }
#PageDiv { position:relative; min-height:100%; margin:auto }
#MenuWrapper { position:relative; height:100px; z-index:100; background-color:#fff }
#MenuFixer { position:fixed; left:0px; top:0px; right:0px; z-index:100; padding-left:100px; padding-right:100px; background-color:#e1be80 }
#Header { height:100px; z-index:0; margin-left:auto; margin-right:auto; background-color:#e1be80; overflow:hidden }
#HomeWrapper { height:calc(100vh - 225px)!important;; z-index:0; padding-left:100px; padding-right:100px; margin-left:auto; margin-right:auto; background-color:#e1be80; overflow:hidden }
#HeroWrapperBackground { height:100%; min-height:100px; z-index:0; clear:both; background-color:#e1be80; background-image:url(../Resources/tbi-logo-cityguid.png); background-position:left; background-repeat:no-repeat; overflow:hidden; position:relative; background-size:contain }
#FooterWrapper { height:100px; z-index:0; padding-left:100px; padding-right:100px; background-color:#e1be80 }
#FooterContentL { width:50%; height:90px; z-index:0; float:left; clear:both; padding-top:10px; background-color:#e1be80; position:relative }
#FooterContentR { width:50%; height:100px; z-index:0; float:right; background-color:#e1be80; position:relative }
#FooterLineWrapper { height:25px; z-index:0; padding-left:100px; padding-right:100px; background-color:#fff }
#FooterLineCopyright { width:50%; height:20px; z-index:0; float:left; clear:both; padding-top:5px; margin-top:0px; position:relative }
#FooterLineImpressum { width:50%; height:20px; z-index:0; float:left; padding-top:5px; margin-top:0px; position:relative }
@media screen and (max-width:1920px)
{
	#HomeWrapper { height:calc(100vh - 225px)!important; }
}
@media screen and (max-width:1440px)
{
	#MenuWrapper { height:100px }
	#Header { max-width:1240px }
	#HomeWrapper { height:calc(100vh - 225px)!important; }
	#FooterContentR { height:90px }
}
@media screen and (max-width:1366px)
{
	#MenuWrapper { width:100% }
	#Header { max-width:1166px }
	#HomeWrapper { height:calc(100vh - 225px)!important; }
}
@media screen and (max-width:1024px)
{
	#MenuWrapper { height:50px }
	#MenuFixer { padding-left:50px; padding-right:50px }
	#Header { height:50px; max-width:924px }
	#HomeWrapper { max-width:924px; padding-left:50px; padding-right:50px; height:calc(100vh - 135px)!important; }
	#FooterWrapper { height:60px; padding-left:50px; padding-right:50px }
	#FooterContentL { height:50px }
	#FooterContentR { height:50px }
	#FooterLineWrapper { padding-left:50px; padding-right:50px }
}
@media screen and (max-width:480px)
{
	#MenuFixer { padding-left:25px; padding-right:25px }
	#Header { max-width:430px }
	#HomeWrapper { max-width:430px; padding-left:25px; padding-right:25px; height:calc(100vh - 135px)!important; }
	#FooterWrapper { padding-left:25px; padding-right:25px }
	#FooterLineWrapper { padding-left:25px; padding-right:25px }
}