/* yellowair-Gelb #ffd900 */

@font-face {
    font-family: Bariol-Regular;
    src: url(../fonts/Bariol_Regular.otf);
}

@font-face {
    font-family: Bariol-Bold;
    src: url(../fonts/Bariol_Bold.otf);
}

@font-face {
    font-family: Bariol-Serif-Regular;
    src: url(../fonts/Bariol_Serif_Regular.otf);
}

@font-face {
    font-family: Bariol-Serif-Bold;
    src: url(../fonts/Bariol_Serif_Bold.otf);
}

body {
    /*background: url('../images/europe_skyline.png') no-repeat;
    background-position: center -40%;*/
    background-color: white;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

nav.navbar {
    min-height: 80px;
    background:white;
    background-color: white;
    /*-webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;*/
}

a.navbar-top.trans {
    color: #4a4a49 !important;
}

a:hover.navbar-top {
    font-family: Bariol-Bold;
}

@media (min-width: 768px){
.navbar.trans {
    background:transparent !important;
    background-color: transparent !important;
}
    a.navbar-top {
    color: white !important;
}
}

#img-logo {
    display: ;
    
}

.background-image {
    background: url(../images/carousel/plane1.jpg) no-repeat;
    background-size: cover;
    height: 40em;
}

.carousel-box {
    display: flex;
    align-items: center;
    
    padding: 2em;
    max-width: 25em;
    background-color: rgba(255,255,255,0.9);
    border-radius: 1em;
}

.bariol-regular {
    font-family: Bariol-Regular;
}

.bariol-bold {
    font-family: Bariol-Bold;
}

.bariol-serif-regular {
    font-family: Bariol-Serif-Regular;
}

.bariol-serif-bold {
    font-family: Bariol-Serif-Bold;
    /*font-weight: 550;*/
}

.font-yellow {
    color: #ffd900;
}

.font-grey {
    color: #4a4a49;
}

.font-white {
    color: white;
}

a.grey-hover:hover { 
    background-color: #4a4a49 !important;
    color: white !important;
}

a.yellow-hover:hover { 
    background-color: #ffd900 !important;
    color: white !important;
}

a.white-hover:hover {
    background-color: white !important;
    color: #4a4a49 !important;
}

a.bold-hover:hover {
    font-family: bariol-bold;
    font-weight: 500 !important;
}

a.deco-none-grey {
    color: #4a4a49;
    text-decoration: none !important;
}

a.deco-none-white {
    color: white;
    text-decoration: none !important;
}

.line-height-15 {
    line-height: 1.5;
}

.margin-top-1 {
    margin-top: 1em;
}

.margin-top-2 {
    margin-top: 2em;
}

.margin-top-3 {
    margin-top: 3em;
}

.margin-bottom-1 {
    margin-bottom: 1em;
}

hr.yellow { 
    width: 100%; 
    height: 0.07em; 
    background: #ffd900;
    border-radius: 1em;
    border-width:0;
}

hr.grey { 
    width: 6.2em; 
    height: 0.07em; 
    background: #4a4a49;
    border-radius: 1em;
    border-width:0;
    margin-left: 0;
}

@media (min-width: 768px){
    .column-2 {
        -webkit-column-count: 2;
        column-count: 2;
      }
}

@media (max-width: 480px){
    .margin-all {
        margin: 1em;
      }
}

.background-border {
    border-style: solid;
    border-radius: 1em;
    border-width: 0.1em;
    border-color: #ffd900;
    padding: 2em;
}

summary::-webkit-details-marker {
    display:none;
}

summary:after {
    content: "⟶ mehr Infos"
}

summary:hover {
    font-family: Bariol-Bold;
}

details[open] summary:after { 
    content: "";
}

a.header {
    text-decoration: none;
    color: white;
    margin-right: 2em;
}

a:visited.header {
    text-decoration: none;
}

a:hover.header {
    font-family: Bariol-Bold;
}

.background-konzept-header {
    background-image: linear-gradient(rgba(74,74,73,0.8),rgba(74,74,73,0.8)), url(../images/konzept.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

    .background-kontakt-header {
    background-image: linear-gradient(rgba(74,74,73,0.8),rgba(74,74,73,0.8)), url(../images/kontakt.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.background-ziel-header {
    background-image: linear-gradient(rgba(74,74,73,0.8),rgba(74,74,73,0.8)), url(../images/ziel.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

:target:before {
	content: "";
	display: block;
	height: 8em; /* same as your fixed header height */
	margin: -8em 0 0; /* negative fixed header height */
}

/* contact form */