/* Matteo Perniola - Milva Custom Codes */


/* Page Fonts Matteo */
	@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,300italic,400italic,600italic');
	@import url('https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900');

	/* Body Options */
	body{ font-family: 'Open Sans', sans-serif !important; font-weight: normal !important; letter-spacing: 0px; }
	body *{outline:none !important; -webkit-font-smoothing: antialiased;}
	
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; letter-spacing: 0px; }
	.playfair{ font-family: 'Playfair Display', serif !important; }
	p { font-family: 'Open Sans', sans-serif !important; padding-bottom:10px; -webkit-font-smoothing: antialiased;}
	 
	/* BUSINESS_CUSTOM TITLES */
	.title{ font-family: 'Raleway', sans-serif !important; color:#857a6b !important; font-size:28px; font-weight: 300; text-transform: none !important; padding:0 !important; margin:0 !important; }
	.title-fb{ font-family: 'Raleway', sans-serif !important; color:#fff; font-size:35px; font-weight: 300;}
	.subtitle{color:#81704a !important; font-size:20px !important; font-weight: 300; padding:0; margin:0; line-height: 23px;}
		
	.bg-info-orange {background-color:#ff9900 !important;}
	.col-md-6 {padding-bottom:15px !important}
	
	.author {
    font-size: 13px;
    font-weight: 400;
    color: #be9e56;
    font-family: Georgia,Times,"Times New Roman",serif !important;
	font-style:italic;
	}
	
	.text-link:hover {text-decoration:none;  background-color: rgba(0,0,0,0.05); color:#a58846 !important; font-weight: bold !important;}
			
	/* Symbol " bei Facebook Parallax */
	.quote {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
    background-color: rgba(255,255,255,0.04);
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 30px;
}
 	.quote i {
    opacity: 0.4;
}

/* Hintergruende DARK Parallax */

	.sdark-bg,
	.sdark-bg > *,
	.dark-bg,
	.dark-bg > *,
	.xdark-bg,
	.xdark-bg > *,
	.xxdark-bg,
	.xxdark-bg > *,
	.black-bg,
	.black-bg > *,
	.changeable_bg_tone{
		position: relative;
	}

	.sdark-bg:before{
		background-color:rgba(0,0,0, 0.2);
		position: absolute;
		left:0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		content:'';
	}

	.dark-bg:before{
		background-color:rgba(0,0,0, 0.20);
		position: absolute;
		left:0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		content:'';
	}

	.xdark-bg:before{
		background-color:rgba(0,0,0, 0.50);
		position: absolute;
		left:0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		content:'';
	}

	body.dark-layout .light-bg:before,
	.xxdark-bg:before{
		background-color:rgba(0,0,0, 0.70);
		position: absolute;
		left:0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		content:'';
	}

	.black-bg:before{
		background-color:rgba(0,0,0, 0.9);
		position: absolute;
		left:0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		content:'';
	}
	
	/* Font Styles */

	.extrabold{
		font-weight: 900 !important;
	}

	.bold{
		font-weight: 700 !important;
	}

	.semibold{
		font-weight: 600 !important;
	}

	.normal{
		font-weight: 400;
	}

	.light{
		font-weight: 300 !important;
	}

	.extra-light{
		font-weight: 200 !important;
	}

	.thin{
		font-weight: 100 !important;
	}
	.text-50{
		font-size:50px !important;
	}

	.text-40{
		font-size:40px !important;
	}

	.text-30{
		font-size:30px !important;
	}

	.text-20{
		font-size:20px !important;
		line-height:24px;
	}
	.text-25{
		font-size:25px !important;
		line-height:28px;
	}
	
	.text-18{
		font-size:18px !important;
		line-height:23px;
	}
	.text-16{
		font-size:16px !important;
	}
	.text-15{
		font-size:15px !important;
	}
	.text-14{
		font-size:14px !important;
	}
	.text-12{
		font-size:12px !important;
	}
	
	/* Text Colors */
	
.creme { background-color: #F5F0E9 !important;} /*BG*/
.creme-text { color: #F5F0E9 !important;} /*BG*/
.braun1 {color: #857a6b !important;} /*Titelfarbe*/
.braun2 {color: #8d784a !important;} /*Subtitel*/
.braun3 {color: #6b645b !important;} /*Dunkler*/
.braun4 {color: #8f7654 !important;} /*Heller*/
.color-gold { color:#be9e56 !important;}
.color-gold2 { color:#a58846 !important;} /*Dunkler*/

.bg-gold { background-color:#be9e56 !important;} /*Helleres Gold*/
.bg-braun1 {background-color: #837561 !important;} /*Heller*/
.bg-braun2 {background-color: #6b645b !important;} /*Duenkler*/

.nav-active {color: #be9e56 !important; font-weight: 700 !important;} /* BG NAVIGATION Auswahl*/

/* Button */

.btn-warning {
    color: #fff;
    background-color: #be9e56 !important;
    border-color: #000;
}

/* --------------- C3 Image Hover 1 --------------------- */

.mg-image {
	overflow:hidden;
	cursor:pointer;
}

.mg-image img {
    -webkit-transition: all 0.5s; /* Safari and Chrome */
    -moz-transition: all 0.5s; /* Firefox */
    -o-transition: all 0.5s; /* IE 9 */
    -ms-transition: all 0.5s; /* Opera */
    transition: all 0.5s;
    width: auto;
    height: auto;
    min-width: 100%;
    max-width: 100%;
}

.mg-image:hover img {
	 background-color: transparent;
     opacity:1;
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}

	
	/* COFFEE HEADER STYLES */
	h3.title{ font-size:25px; text-transform: uppercase; position: relative; display: inline-block; margin:0 auto; padding: 0; color:#818181;}
	h3.title:after{ content: ''; position: absolute; left:108%; width: 150px; height: 14px; background-color:#c7c2b8; opacity: 0.2; top:50%; margin-top: -9px; }
	h3.title:before{ content: ''; position: absolute; right:108%; width: 150px; height: 14px; background-color:#c7c2b8; opacity: 0.2; top:50%; margin-top: -9px; }
	h3.title.left:before{ display: none; }
	h3.title.left:after{ width: 200px; width: calc(1170px / 2 - 110%); }
	h3.title + h1{ font-size:40px; margin:0 auto; padding:0; text-transform: uppercase; color:#818181;}
	h3.title + h1 + .subtitle{font-size:20px; margin:10px auto 0; padding:0;}
	.description{ font-size:13px; margin:15px auto 0; line-height: 22px; color:#868686;}
		@media only screen and (max-width: 640px){
			h3.title + h1{ font-size:30px; }
			h3.title{ font-size:28px; }
			h3.title + h1 + .subtitle{font-size:18px; margin: 10px auto 0;}
			.description{ margin:15px auto 0; }
		}
		@media only screen and (max-width: 640px){
			h3.title + h1{ font-size:28px; }
			h3.title{ font-size:17px; }
			h3.title + h1 + .subtitle{font-size:18px;  padding-left: 5px; padding-right:5px;}
			.description{ margin:12px auto 0; font-size:14px }
		}

	h3.title.white{ color:#e5e5e5 !important; }
	h3.title.white + h1{ color:#fff; }
	h3.title.white:after{ background-color:#efefef; }
	h3.title.white:before{ background-color:#efefef; }
	h3.title.white + h1 + .subtitle + .description,h3.title.white + h1 + .description h3.title.white + .description{ color:#cccccc; }
		@media only screen and (max-width: 1250px){ h3.title.left:after{ width: 100px; width: calc(1170px / 3 - 110%); } }
		@media only screen and (max-width: 1170px){ h3.title,.description{ padding-left:12px; padding-right:12px; } }
		@media only screen and (max-width: 1170px){ h3.title,.description,h3.title + h1{padding-left:15px; } }
		@media only screen and (max-width: 640px){ 
		h3.title:after{ content: ''; position: absolute; left:108%; width: 40%; }
		h3.title:before{ content: ''; position: absolute; right:108%; width: 40%; }
		}

/* Second navigation background and text colors */
	#navigation.modern.white-nav.scrolled,#navigation.modern.white-nav.sticky,#navigation.modern.white-nav.box-shadow{background:rgba(255,255,255,1); box-shadow:0 1px 4px 2px rgba(0, 0, 0, 0.06) !important; }

/* Mobile Navigation anpassungen */
	#mobile-navigation{ background-color: #393530 !important}
	#mobile-navigation a:hover { background-color: #554e46 !important}
	#mobile-navigation a:active, #mobile-navigation a:focus, #mobile-navigation li a.active, #mobile-navigation li a.touchme { background-color: #47423b !important; color: #be9e56 !important;}
		
	@media only screen and (max-width: 1120px){
	#mobile-navigation .mb-close, #mobile-navigation .nav-el .search-form-trigger {display: none;}
	#mobile-navigation .nav { margin-top: 10% !important;}
	
	/* Dropdown Menu offen zeigen */
	#mobile-navigation .dropdown-menu{display: block !important; border:none;}
	trigger { font-size: 20px !important; color: #bbb; cursor: pointer;}
	#mobile-navigation .nav li a {
    font-size: 11px;
    padding: 0 15px !important; padding-left: 15px;
    margin: 0 !important;
    display: block;
    line-height: 30px !important;
    color: #eee;
    font-weight: 700;
	}
	
	#mobile-navigation .mobile-active {
    background-color:rgba(0,0,0,.50) !important;
   	}
}

/* Navigation Anpassungen */
	#navigation.modern .columns ul.dropdown-menu li a, #navigation.modern.start-dark .columns ul.dropdown-menu li a, #navigation.modern.scrolled .columns ul.dropdown-menu li a {
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.3px;
    padding: 4px 10px !important;
    display: block;
    width: 100%;
    height: auto;
    text-transform: none;
    min-width: 200px;
}

.dropdown-menu {
    min-width: 14rem !important;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

 /* Accordions */
 	.accordion-toggle-link{ margin: 0; border:1px solid #a58846 !important; }
	
	.accordion-toggle-link.collapsed:after{ border-top-color:#a58846 !important; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
 	.accordion-toggle-link.collapsed{ background-color: transparent !important; color:#565656 }
	.accordion-toggle-link:after{border-top: 6px solid #000 !important; }
	.accordion-toggle-container{ padding: 15px 0 !important;}
 
 /* container-sm - kleiner Container für Bilder, oder Bildslider im content - mobile ohne pixel links, rechts */
	.container-sm{ padding-left:0 !important; padding-right:0 !important;}
		@media only screen and (max-width: 915px){.container-sm{ /*! padding-left:15px; */ /*! padding-right:15px; */ }}

/* Buttons */

	.btn{
		padding:5px 8px;
		letter-spacing:0.7px;
		display: inline-block;
		vertical-align: middle;
		line-height: 10px;
		white-space: nowrap;
		border-radius: 5px;
		font-weight: 300;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.btn:active,
	.btn:focus{
		box-shadow: none;
	}

	.btn span{
		display: block;
		margin-top:7px;
		font-size:12px;
		opacity: .8;
		line-height: 8px;
	}

/* Button Sizes- Colors */

	.gold-border-btn,
	.gold-border-btn:focus{
		border:1px solid rgba(190, 158, 86, 0.8);
		color:#8F7654;
		background:transparent;
	}

	.gold-border-btn:hover{
		border:1px solid #000;
		background:#be9e56;
		color:white;
	}

	.large-btn{
		padding:14px 35px;
		font-size:15px;
		font-weight:bold;
	}

	.xlarge-btn{
		padding:16px 45px;
		font-size:16px;
	}
	

	
/* Hero Slider Mobile Settings C3 Hoehe Einstellungen - max oder min
/* ================================================== */

/* Small devices (portrait tablets and large phones, 640px and up) */
@media only screen and (max-width: 640px) {
	.hero-slider,.hero-slider .slide{ height: 400px !important; }
}

/* Medium devices (landscape tablets, 768px and up) (mobile-dispay-none = ausblenden der Headers) */
@media only screen and (max-width: 768px) {
	.mobile-dispay-none{ display:none !important; visibility:hidden !important; }
	.mobile-margin-top-50{ margin-top:50px !important; }
	.hero-slider,.hero-slider .slide{ height: 400px !important; }
	}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
	.hero-slider,.hero-slider .slide{ height: 400px !important; }
	}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {.hero-slider,.hero-slider .slide{ height: 400px !important; }}