html,body{
	-webkit-text-zoom:reset !important;
	margin:0;
	background-color:#ffffff;
}

@font-face{
	font-display:block;
	font-family:"Lato";
	src:url('Lato-Regular.woff2') format('woff2'),url('Lato-Regular.woff') format('woff');
	font-weight:400;
}
@font-face{
	font-display:block;
	font-family:"Lato Bold";
	src:url('Lato-Bold.woff2') format('woff2'),url('Lato-Bold.woff') format('woff');
	font-weight:700;
}
@font-face{
	font-display:block;
	font-family:"Lato Italic";
	src:url('Lato-Italic.woff2') format('woff2'),url('Lato-Italic.woff') format('woff');
	font-weight:400;
	font-style:italic;
}
*{
  font-family:"Lato",Arial,sans-serif;
	font-size:13pt;
	color:#000000;
	line-height:1.6rem;
}
a{
	color:#cb4b16;	
}
ul{
	padding-left:1.2rem;
}
p,span,h1,h2,h3,h4,h5,h6,a,li{
	margin:0;
	word-spacing:normal;
	word-wrap:break-word;
	-ms-word-wrap:break-word;
	pointer-events:auto;
	-ms-text-size-adjust:none !important;
	-moz-text-size-adjust:none !important;
	-webkit-text-size-adjust:none !important;
	text-size-adjust:none !important;
	max-height:10000000px;
}
p{
	margin-bottom:0.8rem;	
}
h1{
 	font-family:"Lato Bold",Arial,sans-serif;
	font-size:2rem;
	color:#000000;
	margin-top:0;
	padding-top:2rem;
	margin-bottom:2rem;
	line-height:1;
}
.row::after {
  content: "";
  clear: both;
  display:table;
}
.row{
  padding-bottom:20px;
  background-color:#ffffff;
}
.right{
	text-align:right;	
}

/* For mobile phones: */
[class*="col-"] {
  float: left;
  width: 90%;
  padding-top:1px;
  margin:0 1rem 0 1rem;
}
[class*="col-"] img {
	width:100%;
}
#menu{
	z-index: 18;
	width: 100%;
    min-height: 50px;
	margin-top: 0;
    top: 0;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
}
#phonenav{
  display:none;
  position:absolute;
  width:100%;
  z-index:10;
  padding-top:1rem;
  background-color:#cff7d1;
  /*background-color:#96c3e5; winter*/
  margin-top:0;
}
.navbar {
  background-color:#cff7d1;
    /*background-color:#96c3e5; winter*/
  /* background-color: #ff6600; --> */
  color: #000000;
  padding:35px 0 5px 0;
  text-align:center;
  width:100%;
  position: sticky;
  top: 0;
}
.navbar a{
  color:#000000;
}
.exceptphone{
  display:none;
}
.navitem{
  width:auto;
  padding: 5px 30px;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
}
.navitem:hover{
  background-color:#8fa791;
	/* background-color:#4781AD; Winter */
  color:#ffffff;
}
#phonenav .navitem{
  display:block;
   background-color:#8fa791;
  	/* background-color:#4781AD; Winter */
	color:#ffffff;
}
#phonenav .navitem:hover{
   background-color:#cff7d1;
	/* background-color:#96c3e5; Winter */
   color:#000000;
}

#logo{
	font-family: "Lato",Arial,sans-serif;
    font-size: 12pt;
    color: #000000;
    z-index: 20;
    top: 20px;
    position: absolute;
    height: 100px;	
}
.fa {
  text-decoration: none;
	font-size: 2rem !important;
	padding-right:1rem;
}
.fa:hover {
  opacity: 0.7;
}
#footer{
	background-color:#cff7d1;
	/*background-color:#96c3e5; Winter */
	padding-top:20px;
}
.zitat{
	font-size:1.4rem;	
	margin:1rem;
	display:block;
	text-align:center;
	line-height:2.5rem;
}
.iban{
	font-size:1.3rem;	
}
#kontakt2{
  padding-top:0;
}
#kontaktform input,
#kontaktform select,
#kontaktform textarea{
  margin-bottom:0.5rem;
  width:90%;
}
#kontaktform textarea{
  height:10rem;
}
#email1{
	display:none;
}
#kontaktform input[type=number]{
	border:0;
	margin:0;
	border-bottom:1px solid #888888;
	height:initial;
	width:3rem;
	text-align:right;
}
summary{
	cursor:pointer;
}
#events{
	background-color:#ffffff;	
}
#events table{
  width:100%;
  border-collapse:collapse;
}
#events th,
#events td{
  vertical-align:top;
  font-size:0.8rem;
}
#events th{
  text-align:left;
}
#events td:nth-child(4),
#events td:nth-child(5),
#events td:nth-child(6),
#events td:nth-child(7),
#events th:nth-child(4),
#events th:nth-child(5),
#events td:nth-child(6),
#events td:nth-child(7){
	text-align:center;
}
#events td:nth-child(8),
#events td:nth-child(9){
	text-align:right;
}


#events a{
	font-size:0.8rem;
	color:#000000;
	text-decoration:none;
}
#events tr:nth-child(3n){
	/*padding-bottom:40px;*/
}
.eventdetails td{
	padding:0 1rem 0 1rem;
}
.eventrow{
	background-color:#dddddd;
	padding:0 1rem 0 1rem;
}
.total{
	border-top:1px solid #000000;
	border-bottom:2px solid #000000;
	font-weight:bold;
	text-align:center;
}
.events img{
  margin-top:2rem;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 12px 40px 0 rgba(0, 0, 0, 0.19);	
}
.events h2{
	color:#ffffff;
	font-size:1.3rem;
}
.events h3{
	font-size:1.2rem;
	margin-top:2rem;
	margin-bottom:1rem;
}
iframe{
	width:100%;
	aspect-ratio:170/100;
	overflow:hidden;
	border:1px solid #000000;
	border:0;
}

.ds h2{
	font-size:1.1em;
}
.ds h2:not(:first-child){
	margin-top:2rem;	
}
.ds h3{
	margin-top:1rem;	
}
.ds p{
	padding-bottom:1rem;	
}

.abgesagt {
            position: absolute;
            bottom: 20%;
            left: 15%;
            width: 110%;
            height: 50px; /* Höhe des Balkens */
            background-color: rgba(255, 0, 0, 0.8);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            transform: rotate(-45deg);
            transform-origin: left bottom;
            z-index: 1;
			letter-spacing: 0.3em;
}

@-webkit-keyframes bounceInLeft{
	from,60%,75%,90%,to{
		-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)
	}
	0%{
		opacity:0;
		-webkit-transform:translate3d(-3000px,0,0)
	}
	60%{
		opacity:1;
		-webkit-transform:translate3d(25px,0,0)
	}
	75%{
		-webkit-transform:translate3d(-10px,0,0)
	}
	90%{
		-webkit-transform:translate3d(5px,0,0)
	}
	to{
		-webkit-transform:translate3d(0, 0, 0)
	}
}
@keyframes bounceInLeft{
	from,60%,75%,90%,to{
		animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)
	}
	0%{
		opacity:0;
		transform:translate3d(-3000px,0,0)
	}
	60%{
		opacity:1;
		transform:translate3d(25px,0,0)
	}
	75%{
		transform:translate3d(-10px,0,0)
	}
	90%{
		transform:translate3d(5px,0,0)
	}
	to{
		transform:translate3d(0, 0, 0)
	}
}
.bounceInLeft{
	-webkit-animation-name:bounceInLeft;
	animation-name:bounceInLeft
}


@media only screen and (min-width: 600px), (-webkit-device-pixel-ratio: 1.5){
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
  .phoneonly{
    display:none;
  }
  .exceptphone{
    display:block;
  }
  h1{
	padding-top:0;
	padding-bottom:2rem;
	}
  .iban{
	font-size:2rem;	
  }
	#kontaktform .row{
		background-color:#cff7d1;
		/*background-color:#96c3e5; winter */
		margin:0;
		padding:0;
	}
	#kontaktform input{
		height:3rem;
	}
	.floatright{
		float:right;
	}
	.events img{
	  margin-top:0;
}

@media only screen and (min-width: 768px) and (-webkit-max-device-pixel-ratio: 1){
  /* For desktop: */
.col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  .phoneonly{
    display:none;
  }
  .exceptphone{
    display:block;
  }
	.ds{
		column-count: 3;
		column-gap: 5rem;
	}
}