body, wrapper {
   min-height:100vh;
}

.flex-fill {
   flex:1 1 auto;
}

.footer {
  background-color: #f5f5f5;
}

body > .container {
  padding: 60px 15px 0;
}

/* -------------------------------------------------- 
Bereitstellen Funktionalöität Submenü (dropdown-submenu) unter bootstrap 4.1: */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

/* -------------------------------------------------- 
Text nach ... Zeilen abkürzen: */

.crop-text-1 {
    -webkit-line-clamp: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-2 {
    -webkit-line-clamp: 2;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-3 {
    -webkit-line-clamp: 3;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-4 {
    -webkit-line-clamp:4;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-5 {
    -webkit-line-clamp: 5;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-6 {
    -webkit-line-clamp: 6;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


/* -------------------------------------------------- 
Mehr Abstand nach oben bei Überschrift2 und 3: */
h2, h3 {
    margin-top: 35px;
    margin-bottom: 10px;
}