::-moz-selection {
  color: #fff;
  background: #009FE3;
}

::selection {
  color: #fff;
  background: #009FE3;
}

html {
}

body {

}

h1, .h1 {
    font-size: 35.2px !important;
}

.btn {
    padding: 16px 22.4px !important;
}

#cconsent-bar {
    transform: translateY(0) translateX(0) !important;
    right: 0 !important;
    left: unset !important;
    width: 33.333333vw !important;
    background-color: rgba(0, 159, 227, 0.6588235294117647) !important;
    font-family: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

#cconsent-bar.ccb--hidden {
    transform: translateY(100%) !important;
}

@media (max-width: 1200px) {
    #cconsent-bar {
        transform: translateY(0) translateX(0) !important;
        bottom: 0 !important;
        width: 100% !important;
        left: 0 !important;
    }

    #cconsent-bar .ccb__right {
        width: 100% !important;
    }
}

@media (max-width: 540px) {
    #cconsent-bar .ccb__right {
        width: 100% !important;
    }

    .ccb__button {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    #cconsent-bar a.ccb__edit {
        margin-right: 0 !important;
        margin-bottom: 16px !important;
    }
}

.hero {
	background-position: center;
}

html.chrome .browser-hinweis,
html.edge .browser-hinweis,
html.safari .browser-hinweis {
    display: block !important;
    position: relative;
    top: 27px;
    min-height: 67px;
    max-width: 100%;
    z-index: 999999;
    background: #E2007D;
    text-align: center;
    color: #fff;
    padding: 10px 15px;
}

html.chrome .browser-hinweis a,
html.edge .browser-hinweis a,
html.safari .browser-hinweis a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

html.chrome .browser-hinweis a:hover,
html.chrome .browser-hinweis a:focus,
html.edge .browser-hinweis a:hover,
html.edge .browser-hinweis a:focus,
html.safari .browser-hinweis a:hover,
html.safari .browser-hinweis a:focus {
    text-decoration: none;
}

/* IE Hacks */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
	.browser-hinweis {
	    display: block !important;
	    position: relative;
	    top: 27px;
	    min-height: 21px;
	    max-width: 640px;
	    z-index: 999999;
	    background: #0378b9;
	    text-align: center;
	    color: #fff;
	}
	
	.browser-hinweis a {
	    color: #fff;
	    border-bottom: 1px solid #fff;
	}
	
	.browser-hinweis a:hover,
	.browser-hinweis a:focus {
	    text-decoration: none;
	}
	
}

/*html.chrome #header .fixed-top,
html.edge #header .fixed-top,
html.safari #header .fixed-top {
	top: 20px;
}*/