/*
Theme Name: Preserving Family History
Theme URI: http://avf-works.com
Description: Responsive Bootstrap Theme
Author: avf works mediastudio | Alex v. Falkenhausen
Author URI: http://avf-works.com
Version: 1.1
Tags: responsive, bootstrap 5


*/
/* manrope-300 - 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: 'Manrope';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/manrope-v14-latin-300.eot'); /* IE9 Compat Modes */
	src: url('fonts/manrope-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/manrope-v14-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	url('fonts/manrope-v14-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	url('fonts/manrope-v14-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	url('fonts/manrope-v14-latin-300.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-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: 'Manrope';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/manrope-v14-latin-regular.eot'); /* IE9 Compat Modes */
	src: url('fonts/manrope-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/manrope-v14-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	url('fonts/manrope-v14-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	url('fonts/manrope-v14-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	url('fonts/manrope-v14-latin-regular.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-700 - 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: 'Manrope';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/manrope-v14-latin-700.eot'); /* IE9 Compat Modes */
	src: url('fonts/manrope-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/manrope-v14-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	url('fonts/manrope-v14-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	url('fonts/manrope-v14-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	url('fonts/manrope-v14-latin-700.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-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: 'Manrope';
	font-style: normal;
	font-weight: 800;
	src: url('fonts/manrope-v14-latin-800.eot'); /* IE9 Compat Modes */
	src: url('fonts/manrope-v14-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/manrope-v14-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	url('fonts/manrope-v14-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	url('fonts/manrope-v14-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	url('fonts/manrope-v14-latin-800.svg#Manrope') format('svg'); /* Legacy iOS */
}

:root {
	--color-1: #efead6;
	--color-2: #c8d3c5;
	--color-3: #fbe6c0;
	--color-4: #fbceb5;
	--color-5: #adaba7;
	--color-6: #111111;
}

html{

}
html, body:not(.wp-admin) {
	width:100%;
	font-family: 'Manrope', sans-serif;
	font-size:1.1rem;
	font-weight:400;
	overflow-x:hidden;
	color:#000000;
	background-color:var(--color-1);
}
body:not(.wp-admin){
	background: url(https://preserving-family-history.org/wp-content/uploads/2025/09/5-2-Wenzelsplatz-scaled.jpg) no-repeat center 0 fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
header{
	background-color: transparent;
	position:fixed;
	width:100%;
	top: -200px;
	transition: top .4s;
	z-index: 5;
}
header.visible{
	top: 0;
	transition: top .4s;
}
header .ls-toggle, .frontpage-first .ls-toggle{
	position: absolute;
	right: 180px;
	font-size: 1.3rem;
}
.frontpage-first .ls-toggle, .frontpage-first .ls-toggle a{
	color:var(--color-6);
	top: 25px;
	z-index:5;
}
body.customize-support header.visible{
	top: 32px;
}
h1, h2, h3, h4{
	font-family: 'Manrope', sans-serif;
	color: #111111;
	font-weight:700;
	margin-bottom:1rem;
}
h1,h2,h3{

}
img{
	max-width:100%;
	height:auto;
}
hr{
	border-top:2px solid #ffffff;
}
a{
	color:#111111;
	text-decoration:none;
}
a:hover{
	color:#111111;
	opacity: .5;
	transition:opacity .3s;
}
a.button{
	border:1px solid #525452;
	color: #525452;
	padding:10px 20px;
	text-transform:uppercase;
	display:inline-block;
	font-weight:400;
	margin:3em 0;
}
a.button:hover {
	border: 1px solid var(--color-4);
	color: var(--color-4);
}

section{
	position:relative;

}
section.frontpage-first, section.blank-section{
	min-height:100vh;
}
ul{
	padding-left:1rem;
}
.bg-1{
	background-color:var(--color-1);
}
.bg-2{
	background-color:var(--color-2);
}
.bg-3{
	background-color:var(--color-3);
	/*padding-top:3rem !important;
	padding-bottom:3rem !important;*/
}
.bg-3 .strike-inner, .bg-4 .strike-inner{
	color:#ffffff;
}
.bg-4{
	background-color:var(--color-4);
}
.bg-5{
	background-color:var(--color-5);
}
.dark > .row{
	background-color: var(--color-6);
	color:#ffffff;
	padding:25px 0;
}
.dark h1, .dark h2, .dark h3{
	color:var(--color-1);
}

hr{
	border-top:3px solid #ffffff;
}


.bg-1 .strike-inner, .bg-2 .strike-inner, .bg-5 .strike-inner{
	color:#000000;
}
img-1-3-max{
	max-width:32%;
}
.alignright{
	float:right;
}
blockquote{
	padding-left:10%;
}
blockquote::before{
	content:'\f10e';
	font-family: 'Font Awesome 5 Pro';
	margin-left: -9%;
	float:left;
	font-size:1.5rem;
	font-weight:900;
}
.carousel blockquote{
	font-size: .8rem;
}
ul.checklist {
	--icon-space: 1.3em;
	list-style: none;
	padding: 0;
	column-count: 3;
	column-gap: 10px;
}

ul.checklist li {
	padding-left: var(--icon-space);
}

ul.checklist li:before {
	content: "\f00c"; /* FontAwesome Unicode */
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	margin-left: calc( var(--icon-space) * -1 );
	width: var(--icon-space);
}

.close-modal{
	position: absolute;
	z-index: 10;
	right: 25px;
	font-size:36px;
	color:#b41624;
}
.modal-content{
	border-radius:0;
	border:1px solid #b41624;
}
.card{
	border:none;
	position:relative;
	border-radius:0;
	background:transparent;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
	font-size: .9rem;
}
.card h3{
	font-size:1rem;
	font-weight:700;
}
.card hr{
	border-top: 3px solid #000000;
	opacity:1;
}
.card-body{
	padding-left:0;
}
.post-date{
	font-size:.8rem;
}

.card-footer{
	background:transparent;
	border: none;
}
.sub-menu{
	list-style-type: none;
	font-weight:700;
	font-size:1rem;
	text-align:right;
	margin-right:30px;
}
.col-lg-4 .winecard .card-body{
	padding-left:150px;
}
.col-lg-3 .winecard{
	margin-left:-150px;
}
.col-lg-3 .winecard .card-body{
	padding-left:150px;
}

.navigation-bar{
	width:calc(100% - 50px) !important;
	position:fixed;
	top: -300px;
	left: 25px;
	transition: top .9s;
}
.navigation-bar.fixed{

	top:0;

	transition: top .9s;
	border-bottom: 1px solid #cbcbcb;
	border-top:25px solid #ffffff;
	z-index:10;
	background-color:#f3f3f2;
}
.nav{
	position:relative;
	padding:20px 0;
}
.nav >li > ul> li > a:hover{
	color:#e1ae83;
}
.nav > li > a{
	color:#525452;
	text-transform: uppercase;
	font-weight:400;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding-bottom:15px;
}
.nav > li:hover, .nav > li.current-menu-item{
	z-index:6;

}
.nav > li:hover > a{
	border-bottom:1px solid #e1ae83;
}
.nav > li.current-menu-item > a{
	font-weight:700;
}
.nav > li{
	position:relative;
	padding: 60px 15px 0 15px;
	margin: -45px 10px 0 10px;

}
.nav > li > ul{
	display:none;
	list-style-type:none;
	background-color:#ffffff;
	color:#000;
	padding: 110px 15px 15px 15px;
	white-space: nowrap;
	position:absolute;
	top:0;
	left: 0;
	z-index:-1;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(148,148,148,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(148,148,148,1);
	box-shadow: 5px 5px 5px 0px rgba(148,148,148,1);
}
.nav > li > ul > li > a{
	color:#000;
	font-size:16px;
	text-decoration: none;
}
.nav > li:hover{

}
.nav > li:hover > ul, .navbar-nav > li > ul:hover{
	display:block;
	opacity:.8;

}

thead{
	background-color:var(--color-3);
}
th, td{
	vertical-align: top;
	color:#525452 !important;
}
tbody{
	border-top: 1px solid #dee2e6 !important;
}
/*++++++++++++++++++++MOBILE MENU++++++++++++++++++++++++++*/
.menu-toggle * {
	transition: .25s ease-in-out;
	box-sizing: border-box;
}
.menu-toggle span {
	display: block;
	background: #000;
	border-radius: 0;
}
.menu-toggle .cross span{
	background-color:#ffffff;
}
.menu-toggle:hover span{
	background: #666;
}
.menu-toggle {
	width: 25px;
	height: 25px;
	margin: 6px 0 4px 0;
	position: relative;
	cursor: pointer;
	/*background: rgba(255, 255, 255, 0.4);*/
	border-radius: 0;
	z-index:5;
}

.menu-toggle .hamburger {
	position: absolute;
	height: 100%;
	width: 100%;
}
.menu-toggle .hamburger span {
	height: 3px;
	position: relative;
	top: 0;
	left: 0;
	margin: 1px 0 6px 0;
}
.menu-toggle .hamburger span:nth-child(1) {
	width:100%;
	transition-delay: .5s;
}
.menu-toggle .hamburger span:nth-child(2) {
	width:100%;
	transition-delay: .625s;
}
.menu-toggle .hamburger span:nth-child(3) {
	width:100%;
	transition-delay: .75s;
}
.menu-toggle .cross {
	position: absolute;
	height: 100%;
	width: 100%;
	transform: rotate(45deg);
}
.menu-toggle .cross span:nth-child(1) {
	height: 0%;
	width: 3px;
	position: absolute;
	top: 0;
	left: 11px;
	transition-delay: 0s;
}
.menu-toggle .cross span:nth-child(2) {
	width: 0%;
	height: 3px;
	position: absolute;
	left: 0;
	top: 11px;
	transition-delay: .25s;
}

.menu-toggle.open .hamburger span {
	width: 0%;
}
.menu-toggle.open .hamburger span:nth-child(1) {
	transition-delay: 0s;
}
.menu-toggle.open .hamburger span:nth-child(2) {
	transition-delay: .125s;
}
.menu-toggle.open .hamburger span:nth-child(3) {
	transition-delay: .25s;
}
.menu-toggle.open .cross span:nth-child(1) {
	height: 100%;
	transition-delay: .625s;
}
.menu-toggle.open .cross span:nth-child(2) {
	width: 100%;
	transition-delay: .375s;
}
.menu-toggle .menu-label, .menu-toggle .close-label{
	position:absolute;
	display:inline-block;
	left:-80px;
	top:-8px;
	color:#000;
	opacity: 1;
	transition: opacity 1s;
	font-size:1.4rem;
	font-weight:500;
}
.menu-toggle .close-label{
	left: -120px;
	opacity:0;
	color:var(--color-6);
}
.menu-toggle.open .menu-label{
	opacity:0;
}
.menu-toggle.open .close-label{
	opacity:1;
}
.frontpage-first .menu-button{
	position:absolute;
	right:25px;
	top:25px;
}
.menu-toggle .hamburger.white span {
	background: var(--color-6);
}
.menu-label.white{
	color:var(--color-6);
}
.thebigmenu{
	width:100%;
	height:100vH;
	overflow-y:auto;
	position:fixed;
	background-color:#4b412b;
	color: var(--color-6);
	top:0;
	left:101%;
	transition:left .5s;
	z-index:3;
	padding-top:150px;
	padding-right: 35px;
	text-align:left;
}
.thebigmenu.show{
	left:0;
}
.thebigmenu .mm-logo{
	position:absolute;
	top:35px;
	left:35px;
}
.thebigmenu .mm-logo h1{
	color:var(--color-6);
}
.thebigmenu ul{
	list-style-type: none;
	font-size:2.8rem;
	font-weight:700;
	text-align:right;
}
.navigation-bar .thebigmenu ul li{
	margin-bottom:20px;
	display:block;
}
.thebigmenu ul a{
	color: var(--color-6);
}
.thebigmenu a:hover{
	color: var(--color-5);
}
.thebigmenu ul li ul{
	display:none;
}
#header-slider .carousel-item, .full-width-slider .carousel-item{
	width:100%;
	padding-bottom:33%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.simple-slider .carousel-item{
	padding-bottom:66%;
	background-size:cover;
	background-repeat:no-repeat;
}
.slider-2 .simple-slider .carousel-item, .slider-3 .simple-slider .carousel-item{
	padding-bottom:91%;
}
.simple-slider .thumbnail-item{
	width:19%;
	margin-right:1%;
	padding-bottom:100%;
}
.carousel-item{

	/*transition: height 0.3s;*/
}
.carousel img{
	max-height:450px;
	width:auto;
}
.content-slider .carousel-item.active{
	display:table;
}
@media screen and ( min-width: 993px ) {
	.content-slider .carousel-inner {
		min-height: 500px;
	}
}
.content-slider .d-lg-table-cell{
	vertical-align:middle;
}
.content-slider p{
	width:100%;
}
.slider-pagination{
	margin-top:10px;
	padding-left:15px;
}
.slider-pagination .numbers a{
	margin:5px;
}
.slider-caption{
	font-size:.8rem;
}
/*++++++++++++++++++++FRONTPAGE++++++++++++++++++++++++*/
section.frontpage-first{
	padding:45px;
}
.very-big-hero{
	color: #ffffff;
	font-size: 15vw;
	line-height: 1;
	font-weight: 800;
	text-transform: none;
}
.page-content{
	min-height:calc( 100vH - 230px );
}
.fw-image-container{
	position:relative;
}
.fw-image-container img{
	width:100%;
	height:auto;
}
.fi-caption{
	position: absolute;
	font-size: 3.3rem;
	color: #ffffff;
	padding: 35px;
	width: 100%;
	line-height: 1.1;
}
@media screen and ( max-width: 992px ){
	.fi-caption{
		font-size: 2rem;
		padding: 15px;
	}
}
.fi-caption.oben{
	top:0;
}
.fi-caption.unten{
	bottom:0;
}
/*++++++++++++++DOWNLOADS+++++++++++++++*/
.wpdm-download-link.btn.btn-primary{
	border-radius:0;
	background:transparent;
	padding:4px;
	border:1px solid #111111;
	color:#111111;
}
.wpdm-download-link.btn.btn-primary::before{
	content: "\f019"; /* FontAwesome Unicode */
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	margin-right:10px;
}
a[data-bs-toggle=collapse] > i{
	margin-left:30px;
	transform:rotate(0deg);
	transition:transform .5s;
}
a[data-bs-toggle=collapse][aria-expanded=true] > i{
	transform:rotate(180deg);
}
footer{
	background-color:#cdc3b4;
	padding-top:75px;
	padding-bottom:25px;
	position:relative;
}

footer a{
	text-decoration:none;
}
footer a:hover span{
	color: #e1ae83 !important;
}
.social-icons-footer a{
	font-size: 32px;
	color:#ffffff;
	margin-right:25px;
}
.social-icons-footer a:hover{
	color:#e1ae83;
}
.social-icons-footer a i.fa-instagram{
	font-size:42px;
}
#menu-footer-menue, #menu-footer-menue-englisch{
	list-style-type: none;
	padding-left:0;
	text-align:center;
	margin-bottom:0;
}
#menu-footer-menue li, #menu-footer-menue-englisch li{
	display:inline-block;
	margin: 0 15px;
}
#menu-footer-menue li a, #menu-footer-menue-englisch li a, footer a{
	font-weight:700;
	color:#000000;
	text-decoration: none;
}
#menu-footer-menue li a:hover, #menu-footer-menue-englisch li a:hover{
	color:#111111;
}
.footer-icons i{
	font-size:32px;
	font-weight:400;
	margin: 0 10px;
}
.footer-outer{
	position:absolute;
	bottom:25px;
}
.toTop{
	position:fixed;
	bottom:75px;
	right:25px;
	display:flex;
	justify-content: center;
	align-items: center;
	opacity:0;
	width:35px;
	height:35px;
	border-radius:5px;
	background-color: #e1ae83;
	transition:opacity .5s;
	color:#ffffff;
	text-decoration: none;
}
.toTop:hover{
	color:#c3c3c3;
}
.toTop.show{
	opacity: .8;
	transition:opacity .5s;
}
.d-table-cell{
	vertical-align:middle;
}
.slider-pagination [type=button]{
    border:none;
    background:transparent;
    -webkit-appearance:none;
}
/*+++++++Remove Cookie-Button++++++*/
.fyHocA{
	display:none !important;
}
@media screen and (max-width: 992px) {
	body{
		background-color:#cdc3b4;
		background-image:none;
	}
	section{
		position:relative;
		padding-top:25px !important;
		padding-bottom:0;
		display:block;
	}
	section.frontpage-first{
		background: url(img/bg-header.jpg) no-repeat center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height:100vH;
		display:flex;
		align-items:center;
	}
	section.blank-section{
		display:none;
	}
	#header-slider .carousel-item, .full-width-slider .carousel-item {
		padding-bottom: 45%;
	}
	header{
		background-color:rgba(255,255,255, .6);
	}
	.numbers{
		display:none;
	}
	hr{
		display:none;
	}
	footer .col-lg-4{
		text-align:center;
		padding-top: 15px;
	}
	footer .col-lg-6 .textwidget {
		border-right: none;
		border-left: none;
		padding-left: 0;
	}
	footer .col-lg-6 .widgettitle{
		padding-left: 0;
	}

}