.rentwebs-cities {
}

.rwrow {
    margin-bottom: 50px;
    width:100%;
    height:330px;
}

.rw-city-col-small {
    width: 40%;
}

.rw-city-col-large {
    width: 50%;
}

.rw-city-col-small, .rw-city-col-large {
    margin: 25px;
    height: 330px;
    float: left;
    text-align: center;
    text-shadow: 1px 1px 2px black;
    color: ghostwhite;
    font-size: 30px;
    padding-top: 150px
}

.amsterdam {
    background: url(https://www.rentwebs.nl/images/steden/amsterdam.jpg);
    background-size: cover;
}

.rotterdam {
    background: url(https://www.rentwebs.nl/images/steden/rotterdam.jpg);
    background-size: cover;
}

.denhaag {
    background: url(https://www.rentwebs.nl/images/steden/denhaag.jpg);
    background-size: cover;
}

.utrecht {
    background: url(https://www.rentwebs.nl/images/steden/utrecht.jpg);
    background-size: cover;
}

.csm-search-form {
    width: 100%;
}

.csm-search-field {
    width: 15%;
    float:left;
    margin: 5px;
    text-align: left;
}

.csm-search-button {
    position: relative;
    top: 20px;
    font-size: 20px;
    width: 75px;
}

.csm-thumbnail {
    width: 320px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px;
    box-shadow: 0 0 3px #ccc;
}


.csm-info {

}

.csm-price {
    width: 100%;
    text-align: right;
    font-size: 125%;
    color: #e6007e;
}

.csm-footer {

}

.csm-detail-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.csm-detail-head {
    background-color: #5a284a;
    color: #fff;
    padding: 5px 20px;
    margin-bottom: 30px;
    font-size: 200%;
}

.csm-detail-row {
    width:100%;
    height: 600px;
}

.csm-detail-slider {
    width:65%;
    margin-right: 30px;
    float: left;
}

.csm-detail-block {
    width:30%;
    float: left;
}

.csm-table-details td {
    padding: 2px !important;
}

.csm-detail-greyrow {
    width: 100%;
    padding-top: 30px;
}

.csm-detail-pink-on-white {
    background: white;
    box-shadow: 0 0 3px #ccc;
    margin-bottom: 30px;
}

.csm-detail-pink {
    color: #e6007e;
    font-weight: bold;
}

[data-component="csm-slideshow"] .csm-slide {
    display: none;
    text-align: center;
}

[data-component="csm-slideshow"] .csm-slide.active {
    display: block;
}

/*.form-block, .form-block-head, .form-block-body {*/
/*    width: 100%;*/
/*    border-width: 1px;*/
/*    border-style: solid;*/
/*    border-color:darkgrey;*/
/*}*/

/*.form-block-head {*/
/*    background: lightgrey;*/
/*}*/

/*.form-block-body {*/
/*    min-height: 60px;*/
/*}*/

/*.form-block-body-col {*/
/*    width: 50%;*/
/*    float: left;*/
/*}*/

/*.form-block-body-col-small {*/
/*    width: 25%;*/
/*    float: left;*/
/*}*/

/*.input-field-small {*/
/*    width: 80%;*/
/*}*/

/*.input-field-large {*/
/*    width: 80%;*/
/*}*/


body {
    font-family: Arial, sans-serif;
    margin: 1rem;
    background: #f9f9f9;
}

form {
    max-width: 900px;
    margin: auto;
    background: #fff;
    padding: 2rem;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.form-block {
    margin-bottom: 2rem;
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 4px;
    background: #fafafa;
}

.form-block-head {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.form-block-body {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.form-block-body-col,
.form-block-body-col-small {
    flex: 1 1 300px;
}

input, textarea {
    width: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
}

textarea {
    min-height: 100px;
    background: white;
}

@media (max-width: 768px) {
    .form-block-body {
        flex-direction: column;
    }

    .form-block-body-col,
    .form-block-body-col-small {
        flex: 1 1 0px;
    }

}

.require {
    color: red;
}