@charset "iso-8859-1";
@import "vorlage-cas.css";
/*************************************************************************************************************************************************************************************************
copyright Vifu Webdesign & Grafik, Leimen; erstellt Januar 2022
*************************************************************************************************************************************************************************************************/
/* @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: 1400px) {} /* mega screens such as iMac's, 27" PC monitors */

/*
************** Seite **************
*/
html { -webkit-text-size-adjust: none; -webkit-font-smoothing: aliased; }
body { margin: 0px; padding: 0px; text-align: left; }
#site { width: 100%; visibility: visible; z-index: 1; border: 0px none #FFF; height: auto; text-align: left; padding: 0px; margin: 0px; background-color: #fff; }
/*
************** Topnavigation **************
*/
.navigation { float: left; width: 100%; visibility: visible; z-index: 2; background-color: #fff; height: auto; margin-bottom: 6px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #e77843; padding-top: 20px; }
.logo { float: left; width: 100%; border: 0px none #FFFFFF; visibility: visible; z-index: 3; }
.logo img { width: 100%; max-width: 453px; border: 0px none #000; }
.topnavi { width: auto; visibility: visible; z-index: 50; top: 100px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e77843; margin-left: 70px; padding-left: 150px; float: left; position: absolute; }
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {
	.navigation { margin-bottom: 0px; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: #FFFFFF; padding-top: 0px; }
	.logo { visibility: hidden; height: 0px; }
	.logo img { visibility: hidden; height: 0px; }
	.topnavi { width: 100%; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: #FFFFFF; margin-left: 0px; padding-left: 0px; background-color: #e77843; top: 0px; text-align: center; } } 
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
	.navigation { margin-bottom: 0px; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: #FFFFFF; padding-top: 0px; }
	.logo { visibility: hidden; height: 0px; }
	.logo img { visibility: hidden; height: 0px; }
	.topnavi { width: 100%; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: none; margin-left: 0px; padding-left: 0px; background-color: #e77843; top: 0px; text-align: center; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.navigation { margin-bottom: 0px; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: #FFFFFF; padding-top: 0px; }
	.logo { visibility: hidden; height: 0px; }
	.logo img { visibility: hidden; height: 0px; }
	.topnavi { width: 100%; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: #FFFFFF; margin-left: 0px; padding-left: 0px; background-color: #e77843; top: 0px; text-align: center; } }
/*
************** Logos mobile **************
*/
.logos-mobile { text-align: center; padding: 0px; border: 0px none #FFF; z-index: 3; height: auto; float: left; width: 100%; display: none; }
.logos-mobile-top { text-align: center; display: none; margin: 0px; padding: 0px; float: left; height: auto; width: 100%; border: 0px none #FFF; z-index: 4; }
.logos-mobile-top img { visibility: hidden; width: 100%; max-width: 809px; }
.logos-mobile-bottom { text-align: center; display: none; margin: 0px; padding: 0px; float: left; height: auto; width: 100%; border: 0px none #FFF; z-index: 4; }
.logos-mobile-bottom img { visibility: hidden; width: 100%; max-width: 101px; }
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {
	.logos-mobile { display: inline; margin-top: 80px; }
	.logos-mobile-top { display: inline; }
	.logos-mobile-top img { visibility: visible; width: 80%; }
	.logos-mobile-bottom { display: inline; margin-top: 5px; margin-bottom: 5px; }
	.logos-mobile-bottom img { visibility: visible; width: 60%; } }
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) { 
	.logos-mobile { display: inline; margin-top: 80px; }
	.logos-mobile-top { display: inline; }
	.logos-mobile-top img { visibility: visible; width: 60%; }
	.logos-mobile-bottom { display: inline; margin-top: 8px; margin-bottom: 8px; }
	.logos-mobile-bottom img {  visibility: visible; width: 60%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.logos-mobile { display: inline; margin-top: 80px; }
	.logos-mobile-top { display: inline; }
	.logos-mobile-top img { visibility: visible; width: 60%; }
	.logos-mobile-bottom { display: inline; margin-top: 8px; margin-bottom: 8px; }
	.logos-mobile-bottom img {  visibility: visible; width: 60%; } }
/*
************** Header **************
*/
header { text-align: left; margin: 0px; padding: 0px; float: left; width: 100%; visibility: visible; z-index: 2; background-color: #fff; height: auto; border-bottom: 5px solid #C0C0C0; }
.header-slider { float: left; width: 100%; visibility: visible; z-index: 3; height: auto; }
.header-img { float: left; width: 100%; visibility: visible; z-index: 3; height: auto; }
.header-img img { float: left; width: 100%; max-width: 1900px; visibility: visible; z-index: 4; height: auto; }
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {
	header { border-bottom: 2px solid #C0C0C0; }
	.header-slider { visibility: hidden; height: 0px; display: none; } } 
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
	  .header-slider { visibility: hidden; height: 0px; display: none; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	 .header-slider { visibility: hidden; height: 0px; display: none; } }
@media only screen and (min-width: 1250px) and (max-width: 1300px) {
	 .header-img img { width: 100%; max-width: 1300px; } }
/*
************** Breadcrump / Content / Aside **************
*/
main { text-align: left; padding: 0px; float: left; height: auto; width: 100%; border: 0px none #000; visibility: visible; z-index: 2; } 
/***** Breadcrumps *****/
#breadcrumbs { font-family: Verdana; font-size: 12px; font-style: normal; line-height: 75px; font-weight: normal; font-variant: normal; color: #000; text-decoration: none; text-align: left; float: left; height: auto; border: 0px none #000; visibility: visible; width: 90%; z-index: 4; padding: 0px; margin-right: 5%; margin-left: 5%; }
#breadcrumbs ul { text-align: left; margin: 0px; padding: 0px; float: left; height: auto; width: 100%; border: 0px none #000; }
#breadcrumbs ul li { list-style-type: none; display: inline; }
#breadcrumbs ul li a { color: #e77843; border: 0px none #000; outline: solid 0 #000; text-decoration: none; }
#breadcrumbs ul li a:hover { color: #000; text-decoration: none; outline: solid 0 #000; }
#breadcrumbs ul li a.active { color: #e77843; text-decoration: none; outline: solid 0 #000; }
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {
	#breadcrumbs { line-height: 50px; width: 96%; z-index: 4; padding: 0px; margin-right: 2%; margin-left: 2%; } }  /* Smartphone Hochformat */
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
	#breadcrumbs { line-height: 50px; width: 96%; z-index: 4; padding: 0px; margin-right: 2%; margin-left: 2%; } } /* Smartphone Querformat */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#breadcrumbs { font-size: 14px; line-height: 50px; width: 96%; z-index: 4; padding: 0px; margin-right: 2%; margin-left: 2%; } } /* Tablet Hochformat */
@media only screen and (min-width: 1250px) and (max-width: 1300px) { 
	#breadcrumbs { font-size: 14px; } } 
/***** Content *****/
.contentbox { font-family: Verdana; font-size: 14px; font-style: normal; line-height: 28px; font-weight: normal; font-variant: normal; color: #000; }
.item-page-start { text-align: center; float: left; height: auto; width: 100%; border: 0px none #000; visibility: visible; z-index: 4; background-image: url(../../../images-ts/hg_start.jpg); background-repeat: repeat; background-position: center center; background-size: cover; margin: 0px; padding: 0%; }
.item-page-aside { text-align: left; float: left; height: auto; width: 68%; border: 0px none #000; visibility: visible; z-index: 4; padding-right: 0%; padding-left: 0%; padding-bottom: 5%; padding-top: 0%; margin-left: 5%; }
.item-page-ohne { background-color: #FFF; float: left; width: 80%; padding-top: 3%; padding-bottom: 5%; border: 0px none #000; visibility: visible; z-index: 5; margin-right: 5%; margin-left: 5%; }
.item-page-start .transparent { background-color: #FFF; background-color: rgba(255,255,255,0.7); margin: 0px; float: left; width: 90%; padding-top: 3%; padding-bottom: 3%; border: 0px none #000; visibility: visible; z-index: 5; padding-right: 5%; padding-left: 5%; }
.contentbox .blog-ohne { background-color: #FFF; float: left; width: 80%; padding-top: 3%; padding-bottom: 5%; border: 0px none #000; visibility: visible; z-index: 5; margin-right: 5%; margin-left: 5%; }
.contentbox h1 { font-family: Verdana; font-size: 22px; font-style: normal; font-weight: bold; font-variant: normal; color: #e77843; text-decoration: none; margin-top: 0px; margin-bottom: 25px; letter-spacing: 2px; }
.contentbox h2 { font-family: Verdana; font-size: 20px; font-style: normal; font-weight: 700; font-variant: normal; color: #e77843; text-decoration: none; margin-top: 35px; margin-bottom: 10px; }
.contentbox h4, .contentbox h5 { font-family: Verdana; font-size: 16px; font-style: normal; font-weight: 300; font-variant: normal; color: #e77843; text-decoration: none; margin-top: 5px; margin-bottom: 5px; }
.contentbox h6  { font-family: Verdana; font-size: 16px; font-style: normal; font-weight: 300; font-variant: normal; color: #e77843; text-decoration: none; margin-top: 0px; margin-bottom: 5px; }
.contentbox p { margin: 0px; padding: 0px; }
.contentbox strong { font-weight: bolder; text-decoration: none; }
.contentbox a { font-weight: normal; text-decoration: underline; color: #000; border: 0px none #000; outline: solid 0 #000; }
.contentbox a:hover { font-weight: normal; color: #e77843; border: 0px none #000; outline: solid 0 #000; }
.contentbox img { vertical-align: middle; margin-right: 10px; border: 0px solid #000; display: inline-block; max-width: 300px; max-height: 300px; width: auto; height: auto; }
.contentbox table { float: left; height: auto; border: 0px none #000; }
.contentbox table tr { height: auto; border: 0px none #000; }
.contentbox table td { text-align: left; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
.contentbox table img { max-width: 250px; max-height: 275px; margin-right: 15px; border: 1px solid #CCC; }
/***** Neuheiten Startseite *****/
.main { width: 100%; height: auto; overflow: hidden; text-align: center; }
.main h3 { display: inline-block; position: relative; font-family: Verdana; font-style: normal; font-weight: bold; font-variant: normal; color: #e77843; text-decoration: none; margin-top: 0px; letter-spacing: 2px; line-height: 100px; text-transform: uppercase; font-size: 20px; }
.main h3::before, .main h3::after { content: ""; position: absolute; border-top: 1px solid #FFFFFF; top: 50%; width: 100%; }
.main h3::before { margin-right: 5px; right: 100%; }
.main h3::after { margin-left: 5px; left: 100%; }
.main .moduletable .category-module { text-align: center; margin: 15px 0px 0px; padding: 0px; float: left; height: auto; width: 100%; border: 0px none #000; list-style-type: none; visibility: visible; }
.main .moduletable .category-module > li { border: 1px solid #e77843; width: 31.5%; text-align: center; display: inline-block; height: auto; margin-top: 15px; margin-bottom: 15px; padding-right: 0px; padding-left: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: rgba(255,255,255,0.7); }
.main .moduletable .category-module > li:nth-child(2) { margin-right: 2%; margin-left: 2%; }
.main .moduletable .category-module > li:nth-child(5) { margin-right: 2%; margin-left: 2%; }
.main .moduletable .category-module .mod-articles-category-title { font-family: Verdana; font-size: 14px; font-style: normal; line-height: 30px; font-weight: 500; font-variant: normal; color: #4d485c; text-decoration: none; text-align: center; margin: 0px; width: 96%; height: 30px; padding-right: 2%; padding-left: 2%; display: inline-block; border-bottom: 1px solid #e77843; }
.main .moduletable .category-module .mod-articles-category-title:hover { color: #FFF; text-decoration: none; background-color: #e77843; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e77843; }
.main .moduletable .category-module .mod-articles-category-introtext { float: left; height: auto; width: 97%; margin-top: 15px; margin-bottom: 15px; padding-right: 1.5%; padding-left: 1.5%; border: 0px none #000; visibility: visible; }
.main .moduletable .category-module .mod-articles-category-readmore a { color: #FFF; text-decoration: none; background-color: #e77843; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; font-family: Verdana; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-align: center; padding: 3px; margin-bottom: 15px; border: 1px solid #e77843; visibility: visible; max-width: 17%; }
.main .moduletable .category-module .mod-articles-category-readmore a:hover { color: #e77843; background-color: #FFF; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; border: 1px solid #e77843; max-width: 17%; }
/***** Leistung Tennisschule Startseite *****/
.customts { background-color: transparent; margin: 2% 0px 0px; float: left; width: 100%; padding-bottom: 3%; border: 0px none #000; visibility: visible; z-index: 5; }
.customts h3 { display: inline-block; position: relative; font-family: Verdana; font-style: normal; font-weight: bold; font-variant: normal; color: #e77843; text-decoration: none; margin-top: 0px; letter-spacing: 2px; line-height: 100px; font-size: 20px; text-transform: uppercase; }
.customts h3::before, .main h3::after { content: ""; position: absolute; border-top: 1px solid #FFFFFF; top: 50%; width: 100%; }
.customts h3::before { margin-right: 5px; right: 100%; }
.customts h3::after { margin-left: 5px; left: 100%; }
#ts { width: 100%; height: auto; overflow: hidden; text-align: center; background-color: transparent; margin: 0px; padding: 0px; float: left; }
.customts .ts-box { border: 1px solid #e77843; width: 31.5%; text-align: center; display: inline-block; height: auto; margin-top: 15px; margin-bottom: 15px; padding-right: 0px; padding-left: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: rgba(255,255,255,0.7); padding-top: 15px; padding-bottom: 15px; }
.customts .ts-box img { border: 0px none #000; height: 100px; margin-bottom: 5px; margin-right: auto; margin-left: auto; }
.customts .ts-box h4 { font-family: Verdana; font-size: 20px; font-style: normal; font-weight: bold; font-variant: normal; color: #e77843; text-decoration: none; letter-spacing: 2px; }
.customts .ts-box:nth-child(2) { margin-right: 2%; margin-left: 2%; }
.customts .ts-box:nth-child(5) { margin-right: 2%; margin-left: 2%; }
.customts li:a { border: 1px solid #e77843; width: 31.5%; text-align: center; display: inline-block; height: auto; margin-top: 15px; margin-bottom: 15px; padding-right: 0px; padding-left: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: rgba(255,255,255,0.7); padding-top: 15px; padding-bottom: 15px; }
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {
	.item-page-start .transparent { width: 96%; padding-top: 5%; padding-bottom: 5%; padding-right: 2%; padding-left: 2%; background-color: rgba(255,255,255,0.8); }
	.item-page-aside { width: 96%; padding-bottom: 3%; margin-left: 2%; margin-right: 2%; }
	.item-page-ohne { width: 96%; margin-right: 2%; margin-left: 2%; }
	.contentbox .blog-ohne { width: 96%; margin-right: 2%; margin-left: 2%; }
	.contentbox { line-height: 26px; }
	.contentbox h1 { font-size: 18px; margin-bottom: 15px; }
	.contentbox h2 { font-size: 16px; text-decoration: none; margin-top: 15px; }
	.contentbox h4, .item-page-aside h5 { font-size: 12px; text-decoration: none; }
	.contentbox h6 { font-size: 14px; }
	.contentbox table img { max-width: 120px; max-height: 179px; margin-right: 10px; }
	.main h3, .customts h3 { font-size: 16px; line-height: 40px; }
	.customts .ts-box img { height: 75px; }
	.customts .ts-box h4 { font-size: 16px; }
	.main .moduletable .category-module > li, .customts .ts-box { width: 96%; margin-top: 10px; margin-right: 2%; margin-bottom: 10px; margin-left: 2%; }
	.main .moduletable .category-module > li:nth-child(2), .customts .ts-box:nth-child(2) { margin-right: 0%; margin-left: 0%; }
	.main .moduletable .category-module > li:nth-child(5), .customts .ts-box:nth-child(5) { margin-right: 0%; margin-left: 0%; } } /* Smartphone Hochformat */ 
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
	.item-page-start .transparent { width: 96%; padding-top: 5%; padding-bottom: 5%; padding-right: 2%; padding-left: 2%; background-color: rgba(255,255,255,0.8); }
	.item-page-aside { width: 96%; padding-bottom: 3%; margin-left: 2%; margin-right: 2%; }
	.item-page-ohne { width: 96%; margin-right: 2%; margin-left: 2%; }
	.contentbox .blog-ohne { width: 96%; margin-right: 2%; margin-left: 2%; }
	.contentbox { line-height: 26px; }
	.contentbox h1 { font-size: 18px; margin-bottom: 15px; }
	.contentbox h2 { font-size: 16px; text-decoration: none; margin-top: 15px; }
	.contentbox h4, .item-page-aside h5 { font-size: 12px; text-decoration: none; }
	.contentbox h6 { font-size: 14px; }
	.contentbox table img { max-width: 120px; max-height: 179px; margin-right: 10px; }
	.main h3, .customts h3 { font-size: 16px; line-height: 40px; }
	.main .moduletable .category-module > li, .customts .ts-box { width: 96%; margin-top: 10px; margin-right: 2%; margin-bottom: 10px; margin-left: 2%; }
	.main .moduletable .category-module > li:nth-child(2), .customts .ts-box:nth-child(2) { margin-right: 0%; margin-left: 0%; }
	.main .moduletable .category-module > li:nth-child(5), .customts .ts-box:nth-child(5) { margin-right: 0%; margin-left: 0%; } } /* Smartphone Querformat */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.contentbox { font-size: 16px; }
	.item-page-start .transparent { width: 96%; padding-top: 5%; padding-bottom: 5%; padding-right: 2%; padding-left: 2%; background-color: rgba(255,255,255,0.8); }
	.item-page-aside { width: 96%; padding-bottom: 3%; margin-left: 2%; margin-right: 2%; }
	.item-page-ohne { width: 96%; margin-right: 2%; margin-left: 2%; }
	.contentbox .blog-ohne { width: 96%; margin-right: 2%; margin-left: 2%; }
	.contentbox { line-height: 26px; }
	.contentbox h1 { font-size: 18px; margin-bottom: 15px; }
	.contentbox h2 { font-size: 16px; text-decoration: none; margin-top: 15px; }
	.contentbox h4, #content h5 { font-size: 12px; text-decoration: none; }
	.contentbox h6 { font-size: 14px; } 
	.main h3, .customts h3 { font-size: 16px; line-height: 40px; }
	.main .moduletable .category-module > li, .customts .ts-box { width: 96%; margin-top: 10px; margin-right: 2%; margin-bottom: 10px; margin-left: 2%; }
	.main .moduletable .category-module > li:nth-child(2), .customts .ts-box:nth-child(2) { margin-right: 0%; margin-left: 0%; }
	.main .moduletable .category-module > li:nth-child(5), .customts .ts-box:nth-child(5) { margin-right: 0%; margin-left: 0%; } } /* Tablet Hochformat */
@media only screen and (min-width: 1250px) and (max-width: 1300px) {
	.contentbox { font-size: 16px; } } /*  Tablet Querformat, kleine Bildschirme */
@media only screen and (min-width: 1400px) {}
/***** Aside seitliche Informationsbox *****/
#aside { background-color: #FFF; text-align: center; float: right; height: auto; width: 20%; border: 0px none #FFF; visibility: visible; z-index: 5; margin-right: 3%; margin-left: 3%; }	
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {
	#aside { float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-top: 2%; } }  
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
	#aside { float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-top: 2%; } } 
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#aside { float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-top: 2%; } } 
@media only screen and (min-width: 1250px) and (max-width: 1300px) { } 
@media only screen and (min-width: 1400px) {}
/***** Aside Aktuelles *****/
.aktuell1 { width: 100%; visibility: visible; z-index: 4; }
.aktuell1 ul { text-align: left; margin: 0px; padding: 0px; float: left; height: auto; width: 100%; border: 0px none #FFF; visibility: visible; z-index: 5; }
.aktuell1 ul li { font-family: Verdana; font-size: 12px; font-style: normal; line-height: 24px; font-weight: normal; font-variant: normal; color: #000; text-decoration: none; text-align: left; margin-bottom: 15px; border: 1px solid #e77843; list-style-type: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; float: left; width: 100%; }
.aktuell1 ul li .mod-articles-category-title { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #FFF; text-decoration: none; text-align: left; float: left; width: 96%; margin-bottom: 20px; background-color: #e77843; margin-top: 0px; line-height: 24px; height: 24px; padding-right: 2%; padding-left: 2%; }
.aktuell1 ul li .mod-articles-category-introtext { font-family: Verdana; font-size: 12px; font-style: normal; line-height: 24px; font-weight: normal; font-variant: normal; color: #000; text-decoration: none; margin: 0px; float: left; border: 0px none #FFF; width: 96%; padding-top: 0px; padding-right: 2%; padding-bottom: 0px; padding-left: 2%; }
.aktuell1 ul li .mod-articles-category-readmore { color: #e77843; float: left; width: 100%; background-color: #FFF; }
.aktuell1 ul li .mod-articles-category-readmore a { outline: solid 0 #000; color: #e77843; text-decoration: none; background-color: #FFF; }
.aktuell1 ul li .mod-articles-category-readmore a:hover { outline: solid 0 #000; color: #000; text-decoration: none; background-color: #FFF; }
/***** Tennisreisen *****/
.reisen { float: left; height: auto; width: 100%; margin-top: 15px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 20px; visibility: visible; z-index: 5; text-align: left; color: #000; font-family: Verdana; font-size: 14px; font-weight: normal; line-height: 28px; }
.reisen ul { text-align: left; margin: 0px; padding: 0px; float: left; height: auto; width: 100%; border: 0px none #FFF; }
.reisen li { list-style-type: circle; margin-left: 15px; }
.reisen .left-box { padding: 0px; float: left; border: 0px solid #000; max-width: 300px; text-align: left; vertical-align: top; }
.reisen .right-box { float: right; border: 0px solid #000; width: auto; text-align: left; }
.border-bottom-dashed { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #e87944; }
.preis { font-family: Verdana; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #933; text-decoration: none; letter-spacing: 1px; text-align: right; float: right; width: 100%; }
.reisen .img-box { padding: 0px; float: left; border: 0px solid #000; text-align: left; vertical-align: top; width: 315px; margin-right: 15px; }
.reisen .text-box { float: left; border: 0px solid #000; width: auto; text-align: left; }
.reisen .img-box img { float: left; border: 1px solid #CCC; margin-bottom: 10px; max-width: 300px; }
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {
	.reisen { margin-top: 5px; margin-bottom: 10px; line-height: 20px; }
	.reisen .left-box { width: 100%; margin-right: 0%; text-align: center; }
	.reisen .right-box { float: left; width: 100%; margin-top: 10px; }
	.preis { font-size: 16px; }
	.reisen .img-box { width: 300px; margin-right: 0%; text-align: center; }
	.reisen .text-box { float: left; width: 100%; margin-top: 10px; }}
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
	.reisen .left-box { width: 100%; margin-right: 0%; text-align: center; }
	.reisen .right-box { float: left; width: 100%; margin-top: 10px;}
	.reisen .img-box { width: 300px; margin-right: 0%; text-align: center; }
	.reisen .text-box { float: left; width: 100%; margin-top: 10px; } }

/***** Aside Kalender *****/
.kalender { text-align: center; height: auto; width: 100%; margin-bottom: 20px; border: 0px none #FFF; visibility: visible; z-index: 3; }
/***** Aside Counter *****/
.counter { height: auto; width: 100%; margin-bottom: 20px; border: 0px none #000; }
/*
************** Footer **************
*/
footer { background-color: #e77843; text-align: left; margin: 0px; float: left; height: auto; width: 100%; border: 0px none #000; visibility: visible; z-index: 2; padding-top: 30px; padding-bottom: 30px; }
.footer { margin: 0px; float: left; height: auto; width: 96%; padding-right: 2%; padding-left: 2%; border: 0px none #000; visibility: visible; z-index: 2; display: block; list-style-type: none; }
.footer > li { margin: 0px; padding: 0px; float: left; height: auto; width: 25%; border: 0px none #000; visibility: visible; }
.footer h3 { margin-top: 0px; margin-bottom: 25px; font-family: Verdana; font-size: 22px; font-style: normal; font-weight: bold; font-variant: normal; color: #FFF; text-decoration: none; }
.footer > li > ul { text-align: left; margin: 0px; padding: 0px; float: left; width: 100%; border: 0px none #000; list-style-type: none; visibility: visible; }
.footer > li > ul > li { text-align: left; list-style-type: none; padding: 0px; margin-top: 10px; margin-bottom: 18px; font-family: Verdana; font-size: 16px; font-style: normal; line-height: 28px; font-weight: normal; font-variant: normal; color: #FFF; }
.map { background-image: url(../images/map.png); background-repeat: no-repeat; background-position: left top; vertical-align: middle; height: 35px; margin-right: 30px; float: left; width: 24px; }
.phone { background-image: url(../images/phone.png); background-repeat: no-repeat; background-position: left top; vertical-align: middle; height: 24px; margin-right: 30px; float: left; width: 24px; }
.mail { background-image: url(../images/mail.png); background-repeat: no-repeat; background-position: left top; vertical-align: middle; height: 24px; margin-right: 30px; float: left; width: 24px; }
.route { background-image: url(../images/route.png); background-repeat: no-repeat; background-position: left top; vertical-align: middle; height: 24px; margin-right: 30px; float: left; width: 24px; }
.footer > li > ul > li a { font-style: italic; text-decoration: none; border: 0px none #000; outline: solid 0 #000; font-family: Verdana; color: #FFF; }
.footer > li > ul > li a:hover { color: #fff; }
.footer .current a { text-decoration: none; border: 0px none #000; outline: solid 0 #000; letter-spacing: 2px; padding-left: 30px; background-image: url(../images/tennisball.png); background-repeat: no-repeat; background-position: left center; font-family: Verdana; color: #FFF; }
.footer .nav { text-align: left; margin: 0px; padding: 0px; float: left; width: 100%; border: 0px none #000; }
.footer .nav a { text-decoration: none; border: 0px none #000; outline: solid 0 #000; letter-spacing: 2px; font-family: Verdana; color: #FFF; }
.footer .nav a:hover { text-decoration: none; outline: solid 0 #000; letter-spacing: 2px; padding-left: 30px; background-image: url(../images/tennisball.png); background-repeat: no-repeat; background-position: left center; border: 0px none #FFF; }
.footer .nav ul { display: none; }
.footer .nav ul li { display: none; }
#footer-copy { font-family: Verdana; font-size: 14px; font-style: normal; line-height: 30px; font-weight: normal; font-variant: normal; color: #FFF; text-decoration: none; text-align: center; padding: 0px; height: 30px; width: 100%; border: 0px none #000; visibility: visible; z-index: 3; float: left; margin-top: 50px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {
	footer { padding-top: 15px; padding-bottom: 50px; }
	.footer > li { width: 100%; margin-bottom: 20px; }
	.footer > li > ul > li { line-height: 24px; text-align: center; }
	.hide { display: none; }
	.footer h3 { margin-bottom: 15px; text-align: center; }
	#footer-copy { text-align: center; width: 96%; padding-right: 2%; padding-left: 2%; margin-top: 15px; } }
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
	footer { padding-top: 15px; padding-bottom: 25px; }
	.footer > li { width: 100%; margin-bottom: 20px; }
	.footer > li > ul > li { line-height: 24px; text-align: center; }
	.hide { display: none; }
	.footer h3 { margin-bottom: 15px; text-align: center; }
	#footer-copy { text-align: center; width: 96%; padding-right: 2%; padding-left: 2%; margin-top: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	footer { padding-top: 15px; padding-bottom: 25px; }
	.footer > li { width: 100%; margin-bottom: 20px; }
	.footer > li > ul > li { line-height: 24px; text-align: center; }
	.hide { display: none; }
	.footer h3 { margin-bottom: 15px; text-align: center; }
	#footer-copy { text-align: center; width: 96%; padding-right: 2%; padding-left: 2%; margin-top: 15px; } }
/*
************** BOXEN GRÖßEN **************
*/
.box100 { width: 100%; visibility: visible; float: left; }
.box90 { width: 90%; visibility: visible; margin-right: auto; margin-left: auto; }
.box80 { width: 80%; visibility: visible; margin-right: auto; margin-left: auto; }
.box-m100 { visibility: hidden; }
.box-m90 { visibility: hidden; }
.box-m80 { visibility: hidden; }
.box-m-q100 { visibility: hidden; }
.box-m-q90 { visibility: hidden; }
.box-m-q80 { visibility: hidden; }
.box-t100 { visibility: hidden; }
.box-t90 { visibility: hidden; }
.box-t80 { visibility: hidden; }
.box-t-q100 { visibility: hidden; }
.box-t-q90 { visibility: hidden; }
.box-t-q80 { visibility: hidden; }
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {
	.box100 { visibility: hidden; }
	.box90 { visibility: hidden; }
	.box80 { visibility: hidden; }
	.box-m100 { float: left; width: 100%; visibility: visible; }
	.box-m90 { width: 90%; visibility: visible; margin-right: auto; margin-left: auto; }
	.box-m80 { width: 80%; visibility: visible; margin-right: auto; margin-left: auto; }
	.box-m-q100 { visibility: hidden; }
	.box-m-q90 { visibility: hidden; }
	.box-m-q80 { visibility: hidden; }
	.box-t100 { visibility: hidden; }
	.box-t90 { visibility: hidden; }
	.box-t80 { visibility: hidden; }
	.box-t-q100 { visibility: hidden; }
	.box-t-q90 { visibility: hidden; }
	.box-t-q80 { visibility: hidden; } }  
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
	.box100 { visibility: hidden; }
	.box90 { visibility: hidden; }
	.box80 { visibility: hidden; }
	.box-m100 { visibility: hidden; }
	.box-m90 { visibility: hidden; }
	.box-m80 { visibility: hidden; }
	.box-m-q100 { float: left; width: 100%; visibility: visible; }
	.box-m-q90 { width: 90%; visibility: visible; margin-right: auto; margin-left: auto; }
	.box-m-q80 { width: 80%; visibility: visible; margin-right: auto; margin-left: auto; }
	.box-t100 { visibility: hidden; }
	.box-t90 { visibility: hidden; }
	.box-t80 { visibility: hidden; }
	.box-t-q100 { visibility: hidden; }
	.box-t-q90 { visibility: hidden; }
	.box-t-q80 { visibility: hidden; } } 
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box100 { visibility: hidden; }
	.box90 { visibility: hidden; }
	.box80 { visibility: hidden; }
	.box-m100 { visibility: hidden; }
	.box-m90 { visibility: hidden; }
	.box-m80 { visibility: hidden; }
	.box-m-q100 { visibility: hidden; }
	.box-m-q90 { visibility: hidden; }
	.box-m-q80 { visibility: hidden; }
	.box-t100 { float: left; width: 100%; visibility: visible; }
	.box-t90 { width: 90%; visibility: visible; margin-right: auto; margin-left: auto; }
	.box-t80 { width: 80%; visibility: visible; margin-right: auto; margin-left: auto; }
	.box-t-q100 { visibility: hidden; }
	.box-t-q90 { visibility: hidden; }
	.box-t-q80 { visibility: hidden; } } 
@media only screen and (min-width: 1250px) and (max-width: 1300px) {
	.box100 { visibility: hidden; }
	.box90 { visibility: hidden; }
	.box80 { visibility: hidden; }
	.box-m100 { visibility: hidden; }
	.box-m90 { visibility: hidden; }
	.box-m80 { visibility: hidden; }
	.box-m-q100 { visibility: hidden; }
	.box-m-q90 { visibility: hidden; }
	.box-m-q80 { visibility: hidden; }
	.box-t100 { visibility: hidden; }
	.box-t90 { visibility: hidden; }
	.box-t80 { visibility: hidden; }
	.box-t-q100 { float: left; width: 100%; visibility: visible; }
	.box-t-q90 { width: 90%; visibility: visible; margin-right: auto; margin-left: auto; }
	.box-t-q80 { width: 80%;visibility: visible; margin-right: auto; margin-left: auto; } }
/*
************** totop **************
*/
#totop { position: fixed; bottom: 0; font-size: 10px; color: #e77843; text-decoration: none; text-transform: none; line-height: 24px; font-style: normal; font-weight: normal; font-variant: normal; background-color: #F1F1F1; height: 24px; font-family: Verdana; right: 5px; padding: 7px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index: 9999999999; }  
#totop a { display: block; text-align: center; text-decoration: none; color: #e77843; background-color: #F1F1F1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 4px 4px 2px #666666; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; font-family: Verdana; font-style: normal; font-variant: normal; padding: 7px; font-size: 10px; font-weight: normal; }
#totop a:hover { color: #e77843; background-color: #003333; }
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) { 
	#totop { font-size: 12px; font-style: normal; } }
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) { 
	#totop { font-size: 12px; font-style: normal; } }
/*
************** 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('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/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('../fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}