/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
@import url('font-icons-baeckernaumann.css');

/* ----------------------------------------------------------------
	Fonts

	Replace your Fonts as necessary
-----------------------------------------------------------------*/

@font-face {
  font-family: "ff-meta-web-pro";
  src: url("../webfonts/naumann-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("../webfonts/naumann-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("../webfonts/naumann-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("../webfonts/naumann-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}


@font-face {font-family: 'VeneerClean-Reg';src: url('../webfonts/327FCE_8_0.eot');src: url('../webfonts/327FCE_8_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/327FCE_8_0.woff2') format('woff2'),url('../webfonts/327FCE_8_0.woff') format('woff'),url('../webfonts/327FCE_8_0.ttf') format('truetype');}

body,
small,
#primary-menu ul ul li > a,
.wp-caption,
.feature-box.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a { font-family: 'ff-meta-web-pro', sans-serif !important; font-weight: 400; font-style: normal;
	-webkit-font-feature-settings: "lnum"; /* No variation */
       -moz-font-feature-settings: "lnum=1"; /* Firefox 4.0 to 14.0 */
       -moz-font-feature-settings: "lnum"; /* Firefox 15.0 onwards */
       -moz-font-feature-settings: "lnum" 1; /* Firefox 15.0 onwards explicitly set feature values */
            font-feature-settings: "lnum"; /* No variation */  
 }

h1,
h2,
#logo,
#primary-menu ul li > a,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a,
#top-search form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.counter,
.nav-tree li a,
.wedding-head .first-name,
.wedding-head .last-name { font-family: 'VeneerClean-Reg', sans-serif !important; font-weight: normal !important; font-style: normal !important; }

h3,
h4,
h5,
h6,
label { font-family: 'ff-meta-web-pro', sans-serif !important; font-weight: 700; font-style: normal; 
  -moz-font-feature-settings: "lnum" 1;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1; }

.entry-meta li,
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span { font-family: 'Crete Round', serif; }

.font-body { font-family: 'ff-meta-web-pro', sans-serif !important; font-weight: 400; font-style: normal; 
  -moz-font-feature-settings: "lnum" 1;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1; }

.font-primary { font-family: 'ff-meta-web-pro', sans-serif !important; font-weight: 700; font-style: normal; 
  -moz-font-feature-settings: "lnum" 1;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1; }

.font-secondary { font-family: 'ff-meta-serif-web-pro', serif !important; font-weight: 500; font-style: italic; 
  -moz-font-feature-settings: "lnum" 1;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1; }


::selection { background: #caa772; }

::-moz-selection { background: #caa772; }

::-webkit-selection { background: #caa772; }


h1, h2 {
	letter-spacing: 1px !important;
}
.section {
	background-color: #f7f1e9;
}
.bn-background-image {
	background-color: black;
	background-image: url('../img/header_background.jpg');
	background-position: center center;
}
.logo {
	margin-bottom: 40px;
	width: 200px;
	height: auto;
}
.navleiste-vorteilskarte {
	background-color: rgba(0,0,0,0.6);
	padding: 20px 0;
}
.berry { 
	color: #b82064 !important;
}
.beige { 
	color: #caa772 !important;
}
.green { 
	color: #60b55a !important;
}
.grey { 
	color: #888 !important;
}
.white { 
	color: #fff !important;
}

.button-green {
    background-color: #60b55a !important;
}
.button-beige {
    background-color: #caa772 !important;
}
.button.button-3d:hover {
    background-color: #444 !important;
    opacity: 0.7;
}
.button.button-3d.button-light:hover, .button.button-reveal.button-light:hover {
    text-shadow: none;
    color: white;
}
.button {
    cursor: pointer;
}
.i-circled {
	cursor: default !important;
}
.form-control {
	font-size: 18px !important;
	height: inherit;
}
.process-steps li.active i {
	background-color: #b82064 !important;
	border-color: #b82064 !important;
	color: white;
}
.errormsg {
    background: #ecc3d5 !important;
    color: #b82064 !important;
}
.balance {
    font-size: 42px;
    font-family: 'VeneerClean-Reg', sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
}
.balance + h5 {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
}
.comment-wrap {
    border: 1px dotted #caa772 !important;
    background: white;
	padding: 20px !important;
}
.comment-timestamp {
    font-size: 16px;
    font-weight: 400;
    color: #888;
    margin-top: 5px !important;
    line-height: 1.2 !important;
}
.comment-content h3 {
    margin-bottom: 10px !important;
	line-height: 1.2;
}
.comment-content .transaction-value {
    margin-top: 10px !important;
}
.comment-wrap .transaction-value {
    margin-bottom: 0 !important;
	line-height: 1.2;
	font-size: 36px;
    font-family: 'VeneerClean-Reg', sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
}
.commentlist {
    margin: 0 !important;
}
.commentlist ul .comment-wrap {
    margin-left: 50px !important;
    margin-top: 0 !important;
}
.commentlist li {
    margin: 20px 0 0 0 !important;
}
.form-error {
    border: #b82064 1px solid !important;
}
.form-error-msg {
    color: #b82064 !important;
}
.checkbox-style-label {
	display: inline;
}
input[type=checkbox]:active,
input[type=checkbox]:focus {
	outline: auto !important;
}
.panel-body {
    padding: 15px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}
.qrcode {
    width: 80%;
    margin: 0 auto 50px auto;
    box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.2);
}
.i-plain {
	cursor: default;
}
.si-iqback:hover,
.si-colored.si-iqback {
	background-color: white !important;
}
.icon-iqback {
	content: url('../img/si-iqback.png');
	width: 100%;
}
label {
	font-size: 16px;
	font-weight: 400;
	text-transform: none !important;
	letter-spacing: 0px;
}

@media (max-width: 991px) and (min-width: 768px) {
	.swiper_wrapper:not(.full-screen):not(.canvas-slider-grid), .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide {
    	height: auto !important;
	}
}
@media (max-width: 767px) and (min-width: 480px) {
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
    	height: 200px !important;
	}
}

@media (max-width: 767px) {
	.container {
		width: 100% !important;
		padding-left: 5%;
		padding-right: 5%;
	}
	.commentlist li {
    	margin-top: 15px !important;
	}
	.comment-wrap .transaction-value {
		font-size: 28px;
	}
	#copyrights .col_half:last-child {
		display: block;
		margin-top: 30px;
	}
	#copyrights .social-icon {
		display: none;
	}
	.slider-caption h2 {
    	font-size: 36px;
	}
	.center-medium {
    	text-align: center !important;
	}
}
@media (max-width: 479px) {
	.comment-wrap {
    	padding: 10px !important;
	}
	.comment-meta {
    	width: 100%;
    	margin-bottom: 10px;
	}
	.comment-meta .transaction-value {
    	float: right;
    	padding-top: 12px;
	}
	.commentlist li .comment-content {
    	padding: 0;
    	width: 100%;
	}
	.hidden-xxs {
		display: none !important;
	}
	.visible-xxs {
    	display: block !important;
	}
	.slider-caption h2 {
    	font-size: 28px;
	}
	.col-xxs-12 {
    	width: 100%;
	}
}