body {
background-image: url(../../img/code2.jpg);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

* {box-sizing: border-box;}

.platzhalter {height: 100px;}

/*
.blau {
color: #0371E6;
display: inline-block;
}

.blau2 {
color: #2B88D6;
display: inline-block;
}

.blau3 {
color: #1B2A41;
display: inline-block;
}

.pink {
color: #D800B8;
display: inline-block;
}

.rot {
color: #88292F;
display: inline-block;
}

.gelb {
color: #F7B406;
display: inline-block;
}

.gelb2 {
color: #FFE66D;
display: inline-block;
}

.weiss {
color: #F7FFF7;
display: inline-block;
}

.orange {
color: #F86624;
display: inline-block;
}

color: #80DED9

color: #CEF2F1

*/

.comingSoon {
  font-size: 3rem;
  font-family: 'Goldman', cursive;
  color: #F7B406;
  text-shadow: 3px 2px 3px #FFE66D;
}

.containerJD {
  margin-left: 150px;
  width: 80%;
}

/* Kachel allgemein */
.kachel {
  font-size: 1.3rem;
  font-family: 'Goldman', cursive;
  background-color: rgb(000, 000, 000, 0.7);
  background-image: url(../../../seiten/projects/projectsIMG/ausflug.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
  width: 110px;
  height: 180px;
  border-radius: 20px 0px 20px 0px;
  /* margin-left: -20px; */
  transition: 0.5s;
  cursor: pointer;
  margin-top: 10px;
}
.kachel:hover {
  width: 130px;
  height: 200px;
  background-color: rgb(000, 000, 000, 0.9);
  border-radius: 40px 0px 40px 0px;
}
.kachel:active {
  background-color: white;
}

/* Ausflüge */
.col12Ausgabe {
display: table;
  margin-bottom: 10px;
}
#col12Ausgabe {
  margin-bottom: 50px;
}
#ausgabeAusflugID {
height: 100%;
display: table-cell;
vertical-align: middle;
font-size: 2.5rem;
}

/* Essen */
.col12AusgabeEssen {
display: table;
}
#col12AusgabeEssen {
  margin-bottom: 50px;
}
#ausgabeEssenID {
height: 100%;
display: table-cell;
vertical-align: middle;
font-size: 2.5rem;
}
#kachelEssenID {
  background-image: url(../../../seiten/projects/projectsIMG/essen.png);
}

/* Ausgabe Ausflugszeiele */
.ausflugszeiele {
  font-size: 2rem;
  font-family: 'Goldman', cursive;
  color: #1B2A41;
  text-shadow: 3px 2px 3px #0371E6;
  cursor: pointer;
  background-color: rgb(000, 000, 000, 0.3);
  text-align: center;
  filter: blur(1px);
  transition: 0.5s;
  display: inline-block;
  padding: 15px;
}
.ausflugszeiele:hover {
  padding-left: 25px;
  filter: blur(0px);
}

/* Ausgabe Kochideen */
.kochIdeen {
  font-size: 2rem;
  font-family: 'Goldman', cursive;
  color: #290023;
  text-shadow: 3px 2px 3px #D800B8;
  cursor: pointer;
  background-color: rgb(000, 000, 000, 0.3);
  text-align: center;
  filter: blur(1px);
  transition: 0.5s;
  display: inline-block;
  padding: 15px;
}
.kochIdeen:hover {
  padding-left: 25px;
  filter: blur(0px);
}

.snippetButton {
background: green;
color: #0371E6;
font-size: 2rem;
font-weight: bold;
text-shadow: 1px 2px 1px black;
border-color: black;
}
.snippetButton:hover {
  font-size: 2.1rem;
  padding-left: 1rem;
}
/* .snippetButton:active {
  box-shadow: inset 2px 2px 1px black;
  border-color: black;
} */


/* Banner Ideen und Vorschläge */
.ideen {
  font-size: 1rem;
  font-family: 'Goldman', cursive;
  color: #00B8AE;
  text-shadow: 3px 2px 3px #001514;
  /* cursor: pointer; */
  /* background-color: rgb(000, 000, 000, 0.5); */
  text-align: left;
  transition: 0.5s;
  display: inline-block;
  padding: 15px;
}
.ideen:hover {
  padding-left: 25px;
  filter: blur(0px);
}
.hintergrund {
  background-color: rgb(000,000,000, 0.5);
}


@media (max-width: 1400px) {
#ausgabeAusflugID {font-size: 1.8rem;}
#ausgabeEssenID {font-size: 1.8rem;}
}

@media (max-width: 1024px) {
.ideen {font-size: 0.8rem;}
#ausgabeAusflugID {font-size: 1.4rem; font-weight: bold;}
#ausgabeEssenID {font-size: 1.4rem; font-weight: bold;}
.comingSoon {font-size: 2.2rem;}
}

@media (max-width: 768px) {
.ideen {font-size: 0.8rem;}
#ausgabeAusflugID {font-size: 1.4rem; font-weight: bold;}
#ausgabeEssenID {font-size: 1.4rem; font-weight: bold;}
.comingSoonContainer {margin-bottom: 50px;}
}

@media (max-width: 480px) {
  .kachel {width: 70px; height: 120px;}
  .kachel:hover {width: 80px;height: 130px;}
  .ideen {font-size: 0.8rem;}
  #ausgabeAusflugID {font-size: 1rem; font-weight: bold;}
  #ausgabeEssenID {font-size: 1rem; font-weight: bold;}
  #col12Ausgabe { margin-bottom: 10px;}
  #col12AusgabeEssen {margin-bottom: 10px;}
  .containerJD { margin-left:20px; width:100%; }
  .comingSoon {font-size: 2rem;}
}
@media (max-width: 360px) {
  .kachel {width: 70px; height: 120px;}
  .kachel:hover {width: 80px;height: 130px;}
  .ideen {font-size: 0.7rem;}
  #ausgabeAusflugID {font-size: 0.9rem; font-weight: bold;}
  #ausgabeEssenID {font-size: 0.9rem; font-weight: bold;}
  #col12Ausgabe { margin-bottom: 10px;}
  #col12AusgabeEssen {margin-bottom: 10px;}
  .containerJD { margin-left:20px; width:100%; }
  .comingSoon {font-size: 2rem;}
}


	/* === WIchtige Breakponts

	320 Pixel
	480 Pixel
	768 Pixel OK
	1024 Pixel OK
	1200 Pixel OK
	1280 Pixel - OK

	*/