@import 'fontsanspro.css';
@import 'font-awesome.min.css';
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{background: #fff; color: #757575; font-family: 'Source Sans Pro', sans-serif; font-size: 14px;}

.container{margin: 0 auto; width: 1180px; position: relative;}
.container:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.trns { -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; }


a{color: #000; text-decoration: none;}
a:hover{text-decoration: none;}

textarea,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="button"],
input[type="submit"] { -webkit-appearance: none !important; border-radius: 0 !important; -webkit-border-radius:0 !important; }

/* ==========================================================================
   HEADER
   ========================================================================== */
header{height: 135px; background: #fff; position: relative;-moz-box-shadow: 0 1px 14px rgba(112,167,210,.16); -webkit-box-shadow: 0 1px 14px rgba(112,167,210,.16); box-shadow: 0 1px 14px rgba(112,167,210,.16);}
header .container{height: 135px;}
header .logo{width: 232px; height: 43px; background: url(../img/logo.png) no-repeat center center; display: block; position: absolute; left: 0px; top: 23px;}

header .ad{width: 468px; height: 60px; background: #ffffff; position: absolute; left: 295px; top: 14px;}

header .search{width: 380px; height: 46px; border: 3px solid #cdd8e8; position: absolute; right: 0; top: 20px;}
header .search input[type="search"]{width: calc(100% - 60px); height: 40px; border: 0; outline: none; background: none; color: #10477f; padding: 0 50px 0 10px; font-size: 130%;}
header .search input[type="submit"]{width: 40px; height: 40px; border: 0; background: url(../img/ico-glass-orange.png) no-repeat center center; position: absolute; right: 0; top: 0;}

header nav{width: 100%; background: #e8eff7; height: 42px; position: absolute; left: 0; bottom: 0;}
header nav div > ul{margin: 0; padding: 0; list-style: none;}
header nav div > ul > li{display: inline-block; line-height: 42px; height: 42px; float: left;}
header nav div > ul > li:last-child{float: right;}
header nav div > ul > li > a{font-size: 19px; color: #3a5880; font-weight: bold; display: block; padding: 0 30px; position: relative;}
header nav div > ul > li > a > i{width: 10px; height: 9px; margin: 0 3px; display: inline-block; position: relative;}
header nav div > ul > li > a > i:before{width: 6px; height: 2px; background: #a5c7f3; content: ''; position: absolute; left: 3px; top: 4px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
header nav div > ul > li > a > i:after{width: 6px; height: 2px; background: #a5c7f3; content: ''; position: absolute; left: 0; top: 4px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
header nav div > ul > li:hover, header nav div > ul > li.active{background: #ff982b;}
header nav div > ul > li:hover{background: #ffc383;}
header nav div > ul > li:hover > a, header nav div > ul > li.active > a{color: #fff; padding: 0 32px;}
header nav div > ul > li:hover > a > i, header nav div > ul > li.active > a > i{display: none;}
header nav div > ul > li:hover > a:after, header nav div > ul > li.active > a:after{width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #ff992b transparent transparent transparent; content: ''; position: absolute; bottom: -6px; left: 50%; margin-left: -6px; z-index: 400;}
header nav div > ul > li > ul{ background: #e8eff7; padding: 20px 0; visibility: hidden; opacity: 0; margin: 0; list-style: none; width: 100%; position: absolute; top: 42px; left: 0; z-index: 710; -moz-box-shadow: 0 4px 3px rgba(58,88,128,.13); -webkit-box-shadow: 0 4px 3px rgba(58,88,128,.13); box-shadow: 0 4px 3px rgba(58,88,128,.13); columns: 3; -webkit-columns: 3; -moz-columns: 3; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; transition: 350ms;}
header nav div > ul > li.active > ul{visibility: hidden; opacity: 0;}
header nav div > ul > li:hover > ul {visibility: visible; opacity: 1;}
header nav div > ul > li > ul > li{padding: 0 30px;}
header nav div > ul > li > ul > li > a{border-bottom: 1px solid #e6ecf4; line-height: 35px; padding-left: 16px; display: block; color: #3a5880; font-size: 17px; position: relative;}
header nav div > ul > li > ul > li > a:before{width: 4px; height: 4px; background: #ff982b; content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px;}
header nav div > ul > li > ul > li > a:hover{font-weight: bold; color: #ff982b;}


/* ==========================================================================
   BEFORE FOOTER BLUE LINE
   ========================================================================== */
.footer-blue{background: #3a5981; padding: 30px 0;}
.footer-blue:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.footer-blue .col{width: 25%; float: left;}
.footer-blue .col h4{font-size: 20px; color: #cfe1f7; font-weight: 300; margin: 0 0 20px 0; padding: 0;}
.footer-blue .col ul{list-style: none; margin: 0; padding: 0;}
.footer-blue .col ul li{padding: 6px 0;}
.footer-blue .col ul li a{font-size: 15px; color: #fff; text-decoration: underline; position: relative;}
.footer-blue .col ul li a:hover{color: #d98f3e;}
.footer-blue .col ul li a:hover:before{width: 6px; height: 1px; background: #d98f3e; content: ''; position: absolute; left: -15px; top: 13px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.footer-blue .col ul li a:hover:after{width: 6px; height: 1px; background: #d98f3e; content: ''; position: absolute; left: -15px; top: 9px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}


/* ==========================================================================
   FOOTER
   ========================================================================== */
footer{padding: 20px 0;}
footer:after{display: block; clear: both; width: 100%; height: 0; content: '';}
footer .copy{float: left; line-height: 27px;}
footer .social{float: right; line-height: 27px;}
footer .social .fb{display: inline-block; width: 27px; height: 27px; background: url(../img/ico-fb.png) no-repeat; margin: 0 3px -9px 3px;}
footer .social .tw{display: inline-block; width: 27px; height: 27px; background: url(../img/ico-tw.png) no-repeat; margin: 0 3px -9px 3px;}


/* slideshow */
#slideshow{width: 100%; height: 550px; position: relative;}

#slideshow .filter{ width: 380px; background: #3a5880; padding: 20px 40px 30px 40px; text-align: center; position: absolute; left: 50%; top: 92px; margin-left: -590px;  z-index: 310;}
#slideshow .filter form{}
#slideshow .filter form:after{width: 100%; height: 0;clear: both; display: block; content: '';}
#slideshow .filter .h{font-weight: 300; color: #ff972b; font-size: 28px; }
#slideshow .filter label{color: #fff; display: block; margin: 10px 0 2px 0; text-align: left;}
#slideshow .filter .input input{ width: 100%; height: 40px; padding: 0 15px; border: 0; background: #fff; text-align: left;}
#slideshow .filter .calendar{text-align: left;}
#slideshow .filter .calendar input{ width: calc(100% - 55px); height: 40px; padding: 0 15px; border: 0; background: #fff; text-align: left;}
#slideshow .filter .calendar i{width: 36px; height: 36px; cursor: pointer; margin: 2px 0 0 0; background: #2c486e url(../img/ico-cal-orange.png) no-repeat center center; float: right;}
#slideshow .filter input[type="submit"]{width: 245px; float: left; background: #f1820c url(../img/ico-glass-white.png) no-repeat calc(100% - 15px) center; border: 0; margin-top: 20px; padding: 0 50px 0 20px; height: 52px; line-height: 52px; color: #fff; font-size: 18px;}
#slideshow .filter input[type="submit"]:hover{background-color: #ff982b;}

#slideshow .slider{width: 100%; height: 550px;}
#slideshow .slider .item{width: 100%; height: 100%; background-size: cover; background-position: center center; position: relative;}
#slideshow .slider .item .text{width: calc(100% - 380px); margin-top: 140px; background: rgba(0, 0, 0, .3); float: right; padding: 20px;}
#slideshow .slider .item .text h1,
#slideshow .slider .item .text .h1{margin: 0; padding: 0 0 10px 0; font-size: 72px; line-height: 74px; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,.59); color: #fff;}
#slideshow .slider .item .text h2,
#slideshow .slider .item .text .h2{margin: 0; padding: 0; font-size: 38px; font-weight: normal; text-shadow: 0 1px 2px rgba(0,0,0,.59); color: #fff;}

#slideshow .pagination{width: 100%; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 300;}
#slideshow .pagination span{display: inline-block; width: 14px; height: 14px; border: 4px solid #fff; margin: 0 3px; cursor:pointer; text-indent: -99999px;}
#slideshow .pagination span.cycle-pager-active{border-color: #f1820c; background: #f1820c;}

#slideshow .prev{ width: 60px; height: 60px; background: rgba(58, 88, 128, .7); position: absolute; left: 50%; top: 50%; margin-left: -680px; margin-top: -30px; z-index: 300;}
#slideshow .prev:before{width: 22px; height: 3px; background: #fff; content: ''; border-radius: 3px; position: absolute; left: 16px; top: 20px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#slideshow .prev:after{width: 22px; height: 3px; background: #fff; content: ''; border-radius: 3px; position: absolute; left: 16px; top: 34px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#slideshow .next{ width: 60px; height: 60px; background: rgba(58, 88, 128, .7); position: absolute; right: 50%; top: 50%; margin-right: -680px; margin-top: -30px; z-index: 300;}
#slideshow .next:before{width: 22px; height: 3px; background: #fff; content: ''; border-radius: 3px; position: absolute; left: 20px; top: 34px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#slideshow .next:after{width: 22px; height: 3px; background: #fff; content: ''; border-radius: 3px; position: absolute; left: 20px; top: 20px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#slideshow .prev:hover,
#slideshow .next:hover{background: rgba(58, 88, 128, 1);}

/* categories list*/
.categories-list{padding: 50px 0;}
.categories-list:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.categories-list .item{float: left; width: 33.3333%; padding: 30px 30px 30px 110px; position: relative;}
.categories-list .item a{color: #3a5880;}
.categories-list .item:after{width: 80px; height: 80px; border: 3px solid #cdd8e8; background: url(../img/ico-cat1.png) no-repeat center center; content: ''; position: absolute; left: 0; top: 40px; border-radius: 50%;}
.categories-list .item:nth-child(2):after{background-image: url(../img/ico-cat2.png);}
.categories-list .item:nth-child(3):after{background-image: url(../img/ico-cat7.png);}
.categories-list .item:nth-child(4):after{background-image: url(../img/ico-cat4.png);}
.categories-list .item:nth-child(5):after{background-image: url(../img/ico-cat5.png);}
.categories-list .item:nth-child(6):after{background-image: url(../img/ico-cat6.png);}
.categories-list .item.i4{clear:both;}
.categories-list .item h3{font-size: 30px; color: #3a5880; font-weight: 600; margin: 0; padding: 0;}
.categories-list .item .sub{font-size: 16px; text-transform: uppercase; color: #3a5880;}
.categories-list .item ul{marign: 0; padding: 0; list-style: none;}
.categories-list .item ul li{display: inline-block; color: #ef800a; font-size: 18px; margin-right: 7px;}
.categories-list .item ul li a{color: #ef800a; text-decoration: underline;}
.categories-list .item ul li a:hover{color: #3a5880; text-decoration: none;}

/* lightblue line */
.bg-light-blue{background: #f7faff; border-top: 1px solid #e0e6f0; border-bottom: 1px solid #e0e6f0; padding: 40px 0;}
.bg-light-blue:after{display: block; clear: both; width: 100%; height: 0; content: '';}

.bg-dark-blue{background: #e8eff7; border-top: 1px solid #e0e6f0; border-bottom: 1px solid #e0e6f0; padding: 40px 0;}
.bg-dark-blue:after{display: block; clear: both; width: 100%; height: 0; content: '';}

.czech-map{width: 50%; float: left;} 
.czech-map h4{font-size: 36px; color: #3a5880; font-weight: 300; margin: 0; padding: 0;}
.czech-map h5{font-size: 20px; color: #3a5880; font-weight: 300; margin: 0; padding: 0;}
.czech-map .cezetmap {width: 490px; height: 280px; margin: 40px 0 0 0; overflow: hidden;}
.czech-map .cezetmap .kraje{font-size: 490px; overflow: hidden;}
.czech-map .cezetmap .kraje .kraj{color: #3a5981;}
.czech-map .cezetmap .kraje .kraj.kraj_hover{color: #f8972f;}
.czech-map .cezetmap .numbers{ z-index: 900; font-size: 14px; font-weight: 600; color: #fff;  }
.czech-map .cezetmap .numbers li{ padding: 30px 10px 10px 10px; width: 70px; margin-left: -25px; margin-top: -25px; background: url(../img/ico-pin.png) no-repeat calc(50% - 5px) top;}


.tip-trip{float: right; width: 50%;}
.tip-trip h4{font-size: 36px; color: #3a5880; font-weight: 300; margin: 0; padding: 0;}
.tip-trip h5{font-size: 20px; color: #3a5880; font-weight: 300; margin: 0; padding: 0;}
.tip-trip img{margin: 20px 0; padding: 5px; background: #fff; border: 1px solid #dde5f4;}
.tip-trip h3{margin: 0; padding: 0; font-size: 24px; color: #ef800a; font-weight: 300;}
.tip-trip h3 a{color: #ef800a; position: relative; border-bottom: 1px solid #ef800a;}
.tip-trip h3 a:hover{border: 0;}
.tip-trip h3 a:after{width: 19px; height: 19px; content: ''; background: url(../img/ico-arrow-right-orange-circle.png) no-repeat; content: ''; position: absolute; right: -30px; top: 10px;}
.tip-trip p{line-height: 21px; color: #02070f; max-width: 380px;}

/* information line */
.information-line{padding: 30px 0;}
.information-line:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.information-line .col{float: left; width: 25%;}
.information-line h4{font-size: 26px; color: #3a5981; font-weight: 300; margin: 0 0 30px 0; padding: 0;}
.information-line ul{margin: 0; padding: 0; list-style: none;}
.information-line ul li{line-height: 30px;}
.information-line ul li a{font-size: 16px; color: #ef800a; text-decoration: underline; position: relative;}
.information-line ul li a:before{width: 6px; height: 1px; background: #3a5981; content: ''; position: absolute; right: -15px; top: 13px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.information-line ul li a:after{width: 6px; height: 1px; background: #3a5981; content: ''; position: absolute; right: -15px; top: 9px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.information-line ul li a:hover{color: #3a5981;}

.information-line .oil{padding: 5px 0px; color: #02070f; font-size: 16px; font-weight: 300;}
.information-line .oil span{font-weight: normal; width: 50px; display: inline-block;}
.information-line .oil strong{font-weight: 600; color: #ef800a; font-size: 17px;}
.information-line .oil .mar{padding-left: 55px; font-weight: 300; font-size: 15px; width: auto;}
.information-line .oil .arrow{width: 12px; height: 12px; display: inline-block; background: url(../img/ico-arrow-up-orange.png) no-repeat; margin-left: 5px;}
.information-line .oil.blue strong{color: #3a5981;}
.information-line .oil.blue .arrow{background-image: url(../img/ico-arrow-down-blue.png);}

.information-line p.info{font-size: 14px; color: #02070f; font-weight: 300; padding: 0;}
.information-line p.info a{text-decoration: underline; color: #3a5981;}
.information-line p.info a:hover{color: #ef800a;}

/* hotelslider */
#hotelblock{margin-top: 20px;}
#hotelshow{width: 100%; maaaax-width: 600px; height: 380px; position: relative; margin-bottom: 30px; padding: 5px; border: 1px solid #dde6f4; float: left; margin-right: 30px;}
#hotelshow .container{margin: 0 auto; width: 100%; height:100%; position: relative;}
#hotelshow .container:after{display: block; clear: both; width: 100%; height: 0; content: '';}
#hotelshow .container .h3{position: absolute; width: 100%; bottom: 0; left: 0; padding: 10px 10px 6px 10px; text-align: left; color: #fff; background: rgba(0, 0, 0, .3);}
#hotelshow .container .h3 .under{margin-left: 10px;text-decoration:underline;}

#hotelshow .slider{width: 100%; height: 368px; width: 100%;}
#hotelshow .slider .item{width: 100%; height: 100%; background-size: cover; background-position: center center; position: relative; cursor: pointer;}
#hotelshow .slider .item .text{width: 100%; margin-top: 0px; background: rgba(0, 0, 0, .3); float: right; padding: 20px; text-align: left;}
#hotelshow .slider .item .text h1,
#hotelshow .slider .item .text .h1{margin: 0; padding: 0 0 10px 0; font-size: 28px; line-height: 34px; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,.59); color: #fff;}
#hotelshow .slider .item .text h2,
#hotelshow .slider .item .text .h2{margin: 0; padding: 0; font-size: 20px; font-weight: normal; text-shadow: 0 1px 2px rgba(0,0,0,.59); color: #fff;}

#hotelshow .pagination{width: 56%; text-align: right; position: absolute; left: 0; bottom: 0; z-index: 300;}
#hotelshow .pagination span{display: inline-block; width: 14px; height: 14px; border: 4px solid #fff; margin: 0 3px; cursor:pointer; text-indent: -99999px;}
#hotelshow .pagination span.cycle-pager-active{border-color: #f1820c; background: #f1820c;}

#hotelshow .prev{ width: 60px; height: 60px; background: rgba(58, 88, 128, .7); position: absolute; left: 5px; top: 50%; margin-left: 0px; margin-top: -30px; z-index: 300;}
#hotelshow .prev:before{width: 22px; height: 3px; background: #fff; content: ''; border-radius: 3px; position: absolute; left: 16px; top: 20px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#hotelshow .prev:after{width: 22px; height: 3px; background: #fff; content: ''; border-radius: 3px; position: absolute; left: 16px; top: 34px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#hotelshow .next{ width: 60px; height: 60px; background: rgba(58, 88, 128, .7); position: absolute; right: 5px; top: 50%; margin-right: 0px; margin-top: -30px; z-index: 300;}
#hotelshow .next:before{width: 22px; height: 3px; background: #fff; content: ''; border-radius: 3px; position: absolute; left: 20px; top: 34px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#hotelshow .next:after{width: 22px; height: 3px; background: #fff; content: ''; border-radius: 3px; position: absolute; left: 20px; top: 20px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#hotelshow .prev:hover,
#hotelshow .next:hover{background: rgba(58, 88, 128, 1);}
#hotelblock ul{margin-top: 30px;}
#hotelshow .info{position: absolute; right: 9px; bottom: 9px; font-size: 16px; color: #fff; background-color: #ffa500; padding: 3px; line-height: 17px;}

/* main */
.main{width: calc(100% - 300px); float: left; margin: 30px 0; font-size: 17px; font-weight: 300; color: #4e535a; line-height: 25px; text-align: justify;}
.main:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.main a{color: #ef800a; text-decoration: none;}
.main a:hover{text-decoration: none;}
.main h1{font-size: 34px; color: #10477f; font-weight: normal; margin: 0; padding: 15px 0 25px  0; line-height: 40px;text-align: left;}
.main h2{font-size: 24px; color: #10477f; font-weight: normal; margin: 0; padding: 10px 0 15px  0;line-height: 30px;text-align: left;}
.main h3 {font-size: 19px; color: #1d4875; margin: 0; padding: 0px 0 0px 0; line-height: 20px; text-align: left; font-weight: bolder;}
.main p{}
.main p img{max-width: 100%; padding: 5px; border: 1px solid #dde5f4; background-color: #fff;}
.main strong{font-weight: bold;}
.main .img-p, .content .img-p{ float: left; margin: 5px 50px 30px 0; position: relative;}
.main .img-p img, .content .img-p img{padding: 5px; border: 1px solid #dde5f4; background-color: #fff; max-width: 450px;}
.main .img-p.right, .content .img-p.right{float: right; margin: 16px 0px 30px 50px;}
.main .img-p-b img, .content .img-p-b img{padding: 5px; max-width: 600px;}
.main .img-p-b.right, .content .img-p-b.right{float: right; margin: 16px 0px 30px 50px;}
.main .img-p.top, .content .img-p.top{margin: 16px 50px 30px 0;}
.main .img-p .credit, .content .img-p .credit{color: #fff; font-size: 12px; position: absolute; right: 15px; bottom: 15px;}
.main .img-p .socials-btns, .content .img-p .socials-btns{display: none; width: calc(100% - 10px); position: absolute; left: 5px; bottom: -40px;}
.main .img-p .credit.dark, .content .img-p .credit.dark{color: #000000;}
.main .img-p .video{position: absolute; left: 15px; bottom: 23px; font-size: 16px; color: #fff; background-color: #ffa500; padding: 3px; line-height: 17px;}

.main .ad{clear: both; margin: 40px 0;}
.main .embed-container{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto; margin-bottom: 20px;}
.main .embed-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.main .embed-container.ratio4x3 {padding-bottom: 75%;}

.main ul{list-style-type: square; margin: 0; padding: 10px 0 10px 20px; color: #0b2035; text-align:left; word-wrap: break-word;}
.main ul.light{color: #cfe1f7;}
.main ul.float{float: left; margin-right: 50px;}
.main ul li {margin-bottom: 5px;}
.main ul li a{color: #ef800a; font-weight: normal; text-decoration: underline;}
.main ul li a:hover{color: #10477f;}
.main hr{width: 100%; height: 2px; border: 0; margin: 30px 0; background: #ebf2fe;}

/* webcam icon */
.main i.webcam{width: 16px; height: 12px; display: inline-block; background: url(../img/icons/webcam.png) no-repeat;}
.main h2 i.webcam{width: 21px; height: 16px; display: inline-block; background: url(../img/icons/webcam1.png) no-repeat;}

/* pricetable */
.main .prices .header td {padding:5pt 5pt 5pt 5pt; background-color: #AFCCF3;}
.main .prices td {padding:5pt 5pt 5pt 5pt;}

.img-block{}
.img-block .credit{font-size: 10px; color: #4e535a; font-weight: bold;}

/* search box */
.search-box{width: 100%; height: 52px; margin: 15px 0; border: 3px solid #cdd8e8; clear: both; position: relative;}
.search-box input[type="search"]{width: calc(100% - 60px); height: 46px; line-height: 52px; border: 0; outline: none; background: none; color: #10477f; padding: 0 50px 0 10px; font-weight: bold;}
.search-box input[type="submit"]{height: 40px; border: 0; padding: 0 50px 0 15px; color: #fff; background: #ef800a url(../img/ico-glass-white.png) no-repeat calc(100% - 15px) center; position: absolute; right: 3px; top: 3px;}
.search-box input[type="submit"]:hover{background-color: #ff982b;}

/* pagination */
.pagination-line{background: #e8eff7; padding: 15px; clear: both; margin-top: 30px; margin-bottom: 10px;}
.pagination-line:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.pagination-line .term{font-size: 20px; font-weight: 300; color: #10477f; float: left;}
.pagination-line .term strong{font-weight: 600;}
.pagination-line ul.pagers{float: right; margin: 0; padding: 0; list-style: none;}
.pagination-line ul.pagers li{display: inline-block; font-size: 16px; color: #10477f; margin: 0 3px;}
.pagination-line ul.pagers li a{border: 2px solid #dde6f4; text-decoration: none; text-align: center; line-height: 29px; padding: 0 10px; display: block;}
.pagination-line ul.pagers li a:hover{border-color: #3a5981;}
.pagination-line ul.pagers li a.active{border-color: #3a5981; background: #3a5981; color: #fff;}
.pagination-line ul.pagers li a.prev{border: 0; width: auto; text-decoration: underline; padding: 0 5px 0 20px; color: #3a5981; position: relative;}
.pagination-line ul.pagers li a.prev:after{width: 12px; height: 8px; background: url(../img/ico-arrow-pager-left.png) no-repeat; content: ''; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.pagination-line ul.pagers li a.next{border: 0; width: auto; text-decoration: underline; padding: 0 20px 0 5px; color: #3a5981; position: relative;}
.pagination-line ul.pagers li a.next:after{width: 12px; height: 8px; background: url(../img/ico-arrow-pager-right.png) no-repeat; content: ''; position: absolute; right: 0; top: 50%; margin-top: -4px;}

/* search results */
.search-results{padding: 10px 0; clear: both; margin-top: -20px;}
.search-results:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.search-results .item{clear: both; margin: 30px 0;}
.search-results .item:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.search-results .item .num{float: left; width: 25px; font-size: 20px; color: #10477f; font-weight: 300; text-align: right; line-height: 30px;}
.search-results .item .text{float: left; width: calc(100% - 25px); padding: 0 0 0 10px;}
.search-results .item .text h3{margin: 0; padding: 0; font-weight: 300; font-size: 20px; text-align:left; line-height: 30px;}
.search-results .item .text h3 a{border-bottom: 1px solid #10477f; color: #10477f;}
.search-results .item .text h3 a:hover{color: #ef800a; border-color: #ef800a;}
.search-results .item .text p{font-size: 16px; margin-bottom: 0;}
.search-results .item .text > a{color: #ef800a; font-size: 16px;}
.search-results .item .text > a:hover{border-bottom: 1px solid #ef800a;}
.search-results .searchad {margin-left: 35px; padding-top: 10px; clear: both;}
.search-results .searchad hr{margin: 0;}
.search-results .searchad img{margin-top: 10px; margin-bottom: 5px;}

.search-results .item .hotel-info{float: left; margin: 7px 0 10px 0;}
.search-results .item .hotel-info a > img{ width: 160px; height: 109px; padding: 3px; float: left; margin-right: 15px; border: 1px solid #a7b6d4; background-color: #fff;}
.search-results .item .hotel-info .price{float: left; color: #ff982b; width: 100px;}
.search-results .item .hotel-info .price strong{font-size: 22px;}
.search-results .item .hotel-info .stars{}
.search-results .item .hotel-info .stars img{float: left; margin-left: -1px;}
.search-results .searchlink{color: #006600; word-wrap: break-word;}

/* search results */
.hotels-results a{color: #ef800a; text-decoration: none;}
.hotels-results a:hover{text-decoration: none;}
.hotels-results{padding: 3px 0; clear: both;}
.hotels-results:after{display: block; clear: both; width: 100%; height: 0; content: ''; margin-bottom: -30px;}
.hotels-results .item{clear: both; margin: 0px 0 40px 0;}
.hotels-results .item:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.hotels-results .item h3, .hotels-results .item h2{margin: 0; padding: 0 0 20px 0; font-weight: normal; font-size: 27px; color: #10477f; text-align:left;}
.hotels-results .item .image{position: relative; width: 32%;}
.hotels-results .item .image img{float: left; width: 100%; max-height: 250px; padding: 5px; border: 1px solid #dde5f4; background-color: #fff;}
.hotels-results .item .image a.zoom{width: 26px; height: 27px; position: absolute; right: 15px; top: 15px;}
.hotels-results .item .image a.zoom i{display: block; width: 26px; height: 27px;  background: url(../img/ico-glass-plus.png) no-repeat center center;}
.hotels-results .item p{float: right; width: 30%; margin: 0 0 0 0; font-size: 16px; line-height: 25px;}
.hotels-results .item .info{float: left; margin: 0 0 0 20px; background: #f8fbff; width: 34%; padding: 0 10px 0 10px;}
.hotels-results .item .info .h{display: block; color: #10477f; font-size: 19px; text-align: left;}
.hotels-results .item .info .point{font-size: 16px; background: url(../img/ico-point.png) no-repeat left 7px; padding: 0 0 0 22px;}
.hotels-results .item .info .point a{border-bottom: 1px solid #10477f; font-size: 20px; color: #10477f;}
.hotels-results .item .info .rating{ clear: both; margin: 10px 0;}
.hotels-results .item .info .rating span{color: #10477f; font-size: 19px; margin-right: 5px;display: inline-block; position: relative; top: -2px;}
.hotels-results .item .info .rating .stars{display: inline-block;}
.hotels-results .item .info .rating .percent{display: block; background: url(../img/ico-like.png) no-repeat left center; padding: 0 0 0 30px; font-size: 20px; color: #ef800a; font-weight: bold;}
.hotels-results .item .info .price{margin-top: 15px; text-align: left; }
.hotels-results .item .info .price span{color: #ef800a; font-size: 18px; display: block; font-weight: 300; margin-bottom: 10px;}
.hotels-results .item .info .price span strong{font-weight: 600; font-size: 24px;}
.hotels-results .item .info .price a.btn{display: inline-block; float: left; clear:both; background: #ef800a; color: #fff; font-size: 14px; font-weight: 600; padding: 5px 15px; border-radius: 3px; text-align: center; white-space: nowrap;}
.hotels-results .item .info .price a.btn:hover{background: #ff982b;}
.hotels-results .item .info .price a.link{font-size: 14px; color: #10477f; border-bottom: 1px solid #10477f; margin-top: 10px; display: inline-block; line-height: 17px;}
.hotels-results .item .info .price a.link:hover{color: #ef800a; border-color: #ef800a;}
.hotels-results .item .info .price .side-btn{color: green; line-height: 16px; font-weight: bold; width: 90px; font-size: 15px; display: inline-block; margin: 3px 20px 0 10px;}

.contact-form{margin-bottom: 50px;}
.contact-form:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.contact-form label{display: block; color: #02070f; padding: 15px 0 2px 0;}
.contact-form .input{width: 35%; float: left; margin-right: 20px;}
.contact-form .textarea{clear: both;}
.contact-form .input label.required:after{content: '*'; color: #ef800a;}
.contact-form .input input,
.contact-form .textarea textarea{width: 100%; border: 3px solid #f3f8fc; line-height: 36px; outline: none; padding: 0 15px;}
.contact-form input[type="submit"]{display: block; background: #ef800a; border: 0; float: left; margin-top: 20px; color: #fff; font-size: 16px; font-weight: 600; padding: 15px 40px;}
.contact-form input[type="submit"]:hover{background: #ff982b;}
.contact-form a.clean{ float: left; margin: 37px 0 0 30px; color: #10477f; border-bottom: 1px solid #10477f; display: inline-block; line-height: 17px;}
.contact-form a.clean:hover{color: #ef800a; border-color: #ef800a;}

/* aside */
aside{width: 230px; float: right; margin: 40px 0;}
aside:after{display: block; clear: both; width: 100%; height: 0; content: '';}
aside .h{border-bottom: 1px solid #eaf0f8; line-height: 54px; color: #10477f; font-weight: normal; font-size: 24px; clear: both;}
aside ul{margin: 0; padding: 10px 0; list-style: none;}
aside ul li{font-size: 16px; padding: 8px 0; font-size: 16px;}
aside ul li a{color: #ef800a; text-decoration: underline;}

aside .zum-thema-top{margin-bottom: 15px;}

aside .hotel{background: url(../img/aside-hotel-sep.png) no-repeat center bottom; padding: 10px 0 25px 0; margin-bottom: 10px;}
aside .hotel:after{display: block; clear: both; width: 100%; height: 0; content: '';}
aside .hotel .img a > img{border: 1px solid #dde6f4; padding: 3px; background: #fff; width: 230px; max-height: 200px;}
aside .hotel .info .head{margin: 0; padding: 0; font-size: 18px; color: #10477f; font-weight: bold;}
aside .hotel .info span{display: block; float: left; font-size: 18px; color: #ef800a; margin-bottom: 5px;}
aside .hotel .info span strong{font-weight: 600; color: #ef800a; font-size: 22px;}
aside .hotel .info .right-green{float: right; color: green; text-align: right; line-height: 13px;}
aside .hotel .info a.btn{display: block; background: #ef800a; clear: both; color: #fff; border-radius: 5px; font-size: 16px; margin-top: 5px; font-weight: 600; padding: 10px 0; text-align: center;}
aside .hotel .info a.btn:hover{background: #ff982b;}

aside .partner {display: block; background: #ef800a; color: #fff; border-radius: 5px; font-size: 17px; margin-top: 5px; padding: 10px 0; text-align: center;}
aside .partner:hover{background: #ff982b;}

aside .aktuell, aside .kurs2 {display:none;}

aside .oils{margin: 10px 0;}
aside .oils .item{padding: 10px 0; color: #02070f; font-size: 17px; font-weight: 300;}
aside .oils .item span{font-weight: normal; width: 50px; display: inline-block;}
aside .oils .item strong{font-weight: 600; color: #3a5981;}
aside .oils .item .mar{padding-left: 55px; font-weight: 300; font-size: 15px; width: auto;}
aside .oils .item .arrow{width: 12px; height: 12px; display: inline-block; background: url(../img/ico-arrow-up-orange.png) no-repeat; margin-left: 5px;}
aside .oils .item.blue strong{color: #3a5981;}
aside .oils .item.blue .arrow{background-image: url(../img/ico-arrow-down-blue.png);}
aside .oils p.info{font-size: 14px; color: #02070f; font-weight: 300; padding: 0;}
aside .oils p.info a{text-decoration: underline; color: #3a5981;}
aside .oils p.info a:hover{color: #ef800a;}

aside .block{margin: 10px 0;}
aside .block p.info{font-size: 14px; color: #02070f; font-weight: 300; padding: 0;}
aside .block p.info a{text-decoration: underline; color: #3a5981;}
aside .block p.info a:hover{color: #ef800a;}

aside .newsletter{margin: 0 0 20px 0;}
aside .newsletter label{display: block; color: #02070f; padding: 15px 0 5px 0;}
aside .newsletter label.required:after{content: '*'; color: #ef800a;}
aside .newsletter input[type="text"]{width: 100%; border: 3px solid #f3f8fc; line-height: 36px; outline: none; padding: 0 15px;}
aside .newsletter input[type="submit"]{display: block; background: #ef800a; border: 0; float: left; margin-top: 10px; width: 100%; text-align: center; color: #fff; font-size: 16px; font-weight: 600; padding: 15px 0;}
aside .newsletter input[type="submit"]:hover{background: #ff982b;}
aside .newsletter .checkbox{ line-height: 20px; text-align: left; font-size: 13px; color: #0f2c21;}
aside .newsletter .checkbox label{position: relative;}
aside .newsletter .checkbox input[type=checkbox]{display: none;}
aside .newsletter .checkbox input[type=checkbox]+label:before{border: 1px solid #e4eef6; margin: 0 10px -6px 0; background: #f6f9fc; width: 18px; height: 18px; content :''; display: inline-block;}
aside .newsletter .checkbox input[type=checkbox]:checked+label:before{background: #f6f9fc url(../img/ico-check-orange.png) no-repeat center center;}

aside .ad{padding: 50px 0; clear: both;}

aside .zum-thema-bottom{display: none;}

/* content */
.content{margin: 40px auto; margin-bottom: 1px; font-size: 17px; font-weight: 300; color: #4e535a; line-height: 25px; text-align: justify;}
.content:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.content a{color: #ef800a; text-decoration: none;}
.content h1{font-size: 34px; color: #10477f; font-weight: normal; margin: 0; padding: 15px 0 25px 0; line-height: 40px; text-align: left;}
.content h2{font-size: 24px; color: #10477f; font-weight: normal; margin: 0; padding: 10px 0 15px  0;}
.content hr{width: 100%; height: 2px; border: 0; margin: 30px 0; background: #ebf2fe;}
.content .img-p .socials-btns{display: initial; width: calc(100% - 10px); position: absolute; left: 5px; bottom: -40px;}

/* sections */
.sections-list{/*-webkit-columns: 2; -moz-columns: 2; columns: 2;*/}
.sections-list:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.sections-list .col{ float: left; width: calc(50% - 10px);}
.sections-list .item{background: #dcebff; padding: 20px; margin: 10px 10px 0 0; text-align: left;}
/*.sections-list .item:nth-child(2n){margin-left: 10px; margin-right: 0;}*/
.sections-list .item:after{display: block; clear: both; width: 100%; height: 0; content: '';}
.sections-list .item.light{background: #eef5ff;}
.sections-list .item img{float: left; padding: 0 20px 0 0;}
.sections-list .item h2{font-size: 18px; font-weight: normal; color: #10477f; margin: 0; padding: 0;}
.sections-list .item h2 a{text-decoration: underline; font-size: 24px; color: #10477f;}

/* orange btn */
.btn2{font-size: 17px; padding: 0 20px; line-height: 42px; border-radius: 5px; display: inline-block; font-weight: 600;}
.btn2.btn2-orange{background: #f1820c; color: #fff; margin-top: 15px;}
.btn2.btn2-orange:hover{background: #e1820c;}

/* cols */
.cols-50p{margin: 0 -20px; clear: both; display: flex; flex-wrap: wrap; align-items: flex-start;}
.cols-50p .col{width: 50%; margin: 20px 0; padding: 0 30px;}
.cols-50p .col img{max-width: 100%;}

/* advantages */
.advantages-check{display: flex; align-items: center; padding: 60px 0; width: 100%; clear: both;}
.advantages-check .item{width: 33.3333%; display: flex; align-items: center; margin-right: 30px;}
.advantages-check .item .circle{width: 85px; height: 85px; line-height: 85px; border: 3px solid #ccd8e9; border-radius: 50%; text-align: center; font-size: 60px; font-weight: bold; color: #24bd12;}
.advantages-check .item .label{width: calc(100% - 100px); margin: 0 0 0 auto; font-size: 15px; color: #10477f; font-weight: bold; text-transform: uppercase;}
.advantages-check .item .label strong{font-size: 30px; text-transform: none;}

/* partner list */
.partner-list{display: flex; flex-wrap: wrap; margin: 0 -25px; padding: 10px 0;}
.partner-list .item{width: calc(25% - 50px); padding-top: 8%; margin: 25px 25px; position: relative;}
.partner-list .item .img{background: #fff; position: absolute; left: 0; top: 0; padding: 10px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.partner-list .item .img img{max-width: 100%; max-height: 100%;}

/* magazine list */
.magazine-list{display: flex; flex-wrap: wrap; margin: 0 -25px; padding: 10px 0;}
.magazine-list .item{width: calc(16.6666% - 50px); margin: 25px 25px; position: relative;}
.magazine-list .item .img{background: #fff; display: block; margin: 0 0 10px 0;}
.magazine-list .item .img img{display: block; width: 100%;}
.magazine-list .item .label{font-size: 17px; font-weight: bold; color: #10477f; text-align: center;}

/* download box */
.download-box{display: flex; align-items: center;}
.download-box .circle{text-align: center; width: 85px; height: 85px; border: 3px solid #ccd8e9; background: #fff; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center;}
.download-box .circle span{display: block; font-weight: bold; text-align: center; text-transform: uppercase; color: #10477f; font-size: 25px;}
.download-box ul{width: calc(100% - 100px); margin: 0 0 0 auto;}
.download-box ul li{}
.download-box ul li a{font-weight: bold; text-decoration: underline;}
.download-box ul li a:hover{text-decoration: none;}

/* load more */
.load-more{text-align: center; font-size: 22px; padding: 20px 0; clear: both; display:none;}
.load-more a{color: #fff; font-size: 20px; font-weight: bold; background: #ef800a; padding: 5px 20px; border-radius: 3px;}
.load-more a i{clear: both; display: block; height: 21px;position: relative; }
.load-more a i:before{width: 12px; height: 2px; background: #fff; content: ''; border-radius: 3px; position: absolute; left: 50%; top: 10px; margin-right: -8px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.load-more a i:after{width: 12px; height: 2px; background: #fff; content: ''; border-radius: 3px; position: absolute; left: 50%; top: 10px; margin-left: -8px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.load-more a:hover{color: #ffffff;}
.load-more a:hover i:before,
.load-more a:hover i:after{background: #fff;}

/* link cols list */
.link-cols-list{margin-bottom: 20px;}
.link-cols-list p{font-size: 24px; color: #10477f; font-weight: normal; margin: 0; padding: 10px 0 15px 0;}
.link-cols-list:after{clear:both; display: block; width: 100%; height: 0; content: '';}
.link-cols-list .col-50{width: 50%; float: left;}   
.link-cols-list .col-50 ul li{width: 50%; float: left;} 

.link-cols-list .col-25{width: 25%; float: left;}
.link-cols-list ul{margin: 0; padding: 0; list-style: none;}
.link-cols-list ul li{}
.link-cols-list ul li.placeholder{display: none;}
.link-cols-list ul li a{color: #ff982b; font-size: 15px;}
.link-cols-list ul li a i{width: 12px; height: 12px; float: left; background-repeat: no-repeat; background-position: center center; margin: 4px 7px 0 0;}
.link-cols-list ul li a i.pin{background-image: url(../img/icons/pin.png);}
.link-cols-list ul li a i.hotel{background-image: url(../img/icons/hotel.png);}
.link-cols-list ul li a:hover{text-decoration: underline;}

/* socials */
.socials-btns{}
.socials-btns:after{clear:both; display: block; width: 100%; height: 0; content: '';}
.socials-btns a{display: inline-block; float: left; width: calc(33% - 8px); text-align: center; color: #fff; font-size: 18px; line-height: 30px; margin: 0 5px;}
.socials-btns .facebook{background-color: #4b67a1; margin-left: 0;}
.socials-btns .facebook:hover{background-color: #3b5998;}
.socials-btns .twitter{background-color: #55acee;}
.socials-btns .twitter:hover{background-color: #2290bf;}
.socials-btns .google{background-color: #dd4b39;}
.socials-btns .google:hover{background-color: #cc3b29;}
.socials-btns .whatsapp{background-color: #4dc247; margin-right: 0;}
.socials-btns .whatsapp:hover{background-color: #309b2b;}

/* date picker */
.ui-datepicker { background-color: #fff; border: 1px solid #3a5880; display: none; margin-top: 4px; padding: 10px; width: 240px; }
.ui-datepicker a, .ui-datepicker a:hover { text-decoration: none; }
.ui-datepicker a:hover, .ui-datepicker td:hover a { color: #2A6496; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }
.ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; }
.ui-datepicker .ui-datepicker-title { font-weight: 700; color: #f1820c; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: default; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; height: 20px; line-height: 1; margin-top: 2px; width: 30px; }
.ui-datepicker .ui-datepicker-prev { float: left; text-align: left; }
.ui-datepicker .ui-datepicker-next { float: right; text-align: right; }
.ui-datepicker .ui-datepicker-prev:before {  content: "<"; }
.ui-datepicker .ui-datepicker-next:before { content: ">"; }
.ui-datepicker .ui-icon { display: none; }
.ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; }
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 4px 0; color: #3a5880; }
.ui-datepicker .ui-datepicker-calendar td { border-radius: 4px; -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; }
.ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; }
.ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; }
.ui-datepicker .ui-datepicker-current-day { background-color: #4289cc; }
.ui-datepicker .ui-datepicker-current-day a { color: #fff }
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; }
.ui-datepicker button{ margin: 10px 5px 0 5px; width: calc(50% - 10px); border: 0;  background: #e8f9f6;  border-radius: 5px; padding: 5px 15px;}
.ui-datepicker button:hover{background-color: #8ce1d4;}
.ui-datepicker-title select{width: 35%; padding: 0 5px;}

/* collapse */
.collapse-hide{display: block;}
.collapse-link{display: none;}

/* Related posts */
.relatedpost {float: left; width: 25%; text-align: initial; margin: 0 0 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 20px; }
/*.relatedpost:nth-child(2n+1) {clear: both;}*/
.relatedpost a{color: #ef800a; text-decoration: underline; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9;}
.relatedpost a:hover{text-decoration: underline; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;}
.relatedpost img{width: 100%; border: 1px solid #9E9E9E; padding: 3px;}

/* Related posts new = teaser */
.teaser-list {display:flex; flex-wrap: wrap;}
.teaser-list ul {padding-left: 0px;}
.teaser {display: flex; width:25%; padding-right: 20px; padding-top: 20px;}
.teaser img {width: 100%; border: 1px solid #9E9E9E; padding: 3px;}

/* Infobox */
.info-box{display: flex; align-items: center; background-color: #dce6fe; border: 2px solid #3376fa; padding: 15px; margin: 0 0 25px 0;}
.info-box:before{font-family: 'FontAwesome'; content:"\f129"; font-size: 27px; padding: 0 15px 0 0; width: 25px; text-align: center;}
.info-box.red{background-color: #ffdada; border-color: #ff4646;}
.info-box.red:before{content:"\f12a";}
.info-box.green{background-color: #d3ffda; border-color: #21a700;}
.info-box.green:before{content:"\f00c";}
.info-box.yell{background-color: #fff1bd; border-color: #ffbb65;}
.info-box.yell:before{content:"\f0fd";}
.info-box .desc{}

/* Modal */
.modal-dialog {width: 90%; max-width: 900px; margin: 30px auto;}

/* Youtube-Player */
.youtube-player {position: relative; padding-bottom: 56.23%; height: 0;	overflow: hidden; margin-bottom: 25px;}
.youtube-player iframe {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;	z-index: 100; background: transparent;}
.youtube-player img {bottom: 0;	display: block;	left: 0; margin: auto; max-width: 100%;	width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer;	-webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; padding: 5px; border: 1px solid #dde5f4; background-color: #fff;}
.youtube-player img:hover {-webkit-filter: brightness(75%);}
.youtube-player .play {height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("../img/icons/youtube.png") no-repeat; cursor: pointer;}

/* Highway */
.hwy {margin-right: 0px; font-weight: bold; padding: 10px;}
.hwy.red{background-color: #ffe5d8; }
.hwy.grey{background-color: #edeaea; }
.hwy.green{background-color: #b3efa8; font-size: 20px; margin-top: 40px; margin-bottom: 40px;}

@media all and (max-width: 1376px){
	#slideshow .prev{margin: 0; left: auto; right: 80px; top: 0;}
	#slideshow .next{margin: 0; right: 20px; top: 0;}
}


@media all and (max-width: 1200px){
	.container{width: 100%; padding: 0 20px;}
	.content{margin: 25px auto;}
	.content h1{padding: 15px 0 10px 0;}
	
	header .logo{left: 20px;}
	header .search{width: 44px; right: 20px; border: 0;}
	header .search input[type="search"]{display: none; background: #fff; width: 250px; height: 46px; border: 3px solid #cdd8e8; position: absolute; right: 45px; top: -6px;}
	header .search.open input[type="search"]{display: block;}


	header nav {padding: 0;}
	header nav > div > ul > li{width: calc(100% / 8); padding: 0;}
	header nav > div > ul > li > a{padding: 0; text-align: center; overflow: hidden;}
	header nav > div > ul > li:hover > a{padding: 0; }
	header nav > div > ul > li.active > a {padding: 0 15px 0 14px;}
	header nav > div > ul > li.active > ul{display: none;}
	header nav > div > ul > li.active.active-sub > ul{display: block;}

	#slideshow .filter{padding: 15px 30px 0 30px; top: auto; bottom: 0; left: 20px; margin-left: 0;}
	#slideshow .filter .h{padding-bottom: 15px; text-align: left; cursor: pointer; position: relative;}
	#slideshow .filter .h:before{width: 10px; height: 2px; background: #ff972b; content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	#slideshow .filter .h:after{width: 10px; height: 2px; background: #ff972b; content: ''; position: absolute; right: 6px; top: 50%; margin-top: -5px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	#slideshow .filter form{display: none; padding-bottom: 30px;}

	#slideshow .slider .item .text{width: 80%; float: none; margin: 0 auto; top: 140px; position: relative;}

	#slideshow .prev{margin: 0; right: auto; left: 0; top: 50%; margin-top: -22px;}
	#slideshow .next{margin: 0; right: 0; top: 50%; margin-top: -22px;}

	.czech-map{width: 100%; border-bottom: 1px solid #e0e6f0; padding-bottom: 30px; margin-bottom: 30px; text-align: center;}
	.czech-map .cezetmap{ margin: 20px auto 0 auto;}

	.tip-trip{width: 100%;}
	.tip-trip img{float: left; margin-right: 25px;}
	.tip-trip h3{margin-top: 20px}
	.tip-trip p{float: left;}

	.information-line{padding: 30px 20px;}

	.sections-list .item img{max-width: 50%;}

	.ad{overflow: hidden;}
	.hotels-results .item .image{width:32%; min-height:100px; height:calc(100vw * 0.2); float: left;}
	.hotels-results .item .image img{max-height: none; height: 100%;}
}

@media all and (max-width: 1024px){
	header nav > div > ul > li > a{font-size: 15px;}

	header .search{right: 15px; top: 24px;}
  
	.categories-list .item.i4{clear: none;}
	.categories-list .item:nth-child(2n+1){ clear:both; }

	#slideshow .pagination{left: auto; right: 20px; bottom: 10px; width: auto;}

	.categories-list .item{width: 50%;}

	.tip-trip p{width: calc(100% - 420px)}

	.information-line .col{width: 33.3333%;}
	.information-line .col:first-child{width: 100%; margin-bottom: 30px;}
	.information-line .col .oils-list{background: #f7faff; border-top: 1px solid #cdd8e8; border-bottom: 1px solid #cdd8e8; margin-left: -20px; padding-left: 15px; width: calc(100% + 40px);}
	.information-line .oil{float: left; width: 33.3333%; padding: 10px;}

	.information-line p.info{padding: 10px;}

	.main{width: 100%; font-size: 17px; margin-bottom: 0px;}
	.main .img-p, .content .img-p{margin: 5px 30px 50px 0;}
	.main .img-p img, .content .img-p img{max-width: 350px;}
	.main .img-p.right, .content .img-p.right{float: right; margin: 5px 0 35px 50px;}
	.main .img-p.top, .content .img-p.top{margin: 16px 30px 50px 0;}
	.main .img-p .socials-btns, .content .img-p .socials-btns{display: block;}
	
	aside{width: 100%; margin: 0}
	
	aside .hotelsaside{display: none;}
	aside .hotel{width: 33.3333%; float: left; padding: 10px 10px 25px 10px;}

	aside .ad{display: none;}
	aside .block{display: none;}
	aside .zum-thema-top{display: none;}
	aside .zum-thema-bottom{display: block; float: left; width: 33.3333%; clear: both; padding: 0 15px;}
	aside .newsletter{float: left; width: 33.3333%; padding: 0 15px;}
	aside .partner{display: none;}
	aside .socials-btns{display: none;}
	
	aside .oils{width: 100%; margin-bottom: 30px; background: #f7faff; border-top: 1px solid #cdd8e8; border-bottom: 1px solid #cdd8e8; margin-left: -20px; padding-left: 20px; padding-right: 20px; margin-top: 30px; width: calc(100% + 40px);}
	aside .oils strong{font-weight: 600;}
	aside .oils .item {float: left; width: 33.3333%; padding: 10px; padding-left: 0px;}
	aside .oils .item.blue strong {color: #3a5981;}
	aside .aktuell, aside .kurs2 {display:initial;}
	aside .kurs1 {display:none;}

	.advantages-check{flex-wrap: wrap; padding: 10px 0;}
	.advantages-check .item{width: 100%; padding: 30px 0;}

	.partner-list{margin: 0 -10px;}
	.partner-list .item{margin: 10px; width: calc(25% - 20px);}

	.magazine-list{margin: 0 -10px;}
	.magazine-list .item{margin: 10px; width: calc(20% - 20px);}
}

@media all and (max-width: 870px){
	header nav > div > ul > li > a{font-size: 14px;}
	header .ad{left: 215px;}
	header .logo{width: 180px; background-size: 100% auto; }
	header nav div > ul > li > a > i{display: none;}

	.hotels-results .item{margin: 0px 0 25px 0;}
	.hotels-results .item p{margin: 10px 0 0 0; width: 100%;}
	.hotels-results .item .info{width: calc(66% - 20px);}
	.hotels-results .item .info .point{display: none;}
	.hotels-results .item .info .price a.btn{width: 170px;}
	.hotels-results .item .info .price .side-btn{width:auto; position: relative; top: -55px; float: right; margin-right: 20px;}
	.hotels-results .item .info .price a.link{float: right; margin-right: 20px; position: relative; top:-20px;}
	.hotels-results .item h3 {line-height: 28px;}
	
	.relatedpost a{text-decoration: underline; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;}
}

@media all and (max-width: 800px){

	header nav{padding: 0;} 
	header nav > div > ul > li{width: calc(100% / 8); padding: 0;}
	header nav > div > ul > li > a{padding: 0 1px;}
	header nav > div > ul > li > a:hover, header nav > ul > li:hover > a{padding: 0;}
	header nav > div > ul > li:last-child{float: left;}
	header nav > div > ul > li > ul > li{padding: 0 20px;}

	.contact-form .input{width: 100%;}

	.main p img{max-width: 100%;}
  
	.link-cols-list .col-50{width: 45%; float: left; margin-left: 50px;}
	/*.link-cols-list .col-50 ul li {float: left; width:100%;}  */
	.link-cols-list .col-25{width: 45%; float: left;}
	.link-cols-list .col-25:last-child{display: none;}           
	.link-cols-list ul{height: auto; width: 100%; line-height: 40px; margin-bottom: 10px; overflow: hidden; padding-top: 40px; cursor:pointer; border: 1px solid #d0dae9; background: #f7f9fb; position: relative;}
	.link-cols-list ul:after{background: #f1820c url(../img/icons/arrow-down.png) no-repeat center center; width: 41px; height: 41px; position: absolute; right: -1px; top: -1px; z-index: 20;content: '';}
	.link-cols-list ul li.placeholder{color: #666666; font-size: 14px; width: 100%; display: block; cursor: pointer; padding: 0 13px; position: absolute; left: 0; top: 0;}
	.link-cols-list ul li.active{display: block; background: #f7f9fb; width: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
	.link-cols-list ul li{padding: 0 10px; display: none;}
	.link-cols-list ul li a{font-size: 17px;}
	.link-cols-list ul li a i{margin: 14px 7px 0 0; float: left;}
	.link-cols-list ul li a{display: block; color: #000;}
	.link-cols-list ul.hover {height: auto; overflow: visible;}
	.link-cols-list ul.hover li:hover{background: #d0dae9;}
  	.link-cols-list .col-50 ul li{float: none; width: 100%;}
}



@media all and (max-width: 765px){
	header,
	header .container{height: 74px;}
	header .ad{display: none;}
	header .logo{top: 15px; left: 50%; margin-left: -87px;}
	header .search{top: 17px;}

	header a.nav-burger { width: 24px; height: 21px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; position: absolute; left: 20px; top: 50%; margin-top: -11px; z-index: 1100;}
	header a.nav-burger.open{top: 30px; left: auto; left: calc(90% - 38px);}
	header a.nav-burger span{ display: block; position: absolute; height: 5px; width: 100%; background: #f1820c; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	header a.nav-burger span:nth-child(1) { top: 0px; }
	header a.nav-burger span:nth-child(2), 
	header a.nav-burger span:nth-child(3) { top: 7px; }
	header a.nav-burger span:nth-child(4) { top: 14px; }
	header a.nav-burger.open span:nth-child(1) { top: 7px; width: 0%; left: 50%; }
	header a.nav-burger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	header a.nav-burger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	header a.nav-burger.open span:nth-child(4) { top: 7px; width: 0%; left: 50%; }

	header nav{display: block; background: #fff; width: 90%; height: 100%; padding: 0; overflow: auto; position: fixed; left: -100%; top: 0; z-index: 1000; -moz-box-shadow: 3px 0 3px rgba(58,88,128,.13); -webkit-box-shadow: 3px 0 3px rgba(58,88,128,.13); box-shadow: 3px 0 3px rgba(58,88,128,.13); -webkit-transition: .45s ease-in-out; -moz-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out; }
	header nav.open{left: 0;}
	header nav > div > ul{margin-top: 55px;}
	header nav > div > ul > li{display: block; width: auto; float: none; clear: both; height: auto;}
	header nav > div > ul > li > a{border-top: 1px solid #e7ebf0; padding: 0 15px; text-align: left; font-size: 18px;}
	header nav > div > ul > li:last-child > a{border-bottom: 1px solid #e7ebf0;}
	header nav > div > ul > li > a > i{float: right; margin: 15px 10px 0 0;}
	header nav > div > ul > li > a > i:before{background-color: #3a5880; height: 1px;}
	header nav > div > ul > li > a > i:after{background-color: #3a5880; height: 1px;}
	header nav > div > ul > li:hover > a:after{display: none;}
	header nav > div > ul > li > a:hover, header nav > div > ul > li:hover > a{padding: 0 15px;}
	header nav > div > ul > li:last-child{float: none;}
	header nav > div > ul > li > ul{display: none; visibility: visible; opacity: 1; padding: 0; background: #fafcff; clear: none; position: relative; left: auto; top: auto; box-shadow: none; columns: 1; -webkit-columns: 1; -moz-columns: 1;}
	header nav > div > ul > li:hover > ul{display: none;}
	header nav > div > ul > li.active-sub > ul{display: block;}
	header nav > div > ul > li > ul > li{display: block; float: none; width: auto; margin: 0; padding: 0;}
	header nav > div > ul > li > ul > li > a{padding: 0 20px 0 40px; line-height: 42px; border: 0; border-top: 1px solid #e6ecf4;}
	header nav > div > ul > li > ul > li > a:before{left: 20px;}

	#slideshow{height: 380px;}
	#slideshow .slider{height: 380px;}

	#slideshow .prev{margin: 0; left: auto; right: 80px; top: 0;}
	#slideshow .next{margin: 0; right: 20px; top: 0;}

	#slideshow .pagination{display: none;}

	#slideshow .slider .item .container{padding: 0;}
	#slideshow .slider .item .text{width: 100%; top: 180px;}
	#slideshow .slider .item .text h1,
	#slideshow .slider .item .text .h1{font-size: 28px; line-height: 34px;}
	#slideshow .slider .item .text h2,
	#slideshow .slider .item .text .h2{font-size: 20px;}

	#slideshow .filter{width: 100%; left: 0;}
                 
	.tip-trip{}
	.tip-trip img{max-width: 100%;}
	.tip-trip h3{clear: both;}
	.tip-trip p{clear: both; width: auto; max-width: none; }

	.pagination-line .term{display: block; float: none; text-align: center; margin-bottom: 20px;}
	.pagination-line ul.pagers{float: none; text-align: center;}

	aside .hotel{width: 100%; padding-left: 0; padding-right: 0;}

	.sections-list{-webkit-columns: 1; -moz-columns: 1; columns: 1;}
	.sections-list .col{width: 100%;}
	.sections-list .item{width: 100%;}
	/*.sections-list .item:nth-child(2n){margin-right: 0; margin-left: 0;}*/

	aside .zum-thema-bottom{width: 100%; padding: 0;}
	/*.aside .oils{width: 100%; padding: 0;}*/
	aside .newsletter{width: 100%; padding: 0;}	
	
	.main .img-p, .main .img-p.top, .main .img-p.right{margin: 0 0 60px 0;}
	.main .img-p img{max-width: 100%;}
	.content .img-p, .content .img-p.top, .content .img-p.right{margin: 0 0 60px 0;}
	.content .img-p img{max-width: 100%;}
  
  	.categories-list {padding: 0px 0;}
	
	.relatedpost{ width: 50%;}
	.teaser {width:50%;}

	.content ul{clear: both;}
}

@media all and (max-width: 650px){
   .hotels-results .item .info .price .side-btn{width: 90px; top: 0; float: none; margin-right: auto;}
   .hotels-results .item .info .price a.link{top: 0; float: none; margin-right: 0;}

   .cols-50p .col{width: 100%;}

   .partner-list .item{width: calc(50% - 20px); padding-top: 16%;}
   .magazine-list .item{width: calc(25% - 20px);}
}

@media all and (max-width: 550px){
	header .logo{width: 175px;}
	
	.main{margin-top: 0px;}
	.main h1{font-size: 30px; line-height: 35px;}
	
	.content{margin-top: 0px;}
	.content h1{font-size: 30px;}

	#slideshow .slider .item .text h1, 
	#slideshow .slider .item .text .h1{font-size: 28px;}

	.categories-list .item{width: 100%;}

	.czech-map .cezetmap{width: 300px; height: 170px; margin: 20px auto;}
	.czech-map .cezetmap .kraje{font-size: 300px;}

	.information-line{padding-left: 0; padding-right: 0; padding-bottom: 0;}
	.information-line h4{ border-top: 1px solid #e7ebf0; margin: 0; padding: 15px 20px; position: relative; cursor: pointer; font-size: 20px;}
	.information-line h4:before{width: 8px; height: 1px; background: #3a5981; content: ''; position: absolute; right: 20px; top: 50%; margin-top: 0; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.information-line h4:after{width: 8px; height: 1px; background: #3a5981; content: ''; position: absolute; right: 25px; top: 50%; margin-top: 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.information-line .col:first-child h5{border: 0; cursor: default;}
	.information-line .col:first-child h5:after, 
	.information-line .col:first-child h5:before{ display: none;}

	.information-line .col{width: 100%;}
	.information-line .col .oils-list{width: calc(100%); margin-left: 0; padding-left: 0;}
	.information-line .col ul{display: none; margin: 0 20px 20px 20px;}
	.information-line .col ul.opened{display: block;}
	.information-line .oil{float: left; width: 100%; padding: 10px 20px;}
	.information-line p.info{padding: 0 20px;}

	.footer-blue{padding: 20px 0 0 0;}
	.footer-blue .col{width: 100%;}
	.footer-blue h4{ position: relative; cursor: pointer;}
	.footer-blue h4:before{width: 8px; height: 1px; background: #fff; content: ''; position: absolute; right: 0; top: 50%; margin-top: 0; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.footer-blue h4:after{width: 8px; height: 1px; background: #fff; content: ''; position: absolute; right: 5px; top: 50%; margin-top: 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.footer-blue .col ul{display: none; padding-bottom: 25px;}
	.footer-blue .col ul.opened{display: block;}

	footer .social span{display: none;}

	.sections-list .item img{width: 100%; max-width: none; padding: 0 0 10px 0;}

	.hotels-results .item p{display: none;}
	.hotels-results .item .image{width:100%; min-height:100px; height:calc(100vw * 0.65);}
	.hotels-results .item .image img{max-height: 9999px; height: 100%;}
	.hotels-results .item .info{width: 100%; margin-left: 0; position: relative;}
	.hotels-results .item .info .h{display: none;}
	.hotels-results .item .info .price{text-align: center;}
	.hotels-results .item .info .price span{text-align: left;}
	.hotels-results .item .info .price a.btn{display: block; width: auto; float: none;}
	.hotels-results .item .info .price .side-btn{width: 90px; float: right; top: 12px; right: 0; position: absolute;}
	.hotels-results .item .info .price a.link{clear:both;}
  
  
	.pagination-line ul.pagers li a span{display: none;}
	.pagination-line ul.pagers li a.next:after{margin-top: -8px;}
	.pagination-line ul.pagers li a.prev:after{margin-top: -8px;}

	.categories-list .item h3{font-size: 25px;}

	.search-box input[type="submit"]{color: #ef800a; width: 47px; padding: 0; text-indent: -99999px;}
	header .search input[type="search"]{width: 175px; padding-right: 10px;}
	
	.search-results .item .text{padding: 0 0 0 0;}
	.search-results .item .text h3 {margin-left: 5px;}
	.search-results .item .text p {line-height: 20px;}
	.search-results .item .hotel-info > img{ width: 130px; height: 86px;}
	.search-results .searchad {margin-left: 25px;}
  
	.collapse-hide{display: none;}
	.collapse-link{display: block;}
  
	.link-cols-list .col-50{width: 100%; clear:both; float: left; margin-left: 0px;}
	.link-cols-list .col-25{width: 100%; clear:both; float: left; margin-left: 0px;}
	.link-cols-list ul{height: auto; width: 100%; line-height: 40px; margin-bottom: 10px; overflow: hidden; padding-top: 40px; cursor:pointer; border: 1px solid #d0dae9; background: #f7f9fb; position: relative;}
	.link-cols-list ul:after{background: #f1820c url(../img/icons/arrow-down.png) no-repeat center center; width: 41px; height: 41px; position: absolute; right: -1px; top: -1px; z-index: 20;content: '';}
	.link-cols-list ul li.placeholder{color: #666666; font-size: 14px; width: 100%; display: block; cursor: pointer; padding: 0 13px; position: absolute; left: 0; top: 0;}
	.link-cols-list ul li.active{display: block; background: #f7f9fb; width: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
	.link-cols-list ul li{padding: 0 10px; display: none;}
	.link-cols-list ul li a{font-size: 17px;}
	.link-cols-list ul li a i{margin: 14px 7px 0 0; float: left;}
	.link-cols-list ul li a{display: block; color: #000;}
	.link-cols-list ul.hover {height: auto; overflow: visible;}
	.link-cols-list ul.hover li:hover{background: #d0dae9;}
	
	aside .oils .item{font-size: 20px;}
	aside .oils .item {float: left; width: 100%;padding: 10px 0px 20px;}
	aside .oils .item span{width: 70px;}
	aside .oils .item .mar{padding-left: 75px;}
	aside .aktuell, aside .kurs2 {display:none;}
	aside .kurs1 {display:initial;}
	
	.load-more{display:initial;}

	.magazine-list .item{width: calc(33.3333% - 20px);}

	.content div.h2{font-size: 22px;}

	.info-box{flex-wrap:wrap;}
	.info-box:before{width: 100%; padding: 0 0 10px 0;}
}