@font-face {
    font-family: 'Quicksand';
    src: url('../font/quicksand-regular-webfont.woff2') format('woff2'),
         url('../font&/quicksand-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body { margin:0; padding:0; font-family: 'Quicksand', sans-serif; font-weight:400; font-size:18px; background:#fff; hyphens: auto;}

/* -- Basics --*/
.Center { text-align:center;}

.Header, .Footer { text-align:left; color:white; position:relative; z-index:5;}

.OO .Header { background:white;height:140px; text-align:center;}

a:hover, a:focus { color:#fdedbd;}

a, h1, h2, h3, h4, h5, h6 { color:black; font-family: 'Quicksand', sans-serif;  text-transform:none;}

h5 { font-size:25px;}

h6 { color:black; font-size:19px;}

h1 { line-height:40px; text-transform:uppercase; color:#000; font-size:42px;}

h2 { font-size:26px;}

.GAL h2 { font-size:45px;}

h4 { font-size:16px; text-transform:uppercase; hyphens:none;}

p, li { }

p { margin: 30px 0; width:100%; font-size:17px; text-align:justify; }

#Logo { position:relative; z-index:20; height:96px; margin:16px 0;}

.RSIm { width:80%;}

.VA { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 80%; margin: auto; }

/* -- Slider --*/

@media only screen and (max-width: 800px) {
   .splide { margin-top:-2px;}
}

.splide { margin-top:0;}

.splide__slide { height:100vh; vertical-align:center;}

@media only screen and (max-width: 1200px) {
   .splide__slide { height:auto;}
}

.splide img { width:100%; padding:0 20px;}

.splide__arrow { border-radius:0;}

.splide__pagination__page.is-active { background:#fff;}

.splide__arrow--next { margin-right:10px;}

.splide__arrow--prev { margin-left:10px;} 

/* -- Footer --*/

.Footer { padding:40px 0; margin-top:80px; background:#8080801a; color:#df1e33; text-align:center;}

#Footermenu { list-style:none; display:inline-block; margin:auto;}

#Footermenu li { float:left; padding:0 5px;}

#Footermenu li a { color:#a5a5a5; text-transform:uppercase; font-size:12px;}

#Footermenu li a:hover {color:#df1e33;}

.Footer p a { color:#df1e33;}

/* -- Foundation --*/
.grid-container { max-width:100%; padding:0;}

.large-6 { width:50%;}

/* Olive Ocean */

.SocM { width:22px;}

#Iim { position:absolute; bottom:2%;z-index:1200;}

.START p { width:78%; margin-left:auto; margin-right:auto;}

#Iim li, .Iim2 { list-style:none; background:#ffffffad; font-size:38px;  text-transform:uppercase; margin:3px 0; display:table; padding:0 16px; }

.Iim2 { margin:auto; padding:28px 50px; }

.Iim2 { display:inline-block;}

.Iim2 a { font-size:16px; border:2px solid black; padding:4px 6px;position:relative; top:-20px;}

.IMP .Iim2 a { top:0; border:none; text-decoration:underline;}

.Iim2 a:hover { color:#667959;}

.BoH { width:25px; height:2px; background:black; display:block; margin:7px auto;}

#Navi { position:absolute; right:20px; top:47px; font-size:16px;}

#Navi li { float:left;margin: 0 2px; padding:12px 10px} 

#Navi .book, .BuIn, .Lue, .Iim2 a li { background:#667959; color:white; }

#Navi .book a, .Lue { color:white;}

#Lang { position:absolute; right:21px; top: 17px; font-size:15px;}

#Lang li { list-style:none; float:left; margin-left:6px;}

.BuIn, .Lue { padding:6px 13px; font-size:16px; text-transform:uppercase;}

.Lue { display:inline-table; margin-bottom:20px;}

.Punkte2 { display:inline-block; list-style:none; margin:70px 0; padding:0; width:200px;}

.Punkte2 li img { margin-bottom:15px }

.KKa { width:500px;}

.DBilder { margin:60px 0;}

.DBilder div {  padding:0 20px 0 20px;}

.DBilder img { max-width:95%;}

.MiI { padding:0;}

.WENZWG { margin:80px 0 40px 0;}

.WENZWG p { margin:25px 0 8px 0; text-align:left; text-align-last:left;}

.WENZWG div {padding:0 40px;}

.WEim { max-height:600px;}

.VA { position: relative;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;margin: auto;}

.UEi { margin:60px 0 90px 0; padding:0 20px;}

.GAL .UEi { margin:0 0 40px 0;}

.UEi:first-child { margin-top:0;}

.UE p { width:78%; text-align:justify; text-align-last:center; margin:30px auto 30px auto;}

.ool { height:34px;}

.UELi { width:80%; margin:auto;}

.AFLZ p { text-transform:none;}

.mt10 { top:-3px !important;}

.STARTIC .Punkte2 li img { margin:0 0 20px 0; width:70px;}

/* Colorbox */

#cboxContent, #cboxLoadedContent { background:none;}

#cboxTitle {display:none !important;}

/* MOBILE */

@media only screen and (max-width: 1200px) {
   #Iim { bottom:6%;}
   #Iim li { font-size:28px;}
   .Punkte2 { margin:0;}
   .Punkte {margin:50px 0;}
   .Punkte .cell { max-width:40%; margin:25px auto;}
    .START p, .ANF p, .UNSEM p { padding:0 25px;}
   .VA p { padding:0;}
   .DBilder div { padding:0; margin:auto; max-width:30%;}
   .WENZWG div {padding:0 10px;}
   .Lue { display:table; margin:10px auto;}
   p { text-align:justify; width:100% !important;}
   .UE p { width:100%; padding: 0 25px;}
   .AFLZ .Iim2 { padding-left:0; padding-right:0;}
}

@media only screen and (max-width: 480px) {
   #Iim li { font-size:18px;}
   .Punkte2 { margin:0;}
   .Punkte {margin:50px 0;}
   .Punkte .cell {max-width:100%;margin:25px auto;}
    p { padding:0 25px;}
   .VA p { padding:0;}
   .DBilder div { padding:0; margin:auto; max-width:30%;}
   .WENZWG div {padding:0 10px; width:95%; text-align:center; margin-left:auto; margin-right:auto;}
   .WENZWG .VA { margin-top:50px;}
   .WENZWG p { text-align:center !important; text-align-last:center; margin-left:auto; margin-right:auto;}
   .WENZWG img { margin:auto;}
   .Lue { display:table; margin:10px auto;}
   .UE p { width:100%; padding:0 25px;}
   #Navi { top:5px; right:5px;}
   #Navi li { float:left;margin: 0; padding:3px 6px} 
   .SocM { width:18px; position:relative; z-index:1200;}
   #Footermenu li { float:none;}
   .AFLZ p { width:100% !important; padding:0 25px;}
   #Logo { height:85px;}
}