/*
Theme Name: Gelduni.de
Author: ADALIS
Author URI: https://adalis.de
Description: Gelduni Theme - Bootstrap.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/************************/
/******* GENERAL ********/
/************************/
@font-face{font-family:'Ubuntu';src:url('assets/fonts/Ubuntu-Light.ttf') format('truetype');font-weight:300;}
@font-face{font-family:'Ubuntu';src:url('assets/fonts/Ubuntu-Regular.ttf') format('truetype');font-weight:400;}
@font-face{font-family:'Ubuntu';src:url('assets/fonts/Ubuntu-Medium.ttf') format('truetype');font-weight:500;}
@font-face{font-family:'Ubuntu';src:url('assets/fonts/Ubuntu-Bold.ttf') format('truetype');font-weight:700;}

@font-face{font-family:'Heebo';src:url('assets/fonts/Heebo-Thin.ttf') format('truetype');font-weight:100;}
@font-face{font-family:'Heebo';src:url('assets/fonts/Heebo-Light.ttf') format('truetype');font-weight:300;}
@font-face{font-family:'Heebo';src:url('assets/fonts/Heebo-Regular.ttf') format('truetype');font-weight:400;}
@font-face{font-family:'Heebo';src:url('assets/fonts/Heebo-Medium.ttf') format('truetype');font-weight:500;}
@font-face{font-family:'Heebo';src:url('assets/fonts/Heebo-Bold.ttf') format('truetype');font-weight:700;}
@font-face{font-family:'Heebo';src:url('assets/fonts/Heebo-ExtraBold.ttf') format('truetype');font-weight:800;}
@font-face{font-family:'Heebo';src:url('assets/fonts/Heebo-Black.ttf') format('truetype');font-weight:900;}

.datenschutz-checkbox{
	margin-bottom:25px;
}
.datenschutz-checkbox a{
	color:#bbaf91 !important;
}


html,body{
	overflow-x:hidden !important;
	font-family: 'Ubuntu', sans-serif !important;
	line-height:32px !important;
}
h1{
	font-family: 'Ubuntu', sans-serif !important;
	font-weight:700 !important;
    font-size:40px !important;
	text-transform:uppercase;
}
h2{
	font-family: 'Ubuntu', sans-serif !important;
	font-weight:700 !important;
    font-size:40px !important;
	text-transform:uppercase;
}
h3{
	font-family: 'Ubuntu', sans-serif !important;
	font-size:28px !important;
	font-weight:500 !important;
	text-transform:uppercase;
}
strong{
	font-family: 'Ubuntu', sans-serif !important;
	font-size:16px !important;
	font-weight:500 !important;
	text-transform:uppercase;
	letter-spacing:5px;
}
.unterzeile{
	font-weight:100;
    font-size:25px;
    text-transform:uppercase;
    letter-spacing:5px;
    border-bottom:solid white 2px;
    margin-bottom:60px;
}
.btn-butscher{
	cursor:pointer;
	text-transform:uppercase;
	font-family: 'Ubuntu', sans-serif !important;
	font-weight:600 !important;
	background:#bbaf91;
	color:#ffffff;
	max-height:76px !important;
	padding:16px 30px 16px 30px !important;
	width:100% !important;
	margin-left:30px;
}
.btn-butscher:hover, .btn-butscher:active, .btn-butscher:focus{
	background:#a09372;
}
.btn-butscher-2{
	cursor:pointer;
	background:#bbaf91 !important;
	text-transform:uppercase;
	font-family: 'Ubuntu', sans-serif !important;
	font-weight:600 !important;
	color:#ffffff;
	padding:20px 30px 20px 30px !important;
	text-decoration:none !important;
	border-radius:0 !important;
	margin-left:0 !important;
}
.btn-butscher-2:hover, .btn-butscher-2:active, .btn-butscher-2:focus{
	text-decoration:none !important;
	background:#a09372 !important;
	color:#ffffff !important;
}
.btn-butscher-3{
	cursor:pointer;
	background:#2e2e2e !important;
	text-transform:uppercase;
	font-family: 'Ubuntu', sans-serif !important;
	font-weight:600 !important;
	color:#ffffff;
	padding:20px 30px 20px 30px !important;
	text-decoration:none !important;
	border-radius:0 !important;
	margin-left:0 !important;
}
.btn-butscher-3:hover, .btn-butscher-3:active, .btn-butscher-3:focus{
	text-decoration:none !important;
	background:#1f1f1f !important;
	color:#ffffff !important;
}
.calltoaction{
	cursor:pointer;
	position:fixed;
	z-index:1000;
	top:45%;
	right:0;
	background:#bbaf91 !important;
	text-transform:uppercase;
	font-family: 'Ubuntu', sans-serif !important;
	font-weight:600;
	color:#ffffff;
	padding:20px 30px 20px 30px;
}
.calltoaction:hover,.calltoaction:focus,.calltoaction:active{
	text-decoration:none !important;
	background:#a09372 !important;
	color:#ffffff !important;
}

.bestseller img{
	position:absolute;
	bottom:50px;
	right:50px;
}

/************************/
/******* HEADER *********/
/************************/
header{
	position:relative;
	height:100vh;
	background-image:url(assets/images/header-0.jpg);
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.scroll-icon {
	position:absolute;
	bottom:100px;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	height:2em;
	width:1.2em;
	font-size:22px;
	color:#ffffff !important;
	border-radius:3em;
	border:solid 3px;
	transition:.4s;
}

.scroll-icon:hover {
	background-color:rgba(#fff, .05);
	color:#ffffff;
}

.scroll-icon::after {
	content:'';
	width:7px;
	height:7px;
	background-color:#ffffff;
	border-radius:50%;
	animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@keyframes scroll-icon {
	0% { transform: translateY(-12px); opacity: 0; }
	30%, 70% { opacity: 1; }
	100% { transform: translateY(12px); opacity: 0; }
}


/************************/
/***** NAVIGATION *******/
/************************/
.topbar{
	background:#2e2e2e;
	padding:10px 50px 10px 50px !important;
	letter-spacing:3px;
}
.topbar a{
	color:#bbaf91;
}
.topbar a:hover{
	color:#ffffff;
}
.navigation{
	display:inline-block;
	width:100%;
}
.navbar{
	padding:0 !important;
	float:right;
}
.nav-link{
	position:relative !important;
	display:inline-block !important;
	width:100% !important;
	z-index:9999 !important;
	text-transform:uppercase !important;
	font-weight:600 !important;
	color:#000000 !important;
}
.nav-link:hover{
	color:#bbaf91 !important;
}
.navbar-toggler{
	cursor:pointer !important;
	background:#ffffff !important;
	padding:5px 15px 15px 15px !important;
	border-radius:0 !important;
	position:absolute;
	top:0;
	right:0;
	z-index:99999;
}
#navbarToggleExternalContent{
	background:#ffffff;
	padding:15px;
	max-width:750px;
}
.navbar-toggler:focus, .navbar-toggler:hover{
	border:1px solid transparent !important;
	outline:transparent !important;
	box-shadow:none !important;
}
.navbar-brand{
	font-family: 'Heebo', sans-serif !important;
	font-size:30px !important;
	font-weight:300;
	text-transform:uppercase;
	background:#ffffff;
	color:#2e2e2e !important;
	padding:25px 50px 25px 50px !important;
}
.navbar-brand b{
	font-weight:900 !important;
	color:#484848 !important;
}
.bg-faded{
	background: rgba(255,255,255,1) !important;
}
.navbar-light .navbar-toggler{
	border:0 !important;
}
.custom-toggler .navbar-toggler-icon{
	background:#ffffff;
	float:right;
	margin-top:10px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

/************************/
/******* SECTIONS *******/
/************************/
.icon{
	max-width:175px !important;
}
.icon-small{
	max-width:125px !important;
}
@media (max-width:1920px){
	.col-icon{
		width:100% !important;
	}
	.icon{
		max-width:125px !important;
	}
}
@media (max-width:1440px){
	.icon{
		max-width:100px !important;
	}
	.icon-small{
		max-width:80px !important;
	}
}
@media (max-width:1024px){
	.col-icon{
		margin-bottom:25px !important;
	}
}



/* #1 */
.section-1 .background{
	height:auto;
	background-image:url(assets/images/header-x1.jpg);
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.section-1 .content{
	background-image:url(assets/images/bg-1.jpg);
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	color:#ffffff;
	padding:200px;
}

/* #2 */
.section-2 .background{
	height:auto;
	background-image:url(assets/images/header-x3.jpg);
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.section-2 .content{
	background-image:url(assets/images/bg-2.jpg);
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	color:#ffffff;
	padding:200px;
}
.section-2 ul{
	list-style:none;
	margin-left:-5px;
	font-size:16px !important;
}

.section-2 li:before {		
	font-family: 'FontAwesome';
	content:'\f046';
	margin:0 20px 0 -35px;
	color:#ffffff;
}


/* #3 */
.section-3 .background{
	height:auto;
	background-image:url(assets/images/header-3.jpg);
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.section-3 .content{
	background:#2e2e2e;
	color:#ffffff;
	padding:200px;
}


/* #4 */
.section-4 .background{
	height:auto;
	background-image:url(assets/images/header-x4.jpg);
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.section-4 .content{
	background-image:url(assets/images/bg-4.jpg);
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	color:#ffffff;
	padding:200px;
}
.section-4 ul{
	list-style:none;
	margin-left:-5px;
	font-size:16px !important;
}
.section-4 li:before {
	font-family: 'FontAwesome';
	content:'\f046';
	margin:0 20px 0 -35px;
	color:#ffffff;
}
.section-4 a{
	text-decoration:underline;
	color:#ffffff !important;
}


/* #5 */
.section-5 .background{
	height:auto;
	background-image:url(assets/images/header-4.jpg);
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.section-5 .content{
	background-image:url(assets/images/bg-5.jpg);
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	color:#ffffff;
	padding:200px;
}
.section-5 ul{
	list-style:none;
	margin-left:-5px;
	font-size:16px !important;
}

.section-5 li:before {		
	font-family: 'FontAwesome';
	content:'\f046';
	margin:0 20px 0 -35px;
	color:#ffffff;
}



#accordion-menu .open{
	cursor:pointer;
	display:block;
	background-color:#ffffff;
	color:#c49f84;
	margin:0px 0px 1px 0px;
	padding:10px 5px 10px 15px;
	margin-bottom:10px;
	/*background:transparent url('../images/accordionmenu/up.png') no-repeat 0px 6px;*/
}
#accordion-menu .open-selected{
	background-color:#ffffff;
	/*background:transparent url('../images/accordionmenu/down.png') no-repeat 0px 7px;*/
}
#accordion-menu .content{
	padding:20px;
	color:#ffffff;
}
#accordion-menu a{
	color:#ffffff;
}
.academy-icon{
	max-width:25px;
}
.icon-right{
	float:right;
	margin-right:15px;
}






/* #6 */
.section-6{
	
}
.section-6 .content{
	background-color:#484848;
	background-size:cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	color:#ffffff;
	padding:200px;
}
.section-6 label{
	color:#bbaf91;
	font-style:italic;
}



/************************/
/******** FOOTER ********/
/************************/
footer{
	text-transform:uppercase;
	background:#1f1f1f;
	color:#ffffff;
	padding-top:35px;
	padding-bottom:25px;
}
footer a{
	color:#ffffff;
}
footer a:hover{
	text-decoration:none;
	color:#d8d8d8;
}


/*************************/
@media (min-width:1920px){
	.hinweis .content{
		padding:50px 90px 50px 90px;
	}
}
/*************************/
/**** DESKTOP (1920px) ***/
/*************************/
@media (max-width:1920px){
	h1, h2{
		font-size:30px !important;
	}
	.section-1 .content,.section-2 .content,.section-3 .content,.section-4 .content,.section-5 .content,.section-6 .content{
		padding:90px;
	}
	.hinweis .content{
		padding:30px 90px 30px 90px;
	}
	.section-1 .background,.section-2 .background,.section-3 .background,.section-4 .background,.section-5 .background,.section-6 .background{
		height:auto;
	}
}


/*************************/
/**** MOBILE (1440px) ****/
/*************************/
@media (max-width:1440px){
	h1, h2{
		font-size:24px !important;
	}
	.section-1 .content,.section-2 .content,.section-3 .content,.section-4 .content,.section-5 .content,.section-6 .content{
		padding:75px;
	}
	.section-1 .background,.section-2 .background,.section-3 .background,.section-4 .background,.section-5 .background,.section-6 .background{
		height:auto;
	}
}


/************************/
/**** MOBILE (1280px) ****/
/************************/
@media (max-width:1280px){
	h1, h2{
		font-size:24px !important;
	}
	strong{
		letter-spacing:3px;
	}
}


/*************************/
/**** MOBILE (1024px) ****/
/*************************/
@media (max-width:1024px){
	.section-1 .content,.section-2 .content,.section-3 .content,.section-4 .content,.section-5 .content,.section-6 .content{
		padding:50px;
	}
	.section-1 .background,.section-2 .background,.section-3 .background,.section-4 .background,.section-5.background,.section-6.background{
		height:auto;
	}
	.unterzeile{
		margin-bottom:30px;
	}
}


/************************/
/**** MOBILE (768px) ****/
/************************/
@media (max-width:768px){
	.extra-top{
		padding-top:50px !important;
	}
	.extra-bottom{
		background:#c49f84;
		padding-top:50px !important;
		width:100%;
	}
	#navbarToggleExternalContent{
		width:374px;
	}
	.navbar-toggler{
		padding:15px !important;
	}
	
	.section-1 .content,.section-2 .content,.section-3 .content,.section-4 .content,.section-6 .content{
		padding:100px;
	}
	.section-5 .content,.section-6 .content{
		padding:10px 100px;
	}
	.section-1 .background,.section-2 .background,.section-3 .background,.section-4 .background,.section-5 .background,.section-6 .background{
		height:768px;
	}
}

.mobile-only{
	display:none;
}

/************************/
/**** MOBILE (414px) ****/
/************************/
@media (max-width:414px){
	.mobile-only{
		display:block;
	}

	h1, h2{
		font-size:22px !important;
	}
	h3{
		font-size:20px !important;
	}
	strong{
		font-size:16px !important;
		letter-spacing:2px;
	}
	
	header{
		background-position:-200px;
	}
	.btn-butscher-2{
		margin-left:0 !important;
	}
	
	.navbar-brand{
		padding:20px 30px 20px 30px !important
	}
	.navbar-brand img{
		max-width:200px;
	}
	.navbar-toggler{
		margin-top:-100px;
	}
	#navbarToggleExternalContent{
		width:300px;
	}
	.nav-link{
		font-size:15px !important;
	}
	#navbarToggleExternalContent{
		max-width:260px;
	}
	
	
	.section-1 .content,.section-2 .content,.section-3 .content,.section-4 .content,.section-5 .content,.section-6 .content{
		padding:50px;
	}
	.section-1 .background,.section-2 .background,.section-3 .background,.section-4 .background,.section-5 .background,.section-6 .background{
		height:425px;
	}
	
	
}
#impressum a{
	color:#ffffff;
}
#impressum strong{
	font-weight:bold !important;
	letter-spacing:3px !important;
}


.desktop-only{
	display:block;
}
.mobile-only{
	display:none;
}
/************************/
/**** MOBILE (414px) ****/
/************************/
@media (max-width:414px){
	.desktop-only{
		display:none;
	}
	.mobile-only{
		display:block;
	}
}
	
	
	
	
/************************/
/**** MOBILE (375px) ****/
/************************/
@media (max-width:375px){
	#navbarToggleExternalContent{
		max-width:260px;
	}
}


/************************/
/**** MOBILE (320px) ****/
/************************/
@media (max-width:320px){
	h1, h2{
		font-size:20px !important;
	}
	.navbar-toggler{
		padding:29px 15px 29px 15px !important;
	}
	#navbarToggleExternalContent{
		max-width:290px;
	}
}
	
	
/************************/
/********* QHD **********/
/************************/
@media (min-width:2560px){
	.container{
		width:1440px !important;
		max-width:100%;
	}
}


/************************/
/********** 4K **********/
/************************/
@media (min-width:3840px){
	.container{
		width:2560px !important;
		max-width:100%;
		font-size:150% !important;
	}
}