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

/* lato-700 - latin */
@font-face {font-family:'Lato';font-style:normal;font-weight:700;src:url('/css/fonts/lato-v14-latin-700.eot');/* IE9 Compat Modes */
  src:local('Lato Bold'), local('Lato-Bold'),
       url('/css/fonts/lato/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/lato/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/lato/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/lato/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/lato/lato-v14-latin-700.svg#Lato') format('svg');/* Legacy iOS */
}
/* roboto-mono-regular - latin 
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/roboto/roboto-mono-v6-latin-regular.eot'); 
  src: local('Roboto Mono'), local('RobotoMono-Regular'),
       url('/css/fonts/roboto/roboto-mono-v6-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/css/fonts/roboto/roboto-mono-v6-latin-regular.woff2') format('woff2'), 
       url('/css/fonts/roboto/roboto-mono-v6-latin-regular.woff') format('woff'),
       url('/css/fonts/roboto/roboto-mono-v6-latin-regular.ttf') format('truetype'),
       url('/css/fonts/roboto/roboto-mono-v6-latin-regular.svg#RobotoMono') format('svg'); 
       
       
}
*/
@font-face {
  font-family: 'Storno';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/roboto/roboto-mono-v6-latin-regular.eot'); 
  src: local('Storno'),
       url('/css/fonts/storno-regular-webfont.woff') format('woff')      
       
}
.gws_bg_w{background-color:#FFFFFF!important}
.gws_bg_g{background-color:#F0F0F0!important}
.gws_bg_g h4 {padding: 10px 15px !important  }
.gws_bg_g p {padding: 10px 15px !important  }
.modal-body h5 { font-weight:bold !important}
.stdbg {background-color:#F0F0F0 !important}
.hero-banner {background-color:#F0F0F0;}
 .text-heading {text-align:left;}
 .text-heading h2 { padding-top:6px;padding-bottom:6px;background-color:#fff;padding-left:15px;padding-right:15px;margin-bottom:0}
 .text-heading h4 { padding-top:6px;padding-bottom:6px;background-color:#fff;padding-left:15px;padding-right:15px;margin-bottom:0}
 .letterlist a{color:#e73358;white-space:nowrap} 
 .text-heading-hero-banner {text-align:left;padding-top:6px;padding-bottom:6px;background-color:#F0F0F0;}
 p {font-family:lato;}
 .a:hover {color:#EAEAEA;text-decoration:none;}
 .a {color:#FFFFFF;}
 h1 {font-style:normal;font-weight:500;font-size:2rem;}
 .banner-gutscheine {/* [disabled]background-color:#F0F0F0;*/
     padding-bottom:50px;}
 a {color:#FFFFFF;}
 a.sb_link{color:#000;text-decoration:none}
 .cmscontainer a, .txtcontainer a{ color:#000;text-decoration:underline}
 .cmscontainer h2 { font-size:1.5rem}
 .highlight-front a {color:blue;font-size:12px;}
 .break-bg {background-color:#F0F0F0;padding-top:20px;}
 .brand-text {text-align:left;font-family:"Storno","Lato";color:#FFFFFF;font-size:20px;}
 .a-gutschein-link {color:#377CF6;}
 .gutschein-image {object-fit:cover;}
 .footer-design {padding-top:11px;padding-bottom:34px;background-color:#e73358;color:#FFFFFF;font-family:lato;font-style:normal;font-weight:400;font-size:14px;}
 .topbanner-travel {background-color:#9ecde1;padding-top:25px;padding-bottom:49px;background-repeat:no-repeat;}
 .brand-logo {max-width:100%;padding-top:5px;}
 .card-body .brand-logo {height:50px;width:auto;max-width:120px}
 .ship-free{font-size:0.8em}
 .txt-bottom-link {font-family:lato;font-style:normal;font-weight:400;text-align:right;font-size:12px;-webkit-box-shadow:-5px 0px;box-shadow:-5px 0px;}
 .box-styling {padding-right:20px;background-color:#F0F0F0;padding-top:20px;padding-bottom:20px;}
 .box-styling-nopad {background-color:#F0F0F0;padding-bottom:0px}
  .box-styling-smpad {background-color:#F0F0F0;padding-top:20px;padding-bottom:20px}
 .box-styling-codeseite {background-color:#F0F0F0;padding-top:20px;padding-bottom:20px}
 .box-styling-btnbox {background-color:#F0F0F0;padding-bottom:20px}
 .btn-bg {background-color:#F0F0F0;}
 .styling-row-voucher {border-radius:4px;border-bottom:thin solid #FFFFFF;background-color:#FFFFFF;padding:4px;margin-right:10px;}
 .txt-ersparnis {color:#000000;font-family:lato;font-style:normal;font-weight:700;text-align:right;font-size:18px;background-color:#FFFFFF;margin-right:-12px;}
 .brand-styling {background-color:#FFFFFF;}
 .ersparnis-styling {margin-right:-12px;}
 .txt-description {font-family:lato;font-style:normal;font-weight:400;font-size:12px;color:#000000;min-height:40px;background-color:#FFFFFF;}
 .txt-gutschein-link {background-color:#E73358;color:#FFFEFE;font-family:lato;font-style:normal;font-weight:400;text-align:right;font-size:12px;padding-top:2px;padding-bottom:2px;padding-left:4px;padding-right:4px;}
 .txt-gutschein-link-bottom {background-color:#ffffff;font-family:lato;font-style:normal;font-weight:400;text-align:right;font-size:12px;display:block;padding-top:2px;padding-bottom:2px;padding-left:4px;padding-right:4px;}
 .a-link-bottom {color:#2A5EB3;}
 .gutschein-row {padding-bottom:50px;}
 .btn-secondary {color:#6b6b6b;background-color:#fff;border-color:#6c757d;}
 .btn-secondary:hover {color:#fff;background-color:#e73358;border-color:#545b62;}
 .container-gutschein {background-color:#F0F0F0;}
 figure.markenshop-design{min-height:120px}
 figure.markenshop-design figcaption{font-size:12px;margin-top:10px;color:#000;text-decoration:none}
 /* .card.sbteaser{max-width:350px} */
 .cat-styling {background-color:#FFFFFF;margin-bottom:30px;}
 .cat-box-styling {background-color:#FFFFFF;text-align:center;font-family:lato;font-style:normal;font-weight:400;font-size:12px;vertical-align:middle;border:1px solid #DFDFDF;padding-top:10px;padding-bottom:10px;}
 .cat-box-styling h1 {text-align:center;font-family:lato;font-style:normal;font-weight:700;font-size:20px;}
 .cat-row-styling {border:1px solid #D3D3D3;vertical-align:middle;}
 .cat-box-styling p {font-size:12px;}
 .cat-box-styling h2 {font-size:18px;font-weight:700px;}
 .bon-list {text-align:left ;font-size:13px;border:1px solid #DFDFDF;background-color:#fff;min-height:100px}
 /* .bon-list-btn{} */
 .bonlist-top { height:60%;padding:10px;}
 .bonlist-bottom{height:40%;padding:0 10px 10px}
 .remainingdays {position:relative}
 .remainingdays strong { position:absolute;bottom:10px;left:1rem}
 .markenshop-design {margin-bottom:10px;}
 .markenshop-design img {font-size:12px}
 .markenshop-design img.logosize2 {padding:10px 0}
 .markenshop-design img.logosize0 {padding:0 10px;max-height:70px}
 .modal-details h6 {font-size:1em}
 .modal-details .btn-link{color:#E73358 !important}
 .modal-details .btn-link span{color:#000 !important;text-decoration:none !important}
 .sb-pointer{cursor:pointer}
 .makeitinline {margin-bottom:1em}
 .makeitinline p{display:inline}
 /*extra for search line z.B*/
 .text-primary .spconnt{color: blue;font-size: 12px!important}
 figcaption a { color:black}
 /*
 img.logosize0 { max-height:60px !important;width:auto !important}
 img.logosize2 { max-width:100% !important;height:auto !important}
 */
 /* .newsletter-bg {background-color:#6f38a4;} */
 .smtext a {color: black !important}
 .newsletter-txt {color:black;font-family:"Storno","Lato";font-size:20px;padding-top:10px;}
 .newsletter-bigtxt {color:black;font-family:"Lato",Helvetica,Sans-Serif;font-size:20px;padding-top:10px;}
 .newsletter-txt a:hover,.newsletter-bigtext a:hover {color:#A6A6A6;}
 .newsletter {padding:80px 0;}
 #newsletter_form input {border: #e73358 solid 2px }
 .newsletter-bg .content {max-width:650px;margin:0 auto;text-align:center;position:relative;z-index:2;}
 .newsletter-bg  {padding-bottom: 35px}
 .newsletter-bg .content .form-control {height:50px;border-color:#ffffff;border-radius:0;}
 .newsletter-bg .content.form-control:focus {box-shadow:none;border:2px solid #243c4f;}
 /* .newsletter-bg .content .btn {min-height:50px;border-radius:1px;border-color:#ffffff;background:#6f38a4;color:#fff;font-weight:600;} */
 .newsletter-bg .content .btn {min-height:50px;border-radius:1px;font-weight:600;background: #e73358;color:#fff;}
 .txt-sparbon {padding-top:20px;background-color:#F0F0F0;padding-bottom:20px;font-family:lato;font-style:normal;font-weight:400;color:#626262;font-size:14px;}
 .txt-sparbon h1 {font-weight:700;color:#626262;font-size:24px;}
 .txt-sparbon h2, .txt-sparbon h3{font-weight:700;color:#626262;font-size:18px;}
 .txt-sparbon a{color:#000;text-decoration:underline}
 .txt-sparbon strong,.txt-sparbon b { font-weight:bold}
 .row-navbar {background-color:#FFFFFF !important;color:#000000;}
 .navbar .nav-item .nav-link {color:#000000;padding:0;}
 .navbar .nav-item .nav-link:hover {color:#343434;}
 #sbtopnav {margin-left:0 !important;padding-left:0 !important}
 #navbarSupportedContent li:not(:last-child) .nav-link:after {content:"|";/*position:absolute;top:16px;margin-left:6px;*/margin:0 1em;font-weight:400}
 .active a {color:white !important;}
 .navbar .navbar-nav {margin:0;}
 .topnav .logo {position:absolute;z-index:1;top:0;}
 .top-banner {background-color:#E73358;}
 .slider-styling {background-color:#F0F0F0;padding-top:40px;padding-bottom:40px;}
 #custom-search-form {margin:0;margin-top:5px;padding:0;}
 #custom-search-form .search-query {padding-right:3px;padding-right:4px \9;padding-left:3px;padding-left:4px \9;/* IE7-8 doesn't have border-radius, so don't indent the padding */
     margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
 #custom-search-form button {border:0;background:none;/** belows styles are working good */
     padding:2px 5px;margin-top:2px;position:relative;left:-28px;/* IE7-8 doesn't have border-radius, so don't indent the padding */
     margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
 .search-query:focus+button {z-index:3;}
 .carousel-caption {position:absolute;right:25%;bottom:20px;left:25%;z-index:10;padding:5px;color:#fff;background:#e73358;text-align:center;}
 .card-text {font-family:lato;font-style:normal;font-weight:400;font-size:14px;color:#000000;background-color:#FFFFFF;}
 .card-footer {padding:0.25rem 1.25rem;background-color:#e73358!important;border-top:1px solid rgba(0, 0, 0, 0.125);text-align:right;}
 .card-footer a:hover {color:white !important;text-decoration:none;}
 .text-muted {color:#ffffff !important;}
 .card-footer-bottom {padding:0.75rem 1.25rem;background-color:#ffffff !important;border-top:1px solid rgba(0, 0, 0, 0.125);text-align:right;}
.card-footer-gutschein,.bon-list-btn {display:block;padding:0.25rem 1.25rem;background-color:#e73358 !important;border:1px solid rgba(0, 0, 0, 0.125);text-align:center;}
.card-footer-code {padding:0.25rem 1.25rem;background-color:#f0f0f0 !important;border:1px solid rgba(0, 0, 0, 0.125);text-align:center;color:#000000;}
.card-modal {padding: 0.25rem 1.25rem;background-color: #e73358!important;border-top: 1px solid rgba(0, 0, 0, 0.125);font-family: lato;font-style: normal;font-weight: 400;font-size: 21px;text-align: center;margin-top:20px;}
[data-toggle="collapse"] .fa:before {content: "\f139";}
[data-toggle="collapse"].collapsed .fa:before {content: "\f13a";}
#BON_CODE_COPY {border:1px solid #e73358;color:#000;border-collapse:collapse;text-align:center}
#copyBonCode{border:1px solid #e73358;color:#e73358;background-color:#fff !important;border-collapse:collapse}
/*Special Teaser for Magazine*/
.sb-btn{padding: 0.25rem 1.25rem; background-color: #e73358 !important; border: none}
.sb-btn:hover{ background-color: #741a2c !important}
.sb-btn a{color: #FFFFFF !important;text-decoration: none}
.sb-btnwrap{padding-bottom:20px }
/* different logtypes: 0=narrower than 2:1, 1=2:1, 2=wider than 2:1 */
a h2 {text-decoration: none; color: black}
a h4 {text-decoration: none; color: black}

.modal-text {text-align:left;font-family: "Lato"; font-style: normal;font-weight: 400;font-variant: normal;padding-left: 20px;padding-right: 20px;}
#contentModal .modal-text {font-size: 12px;}
.modal-text p {margin:1em 0}

.text-muted-bottom {color:#000000 !important;}
 .text-muted-bottom a:link {color:black;text-decoration:none;}
 .card-title {text-align:right;}
 #custom-search-input {margin:0;margin-top:10px;padding:0;}
 #custom-search-input .search-query {width:30%;padding-right:3px;padding-left:15px;/* IE7-8 doesn't have border-radius, so don't indent the padding */
     margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:0;}
 #custom-search-input button {border:0;background:none;/** belows styles are working good */
     padding:2px 5px;margin-top:2px;position:absolute;right:0;/* IE7-8 doesn't have border-radius, so don't indent the padding */
     margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#D9230F;cursor:unset;z-index:2;}
 .search-query:focus {z-index:0;}
 .nav-link:hover {color:#5D5D5D;}
/* Forces carousel image to be 80% width and not max width of 100% */
 .carousel-item .img-fluid {width:100%;height:50%;}
 a img { color:#000}
 .page-footer {}
 .page-footer a:hover {color:black !important;text-decoration:none;}
 .breadcrumb-style {background-color:#F0F0F0;font-family:lato;font-style:normal;font-weight:400;color:#000000;font-size:12px;}
 .breadcrumb {margin-bottom:0px;background-color:#F0F0F0;}
 .breadcrumb li a {color:blue !important;text-decoration:none;}
 .gutschein-styling {background-color:#F0F0F0;}
 .cat-styling-text {color:#C5C5C5;font-family:lato;font-style:normal;font-weight:300;font-size:12px;text-align:right;text-decoration:underline;background-color:#f0f0f0;}
 .cat-styling-text a {color:blue!important;font-family:lato;font-style:normal;font-weight:300;font-size:12px;text-align:right;text-decoration:underline;}
 .txt-sparbon {background-color:#FFFFFF;font-family:lato;font-style:normal;font-weight:300;color:#0E0E0E;border:1px solid #E1E1E1;padding-right:20px;padding-left:20px;font-size:14px;}
 .cat-styles {padding-left:10px;padding-top:6px;text-align:center;}
 .card-body-cat {-ms-flex:1 1 auto;flex:1 1 auto;padding:1.8rem;}
 .smtext, .fa .fa-edit {font-size:12px !important;}
  #iconnavi .nav-link {font-size:1.4em}
 .fa-facebook {color:#4267b2;font-size:1.4em}
 .fa-twitter{color:#1da1f2;font-size:1.4em}
 .footer-design .fa-twitter { color:#fff}
 .kategorien {color:#1F1F1F;font-family:lato;font-style:normal;font-weight:400;font-size:14px;text-align:left;}
 .card {position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0, 0, 0, 0.125);border-radius:0.25rem;}
 .jumbotron-code {padding:0.5rem 0.5rem;margin-bottom:0.1rem;background-color:#e9ecef;border-radius:0.3rem;}
 .container-fluid.box-styling .container.cat-box-styling.h-100 .row.align-items-center.h-100 {}
 .gallery-block.grid-gallery {padding-bottom:60px;padding-top:60px;}
 .gallery-block.grid-gallery .heading {margin-bottom:50px;text-align:center;}
 .gallery-block.grid-gallery .heading h2 {font-weight:bold;font-size:1.4rem;text-transform:uppercase;}
 .gallery-block.grid-gallery a:hover {opacity:0.8;}
 .gallery-block.grid-gallery .item img {box-shadow:0px 2px 10px rgba(0, 0, 0, 0.15);transition:0.4s;}
 .gallery-block.grid-gallery .item {margin-bottom:20px;}
 .blog-txt {font-family:lato;font-style:normal;font-weight:300;font-size:14px;}
 .blog {margin-bottom:30px;}
 .carousel h5 {font-family:"Storno","Lato",Helvetica,Arial}
 img.cmsimg{max-width:100%;}
 .shopimgwrapper { background-color:#fff;padding:1em}
 .shopimgwrapper img{width:auto;max-width:100%;max-height:100%;}
 .bon-list .shopimgwrapper img { max-height:100px}
 .sb_ad{padding-top:2.4em;max-width:300px;position:relative}
 .sb_ad::before {content:'Anzeige';font-size:0.8em;position:absolute;top:0.8em;right:0}
 
 #scrolltopicon {  display: none;  position: fixed; bottom: 40px; padding:0;line-height:100%; right: 30px; z-index: 99;  border: none;  outline: none;  background-color: #e73358; color: white; cursor: pointer;  padding: 4px;  border-radius: 8px; width:48px }
#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
 
} 
/*hack for not endles headlin row*/


 @media (min-width:768px) {
 	.navbar-collapse {padding-top:0px !important;padding-right:38px !important;}
     .navbar-collapse form[role="search"] {width:38px;}
     .navbar-collapse form[role="search"] button, .navbar-collapse form[role="search"] input {padding:15px 12px;}
     .navbar-collapse form[role="search"] input {padding:25px 12px;font-size:18pt;opacity:0;display:none;}
     .navbar-collapse form[role="search"].active {width:100%;}
     .navbar-collapse form[role="search"].active button, .navbar-collapse form[role="search"].active input {display:table-cell;opacity:1;}
     .navbar-collapse form[role="search"].active input {width:100%;text-align:right;}
     .navbar-collapse form[role="search"].active button[type="submit"] {background-color:rgb(231, 231, 231);}
     
}
 @media (max-width:575px) {
   body{font-size: 1.25em}
 	 .container, .box-styling {padding-left:0;padding-right:0 }
 	 .container.txt-sparbon,.sbtextpad{padding-left:10px;padding-right:10px} 
 	 .container-fluid.sb-cf-slider,.container-fluid.sb-cf-slider .container { padding-left:0;padding-right:0 }
 	 .letterlist .col-sm {display:inline-block;width:auto}
 	.brand-text {text-align:center;font-family:"Storno";color:#FFFFFF;font-size:20px;}
     p {font-size:12px;}
     .bonlist-top,.bonlist-bottom {height:auto}
     .brand-logo {display:block;margin:auto;}
     .rabatt-heading h5 {color:#000000;font-family:lato;font-style:normal;font-weight:700;font-size:18px;}
     /* .card.sbteaser{max-width:420px} */
     .carousel-caption {position:static;min-height:44px}
     .carousel-caption h5 { font-size:14px;margin: 0 auto}
     .carousel-caption p{display:none}
	 
}
 @media (max-width:767px) {
 	   .brand-text {text-align:center;font-family:"Storno";color:#FFFFFF;font-size:20px;}
     .card-text {font-size:11px;}
     .text-muted {font-size:10px;}
     .text-muted-bottom {font-size:9px;}
     .brand-logo {display:block;margin:auto;}
     .lead {font-family:lato;font-style:normal;font-weight:400;font-size:12px;text-align:center;min-height:57px;}
     .lead h5 {font-family:lato;font-style:normal;font-weight:400;font-size:12px;text-align:center;}
     .btn btn-outline-danger {display:none !important;}
     h5 {font-family:lato;font-style:normal;font-weight:400;font-size:15px;}
     .rabatt-heading h5 {color:#000000;font-family:lato;font-style:normal;font-weight:700;font-size:18px;}
     /* full */
    .specialteaser{display: block !important;flex: none !important; margin-bottom: 1.5em !important; width: 100% !important}
    .specialteaser .card-text {text-align: center !important;}

	 
}
 @media (max-width:991px) {
 	 .brand-text {text-align:center;font-family:"Storno";color:#FFFFFF;font-size:20px;}
     .brand-logo {display:block;margin:auto;}
     .card-text {font-size:12px;}
     .card-title {text-align:center;}
     .text-muted {font-size:12px;}
     .text-muted-bottom {font-size:12px;}
     .lead h5 {font-family:lato;font-style:normal;font-weight:400;font-size:12px;text-align:center;}
     .kategorien {color:#1F1F1F;font-family:lato;font-style:normal;font-weight:400;font-size:12px;text-align:left;}
     .nav-link:after {display:none !important;}
     .navbar .nav-item .nav-link{padding:0.5rem 0}
}
 @media (max-width:1199px) {
 .bon-list h5 { font-size: 1rem}
  }
/* cookie disclaimer */
#cookie-notice {
 display:none;
 position:fixed;
 min-width:100%;
 height:auto;
 z-index:100;
 font-size:13px;
 line-height:20px;
 left:0;
 text-align:center;
 bottom:0;
}
#cookie-notice .button.wp-default {
 font-family:sans-serif;
 display:inline-block;
 font-style:normal;
 cursor:pointer;
 border-style:solid;
 border-width:1px;
 font-size:12px;
 text-decoration:none;
 outline:0;
}
.cookie-notice-container {
 padding:0.5%;
 text-align:center;
}

#cookie-notice .button {
 margin-left:3%;
}
#cookie-notice .noticebutton.wp-default {
 line-height:18px;
 padding:4px 12px;
 background:linear-gradient(to bottom,#FEFEFE,#F4F4F4) #F3F3F3;
 border-color:#BBB;
 color:#333;
 text-shadow:0 1px 0 #FFF;
 -moz-box-sizing:border-box;
 border-radius:3px;
 white-space:nowrap;
 font-weight:bold;
}
#cookie-notice .button.wp-default:focus,#cookie-notice .button.wp-default:hover {
 background:linear-gradient(to bottom,#FFF,#F3F3F3) #F3F3F3;
 border-color:#999;
 color:#222;
}