body {
    font-family: 'Open Sans', sans-serif;
}

header {
    margin-bottom: 1.5rem;
}

.app-title {
    color: #000;
    font-weight: bold;
}

.app-title a {
    color: #000;
    text-decoration: none;
}

.btn {
    padding: 0.5rem;
    min-width: 11rem;
}

.container {
    padding: 0 20px 20px 20px;
    max-width: 1000px;
    background: #fff;
}

.app-content {
    min-height: 220px;
}
.app-container-user {
    min-height: 1.5rem;
    padding: 5px 0 10px 0;
}

.control-label.has-danger {
    font-weight: bold;
}

.invalid-feedback {
    font-size: 0.9rem;
}

.form-group ul {
    padding-left: 1rem;
    margin-bottom: 0;
}

.form-group:last-child {
    margin-bottom: 0;
}

.app-logo {
    padding-right: 0.6rem;
}

/* Formatting CashCall */
.app-cc {
    font-style: italic;
}

.app-login-form {
    max-width: 30em;
    padding: 20px;
    margin-bottom: 40px;
    border: 1px solid #ddd;
}

.app-advice-form {
    max-width: 46em;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #ddd;
}

.app-advice-form .row:not(.form-group) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.app-list a:hover {
    text-decoration: none;
}

.app-list .row {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ddd;
}

.app-list .row .row {
    padding: 0;
    border: none;
}

.app-list .row:hover {
    background-color: #f0f8fb;
    border-bottom: 1px solid #3a6891;
}

.app-list .row div {
    color: #000;
}

.app-list .row div:first-child {
    color: #aaa;
}

.app-list-header {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.app-portal-rules li {
    margin-bottom: 1rem;
}

.app-text-light {
    color: #999 !important;
}

nav a, nav span {
    margin-right: 1em;
}

nav a:last-child, nav span:last-child {
    margin-right: 0;
}

svg.app-stat circle {
   fill: #999;
}

svg.app-stat-1 circle {
    fill: #999;
}

svg.app-stat-2 circle {
    fill: #ffe132;
}

svg.app-stat-5 circle, svg.app-stat-6 circle {
    fill: #00cd00;
}

svg.app-stat-9 circle, svg.app-stat-10 circle {
    fill: #d70000;
}

.app-ort {
    display: none;
    visibility: hidden;
}

footer {
    padding-top: 20px;
}

footer a {
    margin-right: 1em;
}

@media (min-width: 767px) {

    body {
        background: url("../img/Hintergrund_AufeinenBlick_06.jpg");
        background-repeat: no-repeat;
        background-position: top center;
    }
}

@media (max-width: 768px) {

    .app-advice-form {
        border: none;
    }

    .app-advice-form .row div:last-child {
        font-weight: bold;
    }

    .app-list-header div {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .app-list .row {
        padding-left: 20px;
    }

    svg.app-stat {
        position: absolute;
        top: 5px;
        left: -2px;
    }

    .app-container-user {
        padding-top: 10px;
        padding-bottom: 20px;
    }
}

/* small devices */
@media (max-width: 600px) {

    h3 {
        font-size: 1.5rem;
    }
    .app-sm-text-left {
        text-align: left !important;
    }

    input.form-control {
        border: 1px solid rgba(0,0,0,.3);
    }

}

/* FONTS */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-500.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-600.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-700.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-800.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-300.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-500.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-600.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-700.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-300italic.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-800.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-italic.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-500italic.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-600italic.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-800italic.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('/assets/fonts/open-sans-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v28-latin-700italic.ttf') format('truetype'); /* Safari, Android, iOS */
}