@charset "iso-8859-1";
@import "vorlage-cas.css";
@import "m-p.css";
@import "reisen.css";
@import "card.css";
@import "accordion.css";
/*************************************************************************************************************************************************************************************************
copyright Vifu Webdesign & Grafik, Leimen; erstellt März 2023
*************************************************************************************************************************************************************************************************/
/* @media (min-width: 576px) {}  /* Handy alt quer */
/* @media (min-width: 768px) {} /* Handy neu quer */
/* @media (min-width: 768px) and (orientation:portrait) {} /* Tablet hoch */ 
/* @media (min-width: 992px) { } /* kleine Bildschirme */
/* @media (min-width: 1200px) {} /* Tablet quer / Laptop */
/* @media (min-width: 1600px) {} /* mega screens such as iMac's, 27" PC monitors */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*
************** allgemein **************
*/
.row, .columns-4 { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  width: 100%; float: left; }
.row-vifu { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.row-nowrap { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  width: 100%; float: left; }
.column { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: column; flex-basis: 100%; flex: 1; }
.flex-box { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.box-sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; }
a, a:focus, a:hover, a:active, img a, img a:hover, img a:focus, img a:active { outline: 0; }
.container-standorte { width: 100%; float: left; }
.container-xxl, .item-page-startseite { width: 100%; float: left; margin: 0%; }
.container-xl, .container-l, .container-m { width: 100%; }
.c-10 { max-width: 10%; }
.c-20 { max-width: 20%; }
.c-30 { max-width: 30%; }
.c-30 { max-width: 40%; }
.c-50 { max-width: 50%; }
.float-start { float: left !important; }
.float-end { float: right !important; }
.float-none { float: none !important; }
.text-start { text-align: left !important; }
.text-end { text-align: right !important; }
.text-center { text-align: center !important; }
.container-inner, .item-page-startseite .page-header, .p-start { width: 90%; float: left; margin-left: 5%; margin-right: 5%; }
/*.osmodulmap { width: 100%; height: auto; margin-bottom: 7px; padding: 0px; float: left; }*/
.map-standorte-ss { width: 100%; height: auto; margin-bottom: 7px; padding: 0px; float: left; }
.orange { color: #e77843; }
.white { color: #fff; }
.bg-grey { background-color: #F7F7F7; }
.bg-white { background-color: #fff; }
.center { text-align: center; }
.justify-content { justify-content: center }
.img-left { vertical-align: middle; margin-left: 0.625em; }
.img-right { vertical-align: middle; margin-right: 0.625em; }
*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }
.h-img p { margin: 0; padding: 0; }
.slider .h-img img { height: auto; max-height: 450px; /* je nach dem */ max-width: 100%; /* je nach dem */ width: auto; float: left; margin: 0; }
@media (min-width: 576px) {
  .container-sm-xl { width: 80%; }
  .container-sm-l { width: 65%; }
  .container-sm-m { width: 50%; }
  .container-sm-s { width: 40%; }
  .container-sm-xs { width: 30%; }
  .container-sm-xxs { width: 20%; }
  .float-sm-start { float: left !important; }
  .float-sm-end { float: right !important; }
  .float-sm-none { float: none !important; }
  .text-sm-start { text-align: left !important; }
  .text-sm-end { text-align: right !important; }
  .text-sm-center { text-align: center !important; } }/* Handy alt quer */
@media (min-width: 768px) {
  .container-md-xl { width: 80%; }
  .container-md-l { width: 65%; }
  .container-md-m { width: 50%; }
  .container-md-s { width: 40%; }
  .container-md-xs { width: 30%; }
  .container-md-xxs { width: 20%; }
  .float-md-start { float: left !important; }
  .float-md-end { float: right !important; }
  .float-md-none { float: none !important; }
  .text-md-start { text-align: left !important; }
  .text-md-end { text-align: right !important; }
  .text-md-center { text-align: center !important; }
  /*.osmodulmap { width: 48%; margin:0; padding-left: 1%; padding-right: 1%; }*/ } /* Handy neu quer */
@media (min-width: 992px) {
  .container-lg-xl { width: 80%; }
  .container-lg-l { width: 65%; }
  .container-lg-m { width: 50%; }
  .container-lg-s { width: 40%; }
  .container-lg-xs { width: 30%; }
  .container-lg-xxs { width: 20%; }
  .float-lg-start { float: left !important; }
  .float-lg-end { float: right !important; }
  .float-lg-none { float: none !important; }
  .text-lg-start { text-align: left !important; }
  .text-lg-end { text-align: right !important; }
  .text-lg-center { text-align: center !important; }
	.row-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;  } } /* kleine Bildschirme */
@media (min-width: 1200px) {
  .container-xl-xl { width: 80%; }
  .container-xl-l { width: 65%; }
  .container-xl-m { width: 50%; }
  .container-xl-s { width: 40%; }
  .container-xl-xs { width: 30%; }
  .container-xl-xxs { width: 20%; }
  .float-xl-start { float: left !important; }
  .float-xl-end { float: right !important; }
  .float-xl-none { float: none !important; }
  .text-xl-start { text-align: left !important; }
  .text-xl-end { text-align: right !important; }
  .text-xl-center { text-align: center !important; } }
@media (min-width: 1400px) {
  .container-xxl-xl { width: 80%; }
  .container-xxl-l { width: 65%; }
  .container-xxl-m { width: 50%; }
  .container-xxl-s { width: 40%; }
  .container-xxl-xs { width: 30%; }
  .container-xxl-xxs { width: 20%; }
  .float-xxl-start { float: left !important; }
  .float-xxl-end { float: right !important; }
  .float-xxl-none { float: none !important; }
  .text-xxl-start { text-align: left !important; }
  .text-xxl-end { text-align: right !important; }
  .text-xxl-center { text-align: center !important; } }
/*
************** Seite **************
*/
html { -webkit-text-size-adjust: none; -webkit-font-smoothing: aliased; }
body { margin: 0px; padding: 0px; }
@media (prefers-reduced-motion: no-preference) {
  :root { scroll-behavior: smooth; } }
.site { width: 100%; display: block; height: auto; float: left;  z-index: 1; margin: 0px; padding: 0px; }
header, nav, main, footer, .slider { width: 100%; display: block; float: left; z-index: 2; }
.slider { border-bottom: 2px solid #C0C0C0; }
hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; }
hr:not([size]) { height: 1px; }
h1, .h1 { font: italic 400 1.25em Lato; color: #e77843; margin-top: 0px; margin-bottom: 1em; }
h2, .h2 { font: italic 300 1.15em Lato; color: #e77843; }
h3, .h3 { font: italic 300 1em Lato; color: #e77843; }
h4, .h4 { font: italic 200 0.75em Lato; color: #e77843; }
h5, .h5 { font: italic 200 0.65em Lato; }
h6, .h6 { font: italic 100 0.55em Lato; }
@media (min-width: 1200px) {
 h1, .h1 { font-size: 2.5em; }
 h2, .h2 { font-size: 2.25em; } 
 h3, .h3 { font-size: 2em; } 
 h4, .h4 { font-size: 1.75em; } }
p, br { word-wrap: break-word; margin-top: 0; margin-bottom: 1rem; }
b, strong { font-weight: bolder; color: #000; }
small, .small { font-size: 0.875em; }
mark, .mark { padding: 0.2em; background-color: #fbeea8; }
sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
hr.divider { max-width: 5rem; border-width: 0.2rem; border-color: #e77843; }
.mod-list { -webkit-padding-start: 0; padding-inline-start: 0; list-style: none; }
.mod-list li { }
.mod-list li a { text-decoration: none; }
.mod-list li a:hover { text-decoration: none; }
.mod-list li.active > a { text-decoration: none; }
figure { margin: 0; }
.bg-hell { padding-top: 2em; padding-bottom: 2em; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);}
.bg-reisen { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; background-image: url(../../../images-ts/bg_reisen.jpg); }
.bg-standort { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; background-image: url(../../../images-ts/hg_standort.jpg); }
@media (min-width: 992px) {
	.bg-hell { padding-top: 8em; } } /* kleine Bildschirme */

/*
************** HEADER **************
*/
.header { padding-top: 2.5em; padding-bottom: 0.5em; padding-left: 2%; padding-right: 2%; border-bottom: 2px solid #C0C0C0;	background-color: transparent; }
.logo { width: 100%; float: left; z-index: 10; position: relative; display: block; }
.logo img { width: 250px; }
.slogan { width: 75%; color: #e77843; font: italic 500 1.25em Lato; position: absolute; z-index: 999; top: 20%; left: 15%; right: 10%; text-align: center; }
.top-contact { width: 100%; float: right; text-align: right; height: 2em; background-color: #fff; }
.top-contact ul { height: 2em; line-height: 2em; margin: 0; padding: 0;	}
.top-contact ul li { list-style: none;	font-size: 0.85em; line-height: 2em; font-family: Verdana;	display: inline; margin-left: 0.5em; }
.top-contact ul li a { font-family: Verdana; font-size: 0.85em; line-height: 2em; color: #e77843; text-decoration: none; }
.top-contact ul li a:hover, .top-contact ul li a:focus { font-family: Verdana; font-size: 0.85em; line-height: 2em; color: #000; text-decoration: none; }
.top-contact ul li i, .footer-links ul li i  { margin-right: 5px; vertical-align: middle; }
.invisible-top { visibility: hidden; height: 0px; }
.fixed { position: fixed; top: 0px; z-index: 999 }
@media (min-width: 768px) {
	.logo img { width: 300px; height: auto; }
	.top-contact ul li { font-size: 1em; }
	.top-contact ul li a { font-size: 1em; }
	.top-contact ul li a:hover, .top-contact ul li a:focus { font-size: 1em; }
	.invisible-top { visibility: visible; } }  /* Handy neu quer */
@media (min-width: 992px) {
	.header { border-bottom: 2px solid #C0C0C0; }
	.logo img { width: 450px; height: auto; }
	.slogan { font: italic 700 2em Lato; letter-spacing: 0.1em; top: 50%; left: 49%; transform: translate(-50%, -50%); }
	.top-contact ul li { margin-left: 1em; font-size: 0.85em; }
	.top-contact ul li a { font-size: 0.85em; }
	.top-contact ul li a:hover, .top-contact ul li a:focus { font-size: 0.85em; }
	.top-contact ul li i, .footer-links ul li i { margin-right: 10px; } } /* kleine Bildschirme */
/*
************** TOPNAVIGATION **************
*/
.topnavi { height: 3em;	background-color: #e77843; float: left; width: 100%; margin: 0; -webkit-box-shadow: 0px 10px 9px -5px rgba(0,0,0,0.45); -moz-box-shadow: 0px 10px 9px -5px rgba(0,0,0,0.45); box-shadow: 0px 10px 9px -5px rgba(0,0,0,0.45); }
.box-topnavi { width: 50%; height: 3em;	float: left; }
.box-search { width: 50%; height: 3em;	float: right; padding-top: 5px;  }
@media (min-width: 576px) {}  /* Handy alt quer */
@media (min-width: 768px) and (orientation:portrait) {} /* Tablet hoch */ 
@media (min-width: 992px) {
	.topnavi { height: 60px; }
	.box-topnavi { width: 85%; height: 60px;	}
	.box-search { width: 15%; height: 60px; padding-top: 10px; } } /* kleine Bildschirme */
.topfixed { position: fixed; top: 2em; z-index: 500; background-color: #e77843; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: topfixed; animation-name: topfixed; }
@-webkit-keyframes topfixed { 
	0% {opacity: 0;}
  	100% {opacity: 1;} }
@keyframes topfixed {
    0% {opacity: 0;}
 	100% {opacity: 1;} }
@-moz-keyframes topfixed { 
	0% {opacity: 0;}
  	100% {opacity: 1;} }
@-o-keyframes topfixed { 
	0% {opacity: 0;}
  	100% {opacity: 1;} }
/*
**** TOPNAVIGATION / SUCHE ****
*/
.mod-finder__search.input-group { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.mod-finder__search.input-group .awesomplete input { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.mod-finder__search.input-group button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.mod-finder__search.input-group button .icon-search { -webkit-margin-end: 0.2em; margin-inline-end: 0.2em; }
.awesomplete > input { max-width: 200px; }
.awesomplete > ul { z-index: 1000 !important; }
@media (min-width: 992px) {
  .awesomplete > input { max-width: none; } }
/*
************** Boxen Startseite **************
*/
.vh-100 { height: 100vh !important; }
.start-savethedate, .start-leistungen, .start-standorte, .start-shop, .start-kontakt { padding-top: 2em; padding-bottom: 2em; float: left; width: 100%; font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #000; }
.start-tennisreisen { float: left; width: 100%; font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #000; }
.column-ts { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float:left; height: auto; display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.span3 { text-align: center; float: left; height: auto; border: 1px solid #f9b595; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-bottom: 1em; display: block; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; -webkit-box-shadow: 3px 3px 3px 0px #979797; -moz-box-shadow: 3px 3px 3px 0px #979797; box-shadow: 3px 3px 3px 0px #979797; background-color: #fff; }
.span4 { text-align: center;	float: left; height: auto; border: 1px solid #f9b595; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-bottom: 1em; display: block; list-style: none; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; -webkit-box-shadow: 3px 3px 3px 0px #979797; -moz-box-shadow: 3px 3px 3px 0px #979797; box-shadow: 3px 3px 3px 0px #979797; }
.span4verein, .card-vifu { text-align: center;	height: auto; border: 1px solid #fff; width: 100%; margin-top: 0px; margin-right: 0px;	margin-bottom: 1em; margin-left: 0px; padding-bottom: 1em; display: block; list-style: none; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; -webkit-box-shadow: 3px 3px 3px 0px #fff; -moz-box-shadow: 3px 3px 3px 0px #fff; box-shadow: 3px 3px 3px 0px #fff; }
.span4verein:hover { text-align: center;	height: auto; border: 1px solid #fff; width: 100%; margin-top: 0px; margin-right: 0px;	margin-bottom: 1em; margin-left: 0px; padding-bottom: 1em; display: block; list-style: none; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; -webkit-box-shadow: 3px 3px 3px 0px #979797; -moz-box-shadow: 3px 3px 3px 0px #979797; box-shadow: 3px 3px 3px 0px #979797; }
@media (min-width: 576px) {
	.span3 { width: 40%; margin-right: 2%; margin-left: 0%; }
	.span3:nth-child(even) { margin-right: 0%; margin-left: 2%; } /* alle geraden*/
	.span4 { width: 47.5%; margin-right: 2%; }
	.span4:nth-child(even) { margin-right: 0%; margin-left: 2%; } /* alle geraden*/
  .span4verein, .card-vifu { width: 47%; margin-right: auto; margin-left:auto; }
  .span4verein:hover, .card-vifu:hover { width: 47%; margin-right: auto; margin-left:auto;} } /* Handy alt quer */
@media (min-width: 992px) {
	.v-vh-100 { height: 100vh !important; }
	.start-savethedate, .start-leistungen, .start-kontakt, .start-shop, .start-standorte { padding-top: 8em; }
	.span3 { width: 31.33%; margin-right: 0%; margin-left: 0%; }
	.span3:nth-child(even) { margin-right: 0%; margin-left: 0%; } /* alle geraden*/
	.span3:nth-child(2), .span3:nth-child(5), .span3:nth-child(8)  { margin-right: 3%; margin-left: 3%; } /* alle geraden*/
	.span4 { width: 22.75%; margin-right: 3%; }
	.span4:nth-child(even) { margin-right: 3%; margin-left: 0%; } /* alle geraden*/ 
	.span4:nth-child(4) { margin-right: 0%; }
  .span4verein, .card-vifu { width: 23%; margin-right: 1%; margin-left: 1%; }
  .span4verein:hover, .card-vifu:hover { width: 23%; margin-right: 1%; margin-left: 1%; }	} /* kleine Bildschirme */
/*
**** Content Startseite safe the date / Aktionen ****
*/
.save-the-date { width: 100%; float: left; }
.save-the-date .mod-articlescategory { width: 100%; float: left; margin: 0; padding: 0; list-style: none;  }
.save-the-date .mod-articlescategory > li {	width: 100%; float: left; padding: 0; list-style: none;	margin-bottom: 1em;}
.save-the-date .mod-articlescategory .mod-articles-category-title {  height: auto; line-height: 1.25em; font-family: Verdana; font-size: 1em; color: #000; text-decoration-line: none; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e77843; margin-bottom: 1rem; padding-top: 0.5em; padding-bottom: 0.5em; }
.save-the-date .mod-articlescategory .mod-articles-category-title:hover { height: auto; line-height: 1.25em; font-family: Verdana; font-size: 1em; color: #000; text-decoration-line: none; border-bottom: 1px solid #000; padding-top: 0.5em; padding-bottom: 0.5em; }
.mod-articles-category-group { 	width: 100%; float: left;	margin-bottom: 1em;	margin-top: 0; font: 400 1em Verdana; color: #e77843; text-transform: uppercase; text-shadow: 1px 1px 1px #000; }
.mod-articles-category-introtext { padding-left: 5px; padding-right: 5px; }
.mod-articles-category-readmore { text-align: center; height: auto; width: 100%; border: 0px none #000; float: left; }
.mod-articles-category-readmore .mod-articles-category-title { display: block; max-width: 80%; text-align: center; border: 1px solid #e77843; font-family: Verdana; font-size: 1em; font-style: normal; font-weight: 300; color: #e77843; text-decoration: none; margin-right: 10%; margin-left: 10%; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #fff; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; }
.mod-articles-category-readmore .mod-articles-category-title:hover { display: block; max-width: 80%; text-align: center; border: 1px solid #e77843; font-family: Verdana; font-size: 1em; font-style: normal; font-weight: 300; color: #fff; text-decoration: none; margin-right: 10%; margin-left: 10%; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #e77843; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; cursor: pointer; }
.save-the-date .mod-articlescategory > li > ul { width: 100%; float: left; margin: 0; padding: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.save-the-date .mod-articlescategory > li > ul > li { text-align: center; float: left; height: auto; border: 1px solid #f9b595;	width: 99%;	margin-top: 0px; margin-right: 0px;	margin-bottom: 1.5em; margin-left: 0px;	display: block;	list-style: none; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;	border-top-right-radius: 10px;	border-top-left-radius: 10px; -webkit-box-shadow: 3px 3px 3px 0px #979797; -moz-box-shadow: 3px 3px 3px 0px #979797; box-shadow: 3px 3px 3px 0px #979797; }
@media (min-width: 576px) {
	.save-the-date .mod-articlescategory > li > ul > li { width: 47.5%; margin-right: 2%; }
	.save-the-date .mod-articlescategory > li > ul > li:nth-child(even) { margin-right: 0%; margin-left: 2%; } /* alle geraden*/ }  /* Handy alt quer */
@media (min-width: 992px) {
	.save-the-date .mod-articlescategory > li > ul > li { width: 23%; }
	.save-the-date .mod-articlescategory > li > ul > li:nth-child(even) { margin-right: 2%; margin-left: 0%; } /* alle geraden*/ 
	.save-the-date .mod-articlescategory > li > ul > li:nth-child(4) { margin-right: 0%; } } /* kleine Bildschirme */
/*
**** Content Startseite Leistungen/Tennis-Camps ****
*/
.img-start, .img-camp { width: 100%; float: left; text-align: center; margin-top: 0; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;	border-top-right-radius: 10px; border-top-left-radius: 10px; }
.img-start img { max-width: 100%; max-height: 100%;	width: auto; height: auto; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; border: 1px solid #E7E7E7; }
.img-camp img { max-width: 100%; max-height: 100px;	width: auto; height: auto; border: 0px solid #E7E7E7; margin-top: 10px; }
.content-start, .content-camp { padding-top: 2em; padding-right: 2%; padding-bottom: 0em; padding-left: 2%; min-height: 22em; }
.content-start-leistungen { padding-top: 0em; padding-right: 2%; padding-bottom: 0em; padding-left: 2%; min-height: 27em; margin-top: 0.5em; }
.content-start-leistungen h4, .content-start-header { font: italic 200 1em Lato; color: #e77843; margin-bottom: 0.5em; }
.content-start-leistungen ul { padding: 0; margin: 0; width: 100%; float: left; list-style-type: none; }
.content-start-leistungen ul li { padding: 0; margin: 0; width: 100%; list-style-type: none; float: left; }
.readmore {	text-align: center;	padding: 0px; height: auto;	width: 100%; border: 0px none #000; float: left; bottom: 0px; align-self: flex-start; margin-top: auto; }
.readmore a:link, .readmore > a { text-align: center; padding: 8px 25px; height: auto; border: 1px solid #e77843; font-family: Verdana; font-size: 1em; font-style: normal; font-weight: 500; font-variant: normal; color: #e77843; text-decoration: none; margin-right: auto; margin-left: auto; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #fff; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; }
.readmore > a:hover, .readmore a:link:hover { font-weight: 500; color: #fff; text-decoration: none; background-color: #e77843; cursor: pointer; }
@media (min-width: 1200px) {
	.content-start-leistungen h4, .content-start-header { font-size: 1.75em; } }
/*
**** Content Startseite Standorte ****
*/
.standorte { display: flex; flex-direction: column; margin: 0; }
.standorte img { text-align: center; align-self: center; margin-right: auto; margin-left: auto; margin-bottom: 1em; margin-top: 1em; max-height: 150px; }
.standorte-title { position: relative; font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #000; }
.span4verein a:link, .span4verein:hover { text-decoration: none; }
.span4verein:hover { color: #e77843; }
.standorte-caption { font-family: Verdana; font-size: 1em; line-height: 1em; color: #000; margin-top: 1em; }
/*
**** Content Startseite Kontaktformular ****
*/
.btn { display: inline-block; font-weight: 400; line-height: 1.5em; color: #22262a; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.5em 0.6em; font-size: 0.75em; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
	.btn { -webkit-transition: none; -o-transition: none; transition: none; } }
.btn:hover { color: #22262a; }
.btn-check:focus + .btn, .btn:focus { outline: 0; -webkit-box-shadow: 0 0 0 0.25em rgba(231,120,67,1.00); box-shadow: 0 0 0 0.25em rgba(231,120,67,1.00); }
.btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; }
.btn-primary { color: #e77843; background-color: #fff; border-color: #e77843; }
.btn-primary:hover { color: #fff; background-color: #e77843; border-color: #e77843; }
.btn-check:focus + .btn-primary, .btn-primary:focus { color: white; background-color: #010149; border-color: #010145; -webkit-box-shadow: 0 0 0 0.25rem rgba(39, 39, 111, 0.5); box-shadow: 0 0 0 0.25rem rgba(39, 39, 111, 0.5); }
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active { color: white; background-color: #010145; border-color: #010141; }
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus { -webkit-box-shadow: 0 0 0 0.25rem rgba(39, 39, 111, 0.5); box-shadow: 0 0 0 0.25rem rgba(39, 39, 111, 0.5); }
.btn-primary:disabled, .btn-primary.disabled { color: white; background-color: #010156; border-color: #010156; }
.btn-check:focus + .btn-secondary, .btn-secondary:focus { color: white; background-color: #5d636b; border-color: #575e65; -webkit-box-shadow: 0 0 0 0.25rem rgba(131, 138, 145, 0.5); box-shadow: 0 0 0 0.25rem rgba(131, 138, 145, 0.5); }
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active { color: white; background-color: #575e65; border-color: #52585f; }
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus { -webkit-box-shadow: 0 0 0 0.25rem rgba(131, 138, 145, 0.5); box-shadow: 0 0 0 0.25rem rgba(131, 138, 145, 0.5); }
.btn-secondary:disabled, .btn-secondary.disabled { color: white; background-color: #6d757e; border-color: #6d757e; }
.btn-secondary { color: #353b41; background-color: white; border-color: #ced4da; }
.btn-secondary:hover, .btn-secondary:focus { color: #353b41; background-color: #f9fafb; }
/*
************** Main / Content **************
*/
.item-page-startseite { padding-top: 2em; padding-bottom: 2em; font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #000; }
.item-page-content, .com-content-category-blog, .com-finder { padding-top: 2em; padding-bottom: 2em; float: left; font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #000; width: 90%; margin-left: 5%; margin-right: 5%; }
.com-content-article ol, .com-content-article ul { overflow: hidden; }
.item-page-startseite .page-header, .item-page-content .page-header, .start-standorte .page-header, .com-content-category-blog .page-header { overflow: hidden; text-align: center; }
.page-header h1, .page-header h2 { display: inline-block; position: relative; text-align: center; }
.page-header h1::before, .page-header h1::after, .page-header h2::before, .page-header h2::after, .com-content-category-blog .page-header h1::before, .com-content-category-blog .page-header h1::after { content: ""; position: absolute; border-top: 1px solid #e77843; top: 50%; width: 100%; }
.page-header h1::before, .page-header h2::before, .com-content-category-blog .page-header h1::before { margin-right: 5px; right: 100%; }
.page-header h1::after, .page-header h2::after, .com-content-category-blog .page-header h1::after { margin-left: 5px; left: 100%; }
.item-page-content h2, .item-page-startseite h2 { margin-top: 1em; margin-bottom: 0.75em; display: inline-block; position: relative; text-align: left; }
.page-header-let h3, .page-header h4 { display: block; float: left; text-align: left; width: 100%; margin-bottom: 10px; }
.item-page-content a, .item-page-startseite a { font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #000; text-decoration: underline; text-decoration-color: #e77843; }
.item-page-content a:hover, .item-page-startseite a:hover { font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #e77843; text-decoration-line: none; text-decoration-color: #000; }
.item-page-content .item-image { text-align: left; display: block; padding: 0px; height: auto; max-width: 150px; float: left; margin-right: 15px; margin-bottom: 5px; }
.item-page-content .item-image img { height: auto; max-height: 150px; /* je nach dem */ max-width: 150px; /* je nach dem */ width: auto; border: 1px solid #CCC; padding: 3px; }
@media (min-width: 992px) {
  .item-page-content .item-image { max-width: 275px; }
  .item-page-content .item-image img { height: auto; max-height: 275px; /* je nach dem */ max-width: 275px; /* je nach dem */ width: auto; } }
/*
**** Content Search ****
*/
.result__title-link { font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #000; text-decoration: underline; text-decoration-color: #e77843; }
.result__title-link:hover { font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #e77843; text-decoration-line: none; text-decoration-color: #000; }
.result__title-text { font-weight: 400; font-style: italic; font-size: 1.25em; font-family: Lato; color: #e77843; margin-top: 0px; margin-bottom: 0.5em; line-height: 1.75em; text-decoration: underline; }
.result__title-text:hover { font-weight: 400; font-style: italic; font-size: 1.25em; font-family: Lato; color: #000; margin-top: 0px; margin-bottom: 0.5em; line-height: 1.75em; text-decoration: none; }
/*
**** Content Weihnachtsangebot ****
*/
.christmas { background-color: transparent; text-align: left; display: block; margin: 0px; padding: 0px; float: left; height: auto; width: 100%; }
.christmas .left-box { text-align: left; display: block; margin-right: 3%; padding: 0px; float: left; height: auto; max-width: 125px; }
.christmas .left-box img { margin: 0px; float: left; max-height: 150px; max-width: 100px; border: 0; padding: 0px; }
.christmas .right-box { text-align: left; display: block; margin: 0px; padding: 0px; float: left; height: auto; max-width: 100%; }
.christmas .right-box ul { text-align: left; display: block; margin: 0px; padding: 0px; float: left; height: auto; width: 100%; list-style-type: none; }
.christmas li:last-child { color: #e77843; margin-top: 15px; margin-bottom: 15px; }
@media (min-width: 992px) {
  .christmas .left-box { height: auto; max-width: 175px; }
  .christmas .left-box img { max-height: 150px; max-width: 175px; } }

/*
**** Content Kategorieblock ****
*/
.blog-items { width: 100%; float: left; margin: 0; padding: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.blog-items .blog-item { text-align: center; float: left; height: auto; border: 1px solid #f9b595; visibility: visible; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding: 0.625em; display: block; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px;	-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;	border-top-right-radius: 10px; border-top-left-radius: 10px; -webkit-box-shadow: 3px 3px 3px 0px #979797; -moz-box-shadow: 3px 3px 3px 0px #979797;	box-shadow: 3px 3px 3px 0px #979797; }
.blog-items .blog-item .item-image { text-align: center; width: 100%; float: left; position: relative; }
.blog-items .blog-item .item-image img { max-width: 75px; max-height: 75px; width: auto; height: auto; margin-left: auto; margin-right: auto; }
.blog-items .blog-item .caption { text-align: left; width: 75%; float: right; top: 30%; left: 95px; position: absolute; font: 500 1.25em Verdana; color: #e77843; text-transform: uppercase; text-shadow: 1px 1px 1px #000; }
.blog-items .blog-item .item-content { width: 100%; float: left; }
.blog-items .blog-item .item-content .page-header { width: 100%; margin-top: 0; }
.blog-items .blog-item .item-content .page-header h2 a { font: italic 200 0.75em Lato; color: #e77843; text-decoration-line: none; text-decoration-color: #fff;   }
.blog-items .blog-item .item-content .page-header h2 a:hover { font: italic 200 0.75em Lato; color: #000; text-decoration-line: none; text-decoration-color: #fff; }
.blog-items .blog-item .item-content .page-header h2::before, .blog-items .blog-item .item-content .page-header h2::after { content: ""; position: absolute; border-top: 0px none #e77843; top: 0%; width: 0%; }
.blog-items .blog-item .item-content .page-header h2::before { margin-right: 0px; right: 100%; }
.blog-items .blog-item .item-content .page-header h2::after { margin-left: 0px; left: 100%; }
@media (min-width: 576px) {
	.blog-items .blog-item { width: 47.5%; margin-right: 2%; }
	.blog-items .blog-item:nth-child(even) { margin-right: 0%; margin-left: 2%; } /* alle geraden*/ }  /* Handy alt quer */
@media (min-width: 992px) {
  .blog-items .blog-item { width: 22.75%; margin-right: 3%; }
	.blog-items .blog-item:nth-child(even) { margin-right: 3%; margin-left: 0%; } /* alle geraden*/ 
	.blog-items .blog-item:nth-child(4) { margin-right: 0%; } /* alle geraden*/ } /* kleine Bildschirme */
/*
**** Content Pagination ****
*/
.pagenavigation, .pager { clear: both; float: left; width: 100%; }
.pagenavigation .pagination, .pager .pagination { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin: 1em 0; }
.pagenavigation .pagination .next:only-child, .pager .pagination .next:only-child { margin-left: auto; }
[dir=rtl] .pagenavigation .pagination > .next:only-child, [dir=rtl] .pager .pagination > .next:only-child { margin-right: auto; margin-left: 1em; }
.pagenavigation a { font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #000; text-decoration: none; text-decoration-color: #e77843; }
.pagenavigation a:hover { font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #e77843; text-decoration-line: none; text-decoration-color: #000; }
.page-link { color: #e77843; }
.page-link:hover { color: #e77843; }
.pager .pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
[dir=rtl] li.next .page-link { border-top-left-radius: 0.25rem; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0.25rem; }
[dir=rtl] li.previous .page-link { border-top-left-radius: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; }
.icon-chevron-left { box-sizing: border-box; position: relative; display: inline-block; width: 14px; height: 14px; border: 2px solid transparent; border-radius: 100px; vertical-align: middle; }
.icon-chevron-left::after { content: ""; display: inline-block; box-sizing: border-box; position: absolute; width: 7px; height: 7px; border-bottom: 2px solid; border-left: 2px solid; transform: rotate(45deg); top: 5%; right: 2px; vertical-align: middle; }
.icon-chevron-right { box-sizing: border-box; position: relative; display: inline-block; width: 14px; height: 14px; border: 2px solid transparent; border-radius: 100px; vertical-align: middle; }
.icon-chevron-right::after { content: ""; display: inline-block; box-sizing: border-box; position: absolute; width: 7px; height: 7px; border-bottom: 2px solid; border-left: 2px solid; transform: rotate(225deg); top: 5%; left: 2px; vertical-align: middle; }
/*
************** Footer **************
*/
footer { background-color: #e77843; }
.footer { padding-top: 2.5em; padding-bottom: 1.5em; }
.footer-links, .footerbox-mitte { width: 100%; float: left; }
.footerbox-mitte { margin-top: 3em; }
.footer-links h2 { font-size: calc(1.325em + 0.9vw); color: #fff; font: italic 700 Lato; margin-top: 0; margin-bottom: 0.75em;  }
.h2footer-mitte { font-size: calc(1.325em + 0.9vw); color: #fff; font: italic 700 Lato; margin-top: 0; margin-bottom: 0.75em; width: 100%; float: left; }
.footer-links ul, .nav-footer {	height: auto; line-height: 1.75em; margin: 0; padding: 0; float: left; width: 100%;	}
.footer-links ul li, .nav-footer > li, .nav-footer > li.active { list-style: none;	font-family: Verdana; font-size: 1em;	line-height: 1.75em;	color: #fff;	display: block;	margin-left: 0; font-style: normal; font-weight: normal; font-variant: normal; }
.footer-links ul li a, .nav-footer > li a { font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #fff; text-decoration: none; font-style: normal; font-weight: normal; font-variant: normal; }
.footer-links ul li a:hover, .footer-links li a:focus, .nav-footer li > a:hover, .nav-footer > li > a:focus, .nav-footer > li.current a { font-family: Verdana; font-size: 1em; line-height: 1.75em; color: #000; text-decoration: none; font-style: normal; font-weight: normal; font-variant: normal; }
@media (min-width: 768px) {
	.footer-links ul li { font-size: 1em; }
	.footer-links ul li a { font-size: 1em; }
	.footer-links ul li a:hover, .footer-links ul li a:focus { font-size: 1em; } }  /* Handy neu quer */
@media (min-width: 992px) {
	.footer-links, .footerbox-mitte, .box-3 { min-width: 33.33%; max-width: 50%; }
	.footerbox-mitte, .box-3 { margin-top: 0em; }
	.footer-links ul {	line-height: 1.75em; } 
	.footer-links ul li { line-height: 1.75em; }
	.footer-links ul li a { line-height: 1.75em; }
	.footer-links ul li a:hover, .footer-links ul li a:focus { line-height: 1.75em; } } /* kleine Bildschirme */
.copy { font-family: Verdana; font-size: 1em; font-style: normal; line-height: 50px; font-weight: normal; font-variant: normal; color: #FFF; text-align: center; height: 50px; margin-top: 2.5em; }
/*
************** totop **************
*/
#totop { position:fixed; bottom:0; font-size:12px; color:#fff; text-decoration:none; text-transform:none; line-height:24px; font-style: normal; font-weight: normal; font-variant: normal; background-color: #6699ff; background-image: url(../images/arrow_top.png); background-repeat: no-repeat; background-position: 15px center; height: 24px; padding-top: 5px; padding-right: 30px; padding-bottom: 5px; padding-left: 40px; font-family: Verdana; right: 5px; }
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) { 
	#totop { font-size:14px; font-style: normal; padding-right: 10px; padding-left: 25px; right: 0px; background-position: 5px; } }
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) { 
	#totop { font-size:14px; font-style: normal; padding-right: 10px; padding-left: 25px; right: 0px; background-position: 5px; } }

/*
************** Fonts **************
*/
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-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: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../templates/vifutennisschulefuchsleimen/fonts/lato700italic/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}