/*---font-kristi---*/

/* kristi-regular - latin */
@font-face {
  font-family: 'Kristi';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kristi/kristi-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kristi Regular'), local('Kristi-Regular'),
       url('../fonts/kristi/kristi-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kristi/kristi-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kristi/kristi-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kristi/kristi-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kristi/kristi-v9-latin-regular.svg#Kristi') format('svg'); /* Legacy iOS */
}

/*---font-poppins---*/

/* poppins-100 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/poppins/poppins-v5-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Poppins Thin'), local('Poppins-Thin'),
       url('../fonts/poppins/poppins-v5-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-100italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/poppins/poppins-v5-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins Thin Italic'), local('Poppins-ThinItalic'),
       url('../fonts/poppins/poppins-v5-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-100italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-200 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/poppins/poppins-v5-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'),
       url('../fonts/poppins/poppins-v5-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-200italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/poppins/poppins-v5-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins ExtraLight Italic'), local('Poppins-ExtraLightItalic'),
       url('../fonts/poppins/poppins-v5-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-200italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins/poppins-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Poppins Light'), local('Poppins-Light'),
       url('../fonts/poppins/poppins-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/poppins/poppins-v5-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins Light Italic'), local('Poppins-LightItalic'),
       url('../fonts/poppins/poppins-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-300italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins/poppins-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'),
       url('../fonts/poppins/poppins-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins/poppins-v5-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins Italic'), local('Poppins-Italic'),
       url('../fonts/poppins/poppins-v5-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins/poppins-v5-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Poppins Medium'), local('Poppins-Medium'),
       url('../fonts/poppins/poppins-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/poppins/poppins-v5-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
       url('../fonts/poppins/poppins-v5-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins/poppins-v5-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
       url('../fonts/poppins/poppins-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/poppins/poppins-v5-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins SemiBold Italic'), local('Poppins-SemiBoldItalic'),
       url('../fonts/poppins/poppins-v5-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins/poppins-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Poppins Bold'), local('Poppins-Bold'),
       url('../fonts/poppins/poppins-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/poppins/poppins-v5-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'),
       url('../fonts/poppins/poppins-v5-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v5-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v5-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v5-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */
}

body {
 min-height: 800px;
 font-family: 'Poppins', serif;
 font-size: 16px;
 color: #000;
 word-wrap: break-word;
 line-height: 1.8;
 font-weight: 200;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 text-transform: uppercase;
 word-wrap: break-word;
 font-weight: 300;
}

h1, .h1 {
 font-size: 28px;
}

h2, .h2 {
 font-size: 24px;
}

h3, .h3 {
 font-size: 20px;
}

h4, .h4 {
 font-size: 24px;
}

a {
 word-wrap: break-word;
 color: #8f3db1;
 text-decoration: none;
 text-transform: uppercase;
 font-weight: 400;
}

a:hover,
a:focus {    
 color: #434343;
 text-decoration: none;
}

a, a:focus, a:link, a:visited {
 outline:none;
}

.clear {
 clear: both;
}

::selection {background: #7d2464; color: #000;}
::-moz-selection {background: #7d2464; color: #000;}

.btn-secondary {
 color: #fff;
 background-color: #6c757d;
 border: none;
 border-radius: 0;
 word-wrap: break-word;
 text-transform: uppercase;
 font-weight: 300;
 padding: 15px 10px;
}

.btn-secondary:focus {
 outline:0;
}

.form-control, .select-control {
 border-radius: 0;
 padding: 24px 10px;
 font-size: 16px;
}

.form-control:focus,
.select-control:focus {
 background-color: #fff;
 border-color: #5d1a59;
 outline: 0;
 box-shadow: 0 0 0 0.2rem rgba(93,26,89,.25);
}

input, textarea{
 color: #434343!important;
}
::-webkit-input-placeholder {
 color:    #ced4da!important;
}
:-moz-placeholder {
 color:    #ced4da!important;
}
::-moz-placeholder {
 color:    #ced4da!important;
}
:-ms-input-placeholder {
 color:    #ced4da!important;
}

.img-responsive {
 max-width: 100%;
 height: auto;	
}

.handwriting {
 font-family: 'Kristi', sans-serif;
 font-size: 35px;
}

/*header-links---------------------------------------------------------------*/

.header-links {
 background-color: #5d1a59;
}

.header-links .shop .btn-secondary {
 text-align: center;
 background-color: #8e2678;
 border-radius: 50%;
 height: 350px;
 width: 350px;
 position: absolute;
 top: -200px;
 padding-top: 225px;
 font-size: 28px;
}

.header-links .shop .btn.focus, 
.header-links .shop .btn:focus, 
.header-links .shop .btn:hover {
 color: #2b202c;
 text-decoration: none;
}
   
.header-links .shop i{
 margin-right: 10px;
}

.header-links .social {
 float: right;
 padding: 15px 0 15px 0;
}

.header-links .social i{
 margin-left: 20px;
}

.header-links .social a{
 color: #fff;
}

.header-links .social a:hover,
.header-links .social a:focus {    
 color: #8e2678;
}

/*header-image---------------------------------------------------------------*/

.header-image {
 background: url(../img/header.jpg);	
 background-position: 0% 57%;
 background-repeat: no-repeat;
 background-size: cover;
}

.header-image .container {
 padding-top: 123px;
}

.headline {
 width: 400px;
 float: right;
 margin-top: 50px;
}

@media (max-width:992px){
	.headline {
     width: 200px;
     margin-top: 0px;
	 margin-right: 40px;
	}
	.menu {
	 margin-top: 0px!important;
	}	
}

@media screen and (min-device-width: 768px) 
and (max-device-width: 992px) { 
  	.header-image .container {
	 padding-top: 60px;
	}  
}

@media (max-width:549px){
	.header-image .container {
	 padding-top: 40px;
	}
	.header-links .shop .btn-secondary {
	 height: 230px;
     width: 230px;
     top: -135px;
     padding-top: 150px;
     font-size: 16px;
	}
}

/*navigation---------------------------------------------------------------*/

.menu {
 padding: 20px 30px 20px 20px;
 background-color: #2b202c;
 color: #fff;
 text-align: left;
 margin-top: 40px;
}

.menu .h4 {
 padding-bottom: 20px;
 font-size: 18px;
}

.menu li{
 margin-top: 20px;
 line-height: 10px;
}

.menu a{
 color: #fff;
}

.menu a:hover,
.menu a:focus {    
 color: #866182;
}

/*blog-main---------------------------------------------------------------*/

main {
 margin-top: 40px;
}

.blog-main {
 margin-bottom: 80px;	
}

.blog-main .h1 {
 font-family: 'Kristi', sans-serif;
 font-size: 90px;
 color: #aa396c;
 margin-top: -35px;
 margin-bottom: 80px;
 letter-spacing: 3px;
 text-transform: none;
 -webkit-transform: rotate(-6deg);
 -moz-transform: rotate(-6deg);
 -ms-transform: rotate(-6deg);
 -o-transform: rotate(-6deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.blog-main .textitem {
 font-family: 'Kristi', sans-serif;
 font-size: 70px;
 text-transform: none;
 color: #aa396c;
}

.blog-main .offers {
 margin: 40px 0px;	
}

.blog-main .offers .offer1 {
 padding-left: 0;
}

.blog-main .offers .offer2 {
 padding-right: 0;
 margin-top: 60px;
}

.blog-main .offers .btn-secondary {
 width: 100%;
 height: 280px;
 background-color: #b0b5b954;
 padding-top:35px 
}

.blog-main .offers .progress-bar-striped {
 background-size: 15px 15px;
}

.blog-main .offers .btn-secondary img {
 margin: auto auto;	
}

.modal-content {
 border-radius: 0px;
}

@media (min-width:768px){
	.modal-dialog {
	 width: 1000px;
	 margin: 30px auto;
	}
}

.iframe-container {    
 padding-bottom: 60%;
 padding-top: 30px; height: 0; overflow: hidden;
}
 
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/*sidebar---------------------------------------------------------------*/

@media (max-width: 991px) {
	.sidebar {
	 min-width: 100%;
	}
	.blog-main {
	 min-width: 100%;
	}
}

.bg-color-box {
 margin-bottom: 40px;
 padding: 30px 30px;
 text-align: center;
}

.about {
 margin-bottom: 0px;
 padding: 30px 0px;
}

.about .img-circle {
 width: 150px;
}

.about .h4 {
 padding: 20px 0px ;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 font-size: 18px;
}

.about p, .about .img-circle {
 margin-top: 20px;
}

.katalog {
 color: #fff;
 background-color: #c7b6c4;
}

.katalog .h4 {
 padding-bottom: 20px;
 font-size: 18px;
}

.katalog .img-responsive, .besucher .img-responsive {
 margin: 0 auto;
}

.besucher {
 background-color: #f2f4f5;   
}

.besucher .h4 {
 padding-bottom: 20px;
 font-size: 18px;
}

.besucher .img-responsive {
 margin: 0 auto;
}

/*vorteile-news---------------------------------------------------------------*/

.vorteile-news {
 background: #f2f4f5;
 padding: 80px 0;
}

.vorteile-news .vn-box {
 margin-bottom: 40px;
}

.vorteile-news .h4 {
 padding: 20px 0px ;
 color: #8c3a77;
 font-family: 'Kristi', sans-serif;
 font-size: 60px;
 text-transform: none;
}

.vorteile-news li{
 margin-top: 20px;
 line-height: 10px;
}

.vorteile-news li i{
 margin-right: 10px;
}

/*formular---------------------------------------------------------------*/

form {
 margin: 80px 0;
}

form .form-group {
 padding-left: 0px;
}

form label {
 font-weight: 200;
 text-transform: uppercase;
 font-size: 18px;
}

form .select-control {
 width: 100%;
 padding: 12px 10px;
}

form .select-control option {
 font-weight: 200;
}

form .form-check-label {
 text-transform: none;
 font-size: 16px;
}

.form-check .col-md-1 {
 width: 30px;
}

form .btn-secondary {
 width: 100%;
 background-color: #8c3a77;
}

form .btn.focus, 
form .btn:focus, 
form .btn:hover {
 color: #d0a8cc;
 text-decoration: none;
}

/*container-footer---------------------------------------------------------------*/

footer {
 text-align: center;
 font-weight: 300;
 background: #6c767e;
 padding: 60px 0 40px 0;
 color: #fff;
 font-size: 14px;
}

footer a {
 word-wrap: break-word;
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
}

footer a:hover,
footer a:focus {    
 color: #464646;
}

.copyright, .copyright a {
 color: #575e63;
 font-weight: 400;
}

/*---cookie---*/

#cookiebox a {
 color: #866182;
 text-decoration: none;
}

#cookiebox .container {
 display: inline;
}

#cookiebox a:hover {
 color: #000;
 }

#cookiebox div {
 padding: 10px;
 padding-right: 0px;
 }

#cookiebox { 
 text-align: right; 
 text-transform: uppercase;
 background: #54194e;
 color: #fff; 
 position: fixed;
 bottom: 0px; 
 z-index: 10000; 
 width: 100%; 
 font-size: 14px; 
 line-height: 16px;
 width: 250px;
 margin: 20px;
 padding: 20px 20px 50px 20px;
 font-weight: 300;
}

#cookieboxCloser {
 color: #000;
 font-weight: 600;
 font-size: 16px;
 text-decoration: none;
 position: absolute;
 right: 20px;
 bottom: 20px;
 background: #fff;
 border: 1px solid #000;
 padding: 4px 6px;   
 letter-spacing: 1px;
 cursor: pointer;
 }

#cookieboxCloser:hover {
 background: #ccc;
 }