@font-face {
  font-family: 'Sacramento';
  src: url("Sacramento-Regular.ttf") format('truetype');
}

html {
	height: 100%;
}
body {
    background: rgba(0, 0, 0, 0) url("../assets/background.jpg") no-repeat fixed 0 0 / cover padding-box;
	height: 100%;
}

a {
    color: #346fff;
}
a:hover, a:active, a:focus {
    color: #244db2 !important;
}

em.unterschrift, .unterschrift em {
	font-family: 'Sacramento', cursive;
	font-size: 2em;
	margin-left: 0.8em;
	display: inline-block;
	margin-top: -0.4em;
}

.nav-pills > li > a {
	background-color: rgb(137,181,97);
	border-radius: 0;
}
.nav-pills > li > a:focus,
.nav-pills > li > a:hover {
	background: rgb(137,181,97);
	background: -moz-linear-gradient(top, rgba(137,181,97,1) 0%, rgba(101, 172, 81,1) 100%);
	background: -webkit-linear-gradient(top, rgba(137,181,97,1) 0%,rgba(101, 172, 81,1) 100%);
	background: linear-gradient(to bottom, rgba(137,181,97,1) 0%,rgba(101, 172, 81,1) 100%);
}

.nav-pills > li.current-menu-item  > a,
.nav-pills > li.current-menu-item  > a:focus,
.nav-pills > li.current-menu-item  > a:hover,
.list-group-item.current-menu-item ,
.list-group-item.current-menu-item :focus,
.list-group-item.current-menu-item :hover {
    background: rgb(137,181,97);
	background: -moz-linear-gradient(top, rgba(137,181,97,1) 0%, rgba(101, 172, 81,1) 100%);
	background: -webkit-linear-gradient(top, rgba(137,181,97,1) 0%,rgba(101, 172, 81,1) 100%);
	background: linear-gradient(to bottom, rgba(137,181,97,1) 0%,rgba(101, 172, 81,1) 100%);
    color: #346fff;
}

#homepage {
    max-width: 1000px;
}

.row > div > *:not(.thumbnail) {
    border: 20px solid rgba(255,255,255,0.8);
    background: rgba(255,255,255,0.8);
	background-clip: padding-box;
}

.row > div > div,
.row > div > * + * {
    margin-top: 20px;
}

.row + .row {
    margin-top: 20px;
}

.col-noright {
    padding-right: 0;
}
.col-noleft {
    padding-left: 0;
}

nav.nav {
    margin-top: -10px;
}
nav button {
    width: 50%;
    margin: auto;
}

#homepage .page-header {
    background: rgba(0, 0, 0, 0) url("../assets/bild.jpg") no-repeat scroll center / cover padding-box;
    height: 22em;
    padding: 1em;
    margin-top: 20px;
}

#orchidee {
	margin: -30px 0px 0px -55px;
	pointer-events: none;
}
#orchidee img {
    width: 100%;
}

#orchidee + * { /* Zeug unter Bild */
	margin-top: -15px;
}

.credits {
    text-align: center;
}

/* Galerie
------------------------------------------------- */
.photo img {
    padding: 3px;
    max-width: 31%;
    margin: 3px;
    border: 1px solid;
}

/* Aktionen
------------------------------------------------- */
.content img.aktion {
    float:right;
    max-width: 40%;
    padding-bottom: 1em;
}

hr {
    clear:both;
}

/* Desktop
------------------------------------------------- */
@media (min-width: 768px) {
	.nav-pills > li > a {
		min-width: 9em;
	}
}

/* Mobile
------------------------------------------------- */
@media (max-width: 767px) {
	h1#orchidee {
		margin: 0px 0px 0px 0px;
		pointer-events: none;
	}
	
	.page-header {
		height: 14em;
	}
	
	nav.scroll {
		border-right: none !important;
		border-left: none !important;
		
	}
	nav.scroll ul.nav {
		margin: 0 20px;
	}
	nav.scroll ul.nav li:last-child {
		margin-right: 20px;
	}
	
	@keyframes slideInFromRight {
		0% {
			transform: translateX(20%);
		}
		50% {
			transform: translateX(-20%);
		}
		100% {
			transform: translateX(0%);
		}
	}
	nav.scroll ul.nav {
		animation: 3s ease-out 0s 1 slideInFromRight;
	}
	
    .footer, .footer p {
        background-color: transparent;
        margin: 0 0;
    }
    .footer > div {
        margin: 0; padding: 0;
    }
    .footer > div > p {
        border: 10px solid rgba(255,255,255,0.8) !important;
        font-size: 0.8em;
    }
}

/* Horizontal Scroll Menu
------------------------------------------------- */
.navbar {
	margin-bottom: -20px;
	border-radius: 0;
}
.navbar-nav {
    float:none;
    margin:0 auto;
    display: block;
    text-align: center;
}
.navbar-nav > li {
    display: inline-block;
    float:none;
}

.scroll {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
nav.vertical-align-middle {
  background: #727c87;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  border-radius: 0 0 3px 3px;
  width: 100%;
}
.nav-item {
  padding: 12px 16px 13px;
}
.nav-item:not(:last-child) {
  border-right: 1px solid rgba(114, 124, 135, 0.2);
}
.nav-item {
  font-size: 14px;
}
.logo,
.nav-item,
.vertical-align-middle {
  display: inline-block;
  vertical-align: middle;
}
.scroll::-webkit-scrollbar {
  display: none;
}

/* WP Special Styles
------------------------------------------------- */
.page h1:first-child {
    margin-top: 0;
}

.uagb-ifb-title-wrap .uagb-ifb-title {
    font-size: 1.2em !important;
    margin-top: 0.7em;
}

.wpcf7-form .wpcf7-form-control-wrap {
    padding-left: 15px;
    width: 100%;
    display: block;
}
.wpcf7-form .wpcf7-submit {
    margin-left: 15px;
}
.wpcf7-form input, .wpcf7-form textarea {
    max-width: 100%;
    font-weight: 300;
    border: none;
    border-bottom: 2px solid #244db2;
    background: rgba(255,255,255,0.5);
    padding: 0.5em;
}

.whatsapp {
    color: #25d366
}
.whatsapp span {
    color: #128c7e
}