@charset "UTF-8";
/* CSS Document */

/* domine-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Domine';
  font-style: normal;
  font-weight: 400;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/domine-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* domine-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Domine';
  font-style: normal;
  font-weight: 500;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/domine-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* domine-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Domine';
  font-style: normal;
  font-weight: 600;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/domine-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* domine-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Domine';
  font-style: normal;
  font-weight: 700;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/domine-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('https://thor-sportsagency.com/typo3conf/ext/sitepackage/Resources/Public/Fonts/open-sans-v40-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

* {-webkit-font-smoothing: antialiased;}

:root {
	--color-light-shades: #F5F4EE;
	--color-light-accent: #989D9E;
	--color-main-brand: #E9CB5A;
	--color-dark-accent: #84715B;
	--color-dark-shades: #000000;
	
}

.mainbrand{
	background-color: var(--color-main-brand);
	color: var(--color-light-shades);
}

.light-shades{
	background-color: var(--color-light-shades);
	color: var(--color-dark-shades);
}

.dark-shades{
	background-color: var(--color-dark-shades);
	color: var(--color-light-shades);
}

.light-accent{
	background-color: var(--color-light-accent);
	color: var(--color-dark-shades);
}

.dark-accent{
	background-color: var(--color-dark-accent);
	color: var(--color-light-shades);

}

.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

p{
	font-family: 'Domine';
	font-size: 1.1em;
	line-height: 1.5;
	font-weight: 300;
}

strong{
	font-weight: 600 !important;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans';
	font-weight: 400;
}

h1{
	font-size: 3em;
	font-family: 'Domine';
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-main-brand);
}

h2{
	font-size: 2em;
}

@media (max-width:768px){
	h1{
		font-size: 2em;
	}
	
	h2{
		font-size: 1.5em;
	}
}



.btn-primary{
	background-color: var(--color-main-brand);
	border-color: var(--color-main-brand);
}

.btn-primary:hover{
	background-color: #dbba53;
	border-color: #dbba53;
}

.content{
	padding-left: 5vw;
	padding-right: 5vw;
	padding-top: 10vh;
	padding-bottom: 10vh;
}

.content-pic{
	padding: 5vh;
}


/* HEADER VARIANTE 1 */

#headmenu1{
	border-bottom: .5px solid var(--color-dark-shades);
	padding-top: 3vh;
	display: flex;
	
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 3px 3px 5px 3px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 3px 3px 5px 3px rgba(0,0,0,0);

}


@media (min-width:769px){
	#headmenu1{
		padding-top: 0;

	}
} 

#headmenu1 #logo{
	width: 15vw;
	float: left;
	padding: 2vh;

}


#headmenu1 #mainmenu{
	width: 85vw;
	float: left;	
	
}

@media (max-width:768px){
	#headmenu1 #logo{
		width: 60vw;
		float: left;
		padding: 2vh;
	}
	
	#headmenu1 #mainmenu{
		width: 40vw;
		float: left;	

	}	
}	 



#headmenu1 #mainmenu .container-fluid{
	justify-content: flex-end;
}


#headmenu1 .navbar{
	
}

.navbar-toggler-icon{
	filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(128%) hue-rotate(61deg) brightness(113%) contrast(100%);
}

#headmenu1 .navbar-nav{
	margin-right: 4vw;
}

#headmenu1 .navbar-brand{
	color: var(--color-main-brand);
}

#headmenu1 .nav-link{
	color: var(--color-light-shades);
	font-family: 'Lora';
	font-size: 1.2em;
}

#headmenu1 .nav-link:hover{
	color: var(--color-main-brand);	
}

#headmenu1 .offcanvas{
	color: var(--color-dark-shades);
	background-color: var(--color-main-brand);
	max-width: 70%;
}

#headmenu1 .offcanvas .nav-item a{
	color: var(--color-dark-shades);

}

#headmenu1 .offcanvas .nav-item a:hover{
	color: var(--color-light-shades);

}

#headmenu1 .offcanvas-logo{
	background-color: #000;
}

#headmenu1 .offcanvas .nav-link:hover{
	color: var(--color-main-brand);	
}


#headmenu1 .offcanvas .dropdown-menu a{
	white-space: pre-wrap
}


#headmenu1 .offcanvas-logo{
	padding: 20px;
	border: 1px solid var(--color-dark-shades);
}


/* ENDE HEADER VARIANTE 1 */

/* HEADSLIDER */

#headslider{
	position: relative;
	height: 80vh;
	overflow: hidden;
}

#headslider .image-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, rgba(000,000,000,0) 0%, rgba(000,000,000,1) 100%);
  pointer-events: none; /* Damit es keine Klicks blockiert */
}

#headslider img{
	width: 100%;
	height: auto;
	animation: shrink 10s ease-out forwards;

}

@keyframes shrink {
      0% {
        transform: scale(1.1); /* Bild startet größer */
      }
      100% {
        transform: scale(1); /* wird kleiner beim Laden */
      }
    }

#headslider .carousel-caption{
	position: absolute;
	top: 20vh;
	left: 5vw;
	text-align: left;
	border-left: 8px solid var(--color-light-shades);
	height: 40vh;
	padding-left: 1vw;
	
}

#headslider .carousel-caption h1{
	font-size: 6em;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-main-brand);
}

#headslider .carousel-control-prev, #headslider .carousel-control-next{
	width: 5%;
} 

#headslider .carousel-caption h1{
	font-size: 3em;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-main-brand);
}

@media (max-width:768px){
	#headslider{
		height: 90vh;
	}
	
	#headslider img{
		width: 300%;
		height: auto;
	}
	
	#headslider .carousel-caption{
		top: 2vh;
		line-height: 1.2 !important;
	}

	
	#headslider .carousel-caption h1{
		font-size: 1.5em;
	}
	
	#headslider .carousel-caption p{
			line-height: 1.2 !important;
		}
	
	
	
}


/* ENDE HEADSLIDER */


/* WELCOME */

#welcome img{
	width: 100%;
	height: auto;
}

/* ENDE WELCOME */



/* ANFORDERUNGSPROFIL */

#anforderungspic{
	
}

#anforderungspic img{
	width: 100%;
	height: auto;
}

#anforderungstext{
	padding-left: 5vw;
	padding-right: 5vw;
	padding-bottom: 10vh;
}

#carouselExampleAutoplaying2{
	margin-top: 5vh;
	text-align: center;
	padding-left: 15%;
	padding-right: 15%;
}


#carouselExampleAutoplaying2 h2{
	font-size: 2em;
	font-family: 'Domine';
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-main-brand);
	margin-bottom: 5vh;
}

@media (max-width:768px){
	#carouselExampleAutoplaying2 h2{
		font-size: 1em;
	}
}

#carouselExampleAutoplaying2 img{
	filter: invert(80%) sepia(100%) saturate(367%) hue-rotate(328deg) brightness(96%) contrast(89%);
	width: 10%;
	height: auto;
	padding-bottom: 5vh;


}

#carouselExampleAutoplaying2 .carousel-control-prev, #carouselExampleAutoplaying2 .carousel-control-next{
	width: 5%;
} 

/* ENDE ANFORDERUNGSPROFIL  */

/* VISION */
#vision{
	position: relative;
}

#vision-bg{
	height: 100vh;
	overflow: hidden;
}

#vision-bg .image-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(000,000,000,0) 0%, rgba(000,000,000,0.8) 60%);
  pointer-events: none; /* Damit es keine Klicks blockiert */
}

#vision-bg img{
	width: 100%;
	height: auto;
}

#vision-text{
	position: absolute;
	top: 10vh;
	padding: 5vh;
}

#vision-text h2{
	font-size: 3em;
	font-family: 'Domine';
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-main-brand);
	margin-bottom: 5vh;
}

@media (max-width:768px){
	vision-text{
		position: absolute;
		top: 10vh;
		padding: 1vh;
	}
	
	#vision-text h1{
		font-size: 1em;
	}
	
	#vision-bg{
	height: 50vh;
	overflow: hidden;
}
	
}

/* ENDE VISION */


/* KERNWERTE */


#werte{
	position: relative;
}

#werte .kernwert{
	padding: 10vh;
}

#werte .kernwert-text{
	position: absolute;
	top: -25vh;
	left: 20vw;
	width: 40vw;
	height: 50vh;
	display: none;
	z-index: 100;
	background-color: var(--color-light-shades);
	color: var(--color-dark-shades);
	border: 2px solid var(--color-main-brand);
	overflow: hidden;
}

#werte .kernwert:hover .kernwert-text{
	display: block;
}

#werte .kernwert-text2{
	left: 40vw;
}

#werte .kernwert-text3{
	left: 10vw;
}

#werte .kernwert-text4{
	left: 30vw;
}


#werte .kernwert-text .kernwert-text-inner{
	padding: 5vh;
}

#werte .kernwert-text .bg-image{
	position: absolute;
	top: 0;
	z-index: -10;
	overflow: hidden;
	opacity: .3;
}

#werte .kernwert-text .bg-image img{
	width: 130%;
	height: auto;
}


#kernwert-t {
  animation-name: t-grow;
  animation-duration: 20s;
  animation-iteration-count: infinite;

}


#kernwert-h {
  animation-name: h-grow;
  animation-duration: 20s;
  animation-iteration-count: infinite;

}

#kernwert-o {
  animation-name: o-grow;
  animation-duration: 20s;
  animation-iteration-count: infinite;

}

#kernwert-r {
  animation-name: r-grow;
  animation-duration: 20s;
  animation-iteration-count: infinite;

}

@media (max-width:768px){
	
	#werte .kernwert{
		padding: 2vh !important;
	}
	
	#werte .buchstabe{
		display: none;
	}
	
	#werte .kernwert-text{
		position: relative;
		display: block;
		height: 70vh;
		width: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	#werte .kernwert-text .kernwert-text-inner{
		padding: 2vh;
	}
	#werte .kernwert-text .bg-image img{
		width: 300%;
		height: auto;
	}
	
	#kernwert-t, #kernwert-h, #kernwert-o, #kernwert-r{
		animation-play-state: paused;
	}
	
	
}


@keyframes t-grow {
    0% {
        padding: 10vh;
    }
	
    12.5% {
        padding: 8vh;
    }
	
	25% {
        padding: 10vh;
    }

    100% {
        padding: 10vh;
    }
}

@keyframes h-grow {
    0% {
        padding: 10vh;
    }
	
    25% {
        padding: 10vh;
    }
	
	37.5% {
        padding: 8vh;
    }
	
	50% {
        padding: 10vh;
    }

    100% {
        padding: 10vh;
    }
}

@keyframes o-grow {
    0% {
        padding: 10vh;
    }
	
    50% {
        padding: 10vh;
    }
	
	67.5% {
        padding: 8vh;
    }
	
	75% {
        padding: 10vh;
    }

    100% {
        padding: 10vh;
    }
}

@keyframes r-grow {
    0% {
        padding: 10vh;
    }
	
    75% {
        padding: 10vh;
    }
	
	87.5% {
        padding: 8vh;
    }

    100% {
        padding: 10vh;
    }
}

@keyframes nogrow {
    0% {
        padding: 10vh;
    }
	
    100% {
        padding: 10vh;
    }
}

@keyframes staygrow {
    0% {
        padding: 10vh;
    }
	
    100% {
        padding: 8vh;
    }
}


/* ENDE KERNWERTE */

/* FOOTER */

#footer #footerlogo{
	position: relative;
}

#footer #footerlogo img{
	position: absolute;
	bottom: 0;
}

#footer .footersymbolitem{
	font-size: 1em;
	font-weight: 400;
	padding: 5vw;
	padding-bottom: 0;
}

#footer .footersymbolitem h5{
	font-size: 1.2em;
	font-weight: 600;

}

#footer .footersymbolitem img{
	filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(128%) hue-rotate(61deg) brightness(113%) contrast(100%);
	transition: .1s;
	width: 30%;
	height: auto;
	margin-bottom: 2vh;
	
}

#footer .footersymbolitem img:hover{
	filter: brightness(0) saturate(100%) invert(89%) sepia(42%) saturate(723%) hue-rotate(333deg) brightness(96%) contrast(90%);
}

#footer #footersocials{
	
}

#footer #footersocials img{
	width: 25%;
	height: auto;
	float: left;
	filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(128%) hue-rotate(61deg) brightness(113%) contrast(100%);
}

#footer #footerimprint{
	text-align: right;
	
}

#footer #footerimprint a{
	padding-right: 1vw;
	padding-left: 1vw;
	border-right: 1px solid var(--color-light-shades);
	
}

#footer .footer-navitem{
	list-style-type: none;
	float: right;
	
}

#footer a{
	text-decoration: none;
	color: var(--color-light-shades);

}


#footer a:hover{
	color: var(--color-main-brand);
}

@media (max-width:768px){
	#footer #footerlogo img{
		position: relative;
	}
	
	#footer .footersymbolitem{
		text-align: center;
		margin-top: 5vh;
	}
	
	#footer #footersocials{
		margin-top: 5vh;
		margin-left: 6vh;
	}
	
	#footer #footerimprint{
		margin-top: 5vh;
		text-align: center;
	}
}


/* ENDE FOOTER */


/* UNTERSEITE HEADERBILD */

#sub_headpic{

}

#sub_headpic img{
	width: 100%;
	height: auto;
}

@media (max-width:768px){
	#sub_headpic{
		height: auto;
	}
	
	#sub_headpic img{
		width: 100%;
		height: auto;
	}
}


/* ENDE UNTERSEITE HEADERBILD */

/* UNTERSEITE CONTENT */

#maincontent{
	padding-right: 2vw;
}

#maincontent a{
	color: var(--color-light-shades);
}


@media (min-width:769px){
	#maincontent form{
		width: 50%;
	}
	
}


#maincontent .frame{
	margin-bottom: 5vh;
}

#sidecontent{
	border-left: 1px solid var(--color-light-shades);
	padding-left: 2vw;
}

/* ENDE UNTERSEITE CONTENT */