/** logo **/

.main-logo {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  /* max-width: 600px; */
  /* background-color: #333; */
  background-color: #FFF;
}

.logo-animation-wrapper {
  position: relative;
  width: 100%;
  /* padding-bottom: 12%; */
  /* background-color: #68c6a4; */
  background-color: #FFF;
}

.logo-animation {
  /* pointer-events: none; */
  overflow: visible;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* position: absolute;
  top: 50%;
  left: 50%; */
  /* width: 1000px; */
  width: 100%;
  /* height: 240px; */
  /* margin: -120px 0 0 -500px; */
  /* transform: scale(.633333); */
  /* background-color: #f52Ac4; */
  background-color: #FFF;
}

.anime-logo {
  overflow: visible;
  position: relative;
  display: flex;
  flex-direction: column;
  /* width: 1000px; */
  width: 100%;
  /* height: 120px; */
  /* background-color: #f2b531; */
  background-color: #FFF;
}

.anime-logo-signs {
  overflow: visible;
  display: flex;
  align-items:flex-end;
  position: relative;
  width: 100%;
  height: 300px; /* 512px; */
  /* margin-top: -352px; */
  margin-top: -250px;
  background-color:transparent;
  
}

.logo-letter {
  display: flex;
  align-items: flex-end;
  /* align-items: center; */
  /* flex-basis: 0; */
  flex-grow: 1;
  overflow: hidden;
  height: 100%;
  /* max-height: 100%; */
  /* width: 15%; */
} 

/* .logo-letter object {
  width: max-content;
  height: 100%;
} */

/* .bounced {
  transform-origin: 50% 100% 0px;
  transform: translateY(200px) scaleX(.55) scaleY(.8);
} */

.logo-animation .logo-letter object {
  /* overflow: visible;
  fill: none;
  fill-rule: evenodd; */
}

/** headline **/

/* .headline-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.headline-image-container {
  position: relative;
}

.headline-button {
  position: absolute;
  bottom: 100px;
  left: 10px;
  width: 100px;
} */

#hedline-slideshow polyline {
  stroke: #F00;
  stroke-width: 3px;
}

.headline-image {
  width: auto;
  height: 100%;
}

/** **/

/** /logo **/

.uk-dotnav > .uk-active > *  {
  border-color: #ea1c24 !important;
  color: #ea1c24 !important;
  background-color: #ea1c24 !important;

}

.uk-dotnav > li > * {
  border-top-color: #AAAAAA !important;
  
  
  border-color: #AAAAAA !important;
  border-color: #AAAAAA !important;
  background-color: #AAAAAA !important;
}

.div-1 {
    /* height: 60vh;
    background-color: #000; */
    background-color: pink;
}

/* .div-1 > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    height: 100%;
    min-height: 460px;
    max-height: 460px;
} */

.div-2 {
/*     height: 60vh;
    background-image: url(../../content/image/team.jpg);
    background-size: cover;
    background-position: center;

    color:red; */
    background-color: #000;
}

/* .div-2 > img {
     width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      
      min-height: 460px;
    max-height: 460px;
  } */


.div-3 {
    background-color: #0000FF;
}

.div-4 {
    height: 60vh;
    background-color: #000;
}

.div-4 > img {
    /* width: 100%; */
    height: 100%;
    object-fit: contain;
}

.section-header-text {
    font-family: 'Open Sans Bold';
    font-size: 48px;    
}

.section-header-text-light {
  color: var(--dark-white);
}

.catch-phrase-section {
    /* background-color: var(--dark-blue); */
    background-color: var(--blue-0);
}

/* .catch-phrase-container {
    height: 80vh;
    width: 100%; 
} */

.catch-phrase-shape {
    shape-outside: ellipse(100px 200px at 50% 50%);
    width: 300px;
    height: 500px;
    float: left;
    opacity: .2;
}

.ellipse {
    width: 120px;
    height: 400px;
    float: right;
    shape-outside: ellipse(100px 120px at 50% 50%) padding-box;
    clip-path: ellipse(100px 120px at 50% 50%);
    /* padding-box: 15px; */
  }

.catch-phrase-text {
    color: var(--dark-white);;
    /* shape-outside: circle(50%); */
}
  
  .news-teaser-section {
    /* background-color: var(--dark-blue); */
    background-color: var(--blue-0);
  }
  
  .news-teaser {
    margin-bottom: 1.5rem;
    background-color: var(--blue-0);
    border-bottom-color: var(--light-red);
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }

  @media only screen and (min-width: 600px) {
    .news-teaser-col-end {
        border-bottom-style: none;
    }
  }

  .catch-phrase-section {
    /* background-color: var(--dark-blue); */
    background-color: var(--blue-0);
}

/** mission **/

.mission-section {
  background-color: #FFF;
}

/** /mission **/

/** emotion **/

.emotion-section {
  background-color: #FFF;
}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* Icons */
.icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}

.details {
	position: fixed;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	/* padding: 40vh 0 10vh 10vw; */
  /* padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0; */

  /* margin-top: 0;
  margin-right: 0;
  margin-bottom: 0; */
  /* margin-left: 10px; */

	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	pointer-events: none;
  /* padding: 150px; */
  /* background-color: #FFF; */
}

.details--open {
	pointer-events: auto;
  background-color: #FFF;
}

.details > * {
	position: relative;
	opacity: 0;
}

.details__description {
	line-height: 1.5;
	font-weight: bold;
	max-width: 50%;
	margin: 2em 0 0 0;
	/* color: var(--color-details-desc); */
  color:#ea1c24;
}

.details__close {
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	background: none;
	margin: 2em;
	cursor: pointer;
	font-size: 0.85em;
  color: #000;
}

/** /emotion **/

/** club **/

.club-section {
  background-color: var(--blue-0);
}

#counter-container {
  margin: auto;
  width: 50%;
  padding: 10px;
  text-align: center;
}

.counter {
  /* margin: 50px auto;
  width: 50%;
  text-align: center; */
  /* width: 100%; */
  /* text-align: center; */
}

.counter input {
  /* margin: 50px auto;
  width: 50%; */
  /* width: 100%; */
  /* width:max-content; */
  text-align: center;
  border: none;
  pointer-events: none;
  font-family: 'Rock Salt';
  font-size: 3em;
  font-weight: 900;
  color: #FFF;
  background: transparent;
}

.counter-suffix {
  font-family: 'Rock Salt';
  font-size: 2em;
  font-weight: 900;
  color: #FFF;
}

.counter-label {
  font-family: 'Open Sans';
  font-size: 1em;
  font-weight: 400;
  color: #FFF;
  width: 100%;
}

/** /club **/


.training-section {
  background-color: #a1F1a1;
}

/** **/

/* #tactics-sketch-svg-arrow-1 {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: dash 10s linear;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
} */

.path {
  stroke: #FFF;
  stroke-width: 15px;;
/*   fill: #FFF; */
}

.animated-path {
  stroke: #ea1c24;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  /* animation: marcus 5s linear alternate infinite; */
  animation: dash 1s linear forwards;
}

@keyframes dash {
  /* from {
    stroke-dashoffset: 1;
  } */
  to {
    stroke-dashoffset: 0;
  }
}

/** teams **/

.teams-section {
  background-color: #FFF;
}

/** /teams **/

/* .teams-accordion-title {
  padding-top: 20px;
  padding-bottom: 20px;
}

.teams-accordion-title-blue {
  color:#FFF;
  background-color: var(--blue-0) !important;
} */

.uk-accordion-title::before {
float: left !important;
background-image: url(../../asset/iconmonstr-plus-thin.svg);
}



/** **/


  .news-teaser-last {
    border-bottom-style: none;
}
  
  .news-teaser-header {
    border-bottom-color: var(--light-red);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 10px;
    
  }

  .news-teaser-title {
    color: var(--dark-white);
    font-size: 1.5rem;
    font-weight: 900;
  }

  .news-teaser-meta-text {
    color: var(--dark-white);
    font-size: 0.8rem;
    font-weight: 700;
}


  .news-teaser-meta-date {
    color: var(--light-red);
    font-size: 0.8rem;
    font-weight: 700;
}
  
  .news-teaser-text {
    color: var(--dark-white);
    font-size: 0.9rem;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
  }


.teaser-container {

/* background-color:rgba(245, 51, 212, 0.7); */

    /* margin-top: 20px;*/
    margin-bottom: 20px !important;
    padding-top: 20px;
    padding-bottom: 20px;

    border-top-style: solid;
    border-top-color: #333;
    border-top-width: 1px;

    border-bottom-style: solid;
    border-bottom-color: #333;
    border-bottom-width: 1px;
}

.background-test {
    width: 100%;
    /* height: 60vh; */
    /* background-color: #000; */
    /* background-image: url(../../asset/478_1.png); */
    /* background-image: url(../../content/image/arena.jpg); */
    background-attachment: fixed;
    background-position-y: 0%;
    background-repeat: no-repeat;
    /* background-blend-mode: difference; */
    /* background:linear-gradient(0deg, rgba(255, 0, 150, 0.1), rgba(255, 0, 150, 0.1)), url(../../content/image/arena.jpg); */
    background-image:linear-gradient(0deg, rgba(4, 31, 86, 0.7), rgba(4, 31, 86, 0.7)), url(../../content/image/arena.jpg);
    
}

/* hr.news-divider {
    height: 0px;
    border: none;
    border-top: 1px solid white;
    opacity: 0.25;
} */

.sponsoring-container {
    width: 100%;
    /* height: 550px; */
    color: #fff;
    background-image:linear-gradient(230deg, rgba(245, 51, 212, 0.7), rgba(36, 97, 187, 0.7)), url(../../content/image/arena.jpg);  
}

.greeting-section {
    width: 100%;
    padding: 0px;
    background-color: #fff;
}

.greeting-container {
    width: 100%;
    position: relative;
    /* background-color: #fff; */
    padding: -1px;
    
    /* background-image:url(../../asset/logo_small.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 200px, 200px; */
}

.greeting-image-container {
    width: 100%;
    max-height: 750px;
    /* background-color: #fff;  /* rgba(4, 31, 86, 0.7); */
    display: flex;
    justify-content: center;
}

.greeting-image {
    float: left;
    /* height: 100%; */
    /* width: 30%; */
    overflow: hidden;
}

@media (min-width:640px) {
    .greeting-image {
      width: 50%;
    }
}

@media (min-width:960px) {
    .greeting-image {
      width: 20%;
    }
}
  

.greeting-image-1 {
    /* background-color: #fff; */
}

.greeting-image-2 {
    /* background-color: #fff; */
}
  
/** partner **/

.partner-section {
  padding: 0px;
  background-color: #fff;
}

/** /partner **/

/* .background-partner {
    background-color: #000;
} */

/* @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/ng/fonts/OpenSans-Regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/ng/fonts/OpenSans-ExtraBold.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }  

@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/ng/fonts/Pacifico-Regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Permanent Marker';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/ng/fonts/PermanentMarker-Regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Rock Salt';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/ng/fonts/RockSalt-Regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  } */
  
  .teaser-header-text {
    font-family: 'Pacifico', cursive;
    font-size: 48px;
  }

.teaser {
    height: 100%;
    padding: 10px;
}

.teaser-1 {
    background-color: #e7e6e0;
    /* background-image: url(../../content/image/trikot-78-transparent-low-contrast.png); */
    background-image:linear-gradient(0deg, rgba(4, 31, 86, 0.7), rgba(4, 31, 86, 0.7)), url(../../content/image/trikot-78-transparent-low-contrast.png);
    background-size: cover;
    background-position: center;  
}

.teaser-2 {
    background-color: #03878f; 
}

.teaser-3 {
    color: black;
    background-color: #ed5958;
}

.teaser-4 {
    color: black;
    background-color: #68c6a4;
}

.teaser-5 {
    background-color: #113245;
}

.teaser-6 {
    background-color: #f2b531;
}

.test-permanent-marker {
    font-family: 'Permanent Marker', cursive;
    font-size: 3em;
    font-style: italic;
}

.test-rock-salt {
    font-family: 'Rock Salt', cursive;
    font-size: 3em;
    font-style: italic;
    font-weight: 900;
}

/** fixture **/

/* .fixture-box {
  position: relative !important;
  overflow: hidden !important;
  height: 300px;
  padding-top: 20px;
  padding-left: 70px;
  border-color: var(--dark-white);
  border-width: 3px;
  border-style: solid;
  transform: skewX(20deg);
  transform-origin: top left;
} */

/* .fixture-box::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -30%;
  left: -50%;
  z-index: -1;
  background-image:linear-gradient(50deg, rgba(4, 31, 86, 0.2), rgba(4, 31, 86, 0.7)), url(../../asset/logo_small.png);
  background-repeat: no-repeat;
  background-position: center;  
  transform: rotate(20deg);
} */

.fixture-box {
  position: relative !important;
  overflow: hidden !important;
  height: 300px;
  /* padding-top: 20px;
  padding-left: 70px; */
  /* border-color: var(--dark-white); */
  border-color: #FFF;
  border-width: 0px;
  border-style: solid;
  /* transform: skewX(-2deg) rotate(2deg); */
  transform: skewX(20deg);
  transform-origin: top left;
  /* background-color: #113245; */
  /* background-color: rgba(150,150,150,0.8); */
  background-color: pink;
  overflow: hidden;
}

/* .fixture-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9)
} */

/* .fixture-box > * {
  transform: skew(-20deg);
} */

.fixture-image {
  /* transform: skewX(-20deg); */
  width: 180%;
  height: 100%;
  display: block;
  transform: skew(-20deg) scaleX(1.6);
  /* margin:0 0%; */
}

.fixture-box-content {
  color:#FFF;
  font-family: 'Open Sans Bold';
  transform: skewX(-20deg);
}

.fixture-box-team {
  font-size: 1.5em;
  font-weight: 900;

}

/** /fixture**/

/** member **/
.member-section {
  background-color: var(--blue-0);
}
/** /member **/