body {
/* background-color: #99FFFF; */
 margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

* {
margin: 0px;
padding: 0px;
}

.top-container {
  background-color: #lightgrey;
  padding: 1px;
  text-align: center;
}

.header {
  padding: 10px 16px;
  background: #white;
  color: #white;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.sticky + .content {
  padding-top: 102px;
}

p {
margin: 15px 0;
}

hr {
        height: 5px;
        width: 100%;
}
.hr-start {
        color: blue;
        background-color: blue;
}
.hr-aus {
        color: firebrick;
        background-color: firebrick;
}
.hr-nz {
        color: green;
        background-color: green;
}
.hr-yuk {
        color: dimgrey;
        background-color: dimgrey;
}
.hr-suedaf {
        color: brown;
        background-color: brown;
}
.hr-hoko {
        color: darkmagenta;
        background-color: darkmagenta;
}
.hr-can {
        color: red;
        background-color: red;
}
.hr-ala {
        color: darkorange;
        background-color: darkorange;
}
.hr-nam {
        color: darkred;
        background-color: darkred;
}
.hr-oman{
        color: dodgerblue;
        background-color: dodgerblue;
}
.hr-sing{
        color: darkviolet;
        background-color: darkviolet;
}

.gruss {
        font-size: 2.4em;
}
h1 {
        font-size: 3em;
}
h2 {
        font-size: 2em;
}
.h1-aus, .h1-nz {
        font-size: 5em;
}
.h1-kiwi {
        font-size: 5em:
}
.h1-koala {
        font-size: 5em:
}
.h1-open {
        font-size: 5em;
}
.h1-diwi {
        font-size: 5em;
}
.h2-aus, .h2-nz {
        font-size: 3em;
}
.h3-aus, .h3-nz {
        font-size: 2.5em;
}
.vid {
        width:700px;
        height:460px;
}
.aus-box{
        border-width:12px;
        border-color: firebrick;
        border-style:inset;
        padding:4px;
        margin:0 auto;
        width:550px;
}
.nz-box{
        background-color:yellow;
        width:550px;
        border:5px green solid;
        border-left:12px green double;
        border-right:12px green double;
        text-align:center;
}
.nz-box1{
        border-width:12px;
        border-color: #66cc66;
        border-style:ridge;
        padding:4px;
        margin:0 auto;
        width:550px;
}
.tas-box{
        width:80%;
        border:5px green solid;
        padding:4px;
        margin:0 auto;
        text-align:center;
}
.bild {
    max-width: 100%;
    height: auto;
}
.pics {
        height: 250px;
        float:left;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
}

.nz {
        border-width:medium;
        border-color:#66CC66;
        border-style:solid;
        padding:5px;
        float:right;
        margin-right: 70px;
    font-size: 22px;
    font-weight: 800;
        word-spacing:20px;
        letter-spacing:10px;
}
.aus {
        border-width:medium;
        border-color:red;
        border-style:solid;
        padding:5px;
        float:left;
        margin-left: 70px;
    font-size: 22px;
    font-weight: 800;
        word-spacing:20px;
        letter-spacing:10px;
}
.austra, .newzee {
        font-size: 1.5em;
}
.nz p, .aus p {
        margin:3px;
}
.abstand {
        margin-left:20px;
        margin-right:20px;
}
.abstand-nav {
        margin-left:15px;
        margin-right:15px;
        line-height:2em;
}
.ausrichten {background-color:lightgray;
            width:70%;
            border:8px darkgrey solid;
                        margin: 0px auto;}
.ausrichten1 {background-color:lightgray;
            width:600px;
            border:8px darkgrey solid;
                        margin: 0px auto;}

.container {
display: grid;
justify-content: center;
/* align-items: center; */

flex-flow: row wrap;
}
.centered-element {
                                width: 30%;
/*                                height: 50px; */
/*                                border-radius: 5px; */
                                background-color: #203695;
                                font-size: 12px;
                                margin: 0 5px;
                        }

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
/* justify-content: center;
  align-items: center; */
width: 100%;
}
.left {
  display: inline-block;
  width: 200px;
font-size: 12px;
margin: 0px 5px;
vertical-align:middle;
}
.left1 {
  display: inline-block;
  width:216px;
font-size: 12px;
margin: 0px 5px;
vertical-align:top;
}
                .left1 img{
                        width:100%;
                }
.left2 {
  display: inline-block;
  width:225px;
font-size: 12px;
margin: 0px 5px;
vertical-align:top;
}
                .left2 img{
                        width:100%;
                }
.left3 {
  display: inline-block;
  width:235px;
font-size: 14px;
margin: 0px 5px;
vertical-align:top;
}
                .left3 img{
                        width:100%;
                }

.website {
/*  height:630px;
  position:relative;*/
}

/*.box1, .box2, .box3 { position:absolute; }*/

.box1 {
  background-color: darkgoldenrod;
  width: 260px;
  height: 250px;
  margin-left: 15px;
padding-top: 10px;
}

.box2 {
  background-color: olive;
  width: 260px;
  height: 250px;
    margin-right: 15px;
padding-top: 10px;
  float:right;
}

.box3 {
clear:both;
  background-color: lightgray;
/*  width: 90%;
  top: 300px;
  left: 30px;*/
}



/* Accordion 2 Begin / by Richard Kircher (c)2019/ www.richukunst.ch */
/* Accordion Buttons Text */
.headline_accordion {
position: relative;
margin: 0px 10px 10px 10px;
width: 99%;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: 600;
text-align: center;
color: green;
overflow: hidden;
box-shadow: -6px 6px 5px 1px rgba(0,0,0,0.4);
}
.headline_accordion input {
position: absolute;
opacity: 0;
z-index: -1;
}
/* Accordion Buttons, Background, Color */
.headline_accordion label {
position: relative;
display: block;
background: #fff;
border: 2px solid green;
line-height: 2.5;
cursor: pointer;
box-shadow: -6px 6px 5px 1px rgba(0,0,0,0.3);
}
.headline_accordion label:hover {
transition-duration: 1s;
transition-timing-function: ease-out;
background-color: #ccc;
}
/* Accordion Content Text */
.accordion_content {
max-height:0;
overflow-x: auto;
background: #FFF;
transition: max-height 1s;
line-height: 1.5;
font-size: 16px;
font-weight:400;
font-family: Arial, Helvetica, sans-serif;
color: #444444;
word-wrap: break-word;
text-align: left;
padding-left: 25px;
padding-right: 25px;
}
.accordion_content p {
margin: 1em;
padding-top: 0;
}
/* + x */
.headline_accordion input:checked ~ .accordion_content {
max-height: 100vh;
}
/* + x */
.headline_accordion label::after {
position: absolute;
right: 0;
top: 0;
display: block;
padding-right: 25px;
margin-top: -25px;
transition: all 1s;
}
.headline_accordion input[type=checkbox] + label::after {
content: "+";
font-size: 2em;
font-weight: 900;
}
.headline_accordion input[type=radio] + label::after {
content: "\25BC";
}
.headline_accordion input[type=checkbox]:checked + label::after {
transform: rotate(315deg);
}
.headline_accordion input[type=radio]:checked + label::after {
transform: rotateX(180deg);
}