@-ms-viewport{width:device-width;}

/*Grundsaetzliches*/
html{overflow-y:scroll;} 
body{margin:0; padding:0; font-size:95%; font-family: Verdana, Geneva, sans-serif; font-weight:400; color:rgb(26,26,26); line-height:1.4em;}
html[xmlns] .clear{display:block;}
*html .clear{height:1%;}
.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
.hidden{display:none;}
.screen{display:block;}

body .wrapper{display:block; width:100%; margin:0 auto; padding:0; text-align:left;}
header, main, footer, #copyright{display:block; width:100%; max-width:1024px; margin:0 auto; padding:10px;}
#intro{display:block; width:100%; max-width:1920px; margin:0 auto; padding:0;}

article, section, figcaption, section{display:block; margin:0; padding:0;}
figure{display:block; margin:0; padding:0;}

.row1{color:rgb(26,26,26); background:rgb(255,255,255);}
.row2{background:rgb(255,255,255);}
.row3{color:rgb(26,26,26); background:rgb(255,255,255);}
.row4{color:rgb(26,26,26); background:rgba(255,255,255);}
.row5, .row5 a{color:rgb(255,255,255); background:rgb(26,26,26);}

.full_width, .two_half, .three_third, .four_quarter{display:block; width:100%; clear:both;}
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:left; margin:0 0 0 3.90629%; list-style:none;}
.first{margin-left:0;}
.one_quarter{width:22.07031%;}
.one_third{width:30.72918%;}
.one_half, .two_quarter{width:48.04687%;}
.two_third{width:65.36458%;}
.three_quarter{width:74.02343%;}

.fl_left{float:left;}
.fl_right{float:right;}
.fl_center{float:center;}
.right{text-align: right;}
.ph{margin-left:20px;}
.top10{padding-top:10px;}
.top20{padding-top:20px;}
.top40{padding-top:40px;}
.last{padding-bottom:20px;}
.width{max-width:512px; margin:0 auto; padding:0; float:center;}

/*Scrollen*/
.menu.sticky {position:fixed; background:rgb(255,255,255); border-bottom:2px solid rgb(239,107,0);}
.back-to-top{background:rgb(204,204,204); border:1px solid rgb(127,127,127); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:1.8em; font-weight:700; color:rgb(127,127,127); position: fixed; bottom:20px; right:20px; padding:5px 10px 10px 10px; z-index: 100;}

/*Farben*/
.gray10{color:rgb(26,26,26);}
.gray30{color:rgb(71,71,71);}
.gray50{color:rgb(127,127,127);}
.gray70{color:rgb(179,179,179);}
.gray80{color:rgb(204,204,204);}
.gray90{color:rgb(229,229,229);}
.white{color:rgb(255,255,255);}
.red{color:rgb(204,0,0);}
.orange{color:rgb(239,107,0);}
.black{color:rgb(0,0,0);}
.blue{color:rgb(16,78,139);}

/*Schriften und Links*/
a{outline:none; text-decoration:none; color:rgb(26,26,26); cursor:pointer;}
a:hover{color:rgb(239,107,0);}
.jump {visibility: hidden; height: 0px !important; position: absolute; margin: -200px;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;} 
.small{font-size:0.85em; font-weight:400;}
.large{font-size:1.2em; font-weight:400;}
.bold{font-weight:700;}
.italic{font-style:italic;}
.line{border-bottom:1px solid rgb(127,127,127);}
.uline{text-decoration: underline;}
.active{color:rgb(204.204.204);}
.nowrap{white-space:nowrap;}
.tshadow{letter-spacing: .01em; text-shadow: 1px 1px 0px rgb(26,26,26);}
h1{font-size:1.4em; font-weight:400; line-height:1.8em;}
h2{font-size:1.2em; font-weight:400;}
h3{font-size:1.125em; font-weight:400; padding:0 0 5px 0; border-bottom:2px solid rgb(204,204,204);}
h4{font-size:1.125em; font-weight:400;}
h5{font-size:1.125em; font-weight:700;}
h6{font-size:1em; font-weight:400;}

/*Bilder*/
img{width:auto; max-width:100%; height:auto; margin:0; padding:0;}
.middle{margin:0; padding-top:20px}

/*Button und Boxes*/
.button{display:block; width:100%; max-width:420px; margin:5px 0; padding:0; line-height:1em; background:rgb(204,204,204); border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-sizing:border-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.button img, .button1 img{padding-right:10px;}
.button1{display:block; width:100%; max-width:300px; margin:5px 0; padding:0; line-height:1em; background:rgb(204,204,204); border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-sizing:border-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.button a, .button1 a{display:block; padding:10px; color:rgb(26,26,26);}
.button a:hover, .button1 a:hover{color:rgb(239,107,0);}
.box{line-height:1.4em; margin:5px auto; padding:5px; width:auto; max-width:100%; height:auto; background:rgb(204,204,204); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/*Tabelle*/
.table_component{overflow: auto; width: 100%;}
.table_component table{height: 100%; width: 100%; table-layout: fixed; text-align: left; border-collapse: collapse;}
.table_component th{border: 1px solid rgb(26,26,26); background-color: rgb(204,204,204); color: rgb(26,26,26); padding: 3px;}
.table_component td {border: 1px solid rgb(26,26,26); background-color: rgb(255,255,255); color: rgb(26,26,26); padding: 3px;}
.table_component td a{color: rgb(16,78,139);}
.table_component caption {caption-side: top; text-align: left;}
thead th:nth-child(1) { width: 8%; }
thead th:nth-child(2) { width: 30%; }
thead th:nth-child(3) { width: 24%; }
thead th:nth-child(4) { width: 30%; }
thead th:nth-child(5) { width: 8%; }

/*Grid*/
.container-grid {display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(min(20em, 100%), 1fr));}
.container-grid > section {padding: 10px; background:rgb(229,229,229); text-align:center;}

/*Toogle*/
.accordion-wrapper{display:block; margin:20px 20px 20px 0; padding:5px; background:rgb(204,204,204);}
.accordion-wrapper:first-child{margin-top:20px;}
.accordion-wrapper:last-child{margin-bottom:0px;}
.accordion-wrapper .accordion-title, .accordion-wrapper .accordion-title.active{display:block; padding:0; background:no-repeat 0px top; font-size:1em; font-weight:400;}
.accordion-wrapper .accordion-title span, .accordion-wrapper .accordion-title.active span{display:block; padding:0 10px; color:rgb(26,26,26);}
.accordion-wrapper .accordion-title.active span{color:rgb(26,26,26);}
.accordion-wrapper .accordion-title span:hover{color:rgb(239,107,0);}
.accordion-wrapper .accordion-content{display:none; margin:0; padding-left:10px; line-height:1.4em;}

/*Gallery*/
.gallery-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); grid-gap:20px; justify-items:center; margin:0; padding:0;}
.gallery-frame{padding:0px; font-size:0.95em; text-align:center; color:rgb(26,26,26); }
.gallery-frame .border{border:2px solid rgb(127,127,127); padding:5px;}
.gallery-frame h3{font-size:1.125em; font-weight:400; padding-bottom:5px; border-bottom:2px solid rgb(127,127,127);}
.gallery-frame a{color:rgb(26,26,26);}
.gallery-frame a:hover{color:rgb(239,107,0);}
.gallery-img{max-width:100%; height:auto; object-fit:cover;}

/*Kopfteil*/
header #logo{display:block; float:left; position: relative; width:auto; max-width:20%; height:auto; clear:right;}
header #logo img{display:block; position: relative; width:auto; max-width:100%; height:auto;}
header .nav-bar{display:none;}
header nav{margin:20px 0 0 0; padding:0; float:right; position:relative; width:auto; max-width:80%; height:auto; clear:right;}
header nav img{display:block; position: relative; width:auto; max-width:100%; height:auto;}
header nav ul{list-style:none;}
header nav ul li{float:left; position:relative;}
header nav:after{content:""; display:block; clear:both;}
header nav ul li a{display:block; padding:10px 20px; color:rgb(26,26,26); text-decoration:none;}
header nav ul li a:hover{color:rgb(239,107,0);}
header nav ul li:hover .children{display:block;}
header nav ul li .children{display:none; background:rgba(255,255,255,0.9); position:absolute; width:200px; z-index:1000;}
header nav ul li .children span{display:none;}
header nav ul li .children li{display: block; width:100%; border-top:1px solid rgb(127,127,127);}
header nav ul li .children li:first-child{display: block; width:100%; border-top:none;}
header nav ul li .children li a{margin:0; padding:10px 0;}

/*Countdown*/
.countdown{margin:-30px 0 0 0; padding:3px; float:right; position:relative; width:auto; height:auto; clear:right;}
.timer, .signup {display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap; line-height:0.5em;}
.counter {display: flex; max-width: fit-content; gap: 0.2em; justify-content: center; align-items: center;}
.counter__box {text-align: center;width: 38px;height: 38px;display: flex;flex-direction: column; justify-content: center; align-items: center; margin: 0; line-height:0.7em;}
.counter__time {font-size: 0.8em; margin: 0; padding: 0; font-weight: bold;}
.counter__duration {font-size: 0.6em;margin: 0;padding: 0;}
.dots {margin: 0 auto; padding: 0;}
.orange1 {background:rgb(239,107,0); border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.grey1 {background:rgb(204,204,204); border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

/*Hauptteil*/
main ul{list-style:none; margin:0; padding:0;}
main li{margin:10px 0; padding:0;}
main ul.disk{list-style-type: disc; margin:0; padding-left:15px; list-style-position:outside;}
main ul.circle{list-style-type: circle; margin:0; padding-left:15px; list-style-position:outside;}
main li.site a{color:rgb(26,26,26);}
main li.site a:hover{color:rgb(204,0,0);}
main article.list{margin:0 auto; padding:5px 0;}

main nav{margin:0; padding:0; float:left; position:relative; width:auto; max-width:100%; height:auto; clear:right;}
main nav img{display:block; position: relative; width:auto; max-width:100%; height:auto; padding:0 15px;}
main nav ul{list-style:none;}
main nav ul li{float:left; position:relative;}

/*Fussteil*/
footer p, footer a{line-height:1.2em;}
footer a:hover{color:rgb(239,107,0);}
footer img{padding-right:10px;}


/*Breakpoints*/
@media screen and (min-width:320px) and (max-width:480px) {
	header #logo{display:block; float:left; position: relative; width:auto; max-width:20%; height:auto; clear:right;}
	header #logo img{display:block; position: relative; width:auto; max-width:100%; height:auto;}
	header nav{margin:0; padding:0; float:right; position:relative; width:auto; max-width:75%; height:auto; clear:right;}
	header nav ul li a{display:block; padding:0px 3px; color:rgb(26,26,26); text-decoration:none;}
	header, main, footer{display:block; width:95%; margin:0 auto; padding:10px;}
	.one_half, .one_third, .two_third{display:block; float:none; width:auto; margin:0;}
	.table_component table{font-size:0.85em;}
}

@media screen  and (min-width:481px) and (max-width:768px) {
	header, main, footer, #copyright{display:block; width:95%; margin:0 auto; padding:10px;}
	.one_half, .one_third, .two_third{display:block; float:none; width:auto; margin:0;}
	.table_component table{font-size:0.9em;}
}

@media screen and (min-width:769px) and (max-width:1024px) {
	.table_component table{font-size:0.9em;}
}

@media screen and (min-width:1025px) {
	body{font-size:0.95em; line-height:1.4em;}
}

/*Navigation mobiler Endgeraete*/
@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	/*Hamburger-Icon*/
	.hamburg{display: block; background:rgb(127,127,127); width:50px; height:40px; position: relative; float:left; border-radius:4px; transition: border-radius .5s;}
	.line{position:absolute; left:10px; height:2px; width:30px; background: rgb(255,255,255); border-radius:2px; display:block; transition:0.5s; transform-origin:center;}
	.line:nth-child(1){top:10px;}
	.line:nth-child(2){top:20px;}
	.line:nth-child(3){top:30px;}
	.hamburg.checked .line:nth-child(1){transform: translateY(10px) rotate(-45deg);}
	.hamburg.checked .line:nth-child(2){opacity:0;}
	.hamburg.checked .line:nth-child(3){transform: translateY(-10px) rotate(45deg);}
	header .nav-bar{display:block; width:20%; position:absolute; top:20px; right:20px;}
	header nav{background:rgba(204,204,204,0.9); width:50%; height:auto; position:absolute; float:right; right:100%; top:50px; overflow:hidden; z-index:1;font-size:1.125em; }
	header nav ul li{display:block; background:mone; border-bottom:2px solid rgb(127,127,127); width:100%; margin:0; padding:0;}
	header nav ul li:last-child{border-bottom:none;}
	header nav ul li a{display:block; color:rgb(26,26,26); margin:0; padding:10px 0;}
	header nav ul li a:hover{display:block; color:rgb(239,107,0);}
	header nav ul li .children{width:100%; position:relative; background:none; overflow:hidden; display:none; z-index:1000;}
	header nav ul li:hover .children{display:none;}
	header nav ul li .children li{display: block; width:100%; border-top:none; border-bottom:1px solid rgb(127,127,127);}
	header nav ul li .children li:last-child{border-bottom:none;}
	header nav ul li .children a:hover{color:rgb(239,107,0);}
	header nav ul li .children span{display:inline-block; margin-right:10px;}
	header nav ul li .children a{margin:0; padding:10px 0;}
}