/* Fonts */

@font-face {
    font-family: "ApfelGrotezkRegular";
    src: url("https://akdelplanque.de/font/ApfelGrotezk-Regular.otf");
}
@font-face {
    font-family: "ApfelGrotezkSatt";
    src: url("https://akdelplanque.de/font/ApfelGrotezk-Satt.otf");
}


.ApfelGroteskRegular {
    font-family: "ApfelGrotezkRegular";
}

.ApfelGroteskSatt {
    font-family: "ApfelGrotezkSatt";
}


/* Remove default margins and paddings */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #FCFBF9;
}



/* Styling for the large and small text blocks */
#large-text {
    flex: 3; /* Take more space for the larger text */
    font-family: "ApfelGrotezkSatt";
    text-align: justify;
  	color: #E13C24;
  	text-transform: uppercase;
  	line-height: 0.9;
  	padding-top: 1%;
  	padding-right: 3%;
  	padding-left: 3%;
  	padding-bottom:0;
}

#large-text em {
	font-family: "ApfelGrotezkRegular";
	font-style: normal;
}



#small-text {
    flex: 1; /* Take less space for the smaller text */
    font-family: "ApfelGrotezkRegular";
    line-height: 1.2;
    color: #E13C24;
    padding: 3%;

}

.link{
  color: #E13C24;
  text-decoration: underline;
  font-style: normal;
}

.imglink {
  color: #E13C24;
  text-decoration: underline;
  font-style: normal;
}

.link:hover { 
  background-color: #E13C24;
  border-block-width: 0px;
  border-block-style: solid;
  color: #FCFBF9;
}


/* Title Images */


.main-title .title-with-img {
  position: relative;
  z-index: 1;
}
.main-title .title-with-img-heart {
  position: relative;
  z-index: 1;
}
.main-title .title-with-img .selected {
  display: inline-block;
}

.main-title .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 400px;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  opacity: 0;
  will-change: transform;
}
.main-title .hover-img.visible {
  opacity: 1;
}
.main-title span {
  position: relative;
  z-index: 1;
}