.header {
    min-height:300px;
    top:0px;
    left:0px;
    right:0px;
    z-index:1000;
    margin-bottom:10px;
}
.column_1 {
    float: none;
    width: auto;
    min-height: 100px;
    background-color:rgba(88, 88, 90, 0.8);
    border-bottom-right-radius:100px;
    -moz-border-radius-bottomright:100px;
    -webkit-border-bottom-right-radius:100px;
    border-bottom:5px ridge #E9CE75;
    border-right:1px solid #E9CE75;
    box-shadow:5px 5px 5px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow:5px 5px 5px 1px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow:5px 5px 5px 1px rgba(0, 0, 0, 0.33);
    transform:none;
    transform-origin:none;
    padding-left:20px;
    transition:all 0.9s linear 0s;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    -webkit-transform-origin:none;
    -moz-transform-origin:none;
    -ms-transform-origin:none;
    -o-transform-origin:none;
}
.column_19 {
    float: none;
    width: auto;
    min-height: 100px;
}
.column_20 {
    float: none;
    width: auto;
    min-height: 100px;
    box-shadow:10px 10px 5px 2px rgba(0, 0, 0, 0.33);
    -moz-box-shadow:10px 10px 5px 2px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow:10px 10px 5px 2px rgba(0, 0, 0, 0.33);
    border-right:1px solid #E9CE75;
    border-bottom:1px solid #E9CE75;
}
#ContentSwap1 {
    width:100%;
    height:200px;
    padding:0px;
    margin:0px;
}
#ContentSwap1 .ContentSwap1_content {
    width:100%;
    height:100%;
    background:url("../Bilder/empfang/reception-and-lobby-hotel-grand-chancellor-brisbane.jpg.1920x810_default.jpeg") center center / cover scroll transparent;
}
#ContentSwap1 .swap-inner {
    width:100%;
    height:100%;
    padding:40px;
    margin:0px;
    text-align:center;
    color:#FFFFFF;
    cursor: auto;
    box-sizing:border-box;
    background:url("../Bilder/empfang/6686_15101611110036894520.jpg") center top / cover scroll rgba(0, 0, 0, 0.74902);
}
#ContentSwap1 .swap-inner p {
    font-size: 14px;
}
#ContentSwap1 .swap-inner h4 {
    color: #FFFFFF;
}
#ContentSwap1 a.content-swap-button:hover {
    background-color: #E9CE75;
}
#ContentSwap1 a.content-swap-button {
    padding-left: 20px;
    display: inline-block;
    padding-right: 20px;
    margin: 10px 0;
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px 20px;
    background-color: transparent;
    border: 0 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    transition: all 0.4s linear 0s;
    font:400 15px/157% Raleway, sans-serif;
    border-style:solid;
    border-width:1px;
}
.column_21 {
    float: none;
    width: auto;
    min-height: 100px;
}
.column_22 {
    float: none;
    width: auto;
    min-height: 100px;
    box-shadow:-10px 10px 5px 2px rgba(0, 0, 0, 0.33);
    -moz-box-shadow:-10px 10px 5px 2px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow:-10px 10px 5px 2px rgba(0, 0, 0, 0.33);
    border-left:1px solid #E9CE75;
    border-bottom:1px solid #E9CE75;
}
#ContentSwap2 {
    width:100%;
    height:200px;
    padding:0px;
    margin:0px;
}
#ContentSwap2 .ContentSwap2_content {
    width:100%;
    height:100%;
    background:url("../Bilder/pool/Warwick 4.jpg") center center / cover scroll transparent;
}
#ContentSwap2 .swap-inner {
    width:100%;
    height:100%;
    padding:40px;
    margin:0px;
    text-align:center;
    color:#FFFFFF;
    cursor: auto;
    box-sizing:border-box;
    background:url("../Bilder/pool/rooftop-swimming-pool-leisure-hotel-brisbane-hotel-grand-chancellor-brisbane-1.jpg.1920x810_0_446_10000.jpeg") center top / cover scroll rgba(0, 0, 0, 0.74902);
}
#ContentSwap2 .swap-inner p {
    font-size: 14px;
}
#ContentSwap2 .swap-inner h4 {
    color: #FFFFFF;
}
#ContentSwap2 a.content-swap-button:hover {
    background-color: #E9CE75;
}
#ContentSwap2 a.content-swap-button {
    padding-left: 20px;
    display: inline-block;
    padding-right: 20px;
    margin: 10px 0;
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px 20px;
    background-color: transparent;
    border: 0 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    transition: all 0.4s linear 0s;
    border-style:solid;
    border-width:1px;
    font:400 15px/157% Raleway, sans-serif;
}
.column_23 {
    float: none;
    width: auto;
    min-height: 100px;
}
.column_4 {
    float: none;
    width: auto;
    min-height: 100px;
    padding:10px;
    border-color:#E9CE75;
    border-style:solid;
    border-width:1px;
}
.column_5 {
    float: none;
    width: auto;
    min-height: 100px;
}
.column_6 {
    float: none;
    width: auto;
    min-height: 100px;
    padding:10px;
    border-color:#E9CE75;
    border-style:solid;
    border-width:1px;
}
.column_7 {
    float: none;
    width: auto;
    min-height: 100px;
}
.column_8 {
    float: none;
    width: auto;
    min-height: 100px;
    padding:10px;
    border-color:#E9CE75;
    border-style:solid;
    border-width:1px;
}
.column_1:hover {
    transform: scale(1, 1) translate(0px, 0px) skew(0deg, 0deg) rotate(0deg);
    -webkit-transform: scale(1, 1) translate(0px, 0px) skew(0deg, 0deg) rotate(0deg);
    -moz-transform: scale(1, 1) translate(0px, 0px) skew(0deg, 0deg) rotate(0deg);
    -ms-transform: scale(1, 1) translate(0px, 0px) skew(0deg, 0deg) rotate(0deg);
    -o-transform: scale(1, 1) translate(0px, 0px) skew(0deg, 0deg) rotate(0deg);
    transition:all 0.9s linear 0s;
}
.column_2 {
    float: none;
    width: auto;
    min-height: 100px;
}
.column_3 {
    float: none;
    width: auto;
    min-height: 100px;
    background-color:rgba(88, 88, 90, 0.8);
    border-bottom-left-radius:100px;
    -moz-border-radius-bottomleft:100px;
    -webkit-border-bottom-left-radius:100px;
    border-left:1px solid #E9CE75;
    border-bottom:5px ridge #E9CE75;
    box-shadow:-5px 5px 5px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow:-5px 5px 5px 1px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow:-5px 5px 5px 1px rgba(0, 0, 0, 0.33);
    transform:none;
    transform-origin:none;
    padding-right:20px;
    transition:all 0.9s linear 0s;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    -webkit-transform-origin:none;
    -moz-transform-origin:none;
    -ms-transform-origin:none;
    -o-transform-origin:none;
}
.column_3:hover {
    transform: scale(1, 1) translate(0px, 0px) skew(0deg, 0deg) rotate(0deg);
    -webkit-transform: scale(1, 1) translate(0px, 0px) skew(0deg, 0deg) rotate(0deg);
    -moz-transform: scale(1, 1) translate(0px, 0px) skew(0deg, 0deg) rotate(0deg);
    -ms-transform: scale(1, 1) translate(0px, 0px) skew(0deg, 0deg) rotate(0deg);
    -o-transform: scale(1, 1) translate(0px, 0px) skew(0deg, 0deg) rotate(0deg);
    transition:all 0.9s linear 0s;
}
img.image1 {
    height: 248px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
img.image2 {
    width:auto;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
h1.heading1 {
    font-weight: 600;
    font-family:Raleway, sans-serif;
    font-size:30px;
    color:#E9CE75;
    text-shadow:5px 5px 5px #333333;
    -moz-text-shadow:5px 5px 5px #333333;
    -webkit-text-shadow:5px 5px 5px #333333;
}
.row_4 {
    clear: both;
    min-height: 100px;
    overflow:hidden;
}
p.paragraph1 {
    color: #E9CE75;
    font-family:Raleway, sans-serif;
    font-style:normal;
    font-weight:400;
}
h1.heading2 {
    font-style: normal;
    font-weight:600;
    font-family:Raleway, sans-serif;
    font-size:30px;
    color:#E9CE75;
    text-shadow:5px 5px 5px #333333;
    -moz-text-shadow:5px 5px 5px #333333;
    -webkit-text-shadow:5px 5px 5px #333333;
    text-align:right;
}
p.paragraph2 {
    font-style: normal;
    font-weight:400;
    font-family:Raleway, sans-serif;
    color:#E9CE75;
    text-align:right;
}
img.image3 {
    width:auto;
    display:inline-block;
}
img.image4 {
    width:auto;
    display:inline-block;
}
img.image5 {
    width:auto;
    display:inline-block;
}
img.image12 {
    margin-left: auto;
    margin-right:auto;
    display:block;
    width:6.903353057199212%;
    transition:all 0.4s linear 0s;
}
img.image12:hover {
    width: 0%;
    transition:all 0.4s linear 0s;
}
img.image13 {
    margin-right: auto;
}
@media only screen and (min-width : 768px) {
    .header {
        min-height: 248px;
        width:100%;
    }
    .column_1 {
        float: left;
        width: 33.33%;
        min-height: 248px;
        border-right-width:1px;
        border-right-style:solid;
        -webkit-transform: scale(1, 1) translate(0px, -210px) skew(0deg, 0deg) rotate(0deg);
        -webkit-transform-origin:none;
        transform: scale(1, 1) translate(0px, -210px) skew(0deg, 0deg) rotate(0deg);
        -moz-transform: scale(1, 1) translate(0px, -210px) skew(0deg, 0deg) rotate(0deg);
        -ms-transform: scale(1, 1) translate(0px, -210px) skew(0deg, 0deg) rotate(0deg);
        -o-transform: scale(1, 1) translate(0px, -210px) skew(0deg, 0deg) rotate(0deg);
        transform-origin:none;
        -moz-transform-origin:none;
        -ms-transform-origin:none;
        -o-transform-origin:none;
    }
    .column_2 {
        float: left;
        width: 33.33%;
        min-height: 248px;
    }
    .column_3 {
        float: left;
        width: 33.34%;
        min-height: 248px;
        border-left-width:1px;
        border-left-style:solid;
        -webkit-transform: scale(1, 1) translate(0px, -210px) skew(0deg, 0deg) rotate(0deg);
        -webkit-transform-origin:none;
        transform: scale(1, 1) translate(0px, -210px) skew(0deg, 0deg) rotate(0deg);
        -moz-transform: scale(1, 1) translate(0px, -210px) skew(0deg, 0deg) rotate(0deg);
        -ms-transform: scale(1, 1) translate(0px, -210px) skew(0deg, 0deg) rotate(0deg);
        -o-transform: scale(1, 1) translate(0px, -210px) skew(0deg, 0deg) rotate(0deg);
        transform-origin:none;
        -moz-transform-origin:none;
        -ms-transform-origin:none;
        -o-transform-origin:none;
    }
    .row_1 {
        clear: both;
        width: auto;
    }
    .column_19 {
        float: left;
        width: 20%;
        min-height: 200px;
    }
    .column_20 {
        float: left;
        width: 20%;
        min-height: 200px;
    }
    .column_21 {
        float: left;
        width: 20%;
        min-height: 200px;
    }
    .column_22 {
        float: left;
        width: 20%;
        min-height: 200px;
    }
    .column_23 {
        float: left;
        width: 20%;
        min-height: 200px;
    }
    .column_4 {
        float: left;
        width: 20%;
        min-height: 200px;
        padding:10px;
        border-style:none;
        border-width:1px;
    }
    .column_5 {
        float: left;
        width: 20%;
        min-height: 200px;
    }
    .column_6 {
        float: left;
        width: 20%;
        min-height: 200px;
        padding:10px;
        border-style:none;
        border-width:1px;
    }
    .column_7 {
        float: left;
        width: 20%;
        min-height: 200px;
    }
    .column_8 {
        float: left;
        width: 20%;
        min-height: 200px;
        padding:10px;
        border-style:none;
        border-width:1px;
    }
    .row_4 {
        clear: both;
        width: auto;
        min-height:100px;
    }
    img.image2 {
        height: 248px;
    }
    #ContentSwap1 a.content-swap-button {
        border-style: solid;
    }
    #ContentSwap2 a.content-swap-button {
        border-style: solid;
    }
    img.image12:hover {
        width: 6.90%;
    }
}
.row_4:hover {
    display: block;
}
@media only screen and (min-width : 1024px) {
    .header {
        min-height: 248px;
        width:100%;
    }
    .row_1 {
        clear: both;
        width: auto;
    }
    .column_19 {
        float: left;
    }
    .column_20 {
        float: left;
    }
    .column_21 {
        float: left;
    }
    .column_22 {
        float: left;
    }
    .column_23 {
        float: left;
    }
    .row_4 {
        clear: both;
        width: 100%;
        min-height:0px;
        right:auto;
        left:auto;
        margin-left:auto;
        margin-right:auto;
    }
    .column_4 {
        float: left;
        padding:0px;
        border-style:none;
        border-width:0px;
    }
    .column_5 {
        float: left;
    }
    .column_6 {
        float: left;
        padding:0px;
        border-style:none;
        border-width:0px;
    }
    .column_7 {
        float: left;
    }
    .column_8 {
        float: left;
        padding:0px;
        border-style:none;
        border-width:0px;
    }
    .column_1 {
        float: left;
        border-right-width:5px;
        border-right-style:ridge;
        transform: scale(1, 1) translate(0px, -200px) skew(0deg, 0deg) rotate(0deg);
        transform-origin:none;
        -webkit-transform-origin:none;
        -moz-transform-origin:none;
        -ms-transform-origin:none;
        -o-transform-origin:none;
        -webkit-transform: scale(1, 1) translate(0px, -200px) skew(0deg, 0deg) rotate(0deg);
        -moz-transform: scale(1, 1) translate(0px, -200px) skew(0deg, 0deg) rotate(0deg);
        -ms-transform: scale(1, 1) translate(0px, -200px) skew(0deg, 0deg) rotate(0deg);
        -o-transform: scale(1, 1) translate(0px, -200px) skew(0deg, 0deg) rotate(0deg);
    }
    .column_2 {
        float: left;
    }
    .column_3 {
        float: left;
        border-left-width:5px;
        border-left-style:groove;
        transform: scale(1, 1) translate(0px, -200px) skew(0deg, 0deg) rotate(0deg);
        transform-origin:none;
        -webkit-transform-origin:none;
        -moz-transform-origin:none;
        -ms-transform-origin:none;
        -o-transform-origin:none;
        -webkit-transform: scale(1, 1) translate(0px, -200px) skew(0deg, 0deg) rotate(0deg);
        -moz-transform: scale(1, 1) translate(0px, -200px) skew(0deg, 0deg) rotate(0deg);
        -ms-transform: scale(1, 1) translate(0px, -200px) skew(0deg, 0deg) rotate(0deg);
        -o-transform: scale(1, 1) translate(0px, -200px) skew(0deg, 0deg) rotate(0deg);
    }
    img.image2 {
        height: 248px;
    }
    #ContentSwap1 a.content-swap-button {
        border-style:solid;
    }
    #ContentSwap2 a.content-swap-button {
        border-style:solid;
        display:inline-block;
    }
    img.image12:hover {
        width: 6.90%;
    }
    img.image13 {
        float: none;
        margin-left:auto;
        display:block;
    }
}