/* übergeordnete Gruppe pro Buchstabe */
.subpage-letter-group {
    width: 100%;
    margin-bottom: 3rem;
}

/* Navigation oben */
.subpage-alpha-nav {
    width: 100%;
    text-align: left;
    margin: 1em 0 2em 0;
	margin-bottom: 20px;
    font-weight: bold;
	background-color: #eee;
	padding: 10px;
}

.subpage-alpha-link {
    margin-right: 0.4em;
    color: #00a300;
    text-decoration: none;
}

.subpage-alpha-link:hover {
    text-decoration: underline;
}

/* Container pro Buchstabe */
.subpage-container {
    display: block;
    width: 100%;
    clear: both;
}

/* deine Kacheln */
.subpage {
    width: calc(49% - 1%);
    margin: 1%;
    float: left;
    box-sizing: border-box;
}

.subpage a {
    text-decoration: none;
    color: #00a300;
    font-weight: bold;
}

.subpage-content {
    border: 1px solid #ccc;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 3px 3px 3px 2px #ccc;
    margin: 1em 1%;
    padding: .75em 2%;
    display: block;
}

.subpage-title {
    margin-bottom: 10px;
    text-align: left;
}

.subpage-excerpt {
    margin-bottom: 0;
}

.subpage-link {
    text-align: left;
    color: #00a300;
    font-weight: bold;
}

/* Buchstaben-Heading */
.subpage-letter-heading {
    margin: 0 0 .5em 0;
    text-align: left;
    font-size: 2em;
    color: #333;
    font-weight: bold;
	background-color: #eee;
	padding: 10px;
}

.subpage-letter-heading::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background: #00a300;
    margin-top: 0.3em;
}

/* Responsive */
@media screen and (max-width: 1023px) {
    .subpage {
        width: calc(49% - 1