@font-face{
    font-family: "BarlowCondensed";
    src:url("../fonts/BarlowCondensed-Light.ttf") format("ttf"),
    url("../fonts/BarlowCondensed-Light.otf") format("otf"),
    url("../fonts/BarlowCondensed-Light.woff2") format("woff2");
    font-weight:300;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "BarlowCondensed";
    src:url("../fonts/BarlowCondensed-LightItalic.ttf") format("ttf"),
    url("../fonts/BarlowCondensed-LightItalic.otf") format("otf"),
    url("../fonts/BarlowCondensed-LightItalic.woff2") format("woff2");
    font-weight:300;
    font-style:italic;
    font-display:swap;
}

@font-face{
    font-family: "BarlowCondensed";
    src:url("../fonts/BarlowCondensed-Regular.ttf") format("ttf"),
    url("../fonts/BarlowCondensed-Regular.otf") format("otf"),
    url("../fonts/BarlowCondensed-Regular.woff2") format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "BarlowCondensed";
    src:url("../fonts/BarlowCondensed-Italic.ttf") format("ttf"),
    url("../fonts/BarlowCondensed-Italic.otf") format("otf"),
    url("../fonts/BarlowCondensed-Italic.woff2") format("woff2");
    font-weight:400;
    font-style:italic;
    font-display:swap;
}

@font-face{
    font-family: "BarlowCondensed";
    src:url("../fonts/BarlowCondensed-Medium.ttf") format("ttf"),
    url("../fonts/BarlowCondensed-Medium.otf") format("otf"),
    url("../fonts/BarlowCondensed-Medium.woff2") format("woff2");
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "BarlowCondensed";
    src:url("../fonts/BarlowCondensed-MediumItalic.ttf") format("ttf"),
    url("../fonts/BarlowCondensed-MediumItalic.otf") format("otf"),
    url("../fonts/BarlowCondensed-MediumItalic.woff2") format("woff2");
    font-weight:500;
    font-style:italic;
    font-display:swap;
}

@font-face{
    font-family: "BarlowCondensed";
    src:url("../fonts/BarlowCondensed-Bold.ttf") format("ttf"),
    url("../fonts/BarlowCondensed-Bold.otf") format("otf"),
    url("../fonts/BarlowCondensed-Bold.woff2") format("woff2");
    font-weight:600;
    font-style:normal;
    font-display:swap;
}

body {
    font-family: "BarlowCondensed", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
}

b, strong {
    font-weight: 600;
}

.fake-url {
    color: #234257;
    text-decoration: none;
}

.fake-url:hover {
    color: #0b1e29;
    text-decoration: none;
}

a, .fake-url.creme {
    color: #FFFDD0;
    text-decoration: none;
}

a:hover, .fake-url.creme:hover {
    color: #dcbda8;
    text-decoration: none;
}

#imprint a {
    color: #0b1e29;
    text-decoration: none;
}

footer a {
    color: #0b1e29;
    text-decoration: none;
}

footer a:hover {
    color: #234257;
    text-decoration: none;
}

.h1, .h2, .h3,
h1, h2, h3 {
    display: block;
    margin: 0 0 20px 0;
}

.h1, h1 {
    font-size: 50px;
}

.h2, h2 {
    font-size: 40px;
}

.h3, h3 {
    font-size: 25px;
}

header {
    padding: 20px 0;
}

#home {
    padding: 50px 0;
}

#kontakt {
    padding: 50px 0;
}

.logo-wrapper {
    display: grid;
    justify-items: center;
}

.logo {
    display: inline-block;
    width: 50px;
    height: 63px;
    fill: #fff;
}

.logo.small {
    width: 20px;
    height: 30px;
}

.logo-wrapper .text {
    width: 100%;
    color: #fff;
}

.logo-wrapper:hover .text {
    color: #FFFDD0;
}

.logo-wrapper:hover .logo {
    fill: #FFFDD0;
}

.logo {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 63px;
    fill: #fff;
}

.video-thumbnail {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    background-size: cover;
    background-position: center;
}

.bg-gradient {
    background: linear-gradient(90deg, #234257, #0b1e29);
    color: #fff;
}

.bg-gradient-reverse {
    background: linear-gradient(90deg, #0b1e29, #234257);
    color: #fff;
}

.bg-creme {
    background: #FFFDD0;
}

.creme {
    color: #FFFDD0;
}

.pointer {
    cursor: pointer;
}

#navbarNav {
    justify-content: center;
}

#navbarNav ul {
    column-gap: 30px;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #FFFDD0;
}

.pt58 {
    padding-top: 63px;
}

.ptb50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.plr50 {
    padding-left: 50px;
    padding-right: 50px;
}

.mb50 {
    margin-bottom: 50px;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

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

.card {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    transition: 0.3s;
}

.card:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
}

.btn-primary {
    background-color: #FFFDD0;
    border-color: #FFFDD0;
    color: #0b1e29;
    transition: 0.3s;
}

.btn-primary:hover {
    background-color: #dcbda8;
    border-color: #dcbda8;
    color: #0b1e29;
    transition: 0.3s;
}

input:focus, textarea:focus {
    outline: 3px solid #FFFDD0;
}

section img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card .card-body {
    flex: 1;
}

@media (max-width: 768px) {
    .ta-mobile-center {
        text-align: center;
    }
}