@media screen and (max-width: 1279px) /* =WIDTH */ {

    div#TeaserBox1 {
        background-image: url(/Images/Teaser.Box1.Small.png);
        background-repeat: no-repeat;
    }

    div#TeaserBox2 {
        background-image: url(/Images/Teaser.Box2.Small.png);
        background-repeat: no-repeat;
    }

    div#TeaserBox3 {
        background-image: url(/Images/Teaser.Box3.Small.png);
        background-repeat: no-repeat;
    }

    div#Teaser div.TeaserBox {
        width: 31%;
        height: 50px;
        background-size: 98% 100%;
        color: #4d575b;
    }

    div#Teaser div.TeaserBox div.TeaserContent {
        display: none;
    }

    div#Teaser div.TeaserBox div.TeaserTitle {
        font-size: 100%;
        color: #4d575b;
    }

    div#Teaser {
        margin-bottom: 20px;
    }

    div.Map {
        height: 500px;
    }

    div.CookieInformationNotice {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 1050px) /* =WIDTH */ {

    body {
        font-size: 90%;
    }

    div#Logo {
        width: 204px;
    }

    div#Logo img.Normal {
        display: none;
    }

    div#Logo img.Small {
        display: inline-block;
        margin-top: -30px !important;
    }

    div#Content div.FloatLeft, div#Content div.SmallBox.Left {
        display: none;
    }

    div#Content div#Text {
        padding-left: 0;
        margin-left: 0;
    }

    div#Teaser div.TeaserBox div.TeaserTitle {
        font-size: 90%;
    }

    div#Content div.SmallBox div.SmallBoxLinkContainer ul li {
        background-position: left 0;
    }

    div.Map {
        height: 400px;
    }
}

@media screen and (max-width: 950px) /* =WIDTH */ {

    div#BottomMenu {
        margin-right: 0 !important;
        display: none !important;
    }

    div#Copyright {
        margin-right: 0 !important;
        display: none !important;
    }

    div#Bottom {
        overflow: hidden;
        height: 460px;
    }

    span.Coding {
        margin-top: 0 !important;
        display: none !important;
    }

    div#Content {
        padding-bottom: 500px;
    }

    .HideForSmallLayout {
        display: none;
    }
}

@media screen and (max-width: 840px) /* =WIDTH */ {

    div#Menu ul {
        margin-left: 15px;
    }

    div#Menu ul li {
        margin-right: 0;
        margin-left: -24px;
    }

    div#Menu ul li:hover {
        z-index: 10002;
    }

    div#Menu ul li a {
        padding: 3px 0 8px 24px;
    }

}

@media screen and (max-width: 800px) /* =WIDTH */ {

    div#SiteName {
        display: none !important;
    }

    div#Breadcrumb div#BreadcrumbNodes {
        float: none;
    }

    div#Top {
        height: 120px;
        top: 30px;
    }

    div#Breadcrumb {
        height: 30px;
        padding-top: 4px;
    }

    div#TopContainer {
        height: 120px;
    }

    div#Navigation {
        padding-top: 120px;
    }

    div#Logo {
        height: 120px !important;
        width: 150px;
    }

    div#Logo img.Small {
        width: 150px;
        margin-top: -20px !important;
    }

    div#Content div.FloatRight, div#Content div.SmallBox.Right {
        display: none;
    }

    div#Content div#Text {
        margin-right: 0;
    }

    div#TeaserBox3 {
        display: none !important;
    }

    div.TeaserBox {
        width: 48% !important;
    }

    .HideForSmallLayout {
        display: none;
    }

    div#Content div.SmallBox div.SmallBoxLinkContainer ul li {
        background-position: left 1px;
    }

}


@media screen and (max-width: 640px) /* =WIDTH */ {

    div#MenuOpener {
        display: block;
    }

    img#SaveResultIcon {
        display: none !important;
    }

    div#Menu {
        display: none;
    }

    div#NavigationRule {
        display: none;
    }

    div#TabBar {
        display: block;
    }

    .DesktopOnly {
        display: none !important;
    }

    .SmartphoneOnly {
        display: inherit !important;
    }

    div#Content {
        padding-bottom: 500px;
    }

    div#Menu ul li {
        margin-right: 5px;
    }

    div#Content div#Text {
        margin-top: 25px;
    }

    div.TeaserBox {
        display: none !important;
    }

    div#Content div.Article div.Line.Half {
        width: 100%;
        display: block;
        vertical-align: inherit;
    }

    div#Bottom {
        line-height: 19px;
    }

    div#BottomMenuMoreInfo {
        margin-top: 19px;
        display: block !important;
    }

    div#InnerBottom div {
        margin-bottom: 0;
    }

    div.Map {
        height: 300px;
    }

    div.Map .MapContent *
    {
        font-size: 95% !important;
    }

    div.Market {
        max-width: 100% !important;
        min-width: inherit;
    }

    div.Market div.Toggle, div.FormContainer div.Toggle {
        margin-top: -21px;
        margin-right: -10px;
    }

        div.Market div.Toggle span.ToggleLabel, div.FormContainer div.Toggle span.ToggleLabel {
            display: none;
        }

    div.OpenTimesDay span.OpenTimesDayValue {
        max-width: 75%;
    }

    th {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }
}

@media screen and (max-width: 520px) /* =WIDTH */ {

    body{
    }

    div.Container {
        width: 100%;
    }

    div#Top {
        height: 80px;
        top: 30px;
    }

    div#TopContainer {
        height: 80px;
    }

    div#Navigation {
        padding-top: 80px;
    }

    div#Logo {
        width: 110px;
    }

    div#Logo img.Small {
        width: 110px;
    }

    div#Layout{
        padding-left: 0px;
        padding-right: 0px;
    }

    div#Breadcrumb div#BreadcrumbNodes {
        margin-left: 10px;
    }

    div#Menu {
        margin-left: 0;
        position: absolute;
        left: 0;
        width: 100%;
        overflow: hidden;
    }

    div#Menu ul li {
        color: #272a2a;
        font-size: 110%;
        display: block;
        padding-top: 5px;
        padding-left: 20px;
        float: none;
        height: 27px;
        background-image: url(/Images/Navigation.Item.Background.SmallDisplay.png);
        background-position: bottom center;
        background-repeat: repeat-x;
    }


    div#Menu ul li a {
        text-transform: uppercase;
    }

    div#Menu ul li a:hover {
        border-bottom: 1px solid #4E5255;
    }

    div#Menu ul li a.Active {
        color: #4E5255;
        border-bottom: 0px solid #4E5255;
    }

    div#Teaser {
        display: none;
    }

    div#Content {
        padding-bottom: 370px;
        font-size: 80%;
    }

    div#Content div.Article {
        background-color: transparent;
        border: none;
        border-radius: 0;
        padding: 5px 15px;
        margin-bottom: 0;
    }

    div#Content div.Article ul.Normal li {
        background-position: 0 8px;
    }

    div#Content div#Text {
        margin-top: 0;
    }

    div#ImageSets {
        display: inline-block;
    }

    div#Content * span.Image {
        display: none;
    }

    div#Content div.Inline {
        width: 100%;
    }

    div#Bottom {
        overflow: hidden;
        height: 330px;
        line-height: 16px;
    }

    div#InnerBottom {
        padding-left: 20px;
        padding-right: 20px;
    }

    div#InnerBottom div {
        width: 100%;
        font-size: 80%;
    }

    div#InnerBottom div div {
        font-size: 100%;
    }

    div#BottomMenu {
        margin-top: 10px;
    }

    div#BottomMenuMoreInfo {
        margin-top: 16px;
    }

    div.OpenTimesDay span.OpenTimesDayLabel {
        width: 80px;
    }

    div#OpenTimes {
        display: none !important;
    }

    div#Connectors {
        display: none !important;
    }

    div#Text div#Connectors {
        display: block !important;
    }

    div.Market.Article {
        background-color: transparent !important;
        border-top: 1px solid #d4d4d4 !important;
    }

    div.Market.Article:last-child {
        border-bottom: 1px solid #d4d4d4 !important;
    }

    span.DialogText {
        max-width: 75% !important;
    }

}

@media screen and (max-height: 400px) /* =HEIGHT */ {

    div#Top {
        height: 50px;
        top: 30px;
    }

    div#TopContainer {
        height: 50px;
    }

    div#Navigation {
        padding-top: 50px;
    }

    div#Logo {
        width: 80px;
    }

    div#Logo img.Small {
        display: none;
    }

    div#Logo img.Smartphone {
        display: inline-block;
        width: 80px;
        margin-top: -20px !important;
    }

}

@media screen and (max-width: 420px) /* =WIDTH */ {

    .W340 {
        max-width: 340px !important;
        width: 79% !important;
    }

    .W300 {
        max-width: 300px !important;
        width: 65% !important;
    }

    .W95 {
        width: 83px !important;
    }

    input.MaxW50, input.W50 {
        width: 40px !important;
        max-width: 40px !important;
    }

    input.MaxW150 {
        width: 95px !important;
        max-width: 95px !important;
    }

    div.Line label.MaxW400 {
        max-width: 95% !important;
    }

    div.Line label.MaxW450 {
        max-width: 95% !important;
    }

    div.Line label.MaxW500 {
        max-width: 95% !important;
    }

    div.Line label.MaxW600 {
        max-width: 95% !important;
    }

    div.Line label.MaxWFull {
        max-width: 95% !important;
    }

    div.Market div.Toggle, div.FormContainer div.Toggle {
        display: none;
    }

    div.OpenTimesDay span.OpenTimesDayValue {
        max-width: 70%;
    }

}

@media screen and (max-width: 320px) /* =WIDTH */ {

    .W340 {
        max-width: 340px !important;
        width: 76% !important;
    }

}