@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 400;
src: url('/2025/fonts/montserrat-v15-latin-regular.woff2') format('woff2'),    /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('/2025/fonts/montserrat-v15-latin-regular.woff')  format('woff'),     /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
     url('/2025/fonts/montserrat-v15-latin-regular.woff2')   format('truetype'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */  
     url('/2025/fonts/montserrat-v15-latin-regular.woff2')   format('opentype'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */   
/*     _url('/2025/fonts/montserrat-v15-latin-regular.ttf')   format('truetype'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */  
/*     _url('/2025/fonts/montserrat-v15-latin-regular.otf')   format('opentype'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */     

}

/*Font Lateinschrift ANFANG */
@font-face {font-family: "CorradineHandwriting-Italic";
src:  url("/fonts/CorradineHandwriting-Italic.woff");                                                        /* IE9*/
src:  url("/fonts/CorradineHandwriting-Italic.woff")                            format("embedded-opentype"), /* IE6-IE8 */
      url("/fonts/CorradineHandwriting-Italic.woff2")                           format("woff2"),             /* chrome、firefox */
      url("/fonts/CorradineHandwriting-Italic.woff")                            format("woff"),              /* chrome、firefox */
      url("/fonts/CorradineHandwriting-Italic.ttf")                             format("truetype"),          /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
/*      _url("/fonts/CorradineHandwriting-Italic.woff2")                          format("svg");               /* iOS 4.1- */
/*      _url("/fonts/CorradineHandwriting-Italic.svg#CorradineHandwriting-Italic") format("svg");               /* iOS 4.1- */
}

.latein{
    font-family:"CorradineHandwriting-Italic" !important;
    font-size: 1.8em;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/*Font Lateinschrift ENDE */    



/* Navigation */
html{
font-size:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
scroll-behavior:smooth}*,*::before,*::after{padding:0;margin:0;
-webkit-box-sizing:inherit;
box-sizing:inherit;
________________________list-style:none;        /* deaktiviert sonst funkt Listenelement mit Bild nicht */
________________________list-style-type:none;   /* deaktiviert sonst funkt Listenelement mit Bild nicht */
text-decoration:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility}

body{
font-family: 'Montserrat', serif;
font-size:1rem;
font-weight:400;
line-height:1.5;
color: #021c1e;
background: #eef4f4;
}

body.scrolling{
overflow-y:hidden}

a,button{
font-family:inherit;
font-size:inherit;
line-height:inherit;
cursor:pointer;
border:none;
outline:none;
background:0 0;
text-decoration:none}


@media only screen and (max-width:768px){
a,button{
cursor:default!important;
border:none;outline:none}
}

img,video{
display:block;
max-width:100%;
height:auto;
-o-object-fit:cover;
object-fit:cover}

.container{
max-width:80rem;
width:100%;
height:auto;
padding:0 2rem;
margin:0 auto}

@media only screen and (max-width:768px){
.container{padding:0 1rem;margin:0 auto}
}

.brand{
font-family:inherit;
font-size: 1rem;
font-weight:900;
line-height:inherit;
outline:none;
color: #f0eee9; /* Logo */
text-transform:uppercase;
text-rendering:optimizeLegibility}

.brand p {font-size: 0.95rem; text-transform: none; font-weight:100;}

.header{
position:fixed;
left:0;
top:0;
width:100%;
height:auto;
z-index:999;
border:none;
outline:none;
background: #004445; /* Hintergrund Navigation */
-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}

.header .wrapper{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:2rem;
max-width:100%;
height:auto;
padding:.5rem 0}

.header .navbar{
max-width:100%;
height:auto}

.header .menu>.menu-item{
position:relative;
display:inline-block;
margin:0 .75rem}

.header .menu>.menu-item>a{
display:block;
font-family:inherit;
font-size:1rem;
font-weight:400;
line-height:inherit;
padding:1rem 0;
border:none;
outline:none;
color: #f0eee9; /* Schriftfarbe links/Menue Desktop Version, ohne + & - */
_text-transform: capitalize;
text-rendering:optimizeLegibility;
-webkit-transition:all .35s ease;
-o-transition:all .35s ease;
transition:all .35s ease
}

.header .menu>.menu-item>a _.expand{
position:relative;
display:inline-block;
height:.50rem;
width:.50rem;
margin-left:.35rem;
border:none;
outline:none;
pointer-events:none}

.header .menu>.menu-item>a _.expand:before, .header .menu>.menu-item>a _.expand:after{
position:absolute;
-webkit-box-sizing:inherit;
box-sizing:inherit;
content:'';
left:50%;
top:50%;
width:100%;
height:1px;
background: #dbd5d1; /*    + bei Navigtion Desktop */
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-webkit-transition:all .35s ease;
-o-transition:all .35s ease;
transition:all .35s ease}

.header .menu>.menu-item:hover>a{
color: #cfb67d;}  /* Hovereffekt bei Navigation z. B. Home bei ALLEN  Versionen */

.header .menu>.menu-item:hover>a _.expand::before,.header .menu>.menu-item:hover>a _.expand::after{
background: #cfb67d} /* + & - bei Submenue Mobilde Version & Desktop */

.header .menu>.menu-item>a _.expand::after{
-webkit-transform:translate(-50%,-50%) rotate(-90deg);
-ms-transform:translate(-50%,-50%) rotate(-90deg);
transform:translate(-50%,-50%) rotate(-90deg)}

.header .menu>.menu-item>.sub-menu>.menu-item>a:hover{
color: #6667ab} /* Hovereffekt bei Navigation mit + (Submenue) ALLE Versionen */

.header .menu>.menu-item>.sub-menu{
position:absolute;
left:-1rem;
top:100%;
width:13rem;
height:auto;
padding:.75rem 0;
border:none;
outline:none;
opacity:0;
visibility:hidden;
border-top:3px solid #cfb67d; /* Strich oben bei Submenue Desktop Version */
background:#fff;
-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
-webkit-transform:translateY(1rem);
-ms-transform:translateY(1rem);
transform:translateY(1rem);
-webkit-transition:all .35s ease;
-o-transition:all .35s ease;
transition:all .35s ease}

.header .menu>.menu-item>.sub-menu>.menu-item{
display:block}

.header .menu>.menu-item>.sub-menu>.menu-item>a{
display:block;
font-family:inherit;
font-size:1rem;
font-weight:200;
line-height:inherit;
padding:.5rem 1.25rem;
color: #cfb67d; /* Textfarbe von Submenue Desktop Version */
_text-transform:capitalize;
text-rendering:optimizeLegibility;
-webkit-transition:all .35s ease;
-o-transition:all .35s ease;
transition:all .35s ease}

.header .opened-menu{
position:relative;
display:none;
cursor:pointer;
width:2rem;
height:1rem;
border:none;
outline:none;
opacity:0;
visibility:hidden;
background:0 0;
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:all .35s ease;
-o-transition:all .35s ease;
transition:all .35s ease}

.header .opened-menu span{
display:block;
position:absolute;
width:100%;
height:2px;
left:0;
border:none;
outline:none;
opacity:1;
border-radius:.25rem;
background: #f0eee9; /* die 3 horizontalen Striche bei Mobil-Navi zum Menu öffnen */
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:all .25s ease;
-o-transition:all .25s ease;
transition:all .25s ease}

.header .opened-menu span:nth-child(1){top:0}

.header .opened-menu span:nth-child(2),.header .opened-menu span:nth-child(3){
top:.5rem}

.header .opened-menu span:nth-child(4){
top:1rem}

.header .closed-menu{
display:none;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
cursor:pointer;
width:2.5rem;
height:2.5rem;
border:none;
outline:none;
background:0 0}

.header .closed-menu img.closed-icon{
display:block;
width:1rem;
height:auto}

.header .overlay{
position:fixed;
left:0;
top:0;
height:100%;
width:100%;
z-index:999;
opacity:0;
visibility:hidden;
background:rgba(0,0,0,.6);
-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}

@media only screen and (min-width:993px){
.header .menu>.menu-item-has-children:hover>.sub-menu{
display:block;
opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}

_.header .menu>.menu-item-has-children:hover>a _.expand::after{
-webkit-transform:translate(-50%,-50%) rotate(0deg);
-ms-transform:translate(-50%,-50%) rotate(0deg);
transform:translate(-50%,-50%) rotate(0deg)}
}

@media only screen and (max-width:992px){
.header .overlay.active{
display:block;
opacity:1;
visibility:visible}

.header .navbar{
position:fixed;
top:0;
left:-18rem;
width:18rem;
height:100%;
padding:1rem 0;
z-index:999;
opacity:0;
overflow-y:auto;
visibility:hidden;
background:#fff;
-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
-webkit-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease}

.header .navbar.active{
left:0;
opacity:1;
visibility:visible}

.header .navbar::-webkit-scrollbar{
width:5px}

.header .navbar::-webkit-scrollbar-thumb{
border-radius:
1rem;background:#e6e6e6;
-webkit-box-shadow:inset 0 2px 6px rgba(0,0,0,.12);
box-shadow:inset 0 2px 6px rgba(0,0,0,.12)}

.header .menu{
width:100%;
height:auto;
margin-top:3.5rem}

.header .menu>.menu-item{
display:block;
margin:0}

.header .menu>.menu-item-has-children>a{
display:-webkit-box;display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center}

.header .menu>.menu-item>a{
padding:.75rem 1rem;
color: #6667ab; /* normale Schrift/Links bei Mobile Navi Version */
border-bottom:1px solid #f2f2f2}

.header .menu>.menu-item:first-child>a{
border-top:1px solid #f2f2f2}

.header .menu>.menu-item>a _.expand::before,.header .menu>.menu-item>a _.expand::after{
background:#6667ab;}

.header .menu>.menu-item-has-children.active>a _.expand:after{
-webkit-transform:translate(-50%,-50%) rotate(0deg);
-ms-transform:translate(-50%,-50%) rotate(0deg);
transform:translate(-50%,-50%) rotate(0deg)}

.header .menu>.menu-item>.sub-menu{
position:relative;
top:auto;
left:auto;
width:100%;
max-height:0;
padding:0;
border:none;
outline:none;
opacity:1;
overflow:hidden;
visibility:visible;
background:0 0;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)}

.header .menu>.menu-item>.sub-menu>.menu-item>a{
padding:.75rem 2rem;
color: #cfb67d;
border-bottom:0px solid #ff0000}

.header .opened-menu{
display:block;
opacity:1;
visibility:visible}

.header .closed-menu{
position:absolute;display:-webkit-box;display:-ms-flexbox;
display:flex;
top:1rem;
right:.5rem}
}

_.main{
display:block;
max-width:100%;
height:auto;
margin:6rem 0}


/* Navigation ENDE */