/* special-elite-regular - latin */
@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/special-elite-v16-latin-regular.woff2') format('woff2'), 
       url('../fonts/special-elite-v16-latin-regular.woff') format('woff');
}

* {
  box-sizing: border-box;  
}

body, html {
  height: 100%;
  margin: 0;
  font: 22px/1.6 Arial, sans-serif;
  color: #4a4a4a;
}

h1 {
  font: 400 34px/1.8 "Special Elite",sans-serif;
}

h2 {
  font: 400 30px/1.8 "Special Elite",sans-serif;
}

h3 {
  font: 400 22px/1.8 "Special Elite",sans-serif;
  letter-spacing: 5px;
  text-transform: uppercase;
  /*font: 20px "Lato", sans-serif; */
}

@media screen and (max-width: 390px) {
  p {
    font-size: 18px;
  }
  h2, h3 {
    letter-spacing: 0px;
    font-size: 20px;
  }
}  

.fsp1 {
  font-family: "Special Elite",sans-serif;
}

address {
  display: inline-block;
  padding: 10px 30px;
  background-color: #d7d7d7;
  border-radius: 5px;
  font-style: normal;
}


img {
  max-width: 100%;
}

/* bg */
.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 0.9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../img/Titelbild.jpg");
  height: 80%;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  /*background-color: #111; */
  background-color: #292a2b;
  color: #fff;
  padding: 18px;
  font-family: "Special Elite",sans-serif;
  font-size: 30px;
  letter-spacing: 5px;
}

@media screen and (min-width: 576px) {
  .caption span.border {
    font-size: 40px;
    letter-spacing: 10px;
  }
}  

/* button */
.button, .buttonBA {
  display:inline-block;
  text-decoration:none; 
  text-align:center; 
  padding: 8px 25px;
  margin-bottom: 10px;
  border:none; 
  border-radius: 6px; 
  font: 16px Arial, Helvetica, sans-serif; 
  font-weight: normal; 
  color:white;
  cursor: pointer; 
  background-color:#3BA4C7; 
  background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );  
  box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;    
}

/*  Link extern */ 
a.lnkextern:before {
  font-family: FontAwesome;
  content:" \f08e";
  border-bottom: 0px dotted black;
  padding: 0 4px 0 4px;
}
/************************/

.header2 {
  background-color: #292a2b;
  padding: 20px 20px 20px 20px;
  color: white;
  position: fixed;
  width: 100%;
  top: 0;
}

.header2__title {
  color:white;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
}

.header2 div {
  display: flex; 
  flex-wrap: wrap;
  justify-content: flex-start; 
  align-items:center; 
  gap: 1rem;
}

.header2 a:hover {
  color: orange;
}

div.space-top {
  height: 120px;
}

section.content {
  margin: 0 0.5rem;
  padding-top: 1rem;
}

section.links {
  margin: 0;
}

section.eintragen {
  margin: 0.5rem;
}

section.partner {
  margin: 0;
  padding-top: 90px;
  background-color: #e3e3e3;
}

@media screen and (min-width: 576px) {
  section.content {
    margin: 0 1.8rem;
  }

  section.eintragen {
    margin: 1.8rem;
  }

}

@media screen and (min-width: 1600px) {
  section.content {
    margin: 0 auto;
    max-width: 1400px
  }

  section.eintragen {
    margin: 1.8rem;
  }

}

.footer {
  /* background-color: #646464; */
  background-color: #292a2b;
  padding: 1.8rem;
}

.footer p, .footer p a {
  color: white;
  text-decoration:none;
}

.footer a:hover {
  color: orange;
}

/* Animation ZoomIn */
.ZoomIn {
  /*transform: scale(0); */
 /* opacity: 0;
  animation-fill-mode: both;
  animation-delay: 2s;*/
}
.anZoomIn {
  animation: ZoomIn 1s 1;
}
@keyframes ZoomIn {
  from {transform: scale(0.9); opacity: 0;}
  to {transform: scale(1); opacity: 1;}
}

/* Wobble */
.wobble:hover {
  animation: anWobble 1s ease-in-out 0s infinite normal forwards; 
}

@keyframes anWobble {
  0%,
  100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
  }

  15% {
    transform: translateX(-30px) rotate(-6deg);
  }

  30% {
    transform: translateX(15px) rotate(6deg);
  }

  45% {
    transform: translateX(-15px) rotate(-3.6deg);
  }

  60% {
    transform: translateX(9px) rotate(2.4deg);
  }

  75% {
    transform: translateX(-6px) rotate(-1.2deg);
  }
}

/*Lauftext */
.lauftext {
  width: 100%;
  height: 40px;
  margin: 4px 0 4px 0;
  position: relative;
  overflow: hidden;
  background-color: #3f8cb5;
}

.lauftext p {
  white-space: nowrap;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 4px;
  text-align: center;
  color: white !important;
  transform:translateX(100%);
  animation: lauftext 20s linear infinite; 
}

@keyframes lauftext {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/*********************************************/
.links {
  /*background-color: #e3e3e3; */
  background-color: #1f58b8;
  position: relative;
}

.links__container {
  /*max-width: 100rem; */
  margin: 0px auto;
  padding: 2rem 2rem 6rem 2rem;
  /*border: 1px solid red; */
}

.links__heading {
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 0;
  font-size: 1.1rem;
}

.links__cards {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:center;
  gap: 1rem;
  padding: 0;
}

@media (max-width: 36rem) {
  .links__cards {
    flex-direction: column;
  }
}


.lnklogo {
  border: 6px solid white;
  box-shadow: 0 0 1rem black;
}

.lnklogo:hover {
  border: 6px solid rgb(192, 27, 27);
  transform: scale(1.05);
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out, z-index 0s linear; 
}

.lnkgroup {
  display: block;
  height: 100%;
}

.links__card {
  flex: 0 0 13rem;
  position: relative;
  height: 13rem;
  overflow: hidden;
  /*box-shadow: 0 0 0.4rem rgb(63, 61, 61); */
  box-shadow: 0 0 4px rgb(164, 161, 161);
  border-radius: 25%;
  transform: scale(1);
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out, z-index 0.25s linear;
  z-index: 0; 
  /*background-color: rgb(236, 234, 228); */
  background-color: white;
  border: 0px solid rgb(46, 44, 44);
  text-align: center; 
}

.links__card:hover {
  transform: scale(1.02);
  box-shadow: 0 0 0.6rem white;
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out, z-index 0s linear; 
  z-index: 99;  
}

.link__card_imgcontainer {
    position:absolute;
    top:0;
    height:50%;
    width:100%;
    /*border:4px solid white; */
    padding: 14px 0px;
}

.links__card-img {
  width: 100%;
  height:100%;
  object-fit: contain;
  position: relative;
  top: 0;
  left: 0;
  filter: brightness(90%);
}

.link__card-content {
position: absolute;
left: 0;
right: 0;
top: 52%;
color: black;
padding: 0rem 0.5rem 0rem 0.5rem;
/*  text-shadow: 0 0 0.125rem black; */
/*background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.25) 20%); */
/* transform: translate(0, calc(100% - 7.25rem));
transition: transform 0.25s ease-in-out; */
}

.link__card-title {
 font-family:Verdana, Geneva, Tahoma, sans-serif;  
 font-size: 0.8rem;
 font-weight: normal;
 line-height: normal;
 margin-top: 1rem;
 /*color: rgb(73, 80, 87); */
 color: rgb(28, 118, 208);
}

.link__card-info {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7rem;
font-weight: normal;
line-height: normal;
color: rgb(73, 80, 87);
margin-top: 0;
}

.links__card a::after{
  position: absolute;
  right: 4px;
  bottom: 0;
  font-family: FontAwesome;
  font-size: 16px;
  content:" \f14c";
  color: silver;  
}

.links__card a:hover {
  background-color: rgb(241, 220, 167);
}

/* nav */
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 25px;
}

nav li {
  padding: 4px;
  font: 20px Arial, sans-serif;
}
@media screen and (max-width: 720px) {
  nav li {
    width: 100%;
  }
}

nav a {
  display: inline-block;
  height: 100%;
  width: 100%;
  color: white;
  text-decoration: none;
}

/*  btnScrollTop */ 
#btnScrollTop {
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 99;
  font-size: 1rem;
  border: none;
  outline: none;
  background-color: #333131;
  color: white;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 4px;
}

#btnScrollTop:hover {
  background-color: #f9d878;
  color: black;
} 

/* Countdown Timer */
.countdown {
  width: 100%;
  padding: 15px 0 0 0;
  background-color: #1f58b8;
  text-align: center;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

#timer {
  font-size: 32px;
  font-weight: normal;
  padding: 0;
  width: 100%;
  color: rebeccapurple;
}

#timer div {
  display: inline-block;
  min-width: 90px;
  padding: 10px;
  background: #ffd800;
  border-radius: 10px;
  border: 2px solid white;
  margin: 10px;
  text-align: center;
}

#timer div span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-weight: normal;
}
/* /