/* bad-script-regular - latin */
@font-face {
  font-family: 'Bad Script';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/bad-script-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Bad Script Regular'), local('BadScript-Regular'),
       url('/assets/fonts/bad-script-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/bad-script-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/bad-script-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/bad-script-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/bad-script-v6-latin-regular.svg#BadScript') format('svg'); /* Legacy iOS */
}

/* body */
body
{
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('/assets/img/Andromeda_web.jpg');
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;
	background-attachment: fixed;
}

body a
{
	color: #209bff;
}

body a:hover
{
	color: #007bff;
}

/* navigation */
.top-nav
{
	position: absolute;
	right: 0.5rem;
	top: 0.25rem;
}

.top-nav a
{
	color: rgba(192,228,235,0.75) !important;
	outline: none;
}

.top-nav a:hover
{
	color: rgba(192,228,235,0.9) !important;
	text-decoration: none;
}

nav.navbar
{
	background-color: #1f3c82 !important;
}
/*#c0e4eb;*/
a.nav-link
{
	color: rgba(192,228,235,0.75) !important;
}

a.nav-link:hover
{
	color: rgba(192,228,235,0.9) !important;
}

li.nav-item
{
	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: auto;
	margin-bottom: auto;
	font-size: 1.25rem;
	position: relative;
}

li.nav-item:not(.nav-logo)
{
	width: 11.5rem;
}

li.nav-item > .dropdown-menu
{
	background-color: #1f3c82;
	border: none;
	padding: 0;
}
@media (min-width:992px)
{
	li.nav-item > .dropdown-menu
	{
		border: 1px solid rgba(0,0,0,.15);
	}
}


li.nav-item > .dropdown-menu > a.dropdown-item
{
	color: rgba(192,228,235,0.75);
}

li.nav-item > .dropdown-menu > a.dropdown-item:hover
{
	color: rgba(192,228,235,0.9);
	background-color: #2f4c92;
}

li.nav-item.show > .nav-link
{
	color: rgba(192,228,235,1.0) !important;
}

button.navbar-toggler
{
	position: absolute;
	right: 4.75rem;
	top: 2rem;
	border-color: rgba(192,228,235,0.75) !important;
	outline: none;
}

span.navbar-toggler-icon
{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

button.navbar-toggler:hover
{
	border-color: rgba(192,228,235,0.9) !important;
}

button.navbar-toggler:hover > span.navbar-toggler-icon
{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
@media (min-width:992px)
{
	nav.navbar > div > ul > li > a
	{
		text-align: center !important;
	}
}

/* page: home */
/* offset anchor jump marks to take fixed header into account */

a.anchorpoint
{
	display: block;
    position: relative;
    top: -5.75rem;
    visibility: hidden;
	/*padding-top:7rem;*/
}
@media (min-width:992px)
{
	a.anchorpoint
	{
		top: -8rem;
	}
}

.home-banner
{
	position: relative;
	text-align: center;
	margin-top: 4.75rem;
	background-image: url('/assets/img/Andromeda_web.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

@media (min-width:992px)
{
	.home-banner
	{
		margin-top: 7rem;
	}
}

.home-banner-heading
{
	color:#c0e4eb;
	/*text-shadow: 1px 1px 2px black;*/
	padding-top:2rem;
	padding-left:2rem;
	font-size:3.5rem;
	position:relative;
	-webkit-animation: home-heading-animation 2s ease 0s 1 normal;
	-moz-animation: home-heading-animation 2s ease 0s 1 normal;
	-o-animation: home-heading-animation 2s ease 0s 1 normal;
	animation: home-heading-animation 2s ease 0s 1 normal;
}
.home-banner-heading.home-banner-subheading
{
	font-family: "Bad Script";
	font-size: 2.5rem;
}	


@media (min-width:992px)
{
	.home-banner-heading
	{
		padding-top:5rem;
		padding-left:5rem;
	}
}

.home-banner > .holy-fascination
{
	padding-top: 2rem;
}
@media (min-width:992px)
{
	.home-banner > .holy-fascination
	{
		padding-top:5rem;
	}
}

@media (min-width:500px)
{
	.home-banner-heading
	{
		font-size:4rem;
	}
}
@media (min-width:850px)
{
	.home-banner-heading
	{
		font-size:5rem;
	}
	.home-banner > .holy-fascination
	{
		left: calc(75% - 118px);
	}
}

.home-container > h1
{
	font-family: "Bad Script";
}

.home-container, .impressum-container, .datenschutz-container, .container-404
{
	color: rgba(192,228,235,0.9);
	border-radius: 1.5rem;
	padding-bottom: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.container-404
{
	margin-top: 5.75rem;
}
@media (min-width:992px)
{
	.container-404
	{
		margin-top: 8rem;
	}
}

.impressum-container, .datenschutz-container
{
	margin-top: 4.75rem;
}
@media (min-width:992px)
{
	.impressum-container, .datenschutz-container
	{
		margin-top: 7rem;
	}
}

.faszination-container, .daten-container, .kosten-container, .referenzen-container, .contact-container, .impressum-container, .datenschutz-container, .container-404
{
	background-color: rgba(225,225,255,1);
	color: #1f3c82;
}

.vorfuehrung-container, .voraussetzungen-container, .buchen-container, .interessantes-container
{
	background-color: #1f3c82;
}

.voraussetzungen-container table
{
	color: rgba(192,228,235,0.9);
}

.btn-buchen, .btn-astrokramkiste, .btn-sternkarte, .btn-flyer, .btn-exkursion, .btn-banner
{
	color: #1f3c82;
	background-color: rgba(225,225,255,1);
}

.btn-buchen:hover, .btn-astrokramkiste:hover, .btn-sternkarte:hover, .btn-flyer:hover, .btn-exkursion:hover, .btn-banner:hover
{
	background-color: rgba(185,185,235,1);
	color: #000;
}

.btn-spk
{
	color: rgba(225,225,255,1);
	background-color: #1f3c82;
}

.btn-spk:hover
{
	color: #fff;
	background-color: #3f5ca2;
}

.contact-block
{
	border-radius: 1rem;
	border-width: 2px;
	border-color: #1f3c82;
	border-style: solid;
}

#contact-form-validation-message
{
	border-width: 2px;
	border-style: solid;
	background-color: white;
}

#contact-form-validation-message.error
{
	color: rgba(142,34,0,1);
	border-color: rgba(142,34,0,1);
}

#contact-form-validation-message.noerror
{
	color: rgba(34,142,0,1);
	border-color: rgba(34,142,0,1);
}

/* footer */
.footer-container
{
	background-color: #1f3c82 !important;
	color: #c0e4eb;
}

.footer-container a
{
	color: rgba(192,228,235,0.75) !important;
}