/* Formate Frontend */

/* -------------------- Fonts */

/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../font/nunito-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nunito-v26-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* nunito-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('../font/nunito-v26-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nunito-v26-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* nunito-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  src: url('../font/nunito-v26-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nunito-v26-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* dancing-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../font/dancing-script-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/dancing-script-v25-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* -------------------- Basis */
html, body {
	height: 100%;
}

body {
	background: #FFFFFF;
	font-family: "Nunito" !important;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #062c39;
}

.font-alternativ {
	font-family: "Dancing Script" !important;
}

b, strong {
	font-weight: 800 !important;
}

.text-alternativ {
	color: #0a6582;
}
.text-alternativ-color {
	color: #ffad00;
}
.text-alternativ-light {
	color: #FFFFFF;
}

.text-big {
	font-size: 22px;
}

.text-bottomborder {
	border-bottom: solid 2px #ffad00;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Nunito" !important;
	font-style: normal;
	font-weight: 800;
	color: #0a6582;
}

.h-alternativ {
	color: #062c39;
}
.h-alternativ-color {
	color: #ffad00;
}
.h-alternativ-light {
	color: #FFFFFF;
}

h1 {
	font-size: 40px;
}
h2 {
	font-size: 34px;
}
h3 {
	font-size: 30px;
	font-weight: 600;
}
h4 {
	font-size: 24px;
	font-weight: 600;
}
h5 {
	font-size: 20px;
	font-weight: 600;
}
h6 {
	font-size: 16px;
	font-weight: 600;
}

.datenschutz-custom h1 {
	font-size: 30px;
}
.datenschutz-custom h2 {
	font-size: 26px;
}
.datenschutz-custom h3 {
	font-size: 22px;
	font-weight: 600;
}
.datenschutz-custom h4 {
	font-size: 18px;
	font-weight: 600;
}
.datenschutz-custom h5 {
	font-size: 16px;
	font-weight: 600;
}
.datenschutz-custom h6 {
	font-size: 16px;
	font-weight: 600;
}


/* -------------------- Links */
a {
	color: #0a6582 !important;
	text-decoration: none;
}
a:hover {
	color: #ffad00 !important;
}
.footer-custom a {
	color: #E3E6EC !important;
}
.footer-custom a:hover {
	color: #ffad00 !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #062c39 !important;
}


/* -------------------- Header */



/* -------------------- Containers */



/* -------------------- Areas Custom */
.area-top-dark-custom { 
	background: #062c39;
}
.area-alternativ-custom { 
	background: #0a6582;
}
.area-footer-custom {
	background: #062c39;
}
.area-cardbg-custom { 
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


/* -------------------- Sectors Custom */



/* -------------------- Content Area */



/* -------------------- Shadows */


/* -------------------- Navbar Custom */
.navbar {
	background: #062c39;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar,
.navbar-custom,
.navbar-custom-logo {
	transition: all 0.5s;
}
.navbar-custom {
}
.navbar-custom-logo {
	height: 44px;
}
/* sm - Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.navbar-custom-logo {
		height: 64px;
	}
}
.navbar .navbar-nav {
}
.navbar .navbar-nav .dropdown-menu {
	background: #062c39;
}
.navbar .navbar-nav .nav-item .nav-link,
.navbar .navbar-nav .dropdown-menu .dropdown-item {
	font-family: "Nunito" !important;
	font-style: normal !important;
	font-weight: 800 !important;
}
.navbar .navbar-nav .nav-item .nav-link {
	font-size: 20px !important;
	color: #FFFFFF !important;
	padding: 7px 30px 7px 3px;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
	font-size: 20px !important;
	color: #FFFFFF !important;
	padding: 3px 5px;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
	color: #ffad00 !important;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
	color: #ffad00 !important;
	background: transparent !important;
}
.navbar .navbar-nav .nav-item.active .nav-link {
	color: #ffad00 !important;
	background: transparent !important;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
	color: #ffad00 !important;
	background: transparent !important;
}


/* -------------------- Footer Custom */
.footer-custom {
	color: #FFFFFF;
	font-weight: 600;
	font-size: 18px;
}


/* -------------------- Buttons Custom */
.button-custom {
}
.button-v1 {
}
.button-v1:hover {
}


/* -------------------- Dropdown Custom */


/* -------------------- Forms Custom */


/* -------------------- Modal Custom */


/* -------------------- Cards Custom */
.cardbody-kontakt-custom {
	font-weight: 400;
	font-size: 18px;
	color: #062c39;
}


/* -------------------- Font Awesome Custom */


/* -------------------- Scroll to Top */
#return-to-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	background: rgba(255, 173, 0, 1);
	width: 45px;
	height: 45px;
	display: block;
	z-index: 1000;
	text-decoration: none;
	border-radius: 28px;
	display: none;
	transition: all 0.5s ease;
}
#return-to-top i {
	color: #062c39;
	margin: 0;
	position: relative;
	left: 16px;
	top: 12px;
	font-size: 15px;
	transition: all 0.5s ease;
}
#return-to-top:hover {
	background: rgba(255, 173, 0, 1);
}
#return-to-top:hover i {
	color: #062c39;
	top: 4px;
}


/* -------------------- Breakpoint Dependent */

/* sm - Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* md - Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* lg - Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* xl - Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}