@import "/assets/frederikhorn/lib/bootstrap/5.3.2/bootstrap.min.css";

@import "/assets/frederikhorn/20/css/plugins.css?v4";
@import "/assets/frederikhorn/20/style.css?v109";

@import "https://lib.nicdn.de/fa/6.4.0/css/all.min.css?v1.0";

@import "/assets/frederikhorn/css/set/reloadcontent.incl.css?v0.4";
@import "/assets/frederikhorn/css/set/preloader.incl.css?v0.3";
@import "/assets/frederikhorn/css/set/navigation.incl.css?v0.3";

@import "/assets/frederikhorn/css/set/root.incl.css?v0.7";
@import "/assets/frederikhorn/css/set/font.incl.css?v0.14";

@import "/assets/frederikhorn/css/set/btn.incl.css?v0.4";

@import "/assets/frederikhorn/css/set/blog.incl.css?v0.11";







/* --- Global */
body {
	background-color: var(--body-background-color) !important;
	color: var(--body-color) !important;
}


ul, li, li span {
	color: var(--body-color) !important;
}

















/* HEADER */
.scroll-progress {
	z-index: 2000 !important;
	background-color: var(--bg-scroller-color) !important;
	height:2px !important;
}



/* ----------- */
.main .container {
	padding:0px;
}

/* ------------ */
#nipa {
	min-height: 100vh;
}


.sticky {
	position: sticky;
	top: 120px;
/*	max-height: calc(100vh - 4rem);*/
	max-height: unset !important;
	overflow-y: auto;
/*	order: 2;*/
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	-webkit-transition: top 0.8s ease-in;
	transition: top 0.8s ease-in;
	padding-right: 5px;
	padding-left: 5px;
}

/* ------------ */
.logo {
	font-size:24px;
	font-weight:bold;
	color:black;
	margin-left:10%;
}
.logo_line_top,
.logo_line_bottom {
	width:95px;
	display:block;
	margin-left: 4%;	
	}
.logo_line_top {
	border-bottom:solid 1px #dddddd;
	margin-bottom:10px;
}
.logo_line_bottom {
	border-top:solid 1px #dddddd;
	margin-top:10px;
}
.logo a {
	color:black !important;
	}

@media only screen and (max-width: 414px) {
.logo {
	font-size:17px;
	margin-left:0px;
}
.logo_line_top,
.logo_line_bottom {
	width:60px;
	margin-left: 20%;
	}
}

/* ------------- */
.contact-link .contact-word {
	display:none;
}
.contact-link:hover .contact-word {
	display:inline;
}
.social__share .active .fa {
	color: #fe4274;
}
.social__share .active .contact-link:hover .contact-word {
	display:none;
}

/* ------------- */
.wrapper {
	background-color:var(--wrapper-background-color);
}

.hp__blog__wrapper {
	min-height: 100vh;
}
.hp__blog__details li {
	font-size: 18px;
	line-height: 30px;
}
.page-header h1 {
	color: #fe4274;
	font-size: 60px;
}
.page-header h2 {
	font-size: 22px !important;
	
}


.poster__design {
	min-height: 100vh;
	background: #f6f6f6;
}
.poster__design .page-header {
	padding: 36px 40px;
}
.poster__design h1 {
	color: #fe4274;
	font-size: 60px;
}
.contact_image {
	background-image: url("/uploads/tx_niimg/800x600_1588261909_frederik_horn.jpg");
	background-size: cover;
	height:60vh;
}
.blog--2 .thumb,
.blog--2 .thumb a {
	height:460px;
}
@media only screen and (max-width: 414px) {
.blog--2 .thumb,
.blog--2 .thumb a {
	height:180px;
}
}
.blog--2 .thumb a {
	width:100%;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;	
}
.hp__blog__wrapper .container,
.hp__blog__wrapper .container-fluid {
	padding-right:0px;
	padding-left:0px;
}

.huge h2 {
	font-size: 60px;
	font-weight: 700;
	line-height: 60px;
	margin-bottom: 45px;
	text-transform: uppercase;
/*	margin-left:45px;*/
}
.huge h4 {
/*	margin-left:45px;*/
	margin-top:45px;	
	}
.huge_image {
	background-size: cover;
}
/* iphone hoch */
@media only screen and (max-width: 736px) {
	.video-bg {
		display:none;
		
	}
	.bg--cart-5 {
		background: black !important;
	}
	.pp__menu__inner {
		top:45% !important;
	}
	}


.wrapper blockquote {
position: relative;
font-size: 2.4em;
line-height: 1.5em;
margin-bottom: 3em;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
}
.wrapper blockquote p {
	padding-right:0px !important;
	}
.wrapper blockquote:before {
content: '\f10d';
font-family: FontAwesome;
font-size: 24px !important;
position: absolute;
top: -0.75em;
left: -1.5em;
color: #e7e6e4;
font-size: 6em;
/* z-index: -1; */
}
.wrapper blockquote small {
font-family: 'Noto Sans', sans-serif;
font-size: 0.6em;
font-weight: 700;
color: #d3d3cf;
}




/* END Quote */

.poster__design .design__inner {
	padding: 36px 100px !important;
}
#ce2886 .container {
	max-width: 100%;
}

#ce2886 .tilter__description {
	font-size: 23px;
}
#ce2886 .tilter__link {
	font-size: 25px;
}
/* Kontakt */


.meta span {
	min-width: 100px;
	float: left;
}

/* NAVIGATION */
.pp__mainmenu a small {
	font-size: 16px;
	color:grey;
}






/* Video Menu */
.video-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
overflow: hidden;
}

.video-bg video {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
z-index: 1;
object-fit: cover;
}

.white--version .pp__menu__inner {
	opacity: 67%;
}

/* 404 Error Page */

#webtype_1293571793 .error {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	text-align:left;
}

#webtype_1293571793 .page-header {
	margin-top:50vh;
	
	}
	
#webtype_1293571793 p {
	color:white;
	font-size:24px;
	}

/* ----- Content */

.submit__btn {
text-align: right;
margin-top: 50px;
}
.submit__btn a {
border: 1px solid #8f8f8f;
color: #333333;
display: inline-block;
font-size: 18px;
height: 46px;
line-height: 44px;
padding: 0 30px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.submit__btn a span {
	color: #fe4274;
	}
/* --- iPhone Hochformat */
/*
@media only screen and (min-width: 414px) {
	#blog .content__wrapper .content p,
	.hp__blog__details p {
		font-size:20px !important;
	}
}
*/

/* --- iPhone Querformat */
@media only screen and (min-width: 568px) and (max-width: 736px) {
	.logo {
		margin-left:0px;
	}
	.header__bottom {
		display:none;
	}
/*
	.social__share_mobile {
		background-color: black;
		margin-bottom: 0px;
		padding-top:25px;
		padding-bottom:25px;
	}
	.copyright_mobile {
	
	}
*/
}


/* --- Cookie */
.cookie {
	position:fixed;
	width:auto;
	padding:5px;
	bottom:0px;
	right:0px;
	background-color:white;
	z-index: 14;
	text-align: center;
}
.cookie .btn {
	background-color: black;
	color:white;
	}
.cookie-hide {
	display:none;
}
.ssm-sub-menu-hide {
	display:none;
}
/* --- Desktop */

@media only screen and (min-width: 736px) {
	.footer_mobile {
		display:none !important;
	}
}


/* --- Alle Handys */

@media only screen and (max-width: 736px) {
	#wrapper {
		min-height:100%;
	}
	.footer_mobile {
		background-color: black;
		text-align:center;
		color:white;
		padding-bottom:100px;
	}
	.footer_mobile a {
		color:white;
	}
	.social__share_mobile  {
		list-style: outside none none;
		padding-top:25px;
		padding-bottom:25px;
	}
	.social__share_mobile a {
		padding:10px;
	}
	.hp__blog__wrapper {
		padding-bottom: 0px !important;
	}
	#blog .wrapper {
		background-color: #b3b3b3;
	}

	
}


@media only screen and (max-width: 991px) {
	/* HIDE on Scroll */
	body {
	  padding-top: 110px; /* ame as header height */
	}
	header {
	  background: #f5b335;
	  height: 110px;
	  position: fixed;
	  top: 0;
	  transition: top 0.2s ease-in-out;
	  width: 100%;
	}
	/*  we'll add this class using javascript */
	.nav-up {
	  top: -110px; /* // same as header height. use variables in LESS/SASS */
	}

}