* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
}

@font-face { font-family: 'Brush';
             src: url('../font/AlexBrush-Regular.ttf') format('truetype');}
@font-face { font-family: 'Master';
             src: url('../font/Arimo-Regular.ttf') format('truetype');}

body    {
        background-color: white;
        font-family: "Master", Arimo;
        font-size: 1em;
        margin: 0px;
        border: 0px;
        padding: 0px;
        color: #501419;         /* = dunkelbraun */
        hyphens: auto;}

a       {
        font-size: 1em;
        color: #501419;
        }

h4     {font-family: Brush;
        font-weight: normal;
        font-size: 2em;
        color: #A54D1C;          /* = mittelbraun */
        margin-top: 0px;
        margin-bottom: 6px;
        font-style: normal;}
h5     {font-family: Brush;
        font-weight: normal;
        font-size: 1.7em;
        color: #A54D1C;
        margin-top: 0px;
        margin-bottom: 3px;}

header  {
        background-image: linear-gradient(0deg,white,#EBB483);    /*   (0deg,transparent,#EBB483) */
        position: fixed;
        justify-content: right;
        width: 100%;
        height: 100px;
        padding-top: 10px;
        z-index: 4;
        color: #E9930F;
        font-size: 2.5em;
        font-family: "Brush";
        line-height: 0.8em;
        }
header  h1{font-family: "Master", Arimo;
           font-size: 0.6em;
		   padding-left: 150px;
		   margin-top: -60px;}
header  h2{font-size: 1.1em;
		   font-weight: normal;
		   padding-left: 150px;
		   margin-top: -75px;}

header div#logo {
        float: left;
        clear:both;
        height: 100px;
        margin: -5px 20px 0 0;
        }

header a#navlink {
        display:none;
        float: right;
        color: #E9930F;                       /* war #09c */
        text-decoration: none;
        font-size: 1.8em;
        font-weight: bold;
        margin: 20px 20px 0 0;              /* 20px 20px 0 0 */
        padding: 0 20px 0 0;
        }

main    {margin:0 auto;
         z-index: 3}

article {
        overflow:hidden;
        width: 100%;
        align-items: center;
        padding: 0px 0px 5% 0px;
        position: relative;
        float: left;
        }

#start  {
        margin: 90px 0 0 0;                   /* Abstand des Haupttextes von oben */
        padding:0;
        text-align: center;
        align-items: center;
        }

hr      {visibility: hidden}

#section00{background-image: linear-gradient(0deg,transparent,#FFFFFF);
           position: fixed;
           margin-top: 10px;
		   width: 100%;
           height: 10px;}

#section01{                             /* benutzt in index */
        background-image: url(../img/Deine_SPUR7-4s.jpg);
        background-attachment: fixed;
        background-position: 0px 90px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 0;
        padding-top: 39.06%;
        margin-bottom: 2%;
        }

#section01a{                             /* benutzt in index */
        background-color: rgba(255,255,255,0);
        width:30%;
        margin-top: -17%;
        margin-bottom: 10px;
        margin-left: 66%;
        align-items: center;
        justify-content: center;
        float: left;
        font-family: "Brush";
        font-size: 3.5em;
        text-align: center;
        line-height: 1.2em;
        color: #E9BB78;                  /* hellbraun */
        }
#section01b{
        background-color: rgba(255,255,255,0.6);
        width:20%;
        margin-top: -10%;
        margin-bottom: 10px;
        margin-right: 75%;
        padding: 0;
        align-items: center;
        justify-content: center;
        float: right;
        text-align: center;
        line-height: 1.2em;
        }

#section01b img{width: 90%; height: auto;}

#section01c{
        font-family: "Brush";
        font-size: 2.5em;
        margin-bottom: 5%;
        color: #A54D1C;
        }

#section02{                             /* benutzt in index */
        display: flex;
        width: 100%;
        background-image: linear-gradient(90deg,transparent,#EFCDB6);
        margin-bottom: 5%;
        }
#section02a{
        width: 50%;
        min-height: 450px;
        background-image: url(../img/IMG_1736s.jpg);
        background-size: cover;
        float: left;
        }
#section02b{
        width: 40%;
        min-height: 350px;
        float: right;
        margin-left: 4%;
        font-size: 1.1em;
        text-align: left;
        padding: 0em 1em 1.5em 1em;
        }
#section02 h1 {font-weight: bold;
               font-style: italic;
               font-size: 1.2em;
               margin: 0;}

#section03{                             /* benutzt in index */
        display: flex;
        width: 80%;
        text-align: left;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 5%;
        font-size: 1.1em;
        }
#section03 h1 {font-weight: normal;
               font-size: 1.1em;
               margin: 0 0 10% 0;
               padding: 0;}
#section03a{
        width: 47%;
        float: left;
        padding: 1em;
        margin-right: 3%;
        }
#section03b{
        width: 47%;
        float: right;
        padding: 1em;
        margin-left: 3%;
        }

#section04{                             /* benutzt in index */
        min-height: 420px;
        width: 100%;
        display: flex;
        background-image: linear-gradient(90deg,#ECC3A4,transparent);
        margin-bottom: 5%;
        font-size: 2.1em;
        font-family: "Brush";
        text-align: center;
        letter-spacing: 0.05em;
        color: #95391C;
        }
#section04a{
        width: 50%;
        float: left;
        padding: 1.6em;}

#section04b{
        width: 50%;
        background-image: url(../img/CoachHerz3a.jpg);
        background-size: cover;
        float: right;
        }

#section05{
        width: 100%;
        height: auto;
        float: left;
        font-size: 1.5em;
        margin-bottom: 2%;
        margin-top: 2%;
        line-height: 1.6em;
        }
#section05 h1 {font-family: "Brush";
               font-size: 1.8em;
               font-weight: inherit;
               color: #E9BB78;}
#section05 h2 {font-size: 1.4em;
               font-weight: bold;}
#section05 img {width: 20%}

#section06{                              /* benutzt in index */
        width:100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        letter-spacing: 0.05em;
        font-size: 1em;
        line-height: 1.6em;
        text-align: left;
        margin-bottom: 0%;
        }
#section06 h1 {font-weight: bold;
               font-size: 1.4em;
               text-decoration-line: underline;
               margin: 0 0 40px 0;}
#section06 h2 {font-weight: bold;
               font-size: 1.1em;
               font-style: italic;}
#section06 h3 {font-weight: bold;
               font-size: 1.1em;
               font-style: italic;
               color: #990033;
               margin-top: 6px;
               }

#section06_b  {display: block;
               width: 100%;
               height: 80px;
               text-align: center;
               align-items: center;}
#section06 a  {font-size: 0.9em;
               color: white;
               padding: 1em 3em 1em 3em;
               background-color: rgba(153, 0, 51, 0.8);
               border-style: outset;
               text-align: center;}
#section06 a:hover {font-size:1.0em;transition: all ease 0.3s;}

#section06a{
        background-image: url(../img/IMG_2207s.jpg);
        background-size: cover;
        min-height: 450px;
        float: left;
        margin-left: 7%;
        width: 26%;
        margin-right: 4%;
        padding: 40px;
        }
#section06aa{
        background-color: rgba(255, 255, 255, 0.8);
        background-size: cover;
        width: 92%;
        min-height: 400px;
        float: left;
        margin: 4%;
        padding: 40px 20px 3px 20px;
        }
#section06b{
        background-image: url(../img/images_oktober_195tb.jpg);
        background-size: cover;
        width: 26%;
        min-height: 450px;
        float: left;
        padding: 40px;
        }
#section06bb{
        background-color: rgba(255, 255, 255, 0.8);
        background-size: cover;
        width: 92%;
        min-height: 400px;
        float: left;
        margin: 4%;
        padding: 40px 20px 3px 20px;
        }
#section06c{
        background-image: url(../img/IMG_0268b.jpg);
        background-size: cover;
        width: 26%;
        min-height: 450px;
        float: right;
        margin-left: 4%;
        width: 26%;
        margin-right: 7%;
        margin-bottom: 5%;
        padding: 40px;
       }
#section06cc{
        background-color: rgba(255, 255, 255, 0.8);
        background-size: cover;
        width: 92%;
        min-height: 400px;
        float: left;
        margin: 4%;
        padding: 40px 20px 3px 20px;
        }

#section07{
        background-color: #D0F3E9;
        display: grid;
        flex-direction: column;
        width: 100%;
        height: auto;
        font-size: 1.5em;
        padding: 5% 10% 2% 10%;
        }

#section08{                              /* benutzt in index */
        background-color: #D0F3E9;
        width:100%;
        display: grid;
        grid-template-columns: 33% 34% 33%;
        font-size: 0.8em;
        line-height: 1.4em;
        text-align: justify;
        color: black;            /* #15564C */
        margin-bottom: 2%;
        padding: 1%;
        }
#section08a, #section08b, #section08c, #section08d, #section08e {
        background-color: rgba(255, 255, 255, 0.5);       /* benutzt in index */
        min-height: 450px;
        float: left;
        margin: 0% 4% 4% 4%;
        padding: 10px;
        }
#section08aa, #section08bb, #section08cc, #section08dd, #section08ee {
        background-color: rgba(255, 255, 255, 0.5);
        width: 92%;
        min-height: 400px;
        float: left;
        margin: 4%;
        padding: 20px;
        }

#section10{                              /* benutzt in faq */
        background-image: url(../img/DSCF4015s.jpg);
        background-attachment: fixed;
        background-position: 0px 90px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 0;
        padding-top: 39.06%;
        margin: 0 0 2% 0;
        }

#section10a{                           /* benutzt in faq */
        background-color: rgba(255,255,255,0);
        width: auto;
        margin-top: -10%;
        margin-left: 20px;
        align-items: center;
        justify-content: center;
        float: left;
        font-family: "Brush";
        font-size: 3em;
        text-align: center;
        line-height: 1.2em;
        color: #E9BB78;
        }

#section10c{
        display: block;
        clear: both;
        width: 100%;
        height: 80%;
        padding: 10% auto;
        text-align: center;
        align-items: center;
        font-family: "Brush";
        font-size: 2.1em;
        margin-top: 0%;
        margin-bottom: 2%;
        color: #A54D1C;
        }
#section10c h1 {font-family: "Master", Arial;
                margin-top: 0;
                font-size: 1.6em;}
#section10c h2 {font-family: "Brush";
                margin-top: 5px;
                margin-bottom: 0;
                font-weight: normal;}
#section10c span {font-family: "Brush";
                  font-weight: normal;
                  font-size: 1.5em;}


#section10c1{
        width: 90%;
        padding: 0 20% 2% 20%;
        text-align: left;
        font-size: 1.1em;
        line-height: 0.2em;
        margin-bottom: 5%;
        }
#section10c2{
        background-image: linear-gradient(270deg,transparent,#EFCDB6);
        width: 60%;
        padding: 3%;
        text-align: left;
        font-size: 1.1em;
        line-height: 1.3em;
        margin: 0% 20% 8% 20%;
        }

#section11{                                  /* benutzt in faq */
        display: grid;
        grid-template-columns: 50% 50%;
        width: 100%;
        margin-bottom: 3%;
        text-align: justify;
        font-size: 1.1em;
        }
#section11 h1{
        font-weight: bold;
        font-style: italic;
        font-size: 1.2em;
        }
#section11 h2{
        font-weight: bold;
        font-style: italic;
        font-size: 1.1em;
        }

#section11 h2{
        font-weight: normal;
        font-style: italic;
        font-size: 1em;
        margin-top: 0px;
        }

#section11a{
        padding: 5% 5% 2% 15%;
        }
#section11a h1{}

#section11b{
        padding: 5% 15% 2% 0%;
        }
#section11c{margin-left: auto; margin-right: auto; text-align: center;}
#section11c h1 {font-family: Brush;
                text-align: center;
                font-weight: normal;
                font-size: 2em;
                padding-top: 0%;}

#section12{                              /* benutzt in faq */
        background-image: url(../img/IMG_2057swr3s.jpg);
        background-attachment: fixed;
        background-position: 0px 90px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 0;
        margin-bottom: 2%;
        padding-top: 31.54%;
        align-items: center;
        justify-content: center;
        }

#section12a{                           /* benutzt in faq */
        background-color: rgba(51,0,0,0.6);
        width:auto;
        margin-top: -10%;
        margin-bottom: 10px;
        margin-left: 5%;
        justify-content: center;
        float: left;
        font-family: "Brush";
        font-size: 3em;
        text-align: center;
        color: #E9BB78;
        padding: 1%;                   /* #92AC9F #1C98A0 */
        }

#section13{                              /* benutzt in faq */
        background-image: url(../img/Welleaa.jpg);
        background-attachment: fixed;
        background-position: 0px 90px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 0;
        margin-bottom: 2%;
        padding-top: 46.48%;
        align-items: center;
        justify-content: center;
        }
#section13a{                           /* benutzt in faq */
        background-color: rgba(0,0,51,0.4);
        width:auto;
        margin-top: -15%;
        margin-bottom: 10px;
        margin-left: 5%;
        align-items: center;
        justify-content: center;
        float: left;
        font-family: "Brush";
        font-size: 3em;
        text-align: center;
        color: #E9BB78;
        padding: 2%;
        }
#section14{                              /* benutzt in faq */
        background-image: url(../img/IMG_7816bs.jpg);
        background-attachment: fixed;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0px 90px;
        width: 100%;
        height: 0;
        padding-top: 43.94%;
        }
#section14a{                           /* benutzt in faq */
        background-color: rgba(35,0,0,0.3);
        width: auto;
        margin-top: -10%;
        margin-bottom: 10px;
        margin-left: 5%;
        float: left;
        font-family: "Brush";
        font-size: 3em;
        text-align: center;
        color: #BEE968;
        padding: 10px;}
#section14a span {font-family: Master, Arial;
                font-weight: normal;
                font-size: 0.7em;
                margin: 0px;
                padding: 0px;}

#section20{                              /* benutzt in faq */
        background-image: url(../img/IMG_6096s.jpg);
        background-size: contain;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 0 90px;
        width: 100%;
        height: 0;
        padding-top: 39%;
        margin-bottom: 2%;
        }

#section20a{                           /* benutzt in faq */
        background-color: rgba(255,255,255,0.3);
        width:auto;
        margin-top: -10%;
        margin-bottom: 10px;
        margin-left: 5%;
        align-items: center;
        justify-content: center;
        float: left;
        font-family: "Brush";
        font-size: 4em;
        text-align: center;
        line-height: 1.2em;
        color: white;
        padding: 0 15px 0 15px;
        }
#section20b{
        width: 100%;
        margin-top: -3%;
        margin-bottom: 2%;
        }
#section20b img {width:80%;
                 height:auto;
                 padding: 5% 10% 2% 10%}

#section20c{
        width: 100%;
        padding: 0 30% 0% 30%;
        text-align: left;
        font-weight: normal;
        font-size: 1.1em;
        line-height: 1.3em;
        margin-bottom: 5%;
        }
#section20c h1 {font-family: Brush;
                font-weight: normal;
                text-align: center;
                font-size: 2.5em;
                color: #A54D1C;}
#section20c h2 {font-family: Brush;
                font-weight: normal;
                text-align: center;
                font-size: 2em;
                color: #A54D1C;}

#section21{                              /* benutzt in faq */
        background-image: url(../img/DSC_0610bs.jpg);
        background-size: contain;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 0px 90px;
        width: 100%;
        height: 0;
        padding-top: 43.94%;
        margin-bottom: 2%;
        }

#section21a{                           /* benutzt in faq */
        background-color: rgba(25,0,0,0.4);
        width:auto;
        margin-top: -10%;
        margin-bottom: 10px;
        margin-left: 5%;
        padding: 1%;
        align-items: center;
        justify-content: center;
        float: left;
        font-family: "Brush";
        font-size: 4em;
        text-align: center;
        line-height: 1.2em;
        color: #E9BB78;
        }

#section22{                              /* benutzt in faq */
        background-image: url(../img/IMG_1191ss.jpg);
        background-size: contain;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 0px 90px;
        width: 100%;
        height: 0;
        padding-top: 43.4%;
        margin-bottom: 2%;
        }
#section22a{                           /* benutzt in faq */
        background-color: rgba(0,0,0,0.4);
        width:auto;
        margin-top: -10%;
        margin-left: 5%;
        padding: 1%;
        align-items: center;
        justify-content: center;
        float: left;
        font-family: "Brush";
        font-size: 3em;
        text-align: center;
        line-height: 1.2em;
        color: #E9BB78;
        }

#section23{                              /* benutzt in arbeitstechniken */
        background-image: url(../img/IMG_8000ss.jpg);
        background-size: contain;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 0px 90px;
        width: 100%;
        height: 0;
        padding-top: 48.5%;
        margin-bottom: 2%;
        }
#section23a{                           /* benutzt in arbeitstechniken */
        background-color: rgba(0,0,0,0.4);
        width:auto;
        margin-top: -10%;
        margin-bottom: 10px;
        margin-left: 5%;
        padding: 2%;
        align-items: center;
        justify-content: center;
        float: left;
        font-family: "Brush";
        font-size: 3em;
        text-align: center;
        line-height: 1.2em;
        color: #E9BB78;
        }

#section24{                              /* benutzt in arbeitstechniken */
        background-image: url(../img/DSC_4698ss.jpg);
        background-size: contain;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 0px 90px;
        width: 100%;
        height: 0;
        padding-top: 47.36%;
        margin-bottom: 2%;
        }
#section24a{                           /* benutzt in arbeitstechniken */
        background-color: rgba(0,0,102,0.3);
        width:auto;
        margin-top: -10%;
        margin-bottom: 10px;
        margin-left: 5%;
        padding: 2%;
        align-items: center;
        justify-content: center;
        float: left;
        font-family: "Brush";
        font-size: 3em;
        text-align: center;
        line-height: 1.2em;
        color: #E9BB78;
        }
#section24_1{                              /* benutzt in arbeitstechniken */
        background-image: url(../img/DSC_4698ss.jpg);
        background-size: contain;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 0px 90px;
        width: 100%;
        height: 0;
        padding-top: 47.36%;
        margin-bottom: 2%;
        }

#section25{                              /* benutzt in arbeitstechniken */
        background-image: url(../img/DSC_2756ss.jpg);
        background-size: contain;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 0px 90px;
        width: 100%;
        height: 0;
        padding-top: 48.5%;
        margin-bottom: 2%;
        }
#section25a{                           /* benutzt in arbeitstechniken */
        background-color: rgba(51,0,0,0.5);
        width:auto;
        margin-top: -10%;
        margin-bottom: 10px;
        margin-left: 5%;
        padding: 1%;
        align-items: center;
        justify-content: center;
        float: left;
        font-family: "Brush";
        font-size: 3em;
        text-align: center;
        line-height: 1.2em;
        color: #E9BB78;
        }

#section30  {background-image: url(../img/DSC_0610a.jpg);
             background-attachment: fixed;
             background-size: 100%;
             background-repeat: no-repeat;
             height: 500px;
            }

#section31  {width: 50%;
             margin: 40px auto 5% auto;
             margin-right: auto;
             height: 20%;
             font-size: 2em;
             font-family: "Brush";
            }
#section31 h1 {font-family: "Master", Arial;
               font-size: 0.7em;
               margin-bottom: 0px;
               font-weight: normal;
              }

#section32  {width: 60%;
             height: auto;
             display: flex;
             margin: 0 20% 0 20%;
             text-align: center;
             align-items: center;
             justify-content: center;
             }
#section032 img{width: 100%; height: auto;}


#gallery {
  position: relative;
  margin: 0;
}

#gallery figure {
        position: absolute;
        display: inline-block;
        top: 0;
        left: 0;
        z-index: 1;
        animation: wechseln 15s infinite;
/*        box-shadow: 0px 0px 20px 0px grey;     */
}

#gallery figure:last-of-type {
  position: relative;
}

#gallery figcaption {
  position: absolute;
  left: 1em;
  bottom: 0.5em;
  z-index: 2;
}

@keyframes wechseln {
       0% {opacity: 0;}
      20% {opacity: 1;}
      40% {opacity: 1;}
      60% {opacity: 0;}
      80% {opacity: 0;}
     100% {opacity; 0;}
}

#gallery figure:nth-of-type(2) {
        animation-delay: 5s;
        opacity: 0;
}
#gallery figure:nth-of-type(3) {
        animation-delay: 10s;
        opacity: 0;
}
/*#gallery figure:nth-of-type(4) {
        animation-delay: 15s;
        opacity: 0;
}
#gallery figure:nth-of-type(5) {
        animation-delay: 20s;
        opacity: 0;
}
#gallery figure:nth-of-type(6) {
        animation-delay: 25s;
        opacity: 0;
}                                     */

#section40  {background-image: url(../img/IMG_6189a.jpg);
             background-attachment: fixed;
             background-position: 0px 90px;
             background-size: contain;
             background-repeat: no-repeat;
             width: 100%;
             height: 0;
             padding-top: 38.8%;
            }

#section41  {width: 25%;
             height: auto;
             display: flex;
             margin: 5% 5% 0 10%;
             text-align: right;
             float: left;
             font-size: 2em;
             font-weight: bold;
             }
#section42  {width: 50%;
             margin: 5% 5% 0 5%;
             float: right;
             text-align: left;
             }

#section50  {background-image: url(../img/IMG_0411_b.jpg);
             background-attachment: fixed;
             background-size: 100%;
             background-repeat: no-repeat;
             min-height: 300px;}

#section51  {width: 60%;
             height: auto;
             display: block;
             margin: 5% 20% 0 20%;
             text-align: left;
             }

#section60  {background-image: url(../img/DSC_0635fss.jpg);
             background-attachment: fixed;
             background-size: contain;
             background-repeat: no-repeat;
             background-position: 0px 90px;
             width: 100%;
             height: 0;
             padding-top: 49%;
             margin-bottom: 2%;
             }
#section60a {background-color: rgba(0,0,0,0.5);
             width: auto;
             margin-top: -10%;
             margin-left: 50px;
             padding: 10px;
             font-size: 3em;
             color: #E9BB78;
             float: left;
             font-family: "Brush";}

#section6u   {display: grid;
              grid-template-columns: 50% 50%;}

#section61  {padding: 2%;
             text-align: left;
             margin-left: 15%;
             margin-bottom: 2%;
             }
#section62  {background-color: #F3DECB;
             margin: 8% 10% 18% 10%;
             padding: 6% 2% 8% 0%;
             text-align: center;
             }
#section62 a {font-size: 1.2em;
              color: white;
              padding:2%;
              background-color: rgba(153, 0, 51, 0.8);
              border-style: outset;
              text-align: center;
             }

#section61r  {display: grid;
              grid-template-columns: 50% 50%;}

#section61w {background-color: #E3F7F8;
             margin: 1% 2% 0% 20%;
             padding: 30px;
             text-align: left;
             }
#section61w h2 {font-family: Brush;
                font-weight: normal;
                margin-top: 0px;
                font-size: 2em;}
#section61  h1 {font-family: Brush;
                font-weight: normal;
                font-size: 2em}
#section61h {background-color: #F2E0CC;
             margin: 1% 20% 0% 2%;
             padding: 30px;
             text-align: left;
             }
#section61h h2 {font-family: Brush;
                font-weight: normal;
                margin-top: 0px;
                font-size: 2em;}

div.table {display: table;
           border-collapse: collapse;
           margin-top: 30px;
           font-size: 1em;}
div.tr {display: table-row;}
div.td {display: table-cell;
        width: 40%;
        padding-left: 20px;
        padding-right: 0px;}

#section63  {background-image: url(../img/DSC_0935fss.jpg);
             background-attachment: fixed;
             background-size: contain;
             background-repeat: no-repeat;
             background-position: 0 90px;
             width: 100%;
             height: 0;
             padding-top: 44.19%;
             margin-bottom: 2%
             }
#section63a {background-color: rgba(255,240,210,0.8);
             width: auto;
             margin-top: -10%;
             margin-left: 50px;
             padding: 10px;
             font-size: 3em;
             color: black;
             float: left;
             font-family: "Brush"
             }

#section64  {background-image: url(../img/IMG_2207fs.jpg);
             background-attachment: fixed;
             background-size: contain;
             background-position: 0 90px;
             background-repeat: no-repeat;
             width: 100%;
             height: 0;
             padding-top: 46.38%;
             margin-bottom: 2%;
             }
#section64a {background-color: rgba(0,0,0,0.5);
             width: auto;
             margin-top: -10%;
             margin-left: 50px;
             padding: 10px;
             font-size: 3em;
             color: #E9BB78;
             float: left;
             font-family: "Brush";}

#section65  {width: 50%;
             font-family: "Brush"
             font-color: #A54D1C;
             font-weight: normal
             font-size: 2.em
             margin-right: 25%;
             margin-left: 25%;
             text-align: left;
             }
#section65 h1 {text-align: center;
               font-size: 2.1em;}
#section65 h2 {text-align: center;
               font-weight: normal;
               font-family: "Brush";
               font-size: 4em;
               margin-top: 100px;
               margin-bottom: 0px;}
#section66  {width: 60%;
             margin-right: auto;
             margin-left: auto;
             margin-top: 2%;
             padding: 2%;
             text-align: center;
             }
#section66 a {font-size: 1.2em;
              color: white;
              padding: 20px 100px 20px 100px;
              background-color: rgba(153, 0, 51, 0.8);
              border-style: outset;
              text-align: center;
             }

footer {background-image: linear-gradient(180deg,transparent,#EBB483);
        display: flex;
        min-height: 300px;
        text-align: center;
        width:100%;
        padding: 100px 0 0 0;
        font-size: 0.9em;
        }
footer div#foo1{
        margin-left: 16%;
        width: 20%;
        margin-right: 4%;
        float: left;
        text-align: left;
        }
footer div#foo2{
        width: 20%;
        float: left;
        text-align: left;
        }
footer div#foo3{
        margin-left: 4%;
        width: 20%;
        margin-right: 16%;
        float: right;
        text-align: left;
        }

nav     {
        position:fixed;
        width: 100%;
        top:0;
        display:block;
        text-align: left;                       /* war center */
        margin: 0 20px 0 20px;
        z-index: 4;
        }

nav ul ul {
        display: none;       /*war none*/
        }

nav ul li:hover ul {
        display: block;
        }

nav ul {
       list-style: none;
       position: relative;
       display: inline-table;
       float: right;
       padding-right: 5%;
       color: #FFFF00;                   /* 3c3c3c */
       margin: 20px 0 0 5%;             /* Einfluss auf Abstand Haupt-Navigationstext */
       }

nav ul li {
        display: inline-block;
}

nav ul li a:hover {
        background: #501419;                /* war #7eafb9  Hintergrundfarbe hover Haupt-Navigationstext*/
        color: #fff;
        transition: all ease 0.3s;
}

nav ul li:hover a {
        color: #fff;
        transition: all ease 0.3s;
}

nav ul li a {
        display: block;
        color: #501419;                   /*  Textfarbe Hauptmenü oben war #7F4A1B */
        text-decoration: none;
        margin: 0 20px 0 0;
/*        border-radius:5px;             */
        padding: 10px;
}

nav ul ul {
        position: absolute; top:35px;             /* Abstand Aufklappmenü */
        background: rgb(0,0,0);                   /* war rgb(0,0,0) */
        background: rgba(102,51,51,0.70);       /* war rgba(126,175,185,0.70) Farbe Hintergrund hover Untermenüpunkte groß */
        margin:0;
/*        border-radius:5px;            */
        z-index:99;
}
nav ul li:hover ul {display:block;transition: all ease 0.3s;}
nav ul ul li {
        display:block;
        float: none;
        position: relative;
        }

nav ul ul li a {
        color: #fff;
        margin: 0;
        }
nav ul ul li a:hover {
        background: #501419;                  /* war #7eafb9  Farbe Hintergrund hover Untermenüpunkte */
        }


@media only screen and (max-width: 1100px) {
header, div#kopf {width:100%; font-size:1.6em;}
header {height: 200px;}
header h1{font-size:0.6em;padding-top:20px;}
header div#nav {width: 70%; display: flex;}
nav {margin: 60px 0px 0px 0px}
article div#section01 {background-image: url(../img/Deine_SPUR7-3s.jpg);padding-top: 71.57%;}
article div#section01a {width: 90%;margin-top: -20%;margin-left: 5%;margin-right: 5%;text-align: center;background-color: rgba(0,0,0,0.3);}
article div#section01b {width: 40%;margin-top: -6%;margin-left: 30%;margin-right: 30%;text-align: center;background-color: rgba(255,255,255,0.5);}
article div#section02a {display: none}
article div#section02b {width:90%}
article div#section03 {width:100%;margin:0;padding:3%;display:block}
article div#section03a {width:100%}
article div#section03b {width:100%}
article div#section06a {width:100%;margin:0 0 3% 0;display:block;}
article div#section06b {width:100%;margin:0 0 3% 0;display:block;}
article div#section06c {width:100%;margin:0;display:block;}
article div#section08  {display: block;}
article div#section08a {width:100%;margin:0;padding: 20px; display:block;}
article div#section08b {width:100%;margin:0;display:block;}
article div#section08c {width:100%;margin:0;display:block;}
article div#section10a {font-size: 2.5em;}
article div#section10c h1 {font-size: 1.2em;}
article div#section10c2{padding: 0% 5% 2% 5%;}
article div#section11 {display:block;}
article div#section11a {padding:2% 5% 0% 5%;}
article div#section11b {padding:2% 5% 0% 5%;}
article div#section11c {width:80%;margin-left:10%;margin-right:10%;}
article div#section12a {font-size: 2em;margin-top: -20%;}
article div#section13a {font-size: 2em}
article div#section14a {font-size:2em;margin-top: -20%;}
article div#section14a span {font-size:0.5em;}
article div#section20a {font-size: 2em}
article div#section20b img{width:100%;padding:1%}
article div#section20c {padding: 0 10% 0% 10%;}
article div#section21a {font-size: 2em;margin-top: -20%}
article div#section22a {font-size: 2em;margin-top: -20%}
article div#section23a {font-size: 2em;margin-top: -20%}
article div#section24a {font-size: 2em;margin-top: -20%}
article div#section25a {font-size: 2em;margin-top: -20%}
article div#section41  {width:100%}
article div#section42  {width:100%;padding: 0 10% 0 10%;}
article div#section60a {font-size: 2em;margin-top: -21%;margin-left: 5px}
article div#section6u  {display:block}
article div#section61  {padding: 5%;margin: 0;}
article div#section62  {padding: 5%;margin: 0 20% 0 20%;}
article div#section63a {font-size: 2em;margin-top: -20%}
article div#section64a {font-size: 2em;margin-top: -20%}
article div#section65 {width: 80%; margin-right: 10%; margin-left: 10%;}
footer {padding:0;margin:0;display:inline-block}
footer div#foo1{width:90%;margin:2%;padding:5%}
footer div#foo2{width:90%;margin:2%;padding:5%}
footer div#foo3{width:90%;margin:2%;padding:5%}
}

/* 1-Spaltenlayout  */
@media only screen and (max-width: 720px) {
header {margin-top: -60px; height: 80px;}
header a#navlink {display:block;}
nav{position:relative;}
nav ul {display:block; width:100%;}
nav ul li{width:90%}
nav ul li a,
nav ul ul li a {background:#501419; color:white; margin:5px 5%; }
nav ul ul {display:block; position:relative; z-index:0; top:0; width:90%; background:transparent;}
main{display:block; width: 100%;margin:0;padding: 0%;}
article #start {width:100%;}
article div#section00{display:none}
article div#section01a{font-size: 2em;}
article div#section10a {font-size: 2em;}
article div#section13,div#section14bild{width:100%}
article div#section14r,div#section14l{width:90%;margin: 0% 5% 0% 5%;padding: 0 0 0 0;}
article div#section04a,div#section4b{width:100%;text-align:center;}
article div#section61r {display:block}
article div#section61w {margin: 1% 2% 0% 2%}
article div#section61h {margin: 1% 2% 0% 2%}
article div#section65 h2 {font-size:2em;}
article div#section66 {width:100%;margin:0;}
article div.table {font-size: 0.7em;}
article div.td {padding:0;}
footer  div#foo2{display:none}
}