:root {
--shot-color: rgb(46,168,54);
--arena-color: rgb(198,22,41);
--academy-color: rgb(37,112,167);
--activities-color: rgb(189,177,49);
--corner-color: rgb(112,111,111);
--news-color: rgb(46,168,54);
--shot-color-light: rgba(46,168,54,0.2);
--arena-color-light: rgba(198,22,41,0.2);
--academy-color-light: rgba(37,112,167,0.2);
--activities-color-light: rgba(189,177,49,0.2);
--corner-color-light: rgba(112,111,111,0.2);
--news-color-light: rgba(46,168,54,0.2);
}


.header-area,
.header-area1.sticky {
	background-color: #ffffff;
}
.header-area.main {
	background-color: transparent;
}

.inner-hero {
	min-height: 250px;
}
.inner-hero::after {
	background-color: transparent;
	background-position: center;
}
.shot .inner-hero::after {
	background-image: url(../../assets/img/bg/hero2-slider-bg1.jpg);
}
.arena .inner-hero::after {
	background-image: url(../../assets/img/bg/hero2-slider-bg2.jpg);
}
.academy .inner-hero::after {
	background-image: url(../../assets/img/bg/hero2-slider-bg3.jpg);
}
.activities .inner-hero::after {
	background-image: url(../../assets/img/bg/hero2-slider-bg4.jpg);
}
.corner .inner-hero::after {
	background-image: url(../../assets/img/bg/hero2-slider-bg5.jpg);
}
.news .inner-hero::after {
	background-image: url(../../assets/img/bg/hero2-slider-bg6.jpg);
}

.inner-hero .main-heading h1 {
	color: var(--White-colors, #fff);
	}

.shot ul, .arena ul, .academy ul, .activities ul, .corner ul, .news ul {
  list-style: disc;
  list-style-position: inside;
}
.shot ul li::marker { color: var(--shot-color); }
.arena ul li::marker { color: var(--arena-color); }
.academy ul li::marker { color: var(--academy-color); }
.activities ul li::marker { color: var(--activities-color); }
.corner ul li::marker { color: var(--corner-color); }
.news ul li::marker { color: var(--news-color); }
.shot ul li ul, .arena ul li ul, .academy ul li ul, .activities ul li ul, .corner ul li ul, .news ul li ul,
.shot ul li ul li ul, .arena ul li ul li ul, .academy ul li ul li ul, .activities ul li ul li ul, .corner ul li ul li ul, .news ul li ul li ul {
  padding-left: 20px;
}

.ic__on {
	background-color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	width:100%;
	text-align: left;
}  
.ic__on img {
	max-height: 45px;
}
.site-logo {
	max-width: 250px;
}

.site-logo img {
    width: 250px;
}

.footer2 .footer-list.list ul li a:hover {
	color: var(--shot-color);
}

.preloader2,
.theme-btn4::before,
.theme-btn5::before,
.theme-btn4.anmelden::after {
	background-color: #9F9F9F;
}


.box_row {
    display: flex;
    flex-wrap: wrap;
}
.box_col {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    flex: 1 1 auto;
}
.box_row > div {
    align-items: stretch;
}
.service2 .service2-box.box1::before {
  background-image: url(../img/service/service2-img2.png);
}
.service2 .service2-box.box2::before {
  background-image: url(../img/service/service2-kurse.png);
}
.service2 .service2-box.box3::before {
  background-image: url(../img/service/service2-events.png);
}
.service2 .service2-box.box4::before {
  background-image: url(../img/service/service2-shop.png);
}

.arena .contact-page-sec .contact-page-box,
.arena .heading1 span.span {
	background-color: var(--arena-color-light);
}
.activities .heading1 span.span {
	background-color: var(--activities-color-light);
}
.academy .heading1 span.span {
	background-color: var(--academy-color-light);
}
.corner .heading1 span.span {
	background-color: var(--corner-color-light);
}
.news .heading1 span.span {
	background-color: var(--news-color-light);
}
.shot .heading1 span.span {
	background-color: var(--shot-color-light);
}





.arena .contact-page-sec .contact-page-box:hover,
.arena .theme-btn1,
.arena .theme-btn1::after,
.arena .theme-btn4::after,
.theme-btn4.arena::after,
.service2 .service2-box.box1 .button::before {
	background-color: var(--arena-color);
}
.arena .theme-btn1 span.arrow {
	color: var(--arena-color);
}
.academy .theme-btn1,
.academy .theme-btn1::after,
.theme-btn1.academy,
.theme-btn1.academy::after,
.theme-btn4.academy::after,
.service2 .service2-box.box2 .button::before {
	background-color: var(--academy-color);
}
.academy .theme-btn1 span.arrow,
.theme-btn1.academy span.arrow {
	color: var(--academy-color);
}
.activities .theme-btn1,
.activities .theme-btn1::after,
.theme-btn1.activities,
.theme-btn1.activities::after,
.theme-btn4.activities::after,
.service2 .service2-box.box3 .button::before {
	background-color: var(--activities-color);
}
.activities .theme-btn1 span.arrow,
.theme-btn1.activities span.arrow {
	color: var(--activities-color);
}
.corner .theme-btn1,
.corner .theme-btn1::after,
.theme-btn1.corner,
.theme-btn1.corner::after,
.theme-btn4.corner::after,
.service2 .service2-box.box4 .button::before {
	background-color: var(--corner-color);
}
.corner .theme-btn1 span.arrow,
.theme-btn1.corner span.arrow {
	color: var(--corner-color);
}
.news .theme-btn1,
.news .theme-btn1::after,
.theme-btn1.news,
.theme-btn1.news::after,
.theme-btn4.news::after,
.service2 .service2-box.box5 .button::before {
	background-color: var(--news-color);
}
.news .theme-btn1 span.arrow,
.theme-btn1.news span.arrow {
	color: var(--news-color);
}


.service2 .service2-box {
    height: 100%;  
    padding-bottom: 100px;
}
.service2 .service2-box .button {
    position: absolute;
    bottom: 32px;
}


.footer2 .footer-logo-area .social-icons ul li a,
.footer2 .footer-list form input {
	background-color: #EFEFEF;
}


.header-area.header-area2 .header-elements .main-menu-ex ul li a {
	color: #000000;
}


.header-area.header-area2 .header-elements .main-menu-ex ul li.shot ul li a:hover::after {
	background-color: var(--shot-color);
}
.header-area.header-area2.shot .header-elements .main-menu-ex ul li a:hover,
.header-area.header-area2 .header-elements .main-menu-ex ul li.shot ul li a:hover {
	color: var(--shot-color);
}
.header-area.header-area2 .header-elements .main-menu-ex ul li.arena ul li a:hover::after {
	background-color: var(--arena-color);
}
.header-area.header-area2.arena .header-elements .main-menu-ex ul li a:hover,
.header-area.header-area2 .header-elements .main-menu-ex ul li.arena ul li a:hover {
	color: var(--arena-color);
}
.header-area.header-area2 .header-elements .main-menu-ex ul li.academy ul li a:hover::after {
	background-color: var(--academy-color);
}
.header-area.header-area2.academy .header-elements .main-menu-ex ul li a:hover,
.header-area.header-area2 .header-elements .main-menu-ex ul li.academy ul li a:hover {
	color: var(--academy-color);
}
.header-area.header-area2 .header-elements .main-menu-ex ul li.activities ul li a:hover::after {
	background-color: var(--activities-color);
}
.header-area.header-area2.activities .header-elements .main-menu-ex ul li a:hover,
.header-area.header-area2 .header-elements .main-menu-ex ul li.activities ul li a:hover {
	color: var(--activities-color);
}
.header-area.header-area2 .header-elements .main-menu-ex ul li.corner ul li a:hover::after {
	background-color: var(--corner-color);
}
.header-area.header-area2.corner .header-elements .main-menu-ex ul li a:hover,
.header-area.header-area2 .header-elements .main-menu-ex ul li.corner ul li a:hover {
	color: var(--corner-color);
}
.header-area.header-area2 .header-elements .main-menu-ex ul li.news ul li a:hover::after {
	background-color: var(--news-color);
}
.header-area.header-area2.news .header-elements .main-menu-ex ul li a:hover,
.header-area.header-area2 .header-elements .main-menu-ex ul li.news ul li a:hover {
	color: var(--news-color);
}


.arena .pricing-page-sec .pass-box .pass-list .single-list .check-list .check-icon.plus {
	background-color: var(--arena-color);
}
.sp.inhalt,
.arena .sp {
	padding: 100px 0px 0px 0px;
}
.arena .pricing-page-sec .pass-box {
	background-color: var(--arena-color-light);
}


.team-block {
	padding: 32px;
	border-radius: 5px;
	position: relative;
	margin: 0px 5px;
}
.team-block .qute {
	height: 40px;
	width: 40px;
	position: absolute;
	right: 40px;
	bottom: 40px;
}
.shot .team-block {
	background-color: var(--shot-color-light);
}
.academy .team-block {
	background-color: var(--academy-color-light);
}



.footer2 .copyright-area a:nth-child(2)::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 5px;
	height: 14px;
	width: 1px;
	background-color: var(--vtc-text-pera-1);
}
.footer2 .copyright-area a:nth-child(2) {
	padding-right: 20px;
}

.details-sidebar,
.blog-page-all .blog-box {
	background-color: var(--shot-color-light);
}
.details-sidebar .sidebar-box .recent-box .heading h5 a:hover,
.blog-page-all .blog-box .heading1 h5 a:hover,
.blog-page-all .blog-box .heading1 a.learn:hover {
	color: var(--shot-color);
}
.details-sidebar .tag-list li a:hover {
	background-color: var(--shot-color);
}
.blog-page-all .blog-box .image img {
	width: auto;
	height: 280px;
	max-width: none;
	max-height: none;
}

.mobile-nav ul .fa-solid {
	display: none;
}
.header2-top {
	padding: 24px 0px 77px 0px;
	background-color: #c7c7c7;
}
#anmeldungTestwochen-113 .form-check {
	display: inline-block;
	width: 18%;
    padding-left: 5px;
}
#anmeldungTestwochen-113 .form-check:nth-child(26) {
	width: 100%;
}
#anmeldungTestwochen-113 .form-check:nth-child(27)::before {
	content: "Zusatztermin Hunzenschwil\ ";
}
#anmeldungTestwochen-113 .form-check:nth-child(-n+5),
#anmeldungTestwochen-113 .form-check:nth-child(n+11):nth-child(-n+15),
#anmeldungTestwochen-113 .form-check:nth-child(n+21):nth-child(-n+25),
#anmeldungTestwochen-113 .form-check:nth-child(n+32):nth-child(-n+37) {
	background-color: #eeeeee;
}

.shop-details-area .shop-header-area .btn-area {
	margin-left: 0px;
}
.shop-details-area .shop-header-area .price {
	color: var(--academy-color);
}
.shop-tabs-area .nav.nav-pills button.active {
	background-color: var(--academy-color);
}
.kurs_two-columns .row {
  display: flex;
  gap: 1em;
}

.kurs_two-columns dt {
  width: 20%;
  font-weight: bold;
}

.kurs_two-columns dd {
  width: 70%;
  margin: 0;
}

figure.table table {
  width: 100%;
}

.project-page-all2 .single-slider:hover .heading-area .pera {
	background-color: var(--academy-color);
	transition: all 0.4s;
}