:root {
	--test-a: rgba(0, 255, 0, .5);
	--test-b: rgba(255, 0, 0, .2);
	--test-c: rgba(255, 0, 255, .5);
	--blue: #00325b;
}

html {
	font-size: 16px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	   -moz-box-sizing: inherit;
	        box-sizing: inherit;
}

body {
	font-size: 16px;
	line-height: 1.7;
    font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: var(--blue);
    margin: 0;
    padding: 0;
}

hr {
	border-width: 1px;
	border-color: var(--blue);
}

a {
	color: var(--blue);
}

a:hover,
a:focus {
    color: #254177;
    text-decoration: none;
}

::selection {
	background-color: #9dc5de;
}

h1,
.h1 {
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 1.75rem;
}
h4,
.h4 {
  font-size: 0.9375rem;
}
h5,
.h5 {
  font-size: .75rem;
}
h6,
.h6 {
  font-size: .625rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Didot, Georgia, serif;
    font-style: italic;
    letter-spacing: 1pt;
    line-height: 1.33;
    color: #053A69;
}

p {
	font-size: 16px;
	line-height: 1.6rem;
	hyphens: auto;
	-webkit-hyphens: auto;
}

section {
	padding: 0;
}

ul {
	padding: 1rem 1rem;
	list-style-type: none;
}

li {
	margin-bottom: .75rem;
}

ul li:before {
	display: inline-block;
	width: 1rem; /* width needs to match margin-left */
	margin-left: -1rem;
	font-size: .75rem;
	vertical-align: 0.0625rem;
	content: '\273e';
	opacity: .35;
}

.lead {
	font-size: 1.3125rem;
	letter-spacing: 1px;
	hyphens: none;
	-webkit-hyphens: none;
}

p.lead br {
	display: inline;
}

.container {
	margin: 0 7.0711vw;
	padding: 20vw 1rem 0;
}

.last {
	margin-bottom: 2rem;
}

.bg-white {
	background-color: #fff;
}

.bg-primary {
    background-color: var(--blue);
}

.bg-dark {
	color: #fff;
	background-color: #0f1a45;
}

.text-white {
	color: #fff;
}

.btn {
	border-radius: 150px;
}

.btn-xl {
	margin-top: 1rem;
	margin-bottom: 0;
}

.btn-sm {
/* 	margin-top: 1rem; */
	margin-bottom: 1rem;
}

.btn-primary {
	border-color: var(--blue);
	background-color: var(--blue);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	border-color: #254177;
	background-color: #254177;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	border-color: var(--blue);
	background-color: var(--blue);
}

.btn-primary .badge {
    color: var(--blue);
}

#btn-en {
/* 	display: none; */
}

.navbar-default {
	font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.navbar-default .navbar-header {
	color: var(--blue);
}

.navbar-brand {
    font-family: Didot, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.125rem;
    text-transform: none;
    font-weight: normal;
	color: rgba(0, 51, 93, 0.25);
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: var(--blue) !important;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
	font-size: 1.5rem;
	font-weight: 400;
	font-style: italic;
	text-transform: none;
    letter-spacing: .08rem;
    color: var(--blue);
}

.nav>ui:before,
.nav>li:before {
	content: '';
	display: list-item;
	width: 0;
	margin: 0;
}

.nav>li {
	margin-bottom: 0;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #101b46;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #0f1a45 !important;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}

.navbar-default.affix .navbar-header .navbar-brand {
    font-size: 1.5rem;
    color: var(--blue);
}

.navbar-default .navbar-collapse {
	background-color: rgba(255, 255, 255, 0.9);
}

.affix-top {
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar-default.affix-top .navbar-header .navbar-brand { /* .navbar-brand top color */
	color: rgba(0, 51, 93, 0.5);
}

.navbar-default.affix .navbar-header .navbar-brand { /* .navbar-brand scrolled color */
	color: var(--blue);
}

.logo {
	width: 100%;
	margin: -3rem auto 1.5rem auto;
	overflow: hidden;
}

.logo img {
	position: relative;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.six-hundred {
	display: none;
}

.too-short {
	display: none;
}

header {
	color: #fff;
	height: 100%;
	background-color: #fff;
    background-image: url(../img/IMG_6210.jpg);
    background-position: 30% 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.header-content {
	z-index: 1;
}

header .header-content {
	padding: 110px 15px;
}

header .header-content .header-content-inner h1 {
	max-width: 70vw;
	margin-left: auto;
	margin-right: auto;
	font-size: 5vh;
	font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-transform: none;
	font-style: italic;
}

header .header-content .header-content-inner p {
	color: rgba(43, 75, 138, 0.7);
	font-weight: 300;
	font-style: italic;
}

.header-content-inner hr {
	display: none;
}

.header-content:after {
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-left: 100px solid red;
	border-bottom: 50px solid transparent;
}

.page-header {
	border-bottom: none;
	margin-bottom: 50%;
}

#schoen {
	display: none;
}



/*																 LANGUAGE CIRCLE */

.circle-home {
	display: block;
	width: 100%;
	right: 0;
	bottom: 0;
}

.circle-container {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	width: 100%;
	height: 100%;
	max-width: 100px;
	max-height: 100px;
	border-radius: 50%;
	z-index: 1;
	box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.55);
	overflow: visible;
	background: #fff;
	border: 1px solid var(--blue);
	overflow: hidden;
	z-index: 2;
}

/*
.circle:before {
	content: "";
	height: 100%;
}
*/

.circle:hover,
.circle:after {
	background: #fff;
}

.circle-info {
	align-self: center;
	align-content: stretch;
	color: var(--blue);
	font-family: Fira Sans;
	font-style: italic;
	font-weight: 300;
	position: relative;
	transform: rotate(15deg);
	font-size: .75rem;
	line-height: 1.5;
}

.circle h2 {
	font-size: 1rem;
	line-height: 1.25rem;
}

.circle p {
	text-align: center;
	font-size: 1rem;
	line-height: 2rem;
}

.circle-info a {
	display: block;
	height: 300%;
	color: var(--blue);
	text-decoration: none;
	padding: 25% 0%;
}

.circle a:hover {
	color: var(--blue);
}

.circle p, h2, wrapcontent {
	display: inline-block;
	vertical-align: middle;
}

.circle p, h2 {
	display: block;
}




/*															  / END LANGUAGE CIRCLE */

.lil-heart {
	font-size: larger;
	line-height: 22px;
}


/*																 DIAMOND DIVIDER */

.diamond-container {
	position: relative;
	bottom:10vw;
	width: 100vw;
	height: 20vw;
	margin: 0 auto;
	display: inline-flex;
	overflow: hidden;
	z-index: 1;
}

.diamond-box-left {
	width: 50vw;
	height: 20vw;
	display: inline-flex;
}

.diamond-box-right {
	width: 50vw;
	height: 20vw;
	display: inline-flex;
}

.diamond-left {
	position: absolute;
	width: 70.711vw;
	height: 70.711vw;
	top: 0;
	left: 0;
	background-color: var(--blue);
	transform-origin: center;
	transform: translate(-50%, calc(-50% + 10vw)) scale(1, .2) rotate(45deg);
	overflow: hidden;
}

.diamond-right {
	position: absolute;
	width: 70.711vw;
	height: 70.711vw;
	top: 0;
	right: 0;
	background-color: var(--blue);
	transform-origin: center;
	transform: translate(50%, calc(-50% + 10vw)) scale(1, .2) rotate(45deg);
	overflow: hidden;
}

.diamond-right:before {
	transform: rotate(-45deg) scale(1,5) translate(-50%,0);
}

.diamond-left:before {
	transform: rotate(-45deg) scale(1, 5) translate(50%,0);
}

.diamond-left:before,
.diamond-right:before {
	content: "";
	position: absolute;
	width: 200%;
	height: 200%;
	background-image: url(../img/pattern.png);
	background-size: 4%;
}

/*														/ END DIAMOND DIVIDER */

#freie_trauungen {
	position: relative;
	top: -22.5vw;
}

h2.section-heading {
	font-size: 2.4rem;
}

.portfolio-box .portfolio-box-caption {
	background: rgba(43, 75, 138, 0.9);
}

.text-primary {
    color: var(--blue);
}


/*																  CHEVRONS */


.chevbase {
	display: block;
	position: relative;
	width: 100%;
	height: 10vw;
	margin-bottom: -10vw;
	padding: 0;
	overflow: hidden;
}

.chevron {
	width: 100%;
	height: 0;
}

.chevron:before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: -35.3555vw;
	left: calc(50% - 35.3555vw);
	width: 70.711vw;
	height: 70.711vw;
	transform-origin: center;
	transform: translate(0, 0) scale(1, .2) rotate(45deg);
	background-color: inherit;
}

/*															 / END CHEVRONS */

aside {
	padding: .5rem 0;
}

#footer-info {
/* 	margin: 0; */
}

#footer-info .container {
	margin-top: 2vh;
	margin-bottom: 0vh;
	padding-top: 0;
	padding-bottom: 0;
}

.copyright { 
	line-height: inherit;
	vertical-align: -.16rem;
}

/*																 FANCYBOX */

.fancybox-bg {
	background: #fff;
}
																
.fancybox-slide .fancybox-content {
	background:none;
}

.fancybox-iframe {
	background: none;
	border-radius: 6px;
}

.legalese>p>br {
	display: inline;
}

.legalese {
	padding: 0 1rem 1rem 1rem;
}

.legalese>p {
	font-size: smaller;
}

.legalese>p>a {
	color: #fff;
}





/*																/ END FANCYBOX */

/*																 				 */
/*																 				 */
/*																	MEDIA QUERIES */
/*																 				 */
/*																 				 */

@media (min-width:400px) { /*						 	(min-width: 400px) */

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 1.5rem;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #453440; /* was #222 */
    }
    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: var(--blue);
    }
    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
	font-size: 1rem;
    letter-spacing: .08rem;
	}
	
	header .header-content {
/* 		top: 5%; */
	}
	
	@media (orientation:landscape) { /* (min-width:400px) AND (orientation:landscape)*/
		
		.logo {
			height: 40vh;
/* 			background-color: var(--test-b); */
			margin: -20vh auto 1rem auto;
		}
		
		header .header-content .header-content-inner h1 {
			font-size: 4vw;
		}
		
		.circle-container {
			max-width: 80px;
			max-height: 80px;
			bottom: 1.5rem;
			right: 1.5rem;
		}
		
		.diamond-container {
			height: 10vw;
			bottom: 5vw;
			margin-bottom: -10vw;
		}
		
		.diamond-box-left,
		.diamond-box-right {
			height: 10vw;
		}
		
		.diamond-left {
			transform: translate(-50%, calc(-50% + 5vw)) scale(1, .1) rotate(45deg);
			overflow: hidden;
		}
		
		.diamond-right {
			transform: translate(50%, calc(-50% + 5vw)) scale(1, .1) rotate(45deg);
			overflow: hidden;
		}
		
		.diamond-left:before {
			transform: rotate(-45deg) scale(1, 10) translate(50%,0);
		}
		
		.diamond-right:before {
			transform: rotate(-45deg) scale(1, 10) translate(-50%,0);
		}
		
		.container {
/* 			margin-top: 20vw; */
		}
		
		#freie_trauungen {
			top: -11.3vw;
		}
		
	} /* 						  (min-width:400px) AND (orientation:landscape)*/
	
} /* 												  / END (min-width: 400px) */

@media (min-width:600px) { /*						 		(min-width: 600px) */

	html {
		font-size: 18px;
	}
	
	body {
		line-height: 1.7;
	}
	
	ul {
		padding: 0;
	}
	
	br {
		display: none;
	}
	
	.circle-info br {
		display: inline;
	}
	
	.six-hundred {
		display: inline;
	}
	
	.too-short {
		display: none;
	}
	
	.container {
		width: 100vw;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15vw;
		padding-right: 15vw;
	}
	
	.nav {
		padding-left: 0;
	}
	
    .navbar-brand {
	    font-size: 1.8rem;
	    line-height: 25px;
    }
    
    .navbar-default.affix .navbar-header .navbar-brand {
	    font-size: 2.5rem;
	    color: var(--blue);
    }
    
    .navbar-default .nav>li>a,
    .navbar-default .nav>li>a:focus {
		font-size: 1.5rem;
		line-height: 1.5rem;
	    letter-spacing: .08rem;
	}
	
	.logo {
		width: 90%;
		margin: 0 auto 3vh auto;
	}
	
	header {
	    background-size: cover;
	}
	
	header .header-content {
		top: 2vh;
		padding: 80px 15px;
	}
	
	header .header-content .header-content-inner h1 {
		font-size: 6vw;
	}
	
	#schoen {
		display: inline-block;
		max-width: 65vw;
		font-size: 130%;
		font-weight: 300;
		margin-top: .45rem;
	}
	
	.clouds-w {
		background-image:  linear-gradient(rgba(255, 255, 255, 0) 50%, #fff 100%), url(../img/clouds-w.jpg);
		background-size:  100% calc(100% + 102px), 200% auto;
		background-position-y: -100px;
		background-repeat: no-repeat, no-repeat;
	}
	
	.clouds-b {
		background-image:  linear-gradient(rgba(0, 50, 91, 0) 70%, rgba(0, 50, 91, 1) 100%), url(../img/clouds-b.jpg);
		background-size:  100% calc(100% + 102px), 200% auto;
		background-position-y: -100px;
		background-repeat: no-repeat, no-repeat;
	}
	
	h2.section-heading {
		font-size: 2.5rem;
	}
	
	.circle-container {
		bottom: 2rem;
		right: 2rem;
	}
	
	#freie_trauungen {
		top: -21.5vw;
	}
	
	@media (orientation:landscape) { /* (min-width:600px) AND (orientation:landscape)*/
		
		.logo {
			height: 40vh;
/* 			background-color: var(--test-b); */
			margin: -4vh auto 1rem auto;
		}
		
		header .header-content .header-content-inner h1 {
			font-size: 4vw;
		}
		
		#schoen {
			display: none;
		}
		
		.circle-container {
			max-width: 100px;
			max-height: 100px;
			bottom: 1.25rem;
			right: 7vw;
		}
		
	} /* 						  (min-width:600px) AND (orientation:landscape)*/
	
} /* 												  / END (min-width: 600px) */

@media (min-width:800px) { /*						 		(min-width: 800px) */

	.navbar-brand {
	    font-size: 1.125rem;
		padding: 12px 0px 15px 15px;
	}
	
	.navbar-default .navbar-collapse {
		background-color: rgba(255, 255, 255, 0.1);
	}
	
	.navbar-default.affix .navbar-header .navbar-brand {
		font-size: 1.5rem;
	}
	
	.navbar-default .nav>li>a,
	.navbar-default .nav>li>a:focus {
		font-size: .75rem;
	}
	
/*
	.navbar-default .navbar-header .navbar-brand:hover,
	.navbar-default .navbar-header .navbar-brand:focus {
	    color: var(--blue);
	}	
*/
	
	.logo {
		width: 85vw;
		max-width: 650px;
		margin: 0rem auto 2rem auto;
	}
	
	header .header-content {
		top: 50vh;
	}
	
	header .header-content .header-content-inner h1 {
		font-size: 6vw;
		font-weight: 300;
	}
	
	#schoen {
		font-size: 150%;
		margin-top: 1rem;
	}
	
	.circle-container {
		bottom: 2rem;
		right: 3rem;
		max-width: 150px;
		max-height: 150px;
	}
	
	.circle-info {
		font-size: 1rem;
		line-height: 1.6;
	}
	
	@media (orientation:landscape) { /* (min-width:800px) AND (orientation:landscape)*/
		
		.logo {
			margin: 6vh auto 1rem auto;
			max-width: 70vw;
		}
		
		.six-hundred {
			display: none;
		}
		
		header .header-content .header-content-inner h1 {
			margin-left: auto;
			margin-right: auto;
			max-width: 650px;
			font-size: 4vw;
		}
		
		#schoen {
			display: inline-block;
			font-size: 100%;
			margin-top: 0.5rem;
		}
		
		#freie_trauungen {
			top: -10vw;
		}
		
		.circle-container {
			max-width: 110px;
			max-height: 110px;
			bottom: 1.25rem;
			right: 1.75rem;
		}
		
		.circle-info {
			font-size: .75rem;
		}
		
		.circle-info .six-hundred {
			display: inline;
		}
		
	} /* 						  (min-width:800px) AND (orientation:landscape)*/

} /* 												  / END (min-width: 800px) */

@media (min-width:992px) { /*							    (min-width: 992px) */
	
	header {
		background-position: 30% 0%;
	}
	
	.diamond-left:before,
	.diamond-right:before {
		background-size: 2%;
	}
	
	.container {
		padding-left: 8rem;
		padding-right: 8rem;
	}
	
	@media (orientation:landscape) { /* (min-width:992px) AND (orientation:landscape)*/
		
		#freie_trauungen .container {
			padding-top: 10vw;
		}
		
		.logo {
			margin: -4vh auto 1rem auto;
		}
		
		#schoen {
			font-size: 120%;
		}
		
	} /* 						 / (min-width:992px) AND (orientation:landscape)*/
	
} /* 												   / END (min-width: 992px) */

@media (min-width:1200px){ /*							    (min-width: 1200px) */

	header .header-content .header-content-inner h1 {
		max-width: 900px;
	}
	
	.circle-container {
		bottom: 3rem;
	}
	
	.diamond-left:before,
	.diamond-right:before {
		background-size: 1%;
	}
	
	@media (orientation:landscape) { /* (min-width:1200px) AND (orientation:landscape)*/
		
		.logo {
			max-width: 900px;
			margin: 0vh auto 0vh auto;
		}
		
		header .header-content .header-content-inner h1 {
			font-size: 3.5vw;
			margin-top: 2vw;
			
		}
		
		#schoen {
			max-width: 900px;
			margin-top: 2vw;
			font-size: 160%;
		}
		
		.circle-container {
			right: 4rem;
		}
		
	} /* 						 /(min-width:1200px) AND (orientation:landscape)*/
	
} /* 												  / END (min-width: 1200px) */

@media (min-width:2000px) {
	
	header .header-content .header-content-inner {
		max-width: 1400px;
	}
	
	.six-hundred {
		display: none;
	}
	
	.logo {
		max-width: 100%;
		margin: 0vh auto 0vh auto;
	}
	
/*
	.logo-large {
		display: block;
		margin: 0vh auto 5vh auto;
	}
*/
	
	header .header-content .header-content-inner h1 {
		font-size: 4vw;
		width: 1400px;
		max-width: 1400px;
	}
	
	#schoen {
		font-size: 250%;
	}
	
	.circle-container {
		max-width: 250px;
		max-height: 250px;
		bottom: 3vw;
		right: 5vw;
		box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.55);

	}
	
	.circle-info {
		font-size: 1.75rem;
	}
}

/*															  END MEDIA QUERIES */

body {
	webkit-tap-highlight-color: #453440;
}