@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Raleway&display=swap');

body { font-family: 'Raleway', sans-serif !important; }


.blau {background: #092a40; }
.hellgrau {background: #e5e5e5; }
.orange {background: #ffaf2e; }


main a {color:#092a40;}
main .blau {margin:0% 0; padding: 3% 0;}
main .hellgrau { margin:0% 0; padding: 3% 0;}
main .orange { margin:0% 0; padding: 3% 0;}
main {margin-top: 70px;}

footer a {color:#092a40; }
footer  .btn-primary,
main .btn-primary {
    color: #fff;
    background-color: #ffaf2e;
    border-color: #e18c03;
}
#pageid1 main .blau h3 {min-height: 70px;}

main .btn-primary:hover {background: #e18c03;}
main h3 { margin-top: 20px;}

#pageid1 .headerimage .slick-slide img {min-width: 100%; max-height: 1000px;}
.tx-powermail h3 {display: none;}

.kopfbereichactive { background: rgba(255,255,255,0.80) !important;}
.kopfbereichactive .ce-gallery img {max-width: 70%; right: 0; text-align: right;  }
.kopfbereich {position: fixed; width: 100%; z-index: 2;  top:0px; background:#ffaf2e; }
.language ul li a:hover {background:#77bdea;}
main, footer {position: relative; z-index: 1;}
footer header,
main header {position: relative;}


#pageid1 #c11 {position: relative;}
#pageid1 #c11 .ce-bodytext {
    position: absolute;
    top: 60%;
    width: 100%;
    text-transform: uppercase;
    color: #484954;
    background: rgba(255,255,255,0.6);
    font-size: 20px;
    padding: 1% 4% !important;
    font-weight: 400;
    text-align: center;
    z-index: 4;
}


#pageid1 #c11 .ce-bodytext .text-center {
    text-align: center !important;
    font-size: 40px;
    font-weight: bold;
}


#pageid1 .kasterl .col {border:3px solid #092a40; background: #fff; padding: 2px 4px;}
.kasterl h3 {	margin-top: 8px;}

.kopfbereich .logo  {position: absolute; z-index: 5; top:5px; max-width: 300px;}
.headerimage {position: relative; }
.headerimage .hunderter {z-index: 1;}
.headerimage .grafikelement:nth-of-type(2) {position: absolute; bottom: -127px; left:0;z-index: 2}
.headerimage .grafikelement:nth-of-type(3) {position: absolute;z-index: 2;right: 20%;bottom: 10%;}

.headerimage .btn:hover {background:#ffaf2e; color:#fff;}
.headerimage .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid #fff;
    padding: 0.375rem 2.75rem;
    font-size: 2rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

main .slick-prev:before, main .slick-next:before {color: #092a40;}

main h1 {margin-top: 40px;}

main h4,
main h1 {font-family: 'Lobster', cursive; color:#1a385b; }
main h4 {font-size: 3rem;}
.blau h1, .blau h2, .blau h3, .blau .ce-bodytext, .blau a {color:#fff;}

.orange h1, .orange h2, .orange h3, .orange .ce-bodytext {color:#fff;}
.slick-prev, .slick-next {z-index: 100000;} 

.mobilehead {display: none;}

main hr  {
    margin: 3% 0;
    color: inherit;
    background-color: transparent!important;
    border: 0;
    opacity: 0.25;
}


footer {background:#e5e5e5;}
.footerpadding {margin:0% 0; padding:3% 0;}

/*###Tabellenlayout*/

table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}