@charset "UTF-8";
@font-face {
    font-family: 'Pontano Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/pontano-sans-v5-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Pontano Sans'), local('PontanoSans-Regular'),  url('../fonts/pontano-sans-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('../fonts/pontano-sans-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */  url('../fonts/pontano-sans-v5-latin-regular.woff') format('woff'), /* Modern Browsers */  url('../fonts/pontano-sans-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */  url('../fonts/pontano-sans-v5-latin-regular.svg#PontanoSans') format('svg'); /* Legacy iOS */
}
body {
    font-family: 'Pontano Sans';
    font-style: normal;
    font-weight: 100;
    font-size: 18px;
}
h1 {
    color: #45679F;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 24px;
    padding-left: 15px;
}
h2 {
    font-size: 25px;
}
h3 {
    font-weight: bold;
    font-size: 20px;
}
.keybild {
    margin-bottom: 30px;
}
strong {
    font-weight: bold;
}
footer {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#78c3d6+12,78c3d6+12,3f4c6b+41 */
    background: rgb(120,195,214); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(120,195,214,1) 12%, rgba(120,195,214,1) 12%, rgba(63,76,107,1) 41%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(120,195,214,1) 12%, rgba(120,195,214,1) 12%, rgba(63,76,107,1) 41%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(120,195,214,1) 12%, rgba(120,195,214,1) 12%, rgba(63,76,107,1) 41%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78c3d6', endColorstr='#3f4c6b', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    margin-top: 40px;
    color: #fff;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
footer a, footer a:hover {
    color: #fff;
}
a {
    color: #000;
}
section {
    clear: both;
    overflow: hidden;
}
#keynote {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+56,78c3d6+92 */
    background: rgb(63,76,107); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(63,76,107,1) 56%, rgba(120,195,214,1) 92%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(63,76,107,1) 56%, rgba(120,195,214,1) 92%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(63,76,107,1) 56%, rgba(120,195,214,1) 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#78c3d6', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding-top: 25px;
    padding-bottom: 22px;
    margin-bottom: 20px;
}
#keynote h1 {
    color: #fff;
    margin-bottom: 0;
}
/*------- NAVIGATION ----------*/
nav {
    margin-left: -17px;
    margin-right: -17px;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 23px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: 'Pontano Sans';
    font-style: normal;
    font-weight: 100;
}
.navbar-brand img {
    width: 150px;
}
.navbar-light .navbar-nav .active > .nav-link {
    color: #000;
    font-weight: bold;
}
.navbar-light .navbar-toggler {
    border-radius: 0;
    border-color: #e0c047;
}
/*-------STARTSEITE  ----------*/
.button {
    background-color: rgba(230,231,233,0.73);
    width: 100%;
    padding: 20px;
    display: block;
    color: #000;
    font-size: 25px;
    margin-bottom: 5px;
}
.button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #dcb005;
}
/*-------ACCORDION  ----------*/
#accordion {
    margin-top: 30px;
}
#accordion a {
    font-size: 19px;
}
#accordion a:hover {
    color: #e0c047;
}
.acicon {
    float: right;
    padding-top: 6px;
}
.card {
    border-radius: 0;
    margin-bottom: 5px;
    border-top: none;
    border-left: none;
}
.card-header {
    background-color: transparent;
    border-bottom: 0;
    font-size: 23px;
    padding-left: 0;
}
.card-body {
    padding-left: 0;
}
.fa-plus, .fa-minus {
    color: #e0c047 !important;
}
/*-------TEAM  ----------*/
.color {
    background-color: rgba(213,213,213,0.2);
    overflow: hidden;
    padding: 15px;
    margin-bottom: 20px;
}

@media(max-width:768px) {
.team {
    margin-bottom: 20px;
}
#fotos .col-md-4 {
    margin-bottom: 10px;
}
}
@media(min-width:768px) {
#navi {
    margin-top: 10px;
}
.navbar-light .navbar-nav .nav-link:hover {
    color:rgba(224,192,71,1.00);
}

.team {
    float: left;
    margin-right: 20px;
}
.navbar-brand img {
    width: 250px;
}
.button {
    font-size: 20px;
}
h1 {
    font-size: 27px;
}
h2 {
    font-size: 35px;
}
#keynote {
    margin-bottom: 30px;
}
#accordion a {
    font-size: 26px;
}
}

 
@media(min-width:998px) {
.button {
    font-size: 22px;
}
    h1 {
    font-size: 40px;
    }}