.uppercase {
text-transform:uppercase;
}

body {
font-family:Sanchez;
font-weight:400;
}

p {
font-family:Open sans;
font-size:13px;
line-height:20px;
margin-bottom:20px
}

#elements .btn {
display:block;
margin-bottom:15px;
}

.no-padding {
padding:0px !important;
}
.space10 { margin-bottom:10px;}
.space20 { margin-bottom:20px;}
.space30 { margin-bottom:30px;}
.space40 { margin-bottom:40px;}
.space50 { margin-bottom:50px;}
.space60 { margin-bottom:60px;}
.space70 { margin-bottom:70px;}
.space80 { margin-bottom:80px;}
.space90 { margin-bottom:90px;}
.space100 { margin-bottom:100px;}

.btn-orange {
background:#e96546;
}

.btn-orange-lite {
background:#f08c2b;
}

.btn-blue {
background:#46b9e9;
}

.btn-green {
background:#8fc26e;
}

.btn-violet {
background:#896ec2;
}

.btn-gray {
background:#444444;
}

.btn-brown {
background:#75454f;
}

.btn-yellow {
background:#ffcf24;
}

.btn-dark-blue {
background:#454f7b;
}

.btn-brown-lite {
background:#877361;
}

.btn-pink {
background:#f47f9d;
}

.btn-white {
background:#ffffff;
color:#444444;
}

/*- - - - - - - - - - - - - - - - - - - - 
		   ACCORDION
- - - - - - - - - - - - - - - - - - - - */

#accordion {
}

.panel {
    border-radius: 0px;
}

.panel-default > .panel-heading {
	border-radius:0px;
	border:none;
}

.panel-title {
    font-size: 14px;
}

.panel-heading {
    padding: 0px 0px;
position:relative;
}

.panel-body {
background:#e96546;
color:#fff;
padding:0px 20px 15px;
border:none !important;
}


.panel-heading .accordion-toggle {
    background: #e96546;
    padding: 12px 20px;
display: table;
width: 100%;
border:1px solid #e96546;
color:#fff;
}

.panel-heading .accordion-toggle.collapsed {
    background: #fff;
    padding: 12px 15px;
	display: table;
	width: 100%;
	border:0;
	color:#444;
}

.panel-group .panel + .panel {
    margin-top: 2px;
}


.panel-heading .accordion-toggle:after {
	content: "";
	background:url(../images/minus.png) no-repeat left center; 
	float: right;  
	width:15px;
	height:15px;
	position:relative;
	top:-0px;
	right:-2px;

}

.panel-heading .accordion-toggle.collapsed:after {
	content: "";
	background:url(../images/plus.png) no-repeat left center;
	float: right;  
	width:15px;
	height:15px;
	position:relative;
	top:-0px;
	right:-2px;
}

.panel-heading .accordion-toggle:after {
	content: "";
	background:url(../images/minus.png) no-repeat left center; 
	float: right;  
	width:15px;
	height:15px;
	position:relative;
	top:-0px;
	right:-2px;

}

.panel-heading .accordion-toggle.collapsed:after {
	content: "";
	background:url(../images/plus.png) no-repeat left center;
	float: right;  
	width:15px;
	height:15px;
	position:relative;
	top:-0px;
	right:-2px;

}

#cssmenu .sf-menu .orange-menu-item a {
	color: #FF562C;
}

/* dirty fix for better menuitem spacing on medium devices due to more menuitems then previously was */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	#cssmenu li a {
		padding: 0 5px;
	}
}

.bg-logoparade .textwidget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.frontpage-first-section {
	background-color: white!important;
	padding: 60px 0;
}

.shop-teaser-boxes {
	padding: 30px 0;
	position: relative;
	z-index: 11;
}

.teaser-box {
	margin-bottom: 30px;
}

.teaser-box .teaser-inner{
	/* height: 300px; */
	/* display: flex;
	flex-direction: column; */
}

/* @media only screen and (min-width: 992px) {
	
	.blog-page  {
		background: linear-gradient(0deg, rgba(255,255,255,0.08) 0%, rgba(255,86,44,1) 5%, rgba(255,86,44,1) 95%, rgba(255,255,255,0.08) 100%)!important;
	}

	.blog-page .bg-logoparade,
	.blog-page .footer-colored,
	.blog-page .footer-colored h2,
	.blog-page .footer-colored li a,
	.blog-page .copyright {
		background-color: transparent;
		color: #000!important;
	}
	
	.blog-page .copyright{
		background: none;
	}
} */


/* top */
/* .top-wrap {
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,0.5046393557422969) 90%, rgba(255,255,255,0) 100%)!important;
} */

/* bottom:
.footer-colored {
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,0.5046393557422969) 90%, rgba(255,255,255,0) 100%);
} */
.teaser-box .teaser-inner a {
	margin: 0;
}


.top-content,.bottom-content {
	height: auto;
	
}

.top-content {
	/* display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end; */
}

.top-content img {
	/* height: 100%; */
	width: 100%;
    object-fit: contain;
}

.bottom-content {
	padding: 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.ig-icon a {
	display: inline-block;
	position: relative;
}

.ig-icon a:after{
    content: '';
    background:url('/wp-content/themes/egmont-theme/images/instagram.svg');
    background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
    width:20px;
	height:20px;
	transform: translate(-50%,-50%);
}

.ig-icon:hover a:after {
	background:url('/wp-content/themes/egmont-theme/images/instagram-white.svg');
	background-size: cover;
}

.ig-icon a span {
	visibility: hidden;
}

@media only screen and (min-width: 992px) {

	.ig-icon a {
		display: block;
		width: 20px;
		height: 100%;
	}

	.blog-page  {
		background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.00) 20%, rgba(255,255,255,0.00) 50%, rgba(255,255,255,0.00) 75%, #FFFFFF 100%, rgba(255,255,255,0.00) 100%)!important;
	}

	.blog-page .bg-logoparade,
	.blog-page .footer-colored,
	.blog-page .footer-colored h2,
	.blog-page .footer-colored li a,
	.blog-page .copyright {
		background-color: transparent;
		color: #000!important;
	}
	
	.blog-page .copyright{
		background: none;
	}

	.teaser-box .teaser-inner{
		margin: 0;
		height: 240px;
	}

	.top-content,.bottom-content {
		height: 50%;	
	}

	.teaser-box .bottom-content {
		height: 50%;
		padding: 0;
	}
}

.top-left-corner-image {
	position: relative;
}

.top-left-corner-image:after {
	position: absolute;
	width: 400px;
	height: 400px;
	display: none;
	content: ' ';
	z-index: 10;
	background: url("/wp-content/uploads/2015/07/blueberry-freisteller.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
	top: -60px;
	left: -85px
	/* background-position: 75% 40%; */
}

@media only screen and (min-width: 992px) {
	.top-left-corner-image:after {
		display: block;
	}
}