@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bloc';
  font-style: normal;
  font-weight: 300;
  src: url('/promo-design/2025-q4/fonts/Bloc.otf') format('otf'),
       url('/promo-design/2025-q4/fonts/Bloc.ttf') format('truetype'); 
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'BlocBold';
  font-style: normal;
  font-weight: 300;
  src: url('/promo-design/2025-q4/fonts/Bloc-Heavy.otf') format('otf'),
       url('/promo-design/2025-q4/fonts/Bloc-Heavy.ttf') format('truetype'); 
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'BlocCondensed';
  font-style: normal;
  font-weight: 300;
  src: url('/promo-design/2025-q4/fonts/Bloc-Heavy.otf') format('otf'),
       url('/promo-design/2025-q4/fonts/Bloc-Heavy.ttf') format('truetype'); 
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/promo-design/2025-q4/fonts/montserrat-v26-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/promo-design/2025-q4/fonts/montserrat-v26-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-300italic - 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: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('/promo-design/2025-q4/fonts/montserrat-v26-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/promo-design/2025-q4/fonts/montserrat-v26-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* montserrat-500 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/promo-design/2025-q4/fonts/montserrat-v26-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/promo-design/2025-q4/fonts/montserrat-v26-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-500italic - 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: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('/promo-design/2025-q4/fonts/montserrat-v26-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/promo-design/2025-q4/fonts/montserrat-v26-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/promo-design/2025-q4/fonts/montserrat-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/promo-design/2025-q4/fonts/montserrat-v26-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-700italic - 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: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('/promo-design/2025-q4/fonts/montserrat-v26-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/promo-design/2025-q4/fonts/montserrat-v26-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html, body{
	margin: 0;
	padding:0;
	font-size:18px;
	color: white;
	font-family: 'Futura', 'Helvetica', 'Arial', sans-serif;
	font-weight:normal;
	background-color:#09635b;
  -webkit-font-smoothing: antialiased;
}

.main-content, footer{
  background-image: url(/promo-design/2025-q4/pics/bg-kachel.png);
  background-repeat: repeat;
  padding-left:0px;
  padding-right:0px;
}

/* Navigaton */
.nav-link, .nav-link.active{
  color:white;
  font-size:0.8rem;
  font-weight: normal;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
  color:white;
  text-decoration:none;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-toggler{
  border:0;
}
.navbar-toggler:focus{
  box-shadow:none;
}


/* Headlines */
h1{
  font-family: 'Bloc', 'Arial', sans-serif;
	font-weight:normal;
  color: white;
  text-transform: uppercase;
  margin:auto;
  text-align: center;
  font-size:4rem;
}

h2{
  font-family: 'Bloc', 'Arial', sans-serif;
	font-weight:normal;
  color: white;
  text-transform: uppercase;
  font-size:2rem;
}

h5{
	font-weight:normal;
  color: white;
  font-size:1.8rem; 
}

@media (max-width: 768px) {
    h1{
      font-size:2.5rem;
    }
    h2{
      font-size:1rem;
      text-align: center;
    }
    p{
      font-size:0.9rem;
    }
}

.missing-points, .enough-points{
  font-weight:bold;
  font-size:2.5rem;
}

@media (max-width: 768px) {
  h5{
    font-weight:normal;
    color: white;
    font-size:1.2rem; 
  }

  .missing-points, .enough-points{
    font-weight:bold;
    font-size:1.7rem;
  }
}

.red{
  color:#c91426;
}

.redstar-container{
  background-image: url(/promo-design/2025-q4/pics/sterne-bg.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-color:#c91426;
  padding-top:40px;
  padding-bottom:40px;
}

.red-container{
  background-color:#c91426;
  padding:0;
  margin:0;
}
.countdown-clock-container{
  margin-top:40px;
  margin-bottom:60px;
}

.main-headline{
  width:600px;
  display: block;
  margin:auto;
}
.kuscheln-cash-icon{
  width:500px;
  display: block;
  margin:auto;
  margin-bottom:30px;
}

@media (min-width: 768px) {
    
}

.kassenbon-header{
  margin-top:50px;
}
.uploadFile::file-selector-button{
  background-color: #fdd16d;
  border: 1px solid #fdd16d;
  color:#09635b;
}

.form-control{
  border-width:0px;
}

label{
  display: inline-block;
  margin-bottom:5px;
}

.bon-hint-ul li{
  list-style-image: url(/promo-design/2025-q4/pics/ul-star.png);
  margin-bottom:5px;
}
.bon-hint-ul li span{
  position:relative;
  top:-3px;
}

.preview{
  text-align: right;
  padding-right:20px;
}
.preview-bon{
  max-height:350px;
  text-align: right;
}
.input-group-text{
  width:auto !important;
  border-color:#fdd16d;
  background-color: #fdd16d;
  color:#09635b;
  padding-top: 10px;
}

.logo-brand{
	cursor:pointer;
  width:80px;
}
.logo-checkbox{
	position:absolute;
	bottom:0px;
	left:0px;
  float:none !important;
  margin-left:0px !important;
}
.aktionsprodukte-container{
	position:relative;
	display:inline-block;
	margin-right:5px;
  margin-bottom:15px;
}

.awards-header{
  margin-top:-1px;
}


.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  background-color:#fdd16d;
  border-color: #fdd16d;
  color:#09635b;
  padding-left:30px;
  padding-right:30px;
  text-transform: uppercase;
  cursor:pointer;
  font-weight:bold;
}

.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active{
  text-transform: uppercase;
  cursor:pointer;
  font-weight:bold;
  padding-left:30px;
  padding-right:30px;
}

.upload-container{
  margin-bottom:100px;
}

.yellow-bg{
  margin-top:80px;
  background-image:url(/promo-design/2025-q4/pics/bg-yellow.png);
  background-size:100% auto;
  background-repeat: repeat-y;
  padding-top:80px;
  padding-bottom:80px;
  color:#09635b;
}

.yellow-font{
  color:#fdd16d;
}

.white-bg{
  color:black;
  background-color: white;
  padding:0px;
}


#orderForm .yellow-bg{
  margin-top:0px;
}


.green-headline{
  color:#09635b !important;
}

.awards-container{
  margin-top:50px;
}

.praemie, .praemie-disabled{
  display:inline-block;
  max-height:400px;
  cursor:pointer;
  position:relative;
  margin-left:-20px;
  margin-right:-20px;
}

.praemie:nth-child(1){
  top:-10px;
  rotate: 5deg;
}
.praemie:nth-child(3){
  top:30px;
  z-index:10;
}
.praemie:nth-child(5){
  top:-10px;
  rotate: 5deg;
}
.praemie:nth-child(7){
  top:30px;
  rotate: -5deg;
  z-index:10;
}
.praemie:nth-child(9){
  top:-5px;
  rotate: 5deg;
}


@media (max-width: 1400px) {
    .praemie, .praemie-disabled{
      display:inline-block;
      max-height:360px;
    }
}
@media (max-width: 1200px) {
    .praemie, .praemie-disabled{
      display:inline-block;
      max-height:310px;
    }
}

@media (max-width: 992px) {
    .praemie:nth-child(7){
      top:30px;
      
    }
    .praemie:nth-child(9){
      top:20px;
    }
}
@media (max-width: 768px) {
    .praemie, .praemie-disabled{
      display:inline-block;
      max-height:280px;
    }
}
@media (max-width: 550px) {
    .praemie, .praemie-disabled{
      display:inline-block;
      max-height:260px;
    }
}
@media (max-width: 450px) {
    .praemie, .praemie-disabled{
      display:inline-block;
      max-height:190px;
    }
}


.agb{
  font-size:14px;
}

@media (max-width: 768px) {
    .preview{
      text-align: center;
    }
   
}

.success-container{
  padding-top:120px;
  padding-bottom:50px;
}

.decke-seletion-container{
  border-radius: 10px;
  padding:15px;
}

#decke-container{
  margin-top:80px;
}

.decke-selection{
  max-width:220px;
  margin-left:10px;
  margin-right:10px;
  cursor:pointer;
}

.decke-selection-disabled{
  max-width:220px;
  margin-left:10px;
  margin-right:10px;
  cursor:not-allowed;
}

@media (max-width: 768px) {
    .decke-selection{
      max-width:130px;
    }
    .decke-selection-disabled{
      max-width:130px;
    }
   
}