/* INIZIO COSMETICS

TABLE OF CONTENT
	1. Universal Styles
	2. Header
	3. Home
	4. About & Footer
	5. Men
	6. Blog
	7. Contact
	8. Media Queries

----------------------------------------------*/
/* 1. Universal Styles
----------------------------------------------*/


/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dancing-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dancing-script-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

ul { 
	margin: 0; 
	padding: 0;
}

.einruecken
{ 
	margin-left: 40px; 
	padding: 0;
}

* {	font-family: 'Open Sans', sans-serif; }
body {	font-size: 16px;
	line-height: 1.6;
	background: #feead3;
}
.templatemo-container {
	margin: 0 auto;
	max-width: 1600px;
	overflow: hidden;
	
}
.einleitung { color: #000000; font-size: 1.5em; margin-bottom:25px; }
.gold-text { color: #312a74; }
.white-text { color: white; }
.gray-text { color: #000000; }
.mobile-menu-icon {
	cursor:pointer;
	display:none; 
}


a:hover { 
	color: #312a74;
	text-decoration: none;
}

a { 
	color: #e30014; 
	text-decoration: none;

}


a.link { 
	color: #e30014; 
	text-decoration: underline;

}

a.link:hover { 
	color: #aba577;
	text-decoration: none;
}


h1 {
	font-size: 2.9em;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 25px;
}

h2 {
	color: #e30014;
	font-size: 2.2em;
	font-weight: 300;
	letter-spacing: 1px;
}

h2.einschub {
	color: #fbbc43;
	font-size: 2.2em;
	font-weight: 300;
	letter-spacing: 1px;
}


.button-link {
	position: absolute;
    right:-40px;
    top: 40px;
	display:block;
	z-index:1;
}

.tipps {
	
	position: fixed;
    left:3%;
    top: 60%;
	z-index: 10;
	display:block;

}

.tippgr {
	
	 width: 300px; 
	height: 300px;
}



.schliessen {
    position: relative;
    background:#000000;
    color:#fff;
    border-radius:0%;
    line-height:28px;
    text-align:center;
    font-size:24px;
    font-weight:bold;
    font-family:'Arial Black', Arial, sans-serif;
    height: 30px;
    width: 30px;
    left: -15px;
    bottom: -5px;
    float: right;
    cursor: pointer;
}

.button-ansicht {
	position: fixed;

        left:68%;
        top: 45%;

}

.button-ansichtgr {
		width: 100%;
	height: 100%;
}

.factbox {
background-color:#aba577;
color:#ffffff; 
padding:5px;
}

.blockquote {

/*	background-image: url(../img/quote.png);
	background-repeat: no-repeat;
	 background-position: top left; */
color: #990000;
font-size: 1.5em;

text-align: center;
margin-top: 40px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;

	
	
}

.blockquote:first-letter {
color: rgba(171, 165, 119, 1);
font-size: 30px;

}

white {
color: #FFFFFF;

}


.templatemo-section-header-hr {
 background: #009fe3;
		width: 150px;
 border: none;
 height: 16px;
		display: inline-block;
	margin: -5px 15px 0 0;
		vertical-align: middle;

}

section1 { 
	
padding-top: 50px;
	padding-left: 0;
	padding-right: 0px;
	padding-bottom:  0px; 

}

section2 { 
	
padding-top: 500px;
	padding-left: 0;
	padding-right: 0px;
	padding-bottom:  0px; 

}




section { padding: 50px 0; }
.templatemo-section-header-hr-kurz {
 background: #009fe3;
		width: 120px;
 border: none;
 height: 16px;
		display: inline-block;
	margin: -5px 15px 0 0;
		vertical-align: middle;

}


.templatemo-section-subheader {
	color: #009fe3;
	display: inline-block;
font-size: 1.3em;
	font-weight: 400;
	margin-bottom: 20px;
}


/* Hintergrundfarbe Navigation links und Einschub*/

.templatemo-gray-bg { background: #e30014; }

/* Hintergrundfarbe ganz unten*/
.templatemo-dark-bg {
	background: #fbbc43;
	color: #000000;
}
.margin-bottom-10 {	margin-bottom: 10px; }

/* 2. Header
----------------------------------------------*/
.templatemo-block-left { width: 39.5%; }
.templatemo-block-right { width: 60.5%; }
.templatemo-block-left,
.templatemo-block-right {
	float: left;
}
.templatemo-header-left,
.templatemo-header-right {	
	height: 250px;
}

/* Bild über der Navigation links*/

.templatemo-header-left {
	background: url("../img/banner-uganda.jpg") no-repeat;
	background-size: cover;		
	color: #fff;
	position: relative;	
}
.templatemo-header-left-overlay {
	background-color: rgba(255,255,255,0.50);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.templatemo-header-left-logo {

	text-align: center;
	width: 100%;
	position:absolute;
	
}
.templatemo-header-right {

  background-repeat: no-repeat;

	background-size: cover;	
}

#homeID {
  background-image: url("../img/header-home.jpg");
  background-attachment: inherit;
}

#kontaktID {
  background-image: url("../img/header-kontakt.jpg");
  background-attachment: inherit;
}

#spendenID {
  background-image: url("../img/header-spenden.jpg");
  background-attachment: inherit;
}

#ueberunsID {
  background-image: url("../img/header-ueberuns.jpg");
  background-attachment: inherit;
}

#datenschutzID {
  background-image: url("../img/header-datenschutz.jpg");
  background-attachment: inherit;
}



.templatemo-header-right1 {
	background: url(../img/banner.jpg) no-repeat;
	height: 50px;
}

.templatemo-header-right-overlay {
	background-color: rgba(171, 165, 119, 0);
	height: 100%;
	width: 100%;
}
.templatemo-header-text-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	position: relative;
	z-index: 1000;
}
.templatemo-header-text {
	margin-left: 10px;
	text-align: center;
	width: 100%;
}
.templatemo-site-name {
	letter-spacing: 3px;
	font-size: 38px;
}
.templatemo-header-hr {
	background: #A4A2A2;
	width: 130px;
	height: 16px;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
	 border: none;
}
.templatemo-slogan {
	color: #A4A2A2;
	display: inline-block;
	font-size: 11px;
	letter-spacing: 5px;
}




/* Navigation */



.templatemo-social,
.templatemo-nav {
	height: 34px;
	width: 100%;
}
.templatemo-social {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	padding-right: 0px;	
}
.templatemo-social li {	margin-right: 0px; }
.templatemo-social a {
	color: white;
	font-size: 1.4em;	
}




.templatemo-social i {
	background: #BBB;
	border-radius: 15px;
	line-height: 15px;
	width: 15px;
	height: 17px;
	vertical-align: middle;
	text-align: center;
	transition: all 0.3s ease;
}
.templatemo-social a:hover i {	background: black; }




.templatemo-social a.schwarz  {	
	font-size: 1.0em;
	color: black;
	display: inline-block;
	line-height: inherit;
width: 150px;
	height: 34px;
	text-align: center;
	transition: all 0.3s ease;
 }

/*Navigation links*/

.templatemo-social a.home  {	
	font-size: 1.0em;
	display: inline-block;
	color: #feead3;
	width: 90px;  /* Breite der Navigationspunkte*/
	line-height: inherit;
	vertical-align: middle;
	text-align: left;
	margin-right: 10px;
 }

.templatemo-social li { line-height: 34px; }

.templatemo-social a:hover.schwarz  {color: #312a74; background: #3C3C3D; }

.templatemo-social a:hover.home  {color: #312a74;}
.templatemo-social a.active.home  {
	color: #aba577;
	font-weight: bold;
}

/* Hintergrundfarbe Navigation rechts*/

.templatemo-nav { background: #312a74;	}
.templatemo-nav li { line-height: 34px; }
.templatemo-nav a {
	color: #FFF;
	display: inline-block;
	width: 150px; /* Breite der Navigationspunkte*/
	height: 34px;
	text-align: center;
	transition: all 0.3s ease;
}

.templatemo-nav li.active a,
.templatemo-nav a:hover {
	background: #333333; /* Rollover Farbe rechts*/
	text-decoration: none;
}

.templatemo-nav-links a:hover { text-decoration: none; }
.templatemo-nav-links li.active a,
.templatemo-nav-links a:hover {
	background: #333333;
	color: #FFFFFF;
	text-decoration: underline;
}


.templatemo-social li,
.templatemo-nav li {
	display: inline-block;
	float: left;
	font-weight: bold;
}

.templatemo-nav-ein a:hover {

	text-decoration: none;
}


/* 3. Home
-------------------*/
/* New Arrivals */
.new-arrival-container {
	cursor: pointer;
	display: inline-block;
	position: relative;
	max-width: 100%;
	
}
.new-arrival-overlay {
	background: rgba(208, 175, 81, 0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.new-arrival-title {
	color: rgb(237,237,237);
	font-size: 2.6em;
}
.new-arrival-title span {
	display: block;
	text-align: center;
}
.new-arrival-title .smaller-text {
	font-size: 0.5em;
	font-weight: 300;
	letter-spacing: 3px;
}
.font-script { font-family: 'Dancing Script', cursive; }
.bordered-text {
	border: 1px solid #fff;
	padding: 5px 10px;
}

/* Product Type */
.product-type-container {
	display: inline-block;
	position: relative;
	margin-bottom: 15px;
	max-width: 100%;
}
.product-type-overlay {
	cursor: pointer;
	position: absolute;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(171, 165, 119, 0.4);
	
	z-index: 1000;
	opacity: 0;
	transition: all 0.3s ease;
}
.product-type-container:hover .product-type-img {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}
.product-type-container:hover .product-type-overlay {
	opacity: 1;
}
.product-type-info {
	border: 1px solid #aba577;
	text-align: center;
	width: 80%;
	height: 80%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.product-type-info h3 {
	font-size: 1.1em;
}
.product-type-info .fa {
	border: 2px solid #aba577;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding-top: 9px;
}
.product-type-info .fa.white-border {
	border-color: #fff;
}
.product-type-message {
	background: #fff;	
	padding: 50px;
	min-height: 545px;
	
	
}

.gold-border {
	border: 0px solid #aba577;
	padding: 5px;

}
.product-type-message p {
	line-height: 1.8;
	margin-top: 20px;
	margin-bottom: 15px;
}
.product-type-message-title {
	margin-top: 0;
	font-size: 1.6em;
}

.product-type-message li { 
	margin-bottom: 25px; 
}

.product-type-message li:last-child { 
	margin-bottom: 0px; 

}



/* Our Products */
.img-fashion {
	max-width: 209px;
	max-height: 209px;
}

.img-etikett {
padding: 20px;
}

.product-menu {
	margin-bottom: 80px;
	overflow: hidden;
}
.product-menu li {
	background: #000;
	display: inline-block;
	line-height: 60px;
	list-style: none;
	float: left;
}
.product-menu a {
	color: #aba577;
	width: 90px;
	height: 60px;
	padding: 20px 30px;
	text-align: center;
	transition: all 0.3s ease;
}
.product-menu li.active a,
.product-menu a:hover {
	background: #3C3C3D;	
}
.btn-gray-bordered {
	border: 2px solid #D1D1D1;
	color: #8F8E8E;
	display: inline-block;
	padding: 10px 30px;
	margin-top: 15px;
}

hr.produkte-hr { 
border-color: #8F8E8E;  

}

.produkte-hr {
	color: #F21013;
	vertical-align: middle;
	height: 30px;
	width: 100%;
}

/* 4. About & Footer
-------------------*/
.templatemo-about-hr {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
}
.templatemo-about-subtitle {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}
.about-us-text {
	line-height: 1.8em;
	margin: 50px auto 40px auto;
	max-width: 800px;
}



a.aboutnav  {
	color: #000000;
	text-decoration: none;
}



a.aboutnav:hover  {
	color: #e30014; 
	text-decoration: none;
}


a.textlink  {
	color: #000000;
	text-decoration: underline;
}



a.textlink:hover  {
	color: #aba577; 
	text-decoration: none;
}



.inhalticons {

	margin-left: 14px;
 margin-right: 14px;
	
}




.kontakticons {
 color: #000000;
	margin-left: 14px;
 margin-right: 14px;
	
}

footer {
	background: #fbbc43;
	color: #000;
	font-size: 0.8em;
	padding: 20px;
}



/* 6. Blog
--------------------------------------*/
.templatemo-blog-post {	margin-top: 20px; }
.margin-bottom-0 { margin-bottom: 0; }
.post-img-container { position: relative; }
.templatemo-post-date {
	position: absolute;
	top: 0;
	left: 0;
	background: black;
	width: 110px;
	height: 110px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;	
}
.date {	font-size: 3em; }
.templatemo-post-social {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 100%;
	background: rgba(0,0,0,0.4);
	padding-top: 110px;	
}
.templatemo-post-social .fa {
	color: white;
	width: 50px;
	height: 50px;
	padding: 10px;
}
.red-bg { background: #AB0008; }
.gold-bg { background: #aba577; }
.black-bg { background: #000000; }
.flex-center {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.margin-top-10 { margin-top: 10px; }
.v-align-middle { vertical-align: middle; }
.post-excerpt {
	margin-top: 20px;
	margin-bottom: 20px;
}

.post-excerpt1 {
	margin-top: 40px;
	margin-bottom: 20px;
}

.kleinesBild {
	
	float: right;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	width: 50%;

 
}

.kleinesBildlinks {
	
	float: left;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	width: 50%;

 
}

.post-read-more {
	display: block;
	margin-bottom: 55px;
	margin-top: 30px;
}
.blog-post-pagination {	margin-top: 50px; }
.templatemo-blog-post-aside { padding-top: 20px; }

.templatemo-unternav-post-aside { padding-top: 60px; }

/* unternav */
.unternav-block {
	margin-bottom: 60px;
	overflow: hidden;
}

.templatemo-unternav-post-aside li.active a,
.templatemo-unternav-post-aside a:hover {
	color: #3C3C3D;	
	font-weight: bold;
}

.aside-block h4 { font-weight: 700; }

/* aside */
.aside-block {
	margin-bottom: 20px;
	overflow: hidden;
}
.aside-block h4 { font-weight: 700; }

hr.gold-hr { border-color: #aba577; }

.category-list { list-style: none; }
.category-list li {
	line-height: 1.4em;
	border-bottom: 1px dotted #838383;
	padding-bottom: 10px;
	padding-top: 10px;
}
.category-list li:last-child { border-bottom: none; }
.category-list a { color: #838383; }
.category-list a:hover { color: #aba577; }


.unternavi { list-style: none; }
.unternavi li {
	line-height: 1em;
	border-bottom: 0px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #aba577;
	display: block;	
	height:22px;
	
	
}


.unternavi li.active
{ 
	background: #990000;	
	color: #ffffff;	
	font-weight: normal;
	
	
}


.unternavi a { color: #ffffff; }

.unternavi li.a,
.unternavi a:hover { 
	color: #990000;	
	font-weight: normal;
	
	
}


.aside-post-excerpt h5 { font-weight: 700; }

.tag-list li {
	display: inline-block;
	list-style: none;
	float: left;	
}
.tag-list a {
	color: #dddddd;
	display: block;
	background: #505050;
	padding: 8px 10px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.tag-list a:hover {	color: #ffffa0; }

.icon-aside {
	padding-right: 10px;
	margin-top: 0px;
	vertical-align: middle;
	float:left;
	}

.icon-inhalt {
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: middle;
	float: left;
	
	}

.icon-abstand {
	height: 44px;

	}

.icon-abstand-mehr {
	height: 60px;

	}


ul.haekchen {
	padding-left: 110px;
	list-style-image: url("../img/haeckchen.gif");
	margin-bottom: 25px;
	
}


/* 7. Contact 
--------------------------------------*/
.w-120 { width: 120px; }
.templatemo-btn-gold {
	background: #aba577;
	width: 100%;
}
.templatemo-btn-gold:hover { background: #AFADAD; }
.form-control,
.btn { border-radius: 0; }
.form-control {
	background: #000;
	color: #DDD;
}
.margin-bottom-20 { margin-bottom: 20px; }
.padding-0 { padding: 0; }
#google-map { height: 750px; }
.contact.templatemo-block-left {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.templatemo-contact-info {
	max-width: 400px;
	padding: 0px 0px;
}

/* 8. Media Queries 
--------------------------------------*/
@media screen and (max-width: 991px) {
	
	
		.templatemo-nav {
		background: rgba(251, 188, 67, 1);
		display: none;
		position: fixed;
		top: 100px;
		left: 5px;
		height: 100px;
  max-height: 150px;
  width: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch;	
		overflow: auto;
		z-index: 1000;		
	}
	.templatemo-nav li {
		display: block;
		float: none;
	}
	
	
		.templatemo-nav-ein {
	display: none;
	}
	

	
	.mobile-menu-icon {
		cursor: pointer;
		display: block;
		position: fixed;
		top: 60px;
		left: 5px;
		z-index: 1000;
	}
	.mobile-menu-icon:hover .fa { background-color: #3C3C3D; }
	.mobile-menu-icon .fa {
		color: #fbbc43;
		background-color: rgba(0,0,0,0.5);
		font-size: 1.5em;
		width: 40px;
		height: 40px;
		padding-top: 9px;
		padding-left: 11px;
	}
	
	.bild {	
	display: none;

	}
	
		.templatemo-block-left,
	.templatemo-block-right {
		float: none;
		width: 100%;
	}
	
	
	.templatemo-header-left { height: 220px; } /* 120 */
	.templatemo-header-right { height: 140px; }
	.templatemo-header-text-wrap,
	.templatemo-header-left-overlay { height: 200px; } /* 100 */
	.templatemo-social { height: 34px; }
	
	

	.templatemo-site-name {	font-size: 36px; }
	.templatemo-header-hr {	width: 45px; }
	.templatemo-slogan {
		font-size: 10px;
		letter-spacing: 4px;
	}
	.templatemo-blog-post-aside { padding-top: 0; }
	
		.icon-aside {
	padding-right: 10px;
	margin-top: 0px;
	vertical-align: middle;
	float: none;
	}
	
	.tippgr {
	
	 width: 260px; 
	height: 260px;
}
	
	.button-link {
	position: absolute;
    right: -10px;
    top: 40px;
	display:block;
	z-index:1;
}
	
}

@media screen and (max-width: 767px) {
	.templatemo-block-left,
	.templatemo-block-right {
		float: none;
		width: 100%;
	}
	.templatemo-header-left { height: 220px; }  /* war 120 */
	.templatemo-header-right { height: 140px; }
	.templatemo-header-text-wrap,
	.templatemo-header-left-overlay { height: 200px; } /* 100 */
	.templatemo-social { height: 34px; }

	.templatemo-post-social,
	.templatemo-post-date {
		width: 90px;		
	}
	.templatemo-post-date {	height: 90px; }
	.date {	font-size: 2em;	}
	.contact.templatemo-block-left {
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	
	.bild {	
	display: none;

	}
	
.tipps {
	
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 10;


}

.tippgr {
	
	 width: 180px; 
	height: 180px;
}
	
.schliessen{
	
display: none;
}	


	.button-ansichtgr{
		
width: 85%;
height: 85%;
	
	}
	
		.button-link {
	position: absolute;
    right:10px;
    top: -10px;
	display:block;
	z-index:1;
}
	

	
	#google-map { height: 400px; }
	
	.icon-aside {
	padding-right: 10px;
	margin-top: 0px;
	vertical-align: middle;
	float: none;
	}

}


@media screen and (max-width: 540px) {
	.date { font-size: 1.2em; }
	.templatemo-post-social,
	.templatemo-post-date {
		width: 80px;
	}
	.templatemo-post-date {	height: 60px; }
	.templatemo-post-social { padding-top: 55px; }
	.templatemo-post-social .fa {
		width: 30px;
		height: 30px;
		padding: 7px;
	}
	.fa-2x { font-size: 1.2em; }
	
		.bild {	
		display: none;

	}
	
	.img-etikett {
padding: 0px;
}
	
	.ausblenden{	
		display: none;

	}
	
		.button-ansicht {
	position: fixed;
        left: 58%;
        top: 60%;

}
	
			.button-ansichtgr {
		
width: 72%;
height: 72%;
	
	}
	
	.tippgr {
	
	 width: 140px; 
	height: 140px;
}
	
	.button-link {
	position: absolute;
   right: 20px;
    top: -10px;
	display:block;
	z-index:1;
}


}



@media screen and (max-width: 500px) {
	h2 { font-size: 2.2em; }
	



}

@media screen and (max-width: 490px) {
	.product-menu li { line-height: 39px; }
	.product-menu a {
		font-size: 0.9em;
		padding: 10px 15px;
	}
		.tippgr {
	
	 width: 120px; 
	height: 120px;
}
}

@media screen and (max-width: 345px) {
	.product-menu a { padding: 10px; }	
}



}

/* BESTELLEN
--------------------------------------*/

.bestellen { list-style: none; }
.bestellen li {
	color:rgba(221,53,56,1.00);
	line-height: 1em;
	border-bottom: 0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	background: #aba577;
	display: block;	
	height:22px;
	text-align:right;
	
}

.bestellen a { color: #ffffff; }

.bestellen a:hover { color: #000000; }





/* Blog */

.beschreibungstext
{ 
	color: #aba577;	
	font-weight:bold;
	font-size:18px;
	text-transform: uppercase;
}


/* Blog Artikel-Rollover */
.blass {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

a.blass  { 
	color: #888888;
	text-decoration:none;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */ }

a.blass:hover { 
	color: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */ }
	
/* Blog Navigation */
	
.blogcategory-list { list-style: none; }
.blogcategory-list li {
	line-height: 1.4em;
	border-bottom: 1px dotted #838383;
	padding-bottom: 10px;
	padding-top: 10px;
}
.blogcategory-list li:last-child { border-bottom: none; }
.blogcategory-list a { color: #838383; }
.blogcategory-list a:hover { color: #AA0000; }	


/* Blog Boxen */

.blogliste {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 
    border: 0px; 
}

.blogbox {
	background-color:#fef4eb;
	border-bottom: 2px dotted #838383;
	text-align:center;
	padding:0px;
	margin-right:15px;
	margin-bottom:50px;
	flex-basis: 280px;
    flex-grow: 1;
}

#blogliste1 {
	flex-direction:row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.abstand{

	margin-bottom:25px;
	}
	



/*--------roter Button-------*/
	
.button-rot {

 	border: 1px solid #999999; /* Rahmen */
 	background: #e30014; /* Hintergundfarbe für ältere Browser */
	color: #ffffff; /* Textfarbe */	
	display: inline-block;
    margin-bottom: 20px;
    padding: 8px 30px;
    position: relative;
    text-decoration: none;
	text-transform:uppercase; /* Großbuchstaben */
	}	
	
.button-inizio-rot:hover {
 	background: #660000; /* Alternative Hintergrundfarbe beim Überfahren */
 	color: #ffffff; /* Textfarbe */
}