@font-face {
	font-family: 'Mojito';
  	src: url('../fonts/3A1C6C_0_0.eot');
  	src: url('../fonts/3A1C6C_0_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/3A1C6C_0_0.woff2') format('woff2'),
         url('../fonts/3A1C6C_0_0.woff') format('woff'),
         url('../fonts/3A1C6C_0_0.ttf')  format('truetype'),
         url('../fonts/3A1C6C_0_0.svg#svgMojito') format('svg');
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.125rem;
}

header {
	background-image: url('../images/header-leafs.jpg');
	background-repeat: no-repeat;
	background-size: contain;
}
 
header h2,
body h3 {
	font-family: Mojito, sans-serif;
	font-size: 4em;
}

h1 {
	color: #fff;
	font-family: Mojito, sans-serif;
	font-size: 8em;
	
	-webkit-transform: rotate(-2deg);
	   -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
         -o-transform: rotate(-2deg);
   
   transform: rotate(-2deg);
}

h1 {
	font-weight: 300;
}

header ul.navbar-nav li.nav-item a.nav-link {
	color: #000;
}

header ul.navbar-nav li.nav-item.active a.nav-link {
	font-weight: bold;
}

a,
header ul.navbar-nav li.nav-item a.nav-link:hover {
	color: #65967e;
}
body a:not(.mmn-tel-link, header ul.navbar-nav li.nav-item a.nav-link) {
	font-weight: bold;
}
a:hover {
	color: #A88D48;
	text-decoration: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 2em;
	padding-right: 2em;
}

div[class^="mmn-headline-"] {
	border-top: 1px solid #A88D48;
	border-bottom: 1px solid #A88D48;
}
div[class^="mmn-headline-"] > div {
	background-image: url('../images/headline-clear.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 300px;
}

div.mmn-google-map {
	height: 400px;
}

footer {
	background-image: url('../images/footer-leafs.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 200px;
}

.btn-primary {
	background-color: #65967e;
	border-color: #65967e;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
	background-color: #60A890;
	border-color: #30A878;
}
.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):focus:active {
	box-shadow: 0 0 0 .2rem rgba(216,240,216,.5);
}

.mmn-response-container {
	margin: 0 auto;
	width: 80%;
}

form#mmn-response-form .form-control {
	font-size: 1.125rem;
	font-weight: 300;
}

form#mmn-response-form .form-control:focus {
	box-shadow: none;
}

form#mmn-response-form input[type="text"] {
	border: 0;
	border-bottom: 1px solid #65967e;
	border-radius: 0;
}

form#mmn-response-form textarea {
	border: 1px solid #65967e;
	border-radius: 0;
}

form#mmn-response-form input[type="number"] {
	border: 1px solid #65967e;
	border-radius: 0;
	left: 50%;
	position: relative;
	transform: translate(-50%, 0);
	width: 4rem;
}

form#mmn-response-form input[type=number]::-webkit-inner-spin-button, 
form#mmn-response-form input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

form#mmn-response-form input[type=number] {
    -moz-appearance: textfield;
}

form#mmn-response-form button {
	background-color: #65967e;
	border-color: #65967e;
}

form#mmn-response-form .btn-primary:hover {
	background-color: #5f897d;
	border-color: #5f897d;
}

form#mmn-response-form .btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(101,150,126,.5);
}

form#mmn-response-form.was-validated .col-sm-8 .form-control:invalid ~ .invalid-feedback {
	position: absolute;
	top: 2.25rem;
}

.mmn-checkbox {
	display: none;
}

.mmn-checkbox + label {
	background-color: #fff;
	border: 1px solid #65967e;
	cursor: pointer;
	display: inline-block;
	height: 2.625rem;
	left: 50%;
	padding: 0.375rem 0.75rem;
	position: relative;
	text-align: center;
	transform: translate(-50%, 0);
	width: 4rem;
	z-index: 1;
}

.mmn-checkbox:checked + label > span {
	display: block;
	height: 40px;
	margin: 0 auto;
	position: relative;
	width: 40px;
}

.mmn-checkbox:checked + label > span::before,
.mmn-checkbox:checked + label > span::after {
	background-color: #000;
	content:'';
	height: 1px;
	position: absolute;
	top: 0.8125rem;
	width: 24px;
}

.mmn-checkbox:checked + label > span::before {
	-webkit-transform:rotate(60deg);
	-moz-transform:rotate(60deg);
	transform:rotate(60deg);
	left:8px;
}

.mmn-checkbox:checked + label > span::after {
	-webkit-transform:rotate(-60deg);
	-moz-transform:rotate(-60deg);
	transform:rotate(-60deg);
	right:8px;
}

.mmn-timeline {
	position: relative;
	margin-left: 7.5em;
	margin-top: 3rem;
	list-style-type: none;
}	

.mmn-timeline::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 60px;
	top: 0;
	background: #65967e;
	width: 1px;
}

.mmn-timeline > li::before{
	position: absolute;
	color: transparent;
	text-shadow: 0 0 0 #65967e;
	content: "\2665";
	width: 16px;
	height: 16px;
	left: 15px;
} 

.mmn-timeline > li {
	margin-bottom: 3em;
	padding-left: 2.5em;
}

time {
	display: block;
	font-weight: bold;
	margin-left: -1.8125em;
	width: 6.5em;
	text-align:right;
}

[class^="mmn-icon-"] {
	position: relative;
}

[class^="mmn-icon-"]::after {
	height: 48px;
	position: absolute;
	top: 0;
	left: -48px;
	width: 48px;
}

.mmn-icon-currywurst::after {
	content: url('../images/icon-currywurst.svg');
}

.mmn-icon-dinner::after {
	content: url('../images/icon-dinner.svg');
}

.mmn-icon-foto::after {
	content: url('../images/icon-foto.svg');
}

.mmn-icon-party::after {
	content: url('../images/icon-party.svg');
}

.mmn-icon-sektempfang::after {
	content: url('../images/icon-sektempfang.svg');
}

.mmn-icon-shuttle::after {
	content: url('../images/icon-shuttle.svg');
}


.mmn-icon-standesamt::after {
	content: url('../images/icon-standesamt.svg');
}

/* Dropzone für Drag and Drop Uploads */
.mmn-upload-area {
	width: 100%;
}
.mmn-dropzone { 
	color: #ccc; 
	border-radius: 10px; 
	border: 2px dashed #ccc; 
	height: 300px;
	line-height: 200px; 
	margin-bottom: 20px; 
	text-align: center;
}
.mmn-dropzone form, .mmn-dropzone p {
	height: auto;
	line-height: 1.5rem;
}
.mmn-dropzone.mmn-drop { 
	border-color: #000; 
	color: #000; 
}
.mmn-progress { 
	border: 1px solid #c3e6cb; 
	height: 2em; 
	text-align: center; 
}
.mmn-progress span { 
	position: relative; 
	top: -2rem; 
}
.mmn-progress-bar { 
	background-color: #d4edda; 
	line-height: 34px;
}

.mmn-message strong {
	margin-right: 0.3125rem;
}

/* flexbox masonry */
.mmn-masonry {
	columns: 3;
	column-gap: 8px;
	margin: 0 auto;
	width: 100%;
}
.mmn-masonry-brick {
	cursor: pointer;
	display: inline-block;
  	margin: 0 8px 0 0;
  	overflow: hidden;
  	position: relative;
}
.mmn-masonry-brick figcaption {
	background: rgba(255,255,255,.5);
	bottom: 0;
	color: #fff;
	left: -30%;
	opacity: 0;
	padding: 5px 10px;
	position: absolute;
	text-align: right;
	width: 100%;
	
	transition: all 0.6s ease;
}
.mmn-masonry-brick figcaption a.mmn-download {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjEuODI1IDIxLjgyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEuODI1IDIxLjgyNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6IzFFMjAxRDsiIGQ9Ik0xNi43OTEsMTMuMjU0YzAuNDQ0LTAuNDQ0LDEuMTQzLTAuNDQ0LDEuNTg3LDBjMC40MjksMC40NDQsMC40MjksMS4xNDMsMCwxLjU4N2wtNi42NSw2LjY1MQ0KCWMtMC4yMDYsMC4yMDYtMC40OTIsMC4zMzMtMC44MDksMC4zMzNjLTAuMzE3LDAtMC42MDMtMC4xMjctMC44MS0wLjMzM2wtNi42NS02LjY1MWMtMC40NDQtMC40NDQtMC40NDQtMS4xNDMsMC0xLjU4Nw0KCXMxLjE0My0wLjQ0NCwxLjU4NywwbDQuNzQ2LDQuNzYyVjEuMTExQzkuNzkxLDAuNDkyLDEwLjI5OSwwLDEwLjkxOCwwYzAuNjE5LDAsMS4xMTEsMC40OTIsMS4xMTEsMS4xMTF2MTYuOTA0TDE2Ljc5MSwxMy4yNTR6Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
	background-position: center;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	width: 16px;
}
.mmn-masonry-brick:hover figcaption,
.mmn-masonry-brick:active figcaption,
.mmn-ontouchstart figcaption {
	opacity: 1;
	left: 0;
}
.mmn-masonry-brick:hover img,
.mmn-masonry-brick:active img,
.mmn-ontouchstart img {
	filter: brightness(100%);
}
.mmn-masonry-brick-v {
	max-width: 375px;
	width: 100%;
}
.mmn-masonry-img {
	height: 100%;
	filter: brightness(50%);
	max-width: 100%;
	object-fit: cover;
	transition: 0.3s ease;
	vertical-align: middle;
	width: 100%;
}

a[data-category].active {
	font-weight: bold;
	color: rgba(0,0,0,.9);
}

.mmn-loader {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #65967e;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}

.modal-xlg {
   width: 90%; 
}

#gallery-modal .modal-header .close {
	margin: -1rem -1rem -1rem 1rem;
}

#gallery-modal .modal-header .download {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	
	background-color: transparent;
	border: 0;
	color: #000;
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;	
	margin: -1rem -1rem -1rem auto;
	opacity: .5;
	padding: 1rem 1rem;
	text-shadow: 0 1px 0 #fff;
}
#gallery-modal .modal-header .download:hover {
	opacity: 1;
}
#gallery-modal .modal-header .download > span {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjEuODI1IDIxLjgyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEuODI1IDIxLjgyNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6IzFFMjAxRDsiIGQ9Ik0xNi43OTEsMTMuMjU0YzAuNDQ0LTAuNDQ0LDEuMTQzLTAuNDQ0LDEuNTg3LDBjMC40MjksMC40NDQsMC40MjksMS4xNDMsMCwxLjU4N2wtNi42NSw2LjY1MQ0KCWMtMC4yMDYsMC4yMDYtMC40OTIsMC4zMzMtMC44MDksMC4zMzNjLTAuMzE3LDAtMC42MDMtMC4xMjctMC44MS0wLjMzM2wtNi42NS02LjY1MWMtMC40NDQtMC40NDQtMC40NDQtMS4xNDMsMC0xLjU4Nw0KCXMxLjE0My0wLjQ0NCwxLjU4NywwbDQuNzQ2LDQuNzYyVjEuMTExQzkuNzkxLDAuNDkyLDEwLjI5OSwwLDEwLjkxOCwwYzAuNjE5LDAsMS4xMTEsMC40OTIsMS4xMTEsMS4xMTF2MTYuOTA0TDE2Ljc5MSwxMy4yNTR6Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 1rem;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

::-webkit-input-placeholder {
	color: #c8c8c8 !important;
	font-size: 1.125rem;
}

:-moz-placeholder {
	color: #c8c8c8 !important;
	font-size: 1.125rem;
}

::-moz-placeholder {
	color: #c8c8c8 !important;
	font-size: 1.125rem;
}

:-ms-input-placeholder {
	color: #c8c8c8 !important;
	font-size: 1.125rem;
}

@media (max-width: 575.98px) {
	.mmn-response-container {
		width: 100%;
	}
	
	div.form-group > label {
		text-align: center;
	}
	
	form#mmn-response-form input[type="text"],
	form#mmn-response-form textarea {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.mmn-masonry {
		columns: 1;
	}
	
	.mmn-masonry-brick {
		margin: 0;
	}
	
	.mmn-masonry-brick-v {
		max-width: 100%;
	}
}

@media (max-width: 767.98px) { 
	header h2 {
		font-size: 2em;
	}
}

@media (max-width: 991.98px) { 
	h1 {
		font-size: 3em;
	}
	
	header h2 {
		font-size: 3em;
	}
	
	body {
		font-size: 1rem;
	}
	
	body h3 {
		font-size: 3em;
	}
	
	.navbar {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
	}
	
	.navbar-toggler + div {
		background-color: rgba(255, 255, 255, .75);
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.navbar-nav {
		padding: 15px;
	}
	
	.mmn-timeline {
		margin-left: 5em;
	}
	
	div[class^="mmn-headline-"] > div {
		height: 150px;
	}
	
	footer {
		min-height: 100px;
	}
}

@media (max-width: 1199.98px) { 
	
}

@media (min-width: 576px){
	.modal-dialog {
	    max-width: 800px;
	    margin: 1.75rem auto;
	}
	
	.mmn-masonry {
		columns: 2;
	}
}
@media (min-width: 767.98px) {
	.mmn-masonry {
		columns: 3;
	}
}