/* gesamt Layout */
 * {
     font-family: Arial, Helvetica, sans-serif;
   
     margin     : 0px;
     padding    : 0px;

     box-sizing: border-box;


 }

 body {
    font-size  : 14px;
     height                  : 100vh;
     background-color        : #253951;
     /*background-color      : #476484;  */
     /* background-color     : #2196F3; */
     display                 : grid;
     grid-template-areas     :
         "header"
         "nav"
         "main"
         "footer";

     grid-template-rows: 1fr 0.3fr 2fr 0.5fr;
     color             : #fff;
     hyphens           : auto;
     overflow-wrap     : break-word;

 }


 header {
     grid-area         : header;
     display           : flex;
     justify-content   : center;
     align-items       : center;
     /* border         : 1px solid blue; */
 }

 nav {
     grid-area          : nav;
     display            : flex;
     justify-content    : center;
     align-items        : center;
     /* border          : 1px solid blue; */
     background-color   : #FFFFFF;

 }

 main {
     grid-area         : main;
     display           : flex;
     justify-content   : center;
     align-items       : center;
     /* border         : 1px solid blue; */
     background-color  : #476484;
 }

 footer {
     grid-area          : footer;
     background-color   : #FFFFFF;
     color              : #45607e;
     display            : flex;
     justify-content    : center;
     flex-wrap          : nowrap;
     /* border          : 1px solid blue; */



 }

 .text-align-center {
    text-align: center;
}

.text-align-left {
    text-align: left;
}

.text-italic {
    font-style: italic;
}

h3{
   margin: 2px;
}
 img {
     max-width: 100%;
 }

 h1 {
     text-align: center;
   
 }

 /* gesamt Layout Ende */
 /* nav */

 p>a {
     text-decoration: none;
     color          : white;
     text-align     : left;
 }

 li>a {
     /* width: 100%; */
     text-decoration: none;
     color          : #45607e;
     text-align     : left;
     font-size      : 90%;
     padding        : 10px;
 }

 a:hover {
     text-decoration: underline;
 }
 .dropbtn {
     display: none;
 }

 ul {
     list-style-type: none;
     padding        : 20px;

 }

 li {
     display    : inline;
     color      : #476484;
     font-weight: bold;

 }



 .onepx {
     display: contents;
     width  : 1px;
 }

 /* nav */
 /* main */
 .main_img_hoehe {
     max-width: 500px;
 }

 section {
     /* background-color: rgba(255, 255, 255, 0.5); */

     text-align: justify;
     padding   : 2%;
     min-width : 30%;

 }

 /* Main zwei spalten */

 .zweispalten {
     display        : flex;
     justify-content: center;
     flex-wrap      : nowrap;
     margin         : 3%;

 }

 .linksrahmen {
     /* border-left      : 1px solid blue; */
     border-left         : 1px solid white;
     /* border-left-style: solid; */
 }

 /* main zweispalten Ende */
 /* main flexbox */
 .flex-container_zertifikat {
     display        : flex;
     flex-wrap      : nowrap;
     justify-content: center;
 }

 .flex-container_zertifikat>div {

     width     : 300px;
     margin    : 10px;
     text-align: center;

 }

 .flex-container_galerie {

     display        : flex;
     justify-content: center;
     align-items    : baseline;
     flex-wrap      : wrap;

 }

 .flex-container_galerie>a {

     width     : 300px;
     margin    : 10px;
     text-align: center;

 }

 .flexitem_galerie {
     flex: 14 0 100%;
 }

 a>img {
     max-width: 100%;
     height   : auto;
 }

 /* Kontakt css */
 .item_kontakt {
     flex: 1 0 auto;
     hyphens: none;
 }
 .item_kontakt > p{
    text-align: left;
 }

 /* Kontakt css ende */
 /* Text Impressum und Datenschutz */

 .text {
    text-align: justify;
    margin: 3% 15%;
}
.impressum_text{
    margin: 1%;
    max-width: 500px;
}
.text >p{
    margin: 20px;
}
.innenrahmen{
    padding:2%;
}
.text >h3{
    margin: 20px 0px 20px 0px;
}
span > a {
    color: #fff;
}


.font_time {
    font-family : "Times New Roman", "serif";
    line-height : 115%;
    /* font-size:12.0pt; */

}

.absatz_115 {
    line-height: 115%;
}

/* .fett {
    font-weight: bold;
} */

.kasten {
    display  : flex;
    align-items: end;

}

.kasten_innen {
    width: 500px;
}




 /* Text Impressum und Datenschutz Ende */

 /* main flexbox ende*/
 /* main Ende */

 /* footer */

 footer>div {
     width          : 25%;
     margin         : 1%;
     display        : flex;
     justify-content: center;
     align-items    : center;
     text-align     : center;

 }

 .hoehe {
     height: 70px;
 }

 /* footer Ende */
 /* Bildschirmgroeßen Einstellungen */

 @media only screen and (max-width: 768px) {

     /* nav */
     nav {
         justify-content: right;
     }

     .onepx {
         display: none;
     }

     /* Dropdown Button */
     .dropbtn {
         background-color: #fff;
         color           : #476484;
         padding         : 5px;
         font-size       : 16px;
         border          : none;
         display         : block
     }

     /* The container <div> - needed to position the dropdown content */
     .dropdown {
         position: relative;
         display : inline-block;

     }

     /* Dropdown Content (Hidden by Default) */
     .dropdown-content {
         display         : none;
         position        : absolute;
         background-color: #fff;
         min-width       : 160px;
         box-shadow      : 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
         z-index         : 1;
         right           : 1%;
         font-size       : 16px;
         color           : #476484;
         font-weight     : bold;
         width           : 250px;

     }

     /* Links inside the dropdown */
     .dropdown-content a {
         color          : #476484;
         padding        : 12px 16px;
         text-decoration: none;
         display        : block;
     }

     /* Change color of dropdown links on hover */
     .dropdown-content a:hover {
         /* background-color: #476484; */
         /* color: #fff; */
         text-decoration: underline;
         display        : block;
     }

     /* Show the dropdown menu on hover */
     .dropdown:hover .dropdown-content {
         display: block;
     }

     /* Change the background color of the dropdown button when the dropdown content is shown */
     .dropdown:hover .dropbtn {
         background-color: #fff;
         color           : #476484;
     }

     /* nav Ende */
     /* main */
     .linksrahmen {
         border-left-style: none;
     }

     .zweispalten {
         flex-wrap: wrap;
     }
     .text {
        margin: 3% 2%;
    }

     /* main flexbox */

     .flex-container_zertifikat {
         flex-wrap: wrap;
     }
     .kasten {        
        flex-flow: wrap;
      }
     .kasten_innen {
        width: 100%;
      }

     /* main flexbox Ende*/
     /* main kontakt */
     .item_kontakt {
        flex: fit-content;
        hyphens: none;
      }
       /* main Kontakt Ende*/
     /* main Ende */
     /* footer */
     footer>div {
         width: 100%;
     }

     /* footer end */


 }
 @media only screen and (max-width: 1020px) {
    .kasten {        
        display: block;
      }
     .kasten_innen {
        width: auto;
      }
      body{
        hyphens: none;
      }
 }