:root {
  --font-size-xl: 1.5vw;
  --font-size-l: 1.4vw;
  --font-size-m: 1.1vw;
  --font-size-s: 1em;
  --line-height: 1.4em;
  --charcoal-dark: rgba(51, 51, 51, 1);
  --charcoal-semi: rgba(51, 51, 51, 0.6);
  --charcoal-light: rgba(51, 51, 51, 0.2);
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

* {
  padding: 0;
  margin: 0;
  box-sizing:border-box;
}

::selection {
  color: white;
  background: rgb(113, 144, 255);
}

ul, li {list-style:none;}

button {
  margin: 1em;
  position: fixed;
  width: 13em;
  bottom:0;
  right:0;
  z-index: 100;
  background: transparent;
  border: none;
  outline:none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

button:hover {
  cursor: pointer;
  animation: catch infinite 1s;
}

@keyframes catch {
  0%    {transform: rotate(0);}
  50%   {transform: rotate(-10deg);}
}

.p {
  margin-top: 1.2em;
}

button > img {
  width: 100%;
  justify-content: center;
}


/* .......................................................................... */

.slidebox {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox .slidelist {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox .slidelist .slideitem {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox .slidelist .slideitem > a {display:block; width:auto; position:relative;}
.slidebox .slidelist .slideitem > a img {max-width:90%; margin-top:10px; margin-bottom:10px; box-shadow: 2px 2px 10px  rgb(181, 181, 181); margin-left: auto; margin-right: auto; display: block;}

.slidebox .slide-control [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox .slide-control [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox .slide-control [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide"] {display:none;}
#slide01:checked ~ .slidelist .slideitem {left:0;}
#slide02:checked ~ .slidelist .slideitem {left:-100%;}
#slide03:checked ~ .slidelist .slideitem {left:-200%;}
#slide04:checked ~ .slidelist .slideitem {left:-300%;}

.slide-control [class*="control"] {display:none;}
#slide01:checked ~ .slide-control .control01 {display:block;}
#slide02:checked ~ .slide-control .control02 {display:block;}
#slide03:checked ~ .slide-control .control03 {display:block;}
#slide04:checked ~ .slide-control .control04 {display:block;}

/* .......................................................................... */

.slidebox2 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox2 .slidelist2 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox2 .slidelist2 .slideitem2 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox2 .slidelist2 .slideitem2 > a {display:block; width:auto; position:relative; margin-left: auto; margin-right: auto; display: block;}
.slidebox2 .slidelist2 .slideitem2 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox2 .slide-control2 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox2 .slide-control2 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox2 .slide-control2 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide2"] {display:none;}
#slide05:checked ~ .slidelist2 .slideitem2 {left:0;}
#slide06:checked ~ .slidelist2 .slideitem2 {left:-100%;}
#slide07:checked ~ .slidelist2 .slideitem2 {left:-200%;}
#slide08:checked ~ .slidelist2 .slideitem2 {left:-300%;}

.slide-control2 [class*="control"] {display:none;}
#slide05:checked ~ .slide-control2 .control05 {display:block;}
#slide06:checked ~ .slide-control2 .control06 {display:block;}
#slide07:checked ~ .slide-control2 .control07 {display:block;}
#slide08:checked ~ .slide-control2 .control08 {display:block;}

/* .......................................................................... */

.slidebox3 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox3 .slidelist3 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox3 .slidelist3 .slideitem3 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox3 .slidelist3 .slideitem3 > a {display:block; width:auto; position:relative;}
.slidebox3 .slidelist3 .slideitem3 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox3 .slide-control3 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox3 .slide-control3 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox3 .slide-control3 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide3"] {display:none;}
#slide09:checked ~ .slidelist3 .slideitem3 {left:0;}
#slide10:checked ~ .slidelist3 .slideitem3 {left:-100%;}
#slide11:checked ~ .slidelist3 .slideitem3 {left:-200%;}
#slide12:checked ~ .slidelist3 .slideitem3 {left:-300%;}
#slide13:checked ~ .slidelist3 .slideitem3 {left:-400%;}
#slide14:checked ~ .slidelist3 .slideitem3 {left:-500%;}

.slide-control3 [class*="control"] {display:none;}
#slide09:checked ~ .slide-control3 .control09 {display:block;}
#slide10:checked ~ .slide-control3 .control10 {display:block;}
#slide11:checked ~ .slide-control3 .control11 {display:block;}
#slide12:checked ~ .slide-control3 .control12 {display:block;}
#slide13:checked ~ .slide-control3 .control13 {display:block;}
#slide14:checked ~ .slide-control3 .control14 {display:block;}

/* .......................................................................... */

.slidebox4 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox4 .slidelist4 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox4 .slidelist4 .slideitem4 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox4 .slidelist4 .slideitem4 > a {display:block; width:auto; position:relative;}
.slidebox4 .slidelist4 .slideitem4 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox4 .slide-control4 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox4 .slide-control4 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox4 .slide-control4 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide4"] {display:none;}
#slide15:checked ~ .slidelist4 .slideitem4 {left:0;}
#slide16:checked ~ .slidelist4 .slideitem4 {left:-100%;}
#slide17:checked ~ .slidelist4 .slideitem4 {left:-200%;}
#slide18:checked ~ .slidelist4 .slideitem4 {left:-300%;}
#slide19:checked ~ .slidelist4 .slideitem4 {left:-400%;}

.slide-control4 [class*="control"] {display:none;}
#slide15:checked ~ .slide-control4 .control15 {display:block;}
#slide16:checked ~ .slide-control4 .control16 {display:block;}
#slide17:checked ~ .slide-control4 .control17 {display:block;}
#slide18:checked ~ .slide-control4 .control18 {display:block;}
#slide19:checked ~ .slide-control4 .control19 {display:block;}


/* .......................................................................... */

.slidebox5 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox5 .slidelist5 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox5 .slidelist5 .slideitem5 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox5 .slidelist5 .slideitem5 > a {display:block; width:auto; position:relative;}
.slidebox5 .slidelist5 .slideitem5 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox5 .slide-control5 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox5 .slide-control5 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox5 .slide-control5 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide5"] {display:none;}
#slide20:checked ~ .slidelist5 .slideitem5 {left:0;}
#slide21:checked ~ .slidelist5 .slideitem5 {left:-100%;}
#slide22:checked ~ .slidelist5 .slideitem5 {left:-200%;}
#slide23:checked ~ .slidelist5 .slideitem5 {left:-300%;}
#slide24:checked ~ .slidelist5 .slideitem5 {left:-400%;}

.slide-control5 [class*="control"] {display:none;}
#slide20:checked ~ .slide-control5 .control20 {display:block;}
#slide21:checked ~ .slide-control5 .control21 {display:block;}
#slide22:checked ~ .slide-control5 .control22 {display:block;}
#slide23:checked ~ .slide-control5 .control23 {display:block;}
#slide24:checked ~ .slide-control5 .control24 {display:block;}


/* .......................................................................... */

.slidebox6 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox6 .slidelist6 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox6 .slidelist6 .slideitem6 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox6 .slidelist6 .slideitem6 > a {display:block; width:auto; position:relative;}
.slidebox6 .slidelist6 .slideitem6 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox6 .slide-control6 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox6 .slide-control6 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox6 .slide-control6 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide6"] {display:none;}
#slide25:checked ~ .slidelist6 .slideitem6 {left:0;}
#slide26:checked ~ .slidelist6 .slideitem6 {left:-100%;}
#slide27:checked ~ .slidelist6 .slideitem6 {left:-200%;}
#slide28:checked ~ .slidelist6 .slideitem6 {left:-300%;}
#slide29:checked ~ .slidelist6 .slideitem6 {left:-400%;}

.slide-control6 [class*="control"] {display:none;}
#slide25:checked ~ .slide-control6 .control25 {display:block;}
#slide26:checked ~ .slide-control6 .control26 {display:block;}
#slide27:checked ~ .slide-control6 .control27 {display:block;}
#slide28:checked ~ .slide-control6 .control28 {display:block;}
#slide29:checked ~ .slide-control6 .control29 {display:block;}

/* .......................................................................... */

.slidebox7 {width: 60%; margin:0 auto; position:relative; margin-bottom: 1.2em;}
.slidebox7 .slidelist7 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10; }
.slidebox7 .slidelist7 .slideitem7 {position:relative; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox7 .slidelist7 .slideitem7 > a {display:block; width:auto; position:relative;}
.slidebox7 .slidelist7 .slideitem7 > a img {max-width:50%;  margin-left: auto; margin-right: auto; display: block;}

[name="slide7"] {display:none;}
#slide30:checked ~ .slidelist6 .slideitem6 {left:0;}


/* .......................................................................... */

.slidebox8 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox8 .slidelist8 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox8 .slidelist8 .slideitem8 { position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox8 .slidelist8 .slideitem8 > a {display:block; width:auto; position:relative;}
.slidebox8 .slidelist8 .slideitem8 > a img {max-width:90%; margin-top:10px; margin-bottom:10px; box-shadow: 2px 2px 10px  rgb(181, 181, 181); margin-left: auto; margin-right: auto; display: block;}

.slidebox8 .slide-control8 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox8 .slide-control8 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox8 .slide-control8 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide8"] {display:none;}
#slide31:checked ~ .slidelist8 .slideitem8 {left:0;}
#slide32:checked ~ .slidelist8 .slideitem8 {left:-100%;}
#slide33:checked ~ .slidelist8 .slideitem8 {left:-200%;}

.slide-control8 [class*="control"] {display:none;}
#slide31:checked ~ .slide-control8 .control31 {display:block;}
#slide32:checked ~ .slide-control8 .control32 {display:block;}
#slide33:checked ~ .slide-control8 .control33 {display:block;}

/* .......................................................................... */

.slidebox9 {width:75%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox9 .slidelist9 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox9 .slidelist9 .slideitem9 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox9 .slidelist9 .slideitem9 > a {display:block; width:auto; position:relative;}
.slidebox9 .slidelist9 .slideitem9 > a img {max-width:92%; margin-left: auto; margin-right: auto; display: block;}

[name="slide9"] {display:none;}
#slide34:checked ~ .slidelist9 .slideitem9 {left:0;}

/* .......................................................................... */

.slidebox10 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox10 .slidelist10 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox10 .slidelist10 .slideitem10 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox10 .slidelist10 .slideitem10 > a {display:block; width:auto; position:relative;}
.slidebox10 .slidelist10 .slideitem10 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox10 .slide-control10 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox10 .slide-control10 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox10 .slide-control10 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide10"] {display:none;}
#slide35:checked ~ .slidelist10 .slideitem10 {left:0;}
#slide36:checked ~ .slidelist10 .slideitem10 {left:-100%;}
#slide37:checked ~ .slidelist10 .slideitem10 {left:-200%;}
#slide38:checked ~ .slidelist10 .slideitem10 {left:-300%;}

.slide-control10 [class*="control"] {display:none;}
#slide35:checked ~ .slide-control10 .control35 {display:block;}
#slide36:checked ~ .slide-control10 .control36 {display:block;}
#slide37:checked ~ .slide-control10 .control37 {display:block;}
#slide38:checked ~ .slide-control10 .control38 {display:block;}

/* .......................................................................... */

.slidebox11 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox11 .slidelist11 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox11 .slidelist11 .slideitem11 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox11 .slidelist11 .slideitem11 > a {display:block; width:auto; position:relative;}
.slidebox11 .slidelist11 .slideitem11 > a img {max-width:57%; margin-left: auto; margin-right: auto; display: block;}

[name="slide11"] {display:none;}
#slide39:checked ~ .slidelist11 .slideitem39 {left:0;}

/* .......................................................................... */

.slidebox12 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox12 .slidelist12 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox12 .slidelist12 .slideitem12 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox12 .slidelist12 .slideitem12 > a {display:block; width:auto; position:relative;}
.slidebox12 .slidelist12 .slideitem12 > a img {max-width:57%; margin-left: auto; margin-right: auto; display: block;}

[name="slide12"] {display:none;}
#slide40:checked ~ .slidelist12 .slideitem40 {left:0;}

/* .......................................................................... */

.slidebox13 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox13 .slidelist13 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox13 .slidelist13 .slideitem13 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox13 .slidelist13 .slideitem13 > a {display:block; width:auto; position:relative;}
.slidebox13 .slidelist13 .slideitem13 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox13 .slide-control13 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox13 .slide-control13 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox13 .slide-control13 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide13"] {display:none;}
#slide41:checked ~ .slidelist13 .slideitem13 {left:0;}
#slide42:checked ~ .slidelist13 .slideitem13 {left:-100%;}
#slide43:checked ~ .slidelist13 .slideitem13 {left:-200%;}
#slide44:checked ~ .slidelist13 .slideitem13 {left:-300%;}
#slide45:checked ~ .slidelist13 .slideitem13 {left:-400%;}

.slide-control13 [class*="control"] {display:none;}
#slide41:checked ~ .slide-control13 .control41 {display:block;}
#slide42:checked ~ .slide-control13 .control42 {display:block;}
#slide43:checked ~ .slide-control13 .control43 {display:block;}
#slide44:checked ~ .slide-control13 .control44 {display:block;}
#slide45:checked ~ .slide-control13 .control45 {display:block;}

/* .......................................................................... */

.slidebox14 {width:60%; margin:0 auto;position:relative; margin-bottom: 1.2em;}
.slidebox14 .slidelist14 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox14 .slidelist14 .slideitem14 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox14 .slidelist14 .slideitem14 > a {display:block; width:auto; position:relative;}
.slidebox14 .slidelist14 .slideitem14 > a img {max-width:57%; margin-left: auto; margin-right: auto; display: block;}

[name="slide14"] {display:none;}
#slide46:checked ~ .slidelist14 .slideitem14 {left:0;}


/* .......................................................................... */

.slidebox15 {width:60%; margin:0 auto; position:relative; margin-bottom: 1.2em;}
.slidebox15 .slidelist15 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox15 .slidelist15 .slideitem15 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox15 .slidelist15 .slideitem15 > a {display:block; width:auto; position:relative;}
.slidebox15 .slidelist15 .slideitem15 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox15 .slide-control15 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox15 .slide-control15 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox15 .slide-control15 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide15"] {display:none;}
#slide51:checked ~ .slidelist15 .slideitem15 {left:0;}
#slide52:checked ~ .slidelist15 .slideitem15 {left:-100%;}


.slide-control15 [class*="control"] {display:none;}
#slide51:checked ~ .slide-control15 .control51 {display:block;}
#slide52:checked ~ .slide-control15 .control52 {display:block;}

/* .......................................................................... */


.slidebox16 {width: 60%; margin:0 auto; position:relative; margin-bottom: 1.2em;}
.slidebox16 .slidelist16 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox16 .slidelist16 .slideitem16 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox16 .slidelist16 .slideitem16 > a {display:block; width:auto; position:relative;}
.slidebox16 .slidelist16 .slideitem16 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox16 .slide-control16 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox16 .slide-control16 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox16 .slide-control16 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide16"] {display:none;}
#slide53:checked ~ .slidelist16 .slideitem16 {left:0;}

/* .......................................................................... */

.slidebox17 {width:60%; margin:0 auto; position:relative; margin-bottom: 1.2em;}
.slidebox17 .slidelist17 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox17 .slidelist17 .slideitem17 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox17 .slidelist17 .slideitem17 > a {display:block; width:auto; position:relative;}
.slidebox17 .slidelist17 .slideitem17 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox17 .slide-control17 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox17 .slide-control17 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox17 .slide-control17 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide17"] {display:none;}
#slide54:checked ~ .slidelist17 .slideitem17 {left:0;}
#slide55:checked ~ .slidelist17 .slideitem17 {left:-100%;}
#slide56:checked ~ .slidelist17 .slideitem17 {left:-200%;}
#slide57:checked ~ .slidelist17 .slideitem17 {left:-300%;}
#slide58:checked ~ .slidelist17 .slideitem17 {left:-400%;}
#slide59:checked ~ .slidelist17 .slideitem17 {left:-500%;}


.slide-control17 [class*="control"] {display:none;}
#slide54:checked ~ .slide-control17 .control54 {display:block;}
#slide55:checked ~ .slide-control17 .control55 {display:block;}
#slide56:checked ~ .slide-control17 .control56 {display:block;}
#slide57:checked ~ .slide-control17 .control57 {display:block;}
#slide58:checked ~ .slide-control17 .control58 {display:block;}
#slide59:checked ~ .slide-control17 .control59 {display:block;}

/* .......................................................................... */

.slidebox18 {width:60%; margin:0 auto; position:relative; margin-bottom: 1.2em;}
.slidebox18 .slidelist18 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox18 .slidelist18 .slideitem18 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox18 .slidelist18 .slideitem18 > a {display:block; width:auto; position:relative;}
.slidebox18 .slidelist18 .slideitem18 > a img {max-width:100%; margin-left: auto; margin-right: auto; display: block;}

.slidebox18 .slide-control18 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox18 .slide-control18 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox18 .slide-control18 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide18"] {display:none;}
#slide60:checked ~ .slidelist18 .slideitem18 {left:0;}
#slide61:checked ~ .slidelist18 .slideitem18 {left:-100%;}
#slide62:checked ~ .slidelist18 .slideitem18 {left:-200%;}
#slide63:checked ~ .slidelist18 .slideitem18 {left:-300%;}
#slide64:checked ~ .slidelist18 .slideitem18 {left:-400%;}


.slide-control18 [class*="control"] {display:none;}
#slide60:checked ~ .slide-control18 .control60 {display:block;}
#slide61:checked ~ .slide-control18 .control61 {display:block;}
#slide62:checked ~ .slide-control18 .control62 {display:block;}
#slide63:checked ~ .slide-control18 .control63 {display:block;}
#slide64:checked ~ .slide-control18 .control64 {display:block;}

/* .......................................................................... */

.slidebox19 {width:60%; margin:0 auto; position:relative; margin-bottom: 1.2em;}
.slidebox19 .slidelist19 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox19 .slidelist19 .slideitem19 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox19 .slidelist19 .slideitem19 > a {display:block; width:auto; position:relative;}
.slidebox19 .slidelist19 .slideitem19 > a img {max-width:95%; margin-left: auto; margin-right: auto; display: block; border: 0.1px solid grey;}

.slidebox19 .slide-control19 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox19 .slide-control19 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox19 .slide-control19 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide19"] {display:none;}
#slide65:checked ~ .slidelist19 .slideitem19 {left:0;}
#slide66:checked ~ .slidelist19 .slideitem19 {left:-100%;}
#slide67:checked ~ .slidelist19 .slideitem19 {left:-200%;}
#slide68:checked ~ .slidelist19 .slideitem19 {left:-300%;}


.slide-control19 [class*="control"] {display:none;}
#slide65:checked ~ .slide-control19 .control65 {display:block;}
#slide66:checked ~ .slide-control19 .control66 {display:block;}
#slide67:checked ~ .slide-control19 .control67 {display:block;}
#slide68:checked ~ .slide-control19 .control68 {display:block;}

/* .......................................................................... */

.slidebox20 {width:32%; margin:0 auto; position:relative; margin-bottom: 1.2em;}
.slidebox20 .slidelist20 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox20 .slidelist20 .slideitem20 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox20 .slidelist20 .slideitem20 > a {display:block; width:auto; position:relative;}
.slidebox20 .slidelist20 .slideitem20 > a img {max-width:95%; margin: 0 auto; display: block;}

.slidebox20 .slide-control20 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox20 .slide-control20 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox20 .slide-control20 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide20"] {display:none;}
#slide69:checked ~ .slidelist20 .slideitem20 {left:0;}
#slide70:checked ~ .slidelist20 .slideitem20 {left:-100%;}
#slide71:checked ~ .slidelist20 .slideitem20 {left:-200%;}
#slide72:checked ~ .slidelist20 .slideitem20 {left:-300%;}


.slide-control20 [class*="control"] {display:none;}
#slide69:checked ~ .slide-control20 .control69 {display:block;}
#slide70:checked ~ .slide-control20 .control70 {display:block;}
#slide71:checked ~ .slide-control20 .control71 {display:block;}
#slide72:checked ~ .slide-control20 .control72 {display:block;}

/* .......................................................................... */

.slidebox21 {width:60%; margin:0 auto; position:relative; margin-bottom: 1.2em;}
.slidebox21 .slidelist21 {position:relative; white-space:nowrap; font-size:0; overflow:hidden; z-index:-10;}
.slidebox21 .slidelist21 .slideitem21 {position:relative; display:inline-block; vertical-align:middle; background-color:#fff; width:100%; transition:all 1s;}
.slidebox21 .slidelist21 .slideitem21 > a {display:block; width:auto; position:relative;}
.slidebox21 .slidelist21 .slideitem21 > a img {max-width:95%; margin-left: auto; margin-right: auto; display: block;}

.slidebox21 .slide-control21 [class*="control"] label {position:absolute; z-index:10; top:50%; transform:translateY(-50%); padding:10px; width: 2em; height: 1em; border-radius:50%; cursor:pointer;}
.slidebox21 .slide-control21 [class*="control"] label.prev {left:-50px;background:rgb(113, 144, 255) }
.slidebox21 .slide-control21 [class*="control"] label.next {right:-50px;background:rgb(113, 144, 255) }

[name="slide21"] {display:none;}
#slide73:checked ~ .slidelist21 .slideitem21 {left:0;}
#slide74:checked ~ .slidelist21 .slideitem21 {left:-100%;}
#slide75:checked ~ .slidelist21 .slideitem21 {left:-200%;}
#slide76:checked ~ .slidelist21 .slideitem21 {left:-300%;}
#slide77:checked ~ .slidelist21 .slideitem21 {left:-400%;}
#slide78:checked ~ .slidelist21 .slideitem21 {left:-500%;}
#slide79:checked ~ .slidelist21 .slideitem21 {left:-600%;}
#slide80:checked ~ .slidelist21 .slideitem21 {left:-700%;}
#slide81:checked ~ .slidelist21 .slideitem21 {left:-800%;}
#slide82:checked ~ .slidelist21 .slideitem21 {left:-900%;}
#slide83:checked ~ .slidelist21 .slideitem21 {left:-1000%;}
#slide84:checked ~ .slidelist21 .slideitem21 {left:-1100%;}
#slide85:checked ~ .slidelist21 .slideitem21 {left:-1200%;}
#slide86:checked ~ .slidelist21 .slideitem21 {left:-1300%;}
#slide87:checked ~ .slidelist21 .slideitem21 {left:-1400%;}


.slide-control21 [class*="control"] {display:none;}
#slide73:checked ~ .slide-control21 .control73 {display:block;}
#slide74:checked ~ .slide-control21 .control74 {display:block;}
#slide75:checked ~ .slide-control21 .control75 {display:block;}
#slide76:checked ~ .slide-control21 .control76 {display:block;}
#slide77:checked ~ .slide-control21 .control77 {display:block;}
#slide78:checked ~ .slide-control21 .control78 {display:block;}
#slide79:checked ~ .slide-control21 .control79 {display:block;}
#slide80:checked ~ .slide-control21 .control80 {display:block;}
#slide81:checked ~ .slide-control21 .control81 {display:block;}
#slide82:checked ~ .slide-control21 .control82 {display:block;}
#slide83:checked ~ .slide-control21 .control83 {display:block;}
#slide84:checked ~ .slide-control21 .control84 {display:block;}
#slide85:checked ~ .slide-control21 .control85 {display:block;}
#slide86:checked ~ .slide-control21 .control86 {display:block;}
#slide87:checked ~ .slide-control21 .control87 {display:block;}

/* .......................................................................... */

  @media only screen and (max-width: 767px) {
    .p {
      display: none;
    }

    button {
      display: none;
    }

    #footer{
        display: none;
    }

  }

  @media only screen and (min-width: 1960px) {

    :root {
      --font-size-xl: 1.6em;
      --font-size-l: 1.5em;
      --font-size-m: 1.5em;
      --font-size-s: 0.8em;
      --line-height: 1.25em;
    }



    .p {
      margin-bottom: 3em;
    }


    .des .left {
      width: 41%;
    }

    .slidebox {
      width:70%;
    }

    .slidebox2 {
      width:70%;
    }

    .slidebox3 {
      width:70%;
    }

    .slidebox4 {
      width:70%;
    }

    .slidebox5 {
      width:70%;
    }

    .slidebox6 {
      width:70%;
    }

    .slidebox7 {
      width:70%;
    }


    .slidebox8 {
      width:70%;
    }

    .slidebox9 {
      width:70%;
    }

    .slidebox10 {
      width:70%;
    }

    .slidebox11 {
      width:70%;
    }

    .slidebox12 {
      width:70%;
    }

    .slidebox13 {
      width:70%;
    }

    .slidebox14 {
      width:70%;
    }


  .p .slide img {
      width: 95%;
    }

  .p .slidebox7 img {
    width: 57%;
  }


    button {
      width: 20em;
    }
  }


  .des {
    padding: 1em;
    border-bottom: 1px solid var(--charcoal-light);
    border-top: 1.5px solid var(--charcoal-light);
    border-top-style:dashed;
    width: 100%;
    padding-bottom: 2em;
    display: inline-flex;
    /* display: none; */
  }

  .left {
    width: 35%;
    height: 100%;
  }

  .right {
    display: inline-flex;
    width: 100%;
    margin-left: 15px;
  }

  .right > .text {
    width: 55%;
  }

  .right > .photo {
    max-height: 300px;
    margin-left: 15px;
    display: inline-flex;
  }

  .photo img {
    /* height: 100%; */
    object-fit: contain;
  }



#fishing > img:hover{
   transform: scale(1.6);
   z-index: 5;
   transition: all;
   transition-duration: 500ms;
   object-fit: contain;
 }

 #wen > img:hover{
    transform: scale(1.5);
    z-index: 5;
    transition: all;
    transition-duration: 500ms;
  }


  .photo > img:hover{
    transform: scale(1.7);
    z-index: 5;
    transition: all;
    transition-duration: 500ms;
  }


  .des > .left > .title {
    width: 100%;
    word-break: break-word;
    hyphens: auto;
    padding-top: 0pt;
    line-height: 1.15em;
    margin-bottom: 5pt;
    font-style: italic;
    font-weight: 300;
    text-shadow: 0px 0px 10px  rgb(113, 144, 255);
    font-size: var(--font-size-xl);
          /* margin-bottom: 5pt; */
  }

  .des > .content > p {
    margin-top: 5pt;
    margin-bottom: 5pt;
  }


body {
  display: block;
  font-family: helvetica, sans-serif;
  font-size: var(--font-size-m);
  line-height: var(--line-height);
}


nav {
  position: fixed;
  top: 0;
  left: 1em;
  right: 1em;
  padding: var(--font-size-l) 0;
  margin-top: -2px;
  /* box-sizing: border-box; */
  z-index: 99;
  /* background-color: white; */
}

        @media only screen and (max-width: 800px) {
          nav {
            display: flex;
            width: 97%;
            /* width:99vw; */
            /* position: relative; */
            top: 0;
            height: auto;
            /* box-sizing: border-box; */
            z-index: 99;
            /* background-color: white; */
          }
        }

nav>ul {
  list-style: none;
}

nav>ul>li {
  display: inline-block;
  margin: 0 .8em 0 0;
  font-size: var(--font-size-l);
  margin-bottom: 5px;
}


nav>ul>li>span {
  vertical-align: middle;
}

nav>ul>li:nth-of-type(3), nav>ul>li:nth-of-type(4) {
  float: right;
}


a:visited {
  color: rgb(113, 144, 255);
}

.nummer a{
  text-decoration: none !important;
  -webkit-text-decoration: none !important;
}

.column {
    /* font-size: var(--font-size-l);
    line-height: 1.2em; */
  /* position: relative; */
  border-top: 1px solid var(--charcoal-light);
  border-bottom: 1.5px solid var(--charcoal-light);
  border-bottom-style:dashed;
  margin-top: 3.3em;
  padding: 1em;
  width: 100%;
  display: flex;
}

.column > div {
  width: 65%;
}

.column > div > p {
  width: 75%;
}


/* .column > div {
  width: 1010px;
} */

        @media only screen and (max-width: 1400px) {
          .column > div {
            width: 100%;
          }

          .photo > img {
            display: none;
          }

          .left {
            width: 40%;
          }

          .right > .text {
            width: 80%;
          }

          :root {
            --font-size-xl: 26px;
            --font-size-l: 20px;
            --font-size-m: 16px;
            --font-size-s: 12px;
            --line-height: 1.25em;
          }

        }

#sibal {
  position: absolute;
  z-index: 10;
  left: 78vw;
  top: 50px;
  /* display: none; */
}

.sibal{
  cursor: move;
  position: absolute;
  width: 10vw;
  z-index: 10;
}

          @media only screen and (max-width: 800px) {
            #sibal {
              top: 80px;
              left: 75vw;
            }

            .sibal {
              width: 23vw;
            }

            .column {
              border-top: 0px solid var(--charcoal-light);
              margin-top: 9em;
            }


            .column > div > p {
              width: 100%;
            }
          }




        .hidden {
          visibility: hidden;
          margin-bottom: 0px;
          height: 0;
        }


        @media only screen and (max-width: 767px) {
          .hidden {
            visibility: visible;
            width: 100%;
            height: auto;
          }
        }


        .hidden2 {
          visibility: hidden;
          margin-bottom: 0px;
          height: 0;
        }


        @media only screen and (max-width: 767px) {
          .hidden2 {
            visibility: visible;
            width: 100%;
            height: auto;
          }
        }



  #footer {
    /* left: 1em;
  right: 1em; */
    color: var(--charcoal-semi);
    text-shadow: 2px 2px 10px  rgb(181, 181, 181);
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding-top: 0.3em;
    padding-left: 0.1em;
    padding-right: 0.1em;
    padding-bottom: 0.3em;
    text-overflow: " [..]";
    font-size: 1.5em;
    box-sizing: border-box;
  }

  footer>ul {
    display: inline-block;
    box-sizing: border-box;
    padding-left: calc(var(--font-size-s)*2);
    margin-right: calc(var(--font-size-l) * 3);
    padding-bottom: calc(var(--font-size-s));
  }

        @media only screen and (max-width: 620px) {
            footer>ul {
              padding-right: calc(var(--font-size-s)*1);
              margin-right: 0;
            }
          }

  footer>ul>p {
    font-size: var(--font-size-l);
    /* margin-top: 20px; */
    line-height: 40px;
  }