/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
@keyframes sponsoren {
  0% {
    opacity: 1;
	transform: translate(0,0);
  }
  50% {
    opacity: 0;
	transform: translate(30px,-30px);
  }
  51% {
    opacity: 0;
	transform: translate(-30px,30px);
  }
  100% {
    opacity: 1;
	transform: translate(0,0);
  }
}
@keyframes sponsoren_dot {
  0% {
	transform: translateY(0);
  }
  50% {
	transform: translateY(10px);
  }
  100% {
	transform: translateY(0);
  }
}


body {
	/*hyphens: auto;*/
}

a:focus-visible {
    outline: solid 3px;
}

#the7-body .dt-nav-menu-horizontal {
	flex-wrap: nowrap;
}

.menu-text {
    white-space: nowrap;
}

section.the7-e-sticky-active,
section.the7-e-sticky-active.e-con {
	z-index: auto;
}

#page {
	max-height: 100vh;
	overflow: visible;
}
/*
header {
    pointer-events: none;
}

.horizontal-menu-toggle,
.dt-nav-menu-horizontal--main {
    pointer-events: all;
}
*/

.dt-nav-menu-horizontal .menu-item:not(.kontakt) a:after {
    content: '';
    display: block;
    border-bottom: solid 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    transform: translateY(10px);
    transition: .25s transform, .25s opacity;
    opacity: 0;
}

.dt-nav-menu-horizontal .menu-item:not(.kontakt) a:hover:after {
    opacity: 1;
    transform: translateY(0);
}

#stickyNav a {
	color: #fff;
	transition: .4s all;
}

#stickyNav a .menu-item-text {
	transition: none;
}

#stickyNav li.kontakt a:hover {
	color: var( --e-global-color-primary );
	border-color: #fff;
	background: #fff;
}

.bg-hell #stickyNav a {
	color: var( --e-global-color-primary );
}

.bg-hell #stickyNav li.kontakt a:hover {
    color: #fff;
    background: var( --e-global-color-primary );
    border-color: var( --e-global-color-primary );
}

.horizontal-menu-toggle {
    transform: skewX(-10deg);
}

/* Sponsoren Boxen */
#sponsoren a {
	--row-gap: 30px;
}

#sponsoren a:before,
#sponsoren a:after {
    content: '';
    background: #fff;
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 38px;
    font-weight: 300;
    position: relative;
	margin: -10px -10px -10px auto;
	color: var( --e-global-color-secondary );
	transition: .2s transform ease-out;
}

#sponsoren a:after {
    content: '🡕';
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="%2317e9e0" d="M2.05 27.95 0 25.85l22.7-22.7-11.85-.8L13.2 0l13.95.8.85 13.95-2.4 2.35-.85-11.8z"/></svg>') center no-repeat;
	background-size: 48%;
    position: absolute;
    right: 20px;
}

@media (min-width: 768px) {
	#sponsoren a {
		--row-gap: 50px;
	}

	#sponsoren a:before,
	#sponsoren a:after {
		margin: -20px -20px -10px auto;
		width: 64px;
		height: 64px;
		line-height: 64px;
		font-size: 50px;		
	}

	#sponsoren a:after {
		right: 40px;
	}
}

@media (max-width: 767px) {
	#_olympia {
		position: relative !important;
		top: 0 !important;
	}
}

#sponsoren a:hover:after {
	animation: .4s linear 0s sponsoren;
}

#sponsoren a:hover:before {
	animation: .25s ease-out 0s sponsoren_dot;
}