ul.colibri{
  padding:0!important;
}

ul.colibri li{
  list-style-type:none;
  margin:0.5rem 0;
  margin-left: 2rem;
}

ul.colibri li::before{
  display: inline-block;
  background-image: url("../img/colibri.svg");
  height: 30px;
  width: 30px;
  background-size: 30px 30px;
  content: "";
  margin-bottom: -5px;
  margin-left: -2.2rem;
  position: absolute;
}


.cc-selector label span{
  position: relative;
  bottom: 2.7rem;
  font-size: 1.4rem;
  text-align: center;
}


.cc-selector{
padding: 1rem 0 0.5rem 0;
margin: 0;
background-color: #fff;
text-align: center;
}
.cc-selector input{
    margin:1rem;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

@media (max-width: 768px) {
  .cc-selector input{
margin:0;
}
}

.bestellung{background-image:url("../img/bestellung.svg");}
.abo{background-image:url("../img/abo.svg");}

.cc-selector input:active +.drinkcard-cc;{opacity: 1;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
  height: 10rem;
  width: 10rem;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter:  opacity(.6);
       -moz-filter:  opacity(.6);
            filter:  opacity(.6);
}
.drinkcard-cc:hover{
    -webkit-filter:  opacity(.9);
       -moz-filter:  opacity(.9);
            filter:  opacity(.9);
}

.vorteile{
  margin-top: -1rem;
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v16-latin-regular.eot');
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v16-latin-regular.woff2') format('woff2'),
       url('../fonts/lato-v16-latin-regular.woff') format('woff'),
       url('../fonts/lato-v16-latin-regular.ttf') format('truetype'),
       url('../fonts/lato-v16-latin-regular.svg#Lato') format('svg');
}

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

.head-1{
  font-family: 'Courgette';
}

.head-2{
  text-transform: uppercase;
}

.head-2 span{
  color: #9d1837!important;
}


.footer a{
	color: #fff !important;
}

.footer a:hover{
	text-decoration: none;
	color: #fff !important;
}

a{
	color: #000 !important;
}

a:hover{
  color: #000 !important;
	text-decoration: none !important;
}

.btn-primary{
color: #fff!important;
background-color: #9d1837!important;
border-color: #9d1837!important;
}

.btn-primary:hover{
color: #fff!important;
background-color: #252731!important;
border-color: #252731!important;
}

.btn-outline-primary{
color: #000!important;
background-color: #fff!important;
border-color: #252731!important;
 }

.btn-outline-primary:hover{
color: #fff!important;
background-color: #252731!important;
border-color: #252731!important;
 }
body{
	font-family: 'Lato', sans-serif !important;
}

.dark{
  background-color: #252731;
  color: #fff;
}

.carousel-control-prev-icon{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")!important;
  margin-left: -8rem;
}

.carousel-control-next-icon{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")!important;
  margin-right: -8rem;
}

@media (max-width: 768px) {
    .carousel-control-prev-icon{
        margin-left: 0;
        marker-bottom:-16rem;
    }
    .carousel-control-next-icon{
         margin-right: 0;
         marker-bottom:-16rem;
    }
}

.font-size-big{
  font-size: 1.4rem;
}

.font-size-mid{
  font-size: 1.2rem;
}