/* Slide 16 (#2) */
.bg {
 position: absolute;
 left: 50%;
 width:50%;
 height: 100%;
 background-repeat:no-repeat;
 background-size: contain;
}

.cf-panel{
	background-color: rgba(255,255,255,0.71);
	color: #000;
}

@media screen and (max-width: 60em) {
	table {
		width: 100%;
		margin: 0;
		border: none;
	}
	td {
		hyphens: auto;
	}
	table a {
		white-space: normal;
		hyphens: none;
	}
}


/*@media screen and (max-width: 1350px) {
.bg2 {
  	display: none;
	}
.bg1 {
  display:contents;
  }
}

@media screen and (min-width: 1350px) {
.bg2 .bg {
  	display: contents;
	}
  .bg1{
   display:none;
  }
}*/

/* Slide 01 (#3) */

.heading{
  margin-top: -200px;
  height: 200px;
  position: relative;
  max-width: 300px;
}

.minutes {
  height: 200px;
  position: relative;
  max-width: 300px;
}
.minute {
  bottom: 0;
  font-size: 84px;
  font-weight: bold;
  height: 100px;
  opacity: 0;
  position: absolute;
}
.wipe-in {
  opacity: 1;
  transition: transform 3s, opacity 3s;
  transform: translateY(-100%);
}
.wipe-out {
  opacity: 0;
  transition: transform 2700ms, opacity 2700ms;
  transform: translateY(-200%);
}
.minute span {
  font-size: 1rem;
  font-weight: bold;
  margin-left: 3px;
}


@media screen and (max-width: 1350px) {
.bg {
  	display: none;
	}
  .heading, .minutes {
    margin-left: auto;
    margin-right: auto;

  }
}

/* Slide 59 (#4) */
/* Slide 70 (#5) */
/* Slide 70 (#6) */

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 50px; !important;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

/* Basis-Einstellung: Volle Breite für Mobile (Mobile First) */
[class*='col-'] {
  width: 100% !important;
  float: left;
  padding: 0 20px; /* Optionaler Abstand */
}

/* Tablet-Ansicht (z.B. ab 768px): 2 Spalten nebeneinander */
@media only screen and (min-width: 768px) {
  .col-tablet-6-12 {
    width: 50% !important;
  }
  .col-tablet-4-12 {
    width: 33.33% !important;
  }
}

/* Desktop-Ansicht (z.B. ab 1024px): 3 Spalten nebeneinander */
@media only screen and (min-width: 1024px) {
  .col-desktop-4-12 {
    width: 33.33% !important;
  }
}
@media only screen and (max-width: 768px) {
  .small-padding-left {
    padding-left: 5px !important;
  }
  .small-padding-left table {
    width: 90%;
  }
}