/*
(c) 2019
www.dialogsued.de
*/

body{padding:0;margin:0;}

::selection { background:#225d9a; color:#fff }
::-moz-selection { background:#225d9a; color:#fff }

/* fonts */
/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../font/dosis-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/dosis-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/dosis-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/dosis-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/dosis-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/dosis-v27-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}/* anton-regular - latin */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('../font/anton-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/anton-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/anton-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/anton-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/anton-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/anton-v23-latin-regular.svg#Anton') format('svg'); /* Legacy iOS */
}

.location { z-index:5; color:#225d9a; text-decoration:none; font-family: 'Dosis'; position:absolute; bottom:27px; letter-spacing:5px; right:75px; font-size:25px }
.location a { color:#225d9a; text-decoration:none }
.location a:hover { color:#225d9a; text-decoration:none }
.paging { color:#225d9a; text-decoration:none; font-family: 'Dosis'; position:absolute; bottom:25px; letter-spacing:5px; right:75px; font-size:25px }
.back { z-index:5; color:#225d9a; text-decoration:none; font-family: 'Dosis'; position:absolute; bottom:25px; letter-spacing:5px; right:25px; font-size:25px }
.back a { color:#225d9a; text-decoration:none }
.back a:hover { color:#225d9a; text-decoration:none }

.dialogsued { position:absolute; z-index:5; left:25px; top:25px; font-family: 'Dosis'; font-size:15px; }
.dialogsued .logo { font-family: 'Anton'; }
.dialogsued a { z-index:5; cursor:pointer; text-decoration:none; color:#225d9a }
.dialogsued a:hover { color:#225d9a }

.img-fill { width: 100%; height:100vh; display: block; overflow: hidden; position: relative; text-align: center }
.Modern-Slider .img-fill .info {height:80vh;margin-top:10vh; width:100%; display: table;}
.Modern-Slider .img-fill .info_in { display: table-cell; color:#225d9a; text-align: center; vertical-align: middle; }
.Modern-Slider .img-fill h3{ margin:auto;  text-align:center; font-family: 'Anton'; font-size:60px;}
.Modern-Slider .img-fill p{ width:50%; margin:auto; font-family: 'Anton'; font-site:40px; text-align:center;}
.Modern-Slider{ height: 100vh; }
.Modern-Slider { overflow: hidden; transition: height 0.3s ease-in-out; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }
.Modern-Slider:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.Modern-Slider .NextArrow { position:absolute; font-family: 'Dosis'; top:50%; right:0px; width:200px; height:200px; border:0 none; margin-top:-100px; text-align:center; font-size:30px; color:#ccc; background: none; z-index:5; cursor: pointer; -webkit-tap-highlight-color:transparent; outline-style:none; }
.Modern-Slider .PrevArrow { position:absolute; font-family: 'Dosis'; top:50%; left:0px; width:200px; height:200px; border:0 none; margin-top:-100px; text-align:center; font-size:30px; color:#ccc; background: none; z-index:5; cursor: pointer; -webkit-tap-highlight-color:transparent; outline-style:none; }
.Modern-Slider .PrevArrow:hover, .NextArrow:hover{ color:#225d9a; }

.slick-track{ position:relative;top:0;left:0;display:block }
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ; height:100vh; min-height:1px; -webkit-tap-highlight-color:transparent; outline-style:none;}
.slick-slide img{height:80vh;max-width:80vw; object-fit: contain; margin-top:10vh;}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

@media screen and (max-width: 1000px) {
  .paging { font-size:30px }
  .Modern-Slider { height: 100%; }
  .slick-slide { height: 100%; }
  .slick-slide img{height:85vh;max-width:85vw; object-fit: contain; margin-top:5vh;}
  .Modern-Slider .NextArrow { top:40px; right:0px; width:100px; height:100px; border:0 none; margin-top:-50px; z-index:5; }
  .Modern-Slider .PrevArrow { top:40px; left:60%; width:100px; height:100px; border:0 none; margin-top:-50px; z-index:5;  }
}

@media screen and (orientation: landscape) and (max-width: 1000px) {
  .slick-slide img{height:50vh;max-width:50vw; object-fit: contain; margin-top:20vh;}
}