#content {
    background: #fff;
    min-height: 500px;
    position: relative;
    width: 150%;
    z-index: 2;
}
content a:visited {
     color: white;
}


.collapsible, .collapsible1,.collapsible3,.collapsible4 {
    background-color: #777;
    color: white;
    cursor: pointer;
    padding: 5px;
    width: 22%;
    border-radius: 3px;
    text-align: center;
    outline: none;
    font-size: 14px;
    margin-top: 10px;
}

.active, .collapsible:hover {
    background-color: #555;
}

.collapsible_content {
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
    border-radius: 3px;
}

.wrapper {
                display: grid;
                grid-gap: 10px;
                grid-template-columns: [col] 220px [col] 220px [col] 220px  ;
                grid-template-rows: [row] auto [row] auto [row] ;
                color: #333;
                border-radius: 3px;
                padding: 10px;
        }

.box {
                text-color: black;
                border-radius: 3px;
		border: 1px solid grey;
                padding: 7px;
                font-size: 14px;
                width: 100%;
		height: 160px;
}

.box a:visited {

}

.sbc {
                grid-column: col ;
                grid-row: row ;
}

.vhs {
                grid-column: col 3;
                grid-row: row ;
}

.naturkunde {
                grid-column: col 2;
                grid-row: row ;
}

.galerie {
               grid-column: col / span 3 ;
                grid-row: row 2 ;
}

.archiv {
                grid-column: col / span 3;
                grid-row: row 3;
}

.management {
                grid-column: col ;
                grid-row: row 4;
}

.haupstadt {
                grid-column: col 2 ;
                grid-row: row 4;
}

.musikschule {
                grid-column: col ;
                grid-row: row 5;
}

.btn-warning {
   background-color: #ccc9c2;
   border-color: #b1ada2;
}