/* generated on 2023-08-06 05:01:01 */ /* /media/resources/css/flagmin.css */ /*! * # Semantic UI 2.4.2 - Flag * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */i.flag:not(.icon){display:inline-block;width:16px;height:11px;margin:0 .5em 0 0;line-height:11px;text-decoration:inherit;vertical-align:baseline;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.flag:not(.icon):before{display:inline-block;width:16px;height:11px;content:"";background:url("/media/resources/img/flags.png") no-repeat -108px -1976px}i.flag.ad:before,i.flag.andorra:before{background-position:0 0}i.flag.ae:before,i.flag.united.arab.emirates:before,i.flag.uae:before{background-position:0 -26px}i.flag.af:before,i.flag.afghanistan:before{background-position:0 -52px}i.flag.ag:before,i.flag.antigua:before{background-position:0 -78px}i.flag.ai:before,i.flag.anguilla:before{background-position:0 -104px}i.flag.al:before,i.flag.albania:before{background-position:0 -130px}i.flag.am:before,i.flag.armenia:before{background-position:0 -156px}i.flag.an:before,i.flag.netherlands.antilles:before{background-position:0 -182px}i.flag.ao:before,i.flag.angola:before{background-position:0 -208px}i.flag.ar:before,i.flag.argentina:before{background-position:0 -234px}i.flag.as:before,i.flag.american.samoa:before{background-position:0 -260px}i.flag.at:before,i.flag.austria:before{background-position:0 -286px}i.flag.au:before,i.flag.australia:before{background-position:0 -312px}i.flag.aw:before,i.flag.aruba:before{background-position:0 -338px}i.flag.ax:before,i.flag.aland.islands:before{background-position:0 -364px}i.flag.az:before,i.flag.azerbaijan:before{background-position:0 -390px}i.flag.ba:before,i.flag.bosnia:before{background-position:0 -416px}i.flag.bb:before,i.flag.barbados:before{background-position:0 -442px}i.flag.bd:before,i.flag.bangladesh:before{background-position:0 -468px}i.flag.be:before,i.flag.belgium:before{background-position:0 -494px}i.flag.bf:before,i.flag.burkina.faso:before{background-position:0 -520px}i.flag.bg:before,i.flag.bulgaria:before{background-position:0 -546px}i.flag.bh:before,i.flag.bahrain:before{background-position:0 -572px}i.flag.bi:before,i.flag.burundi:before{background-position:0 -598px}i.flag.bj:before,i.flag.benin:before{background-position:0 -624px}i.flag.bm:before,i.flag.bermuda:before{background-position:0 -650px}i.flag.bn:before,i.flag.brunei:before{background-position:0 -676px}i.flag.bo:before,i.flag.bolivia:before{background-position:0 -702px}i.flag.br:before,i.flag.brazil:before{background-position:0 -728px}i.flag.bs:before,i.flag.bahamas:before{background-position:0 -754px}i.flag.bt:before,i.flag.bhutan:before{background-position:0 -780px}i.flag.bv:before,i.flag.bouvet.island:before{background-position:0 -806px}i.flag.bw:before,i.flag.botswana:before{background-position:0 -832px}i.flag.by:before,i.flag.belarus:before{background-position:0 -858px}i.flag.bz:before,i.flag.belize:before{background-position:0 -884px}i.flag.ca:before,i.flag.canada:before{background-position:0 -910px}i.flag.cc:before,i.flag.cocos.islands:before{background-position:0 -962px}i.flag.cd:before,i.flag.congo:before{background-position:0 -988px}i.flag.cf:before,i.flag.central.african.republic:before{background-position:0 -1014px}i.flag.cg:before,i.flag.congo.brazzaville:before{background-position:0 -1040px}i.flag.ch:before,i.flag.switzerland:before{background-position:0 -1066px}i.flag.ci:before,i.flag.cote.divoire:before{background-position:0 -1092px}i.flag.ck:before,i.flag.cook.islands:before{background-position:0 -1118px}i.flag.cl:before,i.flag.chile:before{background-position:0 -1144px}i.flag.cm:before,i.flag.cameroon:before{background-position:0 -1170px}i.flag.cn:before,i.flag.china:before{background-position:0 -1196px}i.flag.co:before,i.flag.colombia:before{background-position:0 -1222px}i.flag.cr:before,i.flag.costa.rica:before{background-position:0 -1248px}i.flag.cs:before,i.flag.serbia:before{background-position:0 -1274px}i.flag.cu:before,i.flag.cuba:before{background-position:0 -1300px}i.flag.cv:before,i.flag.cape.verde:before{background-position:0 -1326px}i.flag.cx:before,i.flag.christmas.island:before{background-position:0 -1352px}i.flag.cy:before,i.flag.cyprus:before{background-position:0 -1378px}i.flag.cz:before,i.flag.czech.republic:before{background-position:0 -1404px}i.flag.de:before,i.flag.germany:before{background-position:0 -1430px}i.flag.dj:before,i.flag.djibouti:before{background-position:0 -1456px}i.flag.dk:before,i.flag.denmark:before{background-position:0 -1482px}i.flag.dm:before,i.flag.dominica:before{background-position:0 -1508px}i.flag.do:before,i.flag.dominican.republic:before{background-position:0 -1534px}i.flag.dz:before,i.flag.algeria:before{background-position:0 -1560px}i.flag.ec:before,i.flag.ecuador:before{background-position:0 -1586px}i.flag.ee:before,i.flag.estonia:before{background-position:0 -1612px}i.flag.eg:before,i.flag.egypt:before{background-position:0 -1638px}i.flag.eh:before,i.flag.western.sahara:before{background-position:0 -1664px}i.flag.gb.eng:before,i.flag.england:before{background-position:0 -1690px}i.flag.er:before,i.flag.eritrea:before{background-position:0 -1716px}i.flag.es:before,i.flag.spain:before{background-position:0 -1742px}i.flag.et:before,i.flag.ethiopia:before{background-position:0 -1768px}i.flag.eu:before,i.flag.european.union:before{background-position:0 -1794px}i.flag.fi:before,i.flag.finland:before{background-position:0 -1846px}i.flag.fj:before,i.flag.fiji:before{background-position:0 -1872px}i.flag.fk:before,i.flag.falkland.islands:before{background-position:0 -1898px}i.flag.fm:before,i.flag.micronesia:before{background-position:0 -1924px}i.flag.fo:before,i.flag.faroe.islands:before{background-position:0 -1950px}i.flag.fr:before,i.flag.france:before{background-position:0 -1976px}i.flag.ga:before,i.flag.gabon:before{background-position:-36px 0}i.flag.gb:before,i.flag.uk:before,i.flag.united.kingdom:before{background-position:-36px -26px}i.flag.gd:before,i.flag.grenada:before{background-position:-36px -52px}i.flag.ge:before,i.flag.georgia:before{background-position:-36px -78px}i.flag.gf:before,i.flag.french.guiana:before{background-position:-36px -104px}i.flag.gh:before,i.flag.ghana:before{background-position:-36px -130px}i.flag.gi:before,i.flag.gibraltar:before{background-position:-36px -156px}i.flag.gl:before,i.flag.greenland:before{background-position:-36px -182px}i.flag.gm:before,i.flag.gambia:before{background-position:-36px -208px}i.flag.gn:before,i.flag.guinea:before{background-position:-36px -234px}i.flag.gp:before,i.flag.guadeloupe:before{background-position:-36px -260px}i.flag.gq:before,i.flag.equatorial.guinea:before{background-position:-36px -286px}i.flag.gr:before,i.flag.greece:before{background-position:-36px -312px}i.flag.gs:before,i.flag.sandwich.islands:before{background-position:-36px -338px}i.flag.gt:before,i.flag.guatemala:before{background-position:-36px -364px}i.flag.gu:before,i.flag.guam:before{background-position:-36px -390px}i.flag.gw:before,i.flag.guinea-bissau:before{background-position:-36px -416px}i.flag.gy:before,i.flag.guyana:before{background-position:-36px -442px}i.flag.hk:before,i.flag.hong.kong:before{background-position:-36px -468px}i.flag.hm:before,i.flag.heard.island:before{background-position:-36px -494px}i.flag.hn:before,i.flag.honduras:before{background-position:-36px -520px}i.flag.hr:before,i.flag.croatia:before{background-position:-36px -546px}i.flag.ht:before,i.flag.haiti:before{background-position:-36px -572px}i.flag.hu:before,i.flag.hungary:before{background-position:-36px -598px}i.flag.id:before,i.flag.indonesia:before{background-position:-36px -624px}i.flag.ie:before,i.flag.ireland:before{background-position:-36px -650px}i.flag.il:before,i.flag.israel:before{background-position:-36px -676px}i.flag.in:before,i.flag.india:before{background-position:-36px -702px}i.flag.io:before,i.flag.indian.ocean.territory:before{background-position:-36px -728px}i.flag.iq:before,i.flag.iraq:before{background-position:-36px -754px}i.flag.ir:before,i.flag.iran:before{background-position:-36px -780px}i.flag.is:before,i.flag.iceland:before{background-position:-36px -806px}i.flag.it:before,i.flag.italy:before{background-position:-36px -832px}i.flag.jm:before,i.flag.jamaica:before{background-position:-36px -858px}i.flag.jo:before,i.flag.jordan:before{background-position:-36px -884px}i.flag.jp:before,i.flag.japan:before{background-position:-36px -910px}i.flag.ke:before,i.flag.kenya:before{background-position:-36px -936px}i.flag.kg:before,i.flag.kyrgyzstan:before{background-position:-36px -962px}i.flag.kh:before,i.flag.cambodia:before{background-position:-36px -988px}i.flag.ki:before,i.flag.kiribati:before{background-position:-36px -1014px}i.flag.km:before,i.flag.comoros:before{background-position:-36px -1040px}i.flag.kn:before,i.flag.saint.kitts.and.nevis:before{background-position:-36px -1066px}i.flag.kp:before,i.flag.north.korea:before{background-position:-36px -1092px}i.flag.kr:before,i.flag.south.korea:before{background-position:-36px -1118px}i.flag.kw:before,i.flag.kuwait:before{background-position:-36px -1144px}i.flag.ky:before,i.flag.cayman.islands:before{background-position:-36px -1170px}i.flag.kz:before,i.flag.kazakhstan:before{background-position:-36px -1196px}i.flag.la:before,i.flag.laos:before{background-position:-36px -1222px}i.flag.lb:before,i.flag.lebanon:before{background-position:-36px -1248px}i.flag.lc:before,i.flag.saint.lucia:before{background-position:-36px -1274px}i.flag.li:before,i.flag.liechtenstein:before{background-position:-36px -1300px}i.flag.lk:before,i.flag.sri.lanka:before{background-position:-36px -1326px}i.flag.lr:before,i.flag.liberia:before{background-position:-36px -1352px}i.flag.ls:before,i.flag.lesotho:before{background-position:-36px -1378px}i.flag.lt:before,i.flag.lithuania:before{background-position:-36px -1404px}i.flag.lu:before,i.flag.luxembourg:before{background-position:-36px -1430px}i.flag.lv:before,i.flag.latvia:before{background-position:-36px -1456px}i.flag.ly:before,i.flag.libya:before{background-position:-36px -1482px}i.flag.ma:before,i.flag.morocco:before{background-position:-36px -1508px}i.flag.mc:before,i.flag.monaco:before{background-position:-36px -1534px}i.flag.md:before,i.flag.moldova:before{background-position:-36px -1560px}i.flag.me:before,i.flag.montenegro:before{background-position:-36px -1586px}i.flag.mg:before,i.flag.madagascar:before{background-position:-36px -1613px}i.flag.mh:before,i.flag.marshall.islands:before{background-position:-36px -1639px}i.flag.mk:before,i.flag.macedonia:before{background-position:-36px -1665px}i.flag.ml:before,i.flag.mali:before{background-position:-36px -1691px}i.flag.mm:before,i.flag.myanmar:before,i.flag.burma:before{background-position:-73px -1821px}i.flag.mn:before,i.flag.mongolia:before{background-position:-36px -1743px}i.flag.mo:before,i.flag.macau:before{background-position:-36px -1769px}i.flag.mp:before,i.flag.northern.mariana.islands:before{background-position:-36px -1795px}i.flag.mq:before,i.flag.martinique:before{background-position:-36px -1821px}i.flag.mr:before,i.flag.mauritania:before{background-position:-36px -1847px}i.flag.ms:before,i.flag.montserrat:before{background-position:-36px -1873px}i.flag.mt:before,i.flag.malta:before{background-position:-36px -1899px}i.flag.mu:before,i.flag.mauritius:before{background-position:-36px -1925px}i.flag.mv:before,i.flag.maldives:before{background-position:-36px -1951px}i.flag.mw:before,i.flag.malawi:before{background-position:-36px -1977px}i.flag.mx:before,i.flag.mexico:before{background-position:-72px 0}i.flag.my:before,i.flag.malaysia:before{background-position:-72px -26px}i.flag.mz:before,i.flag.mozambique:before{background-position:-72px -52px}i.flag.na:before,i.flag.namibia:before{background-position:-72px -78px}i.flag.nc:before,i.flag.new.caledonia:before{background-position:-72px -104px}i.flag.ne:before,i.flag.niger:before{background-position:-72px -130px}i.flag.nf:before,i.flag.norfolk.island:before{background-position:-72px -156px}i.flag.ng:before,i.flag.nigeria:before{background-position:-72px -182px}i.flag.ni:before,i.flag.nicaragua:before{background-position:-72px -208px}i.flag.nl:before,i.flag.netherlands:before{background-position:-72px -234px}i.flag.no:before,i.flag.norway:before{background-position:-72px -260px}i.flag.np:before,i.flag.nepal:before{background-position:-72px -286px}i.flag.nr:before,i.flag.nauru:before{background-position:-72px -312px}i.flag.nu:before,i.flag.niue:before{background-position:-72px -338px}i.flag.nz:before,i.flag.new.zealand:before{background-position:-72px -364px}i.flag.om:before,i.flag.oman:before{background-position:-72px -390px}i.flag.pa:before,i.flag.panama:before{background-position:-72px -416px}i.flag.pe:before,i.flag.peru:before{background-position:-72px -442px}i.flag.pf:before,i.flag.french.polynesia:before{background-position:-72px -468px}i.flag.pg:before,i.flag.new.guinea:before{background-position:-72px -494px}i.flag.ph:before,i.flag.philippines:before{background-position:-72px -520px}i.flag.pk:before,i.flag.pakistan:before{background-position:-72px -546px}i.flag.pl:before,i.flag.poland:before{background-position:-72px -572px}i.flag.pm:before,i.flag.saint.pierre:before{background-position:-72px -598px}i.flag.pn:before,i.flag.pitcairn.islands:before{background-position:-72px -624px}i.flag.pr:before,i.flag.puerto.rico:before{background-position:-72px -650px}i.flag.ps:before,i.flag.palestine:before{background-position:-72px -676px}i.flag.pt:before,i.flag.portugal:before{background-position:-72px -702px}i.flag.pw:before,i.flag.palau:before{background-position:-72px -728px}i.flag.py:before,i.flag.paraguay:before{background-position:-72px -754px}i.flag.qa:before,i.flag.qatar:before{background-position:-72px -780px}i.flag.re:before,i.flag.reunion:before{background-position:-72px -806px}i.flag.ro:before,i.flag.romania:before{background-position:-72px -832px}i.flag.rs:before,i.flag.serbia:before{background-position:-72px -858px}i.flag.ru:before,i.flag.russia:before{background-position:-72px -884px}i.flag.rw:before,i.flag.rwanda:before{background-position:-72px -910px}i.flag.sa:before,i.flag.saudi.arabia:before{background-position:-72px -936px}i.flag.sb:before,i.flag.solomon.islands:before{background-position:-72px -962px}i.flag.sc:before,i.flag.seychelles:before{background-position:-72px -988px}i.flag.gb.sct:before,i.flag.scotland:before{background-position:-72px -1014px}i.flag.sd:before,i.flag.sudan:before{background-position:-72px -1040px}i.flag.se:before,i.flag.sweden:before{background-position:-72px -1066px}i.flag.sg:before,i.flag.singapore:before{background-position:-72px -1092px}i.flag.sh:before,i.flag.saint.helena:before{background-position:-72px -1118px}i.flag.si:before,i.flag.slovenia:before{background-position:-72px -1144px}i.flag.sj:before,i.flag.svalbard:before,i.flag.jan.mayen:before{background-position:-72px -1170px}i.flag.sk:before,i.flag.slovakia:before{background-position:-72px -1196px}i.flag.sl:before,i.flag.sierra.leone:before{background-position:-72px -1222px}i.flag.sm:before,i.flag.san.marino:before{background-position:-72px -1248px}i.flag.sn:before,i.flag.senegal:before{background-position:-72px -1274px}i.flag.so:before,i.flag.somalia:before{background-position:-72px -1300px}i.flag.sr:before,i.flag.suriname:before{background-position:-72px -1326px}i.flag.st:before,i.flag.sao.tome:before{background-position:-72px -1352px}i.flag.sv:before,i.flag.el.salvador:before{background-position:-72px -1378px}i.flag.sy:before,i.flag.syria:before{background-position:-72px -1404px}i.flag.sz:before,i.flag.swaziland:before{background-position:-72px -1430px}i.flag.tc:before,i.flag.caicos.islands:before{background-position:-72px -1456px}i.flag.td:before,i.flag.chad:before{background-position:-72px -1482px}i.flag.tf:before,i.flag.french.territories:before{background-position:-72px -1508px}i.flag.tg:before,i.flag.togo:before{background-position:-72px -1534px}i.flag.th:before,i.flag.thailand:before{background-position:-72px -1560px}i.flag.tj:before,i.flag.tajikistan:before{background-position:-72px -1586px}i.flag.tk:before,i.flag.tokelau:before{background-position:-72px -1612px}i.flag.tl:before,i.flag.timorleste:before{background-position:-72px -1638px}i.flag.tm:before,i.flag.turkmenistan:before{background-position:-72px -1664px}i.flag.tn:before,i.flag.tunisia:before{background-position:-72px -1690px}i.flag.to:before,i.flag.tonga:before{background-position:-72px -1716px}i.flag.tr:before,i.flag.turkey:before{background-position:-72px -1742px}i.flag.tt:before,i.flag.trinidad:before{background-position:-72px -1768px}i.flag.tv:before,i.flag.tuvalu:before{background-position:-72px -1794px}i.flag.tw:before,i.flag.taiwan:before{background-position:-72px -1820px}i.flag.tz:before,i.flag.tanzania:before{background-position:-72px -1846px}i.flag.ua:before,i.flag.ukraine:before{background-position:-72px -1872px}i.flag.ug:before,i.flag.uganda:before{background-position:-72px -1898px}i.flag.um:before,i.flag.us.minor.islands:before{background-position:-72px -1924px}i.flag.us:before,i.flag.america:before,i.flag.united.states:before{background-position:-72px -1950px}i.flag.uy:before,i.flag.uruguay:before{background-position:-72px -1976px}i.flag.uz:before,i.flag.uzbekistan:before{background-position:-108px 0}i.flag.va:before,i.flag.vatican.city:before{background-position:-108px -26px}i.flag.vc:before,i.flag.saint.vincent:before{background-position:-108px -52px}i.flag.ve:before,i.flag.venezuela:before{background-position:-108px -78px}i.flag.vg:before,i.flag.british.virgin.islands:before{background-position:-108px -104px}i.flag.vi:before,i.flag.us.virgin.islands:before{background-position:-108px -130px}i.flag.vn:before,i.flag.vietnam:before{background-position:-108px -156px}i.flag.vu:before,i.flag.vanuatu:before{background-position:-108px -182px}i.flag.gb.wls:before,i.flag.wales:before{background-position:-108px -208px}i.flag.wf:before,i.flag.wallis.and.futuna:before{background-position:-108px -234px}i.flag.ws:before,i.flag.samoa:before{background-position:-108px -260px}i.flag.ye:before,i.flag.yemen:before{background-position:-108px -286px}i.flag.yt:before,i.flag.mayotte:before{background-position:-108px -312px}i.flag.za:before,i.flag.south.africa:before{background-position:-108px -338px}i.flag.zm:before,i.flag.zambia:before{background-position:-108px -364px}i.flag.zw:before,i.flag.zimbabwe:before{background-position:-108px -390px} /*# sourceMappingURL=flag.min.css.map*/ /* /media/resources/css/owlcarousel2/owlcarouselmin.css */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* /media/resources/css/owlcarousel2/owlthemedefaultmin.css */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* /media/resources/css/001_base.css */ /* -- base -- */ /* https://s1.germany.travel/media/resources/img/germany-travel.svg */ /* https://s1.germany.travel/media/resources/img/map_marker_dzt.png */ /* https://s1.germany.travel/media/pdf_5/gewinnspiel_teilnahmebedingungen_wehingen.pdf */ /* https://s1.germany.travel/media/pdf_5/TC_Twitter_JP_EN_Valentinstag_2023.pdf */ header nav.main .head-logo a:focus-visible { border: 3px solid #d10019; border-radius: 0 0 10px 10px; } a.wrap-link:focus-visible,.nav-desktop a.nav-link:focus-visible,.dzt-btn-white:focus-visible { outline:4px solid white; } .theme-navigation .nav-desktop a.nav-link.active:focus-visible { outline: 3px solid white; outline-offset: 9px; } .dzt-btn-red:focus,a.link-external:focus-visible { outline-color: #d10019; outline-style: solid; outline-width: 4px; } .dzt-video video:focus-visible{ border: 3px solid #d10019 !important; } .dzt-audio:focus-visible{ border: 3px solid #d10019 !important; outline:none; } .dzt-control.row-x:focus-visible { outline: 3px solid #d10019; outline-offset: 2px; } .dzt-control.row-x div.col-x button:focus{ outline: 3px solid white !important; } /** --Phrasing content --*/ body.content a { position: relative; } hr.no-margin { margin: 0; } ul.standardList { list-style: none; padding-left: 20px; } ul.standardList li { position: relative; } ul.standardList li:before { content: ""; width: 7px; height: 7px; display: inline-block; background-color: #d10019; position: absolute; left: -20px; top: 10px; } .text-wrap.zebra-red ul.standardList li:before { background-color: #ffffff; } .list-pdf ul.standardList, body.content .list-pdf ul.standardList { padding-left: 0; display: flex; flex-wrap: wrap; flex-direction: row; gap: 10px; } .list-pdf ul li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; display: block; width: 100%; } .list-pdf ul.standardList li:before { display: none; } .list-pdf ul.standardList a.type-download.type-download-block { margin: 0; } @media (min-width: 768px) { .list-pdf ul li { width: calc(50% - 5px); } .list-pdf a.type-download.type-download-block .media-info { position: relative; right: auto; top: auto; transform: none; } .list-pdf a.type-download.type-download-block { padding-right: 45px; height: 100%; margin: 0; } } /* INCLUDE */ /* -- Buttons -- */ .dzt-btn { font-weight: bold; display: inline-block; padding: 10px 25px; margin: 0 5px 5px 0; text-align: center; position: relative; background: transparent; border: 1px solid transparent; border-radius: 0; color: #51504D; /*color: #615F5E;*/ transition-duration: .3s; } .dzt-btn .dzt { vertical-align: middle; line-height: 1; } .dzt-btn.dzt-btn-icon { padding: 14px 13px; width: 50px; text-align: center; font-size: 24px; line-height: 1; } .dzt-btn.dzt-btn-default { background-color: transparent; border-color: #51504D; } .dzt-btn.dzt-btn-default:hover { background-color: #E7E3DD; } .dzt-btn.dzt-btn-light { background-color: transparent; border-color: #CAC7C2; } .dzt-btn.dzt-btn-light:hover { background-color: #F5F3EF; } .dzt-btn.dzt-btn-red { color: #ffffff; background-color: #d10019; } .dzt-btn.dzt-btn-red:hover { background-color: #95000e; } .dzt-btn.dzt-btn-white { color: #51504D; background-color: #ffffff; } .dzt-btn.dzt-btn-white:hover { color: #d10019; } .dzt-btn.dzt-btn-grey { color: #51504D; background-color: #F5F3EF; } .dzt-btn.dzt-btn-grey:hover { background-color: #E7E3DD; } .dzt-btn.dzt-btn-black, .dzt-btn.dzt-btn-black:hover, .dzt-btn.dzt-btn-black:focus { color: white; border-color: #fff; background-color: black; border-color: #000000; } .dzt-btn.dzt-btn-black-transparent, .dzt-btn.dzt-btn-black-transparent:focus { color: white; border-color: #fff; background-color: rgba(0,0,0,.5); } .dzt-btn.dzt-link { border-color: transparent; background-color: transparent; } .dzt-btn.dzt-link:hover { color: #d10019; } .dzt-btn.back-to-home:before { content: "\e943"; font-family: 'Linearicons'; padding-right: 5px; } /* -- Button outline -- */ .dzt-btn.dzt-btn-outline-text { color: #51504D; border-color: #51504D; } .dzt-btn.dzt-btn-outline-red { color: #d10019; border-color: #d10019; } /* -- btn icons NEW -- */ .dzt-chevron-up:after, .dzt-chevron-down:after, .dzt-chevron-left:after, .dzt-chevron-right:after, .dzt-arrow-up:after, .dzt-arrow-down:after, .dzt-arrow-left:after, .dzt-arrow-right:after, .dzt-filter:after, .dzt-sort:after, .dzt-link:after, .dzt-external:after, .dzt-download:after, /* -- */ .dzt-chevron-up--before:before, .dzt-chevron-down--before:before, .dzt-chevron-left--before:before, .dzt-chevron-right--before:before, .dzt-arrow-up--before:before, .dzt-arrow-down--before:before, .dzt-arrow-left--before:before, .dzt-arrow-right--before:before, .dzt-filter--before:before, .dzt-sort--before:before, .dzt-link--before:before, .dzt-download--before:before, .dzt-external--before:before { font-family: 'Linearicons' !important; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; display: inline-block; margin-left: 8px; font-size: 20px; line-height: 1; vertical-align: baseline; vertical-align: sub; vertical-align: text-bottom; } .dzt-chevron-up--before:before, .dzt-chevron-down--before:before, .dzt-chevron-left--before:before, .dzt-chevron-right--before:before, .dzt-arrow-up--before:before, .dzt-arrow-down--before:before, .dzt-arrow-left--before:before, .dzt-arrow-right--before:before, .dzt-filter--before:before, .dzt-sort--before:before, .dzt-link--before:before, .dzt-download--before:before, .dzt-external--before:before { margin-left: auto; margin-right: 8px; } /* chevrons */ .dzt-chevron-up:after { content: "\e939"; } .dzt-chevron-down:after { content: "\e93a"; } .dzt-chevron-left:after, .dzt-chevron-left--before:before { content: "\e93b"; } .dzt-chevron-right:after, .dzt-chevron-right--before:before { content: "\e93c"; } /* arrows */ .dzt-arrow-up:after { content: "\e941"; } .dzt-arrow-down:after { content: "\e942"; } .dzt-arrow-left:after, .dzt-arrow-left--before:before { content: "\e943"; } .dzt-arrow-right:after { content: "\e944"; } /* filter etc. */ .dzt-filter:after { content: "\e97c"; } .dzt-sort:after { content: "\e93d"; } /* links */ .dzt-link:after { content: "\e944"; } .dzt-link-external:after { content: "\e945"; } .dzt-download:after { content: "\e8f5"; } .dzt-link-phone:after { content: "\e76a"; padding-left: 2px; } a.dzt-download:hover { border: none; } a.back-link:before, a.dzt-link.back-link:before { font-family: 'Linearicons' !important; content: "\e943" } .dzt-link/*:not(.dzt-btn)*/ { display: block; position: relative; padding-right: 30px; margin-bottom: 20px; } /* link in text */ p .dzt-link, p .dzt-link + .dzt-link, ul.standardList li .dzt-link, ul.standardList li .dzt-link + .dzt-link { margin: 0; padding: 0; } p .dzt-link:after, p .dzt-link:before, p .dzt-link + .dzt-link:after, p .dzt-link + .dzt-link:before, ul.standardList li .dzt-link:after, ul.standardList li .dzt-link:before, ul.standardList li .dzt-link + .dzt-link:after, ul.standardList li .dzt-link + .dzt-link:before { font-size: 14px; font-weight: bold; line-height: 1; margin-left: 1px; vertical-align: middle; vertical-align: baseline; /* better for internal link */ } @media(min-width: 768px) { .dzt-btn { display: inline-block; } .dzt-link { margin-bottom: 0; display: inline-block; } .dzt-link + .dzt-link { margin-left: 20px; } } @media(max-width: 768px) { p .dzt-link, p .dzt-link + .dzt-link, ul.standardList li .dzt-link, ul.standardList li .dzt-link + .dzt-link { display: inline-block; } } /* -- owl dots no outline -- */ .owl-dots .owl-dot { outline: none; } /* -- menu languages -- */ .wrap-menu-languages { background: #f5f3ef; } .wrap-menu-languages a:not(.active,:hover) { color: #51504D; } .wrap-menu-languages a.nav-link { display: inline-block; } .countries-languages-wrapper ul.menu-list-cols { margin: 0; } ul.menu-list-cols { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 30px 0; margin: 0; list-style-type: none; } ul.menu-list-cols li { /* display: inline-block; */ width: 25%; list-style-type: none; } body.content button { position: relative; } /*-- List -UL --*/ /* -- TODO: IS THIS EVEN USED??? -- */ body.content ul.dzt-list-style { list-style: none; } body.content ul.dzt-list-style li { padding: 0.5rem 0; } body.content ul.dzt-list-style li:before { content: "\25A0"; color: #d10019; font-weight: bold; display: inline-block; width: 1.5em; vertical-align: text-bottom; } /*-- Paragraphs --*/ .dzt-introtext { font-size: 1.5em; line-height: 1.25; } .dzt-text-white { color: white; } .dzt-bg-red { background-color: #d10019 !important; /* TODO */ } .zebra-red .splitter, .dzt-bg-red .splitter, .dzt-bg-red .sub-headline, .zebra-red p, .zebra-red h2, .dzt-bg-red p, .dzt-bg-red h2 { color: white; } .zebra-red .dzt-btn, .dzt-bg-red .dzt-btn, .dzt-bg-red .btn { background-color: white; } .dzt-text-default { color: #51504D; /* TODO */ } .dzt-text-red { color: #d10019 !important; /* TODO */ } .dzt-bg-red.dzt-btn, .dzt-btn.dzt-bg-red { color: #ffffff; /* TODO */ } .dzt-bg-red.dzt-btn:hover, .dzt-btn.dzt-bg-red:hover { background-color: #95000e !important; /* TODO */ } .introtext { font-size: 1.5em; font-weight: bold; line-height: 1.25; } .introtext h2 { font-size: 1.5em; } .text75 { width: 75%; margin: 0 auto; } /*-- Spinner --*/ .spinner { text-align: center; display: none; margin: 25px; } .icon-spin { display: inline-block; font-size: 30px; font-weight: bold; color: #d10019; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } a#etracker-opt-out { background-image: none; border: 1px solid #E7E3DD; white-space: nowrap; padding: 6px 12px; border-radius: 4px; } a#etracker-opt-out:hover { background-color: #E7E3DD; } a#etracker-opt-out:after { display: none; } /*-- Inline-Image --*/ _:-ms-fullscreen, :root .type-inlineImage img { width: 100%; } /* INCLUDE */ /*-- Newsletter Form --*/ body.content.site-prototyp_newsletter section.newsletter-intro { padding-bottom: 0; } body.content.site-prototyp_newsletter section.newsletter-intro .headline { color: #d10019; } body.content.site-prototyp_newsletter footer.main { border-top: 1px solid #E7E3DD; margin-top: 60px; } .newsletter-error .modal-footer, .newsletter-error .modal-content { border: none; } /*-- Form Checkbox --*/ body.content.site-prototyp_cluster_newsletter .section-newsletter { margin-top: 46px; padding-top: 0; } .newsletter-form input.dx.name { position: fixed; top: -999px; left: -999px; opacity: .01; pointer-events: none; } p[id*='error'] { color: #d10019; display: none; } .newsletter-form .is-required:after { content: " *"; } .richtext .text-wrap .newsletter_intro_market { font-size: 1em; font-weight: 500; } .richtext .text-wrap .newsletter_description_market { font-size: 1em; font-weight: 500; } .newsletter-form .col { margin-bottom: 30px; } .newsletter-form .form-check-label { margin-bottom: 0.5rem; } .newsletter-form .form-control { height: 50px; border-radius: 0; } /*----Focus Visible for Newsletter form-----*/ .newsletter-form .form-control:focus { outline: 3px solid; outline-color: #d10019; } /*--------END Focus Visible----------*/ .newsletter-form textarea.form-control { height: auto; } .newsletter-form .form-group { margin-bottom: 40px; } .newsletter-form .form-check input.form-check-input { position: absolute; opacity: 0; } .newsletter-form .form-check { /*padding-left: 0;*/ } .newsletter-form .form-check label { font-weight: 500; position: relative; cursor: pointer; padding: 0; padding-left: 40px; line-height: 1.5em; } .newsletter-form .form-check label:before { content: ''; display: inline-block; vertical-align: text-top; width: 24px; height: 24px; background: white; border: 1px solid #ccc; position: absolute; top: 2px; left: 0; } .newsletter-form .form-check .form-check-input:checked + label:before, .newsletter-form .form-check label:hover:before { background: #d10019; border: 6px solid #ffffff; box-shadow: 0 0 0 1px #d10019; } /* .newsletter-form .form-check label:after { content: ''; display: inline-block; vertical-align: text-top; width: 10px; height: 10px; background-color: #d10019; position: absolute; left: 7px; top: 9px; display: none; } .newsletter-form .form-check .form-check-input:checked + label {} .newsletter-form .form-check label:hover { color: #d10019; } .newsletter-form .form-check .form-check-input:checked + label:before, .newsletter-form .form-check label:hover:before { border-color: #d10019; } .newsletter-form .form-check .form-check-input:checked + label:after { display: block; } */ .newsletter-form .msg-mandatory { position: absolute; right: 15px; } .newsletter-form .option-field { /*color: #CCC9C5;*/ font-weight: 500; font-size: 1em; padding-left: 5px; } .newsletter-form .form-control.submit { width: auto; padding-left: 30px; padding-right: 30px; border: 0; } .newsletter-form .form-control.submit:focus { color: #ffffff; } .newsletter-form .agb-note { padding-left: 40px; margin-top: 1rem; } .newsletter-form .agb-note, .newsletter-form .agb-label { font-size: 1em; } .newsletter-form .agb-label i { font-style: normal; } .newsletter-form .text-error { background: #fee; color: #d10019; border: 1px solid #d10019; padding: 10px; margin-bottom: 2rem; font-weight: 600; } .newsletter-form .input-radio.is-invalid .form-check-label { color: #d10019; } .newsletter-wrap .button-submit .spinner { margin: 0; vertical-align: middle; } .newsletter-wrap .button-submit .spinner .icon-spin { vertical-align: bottom; } .newsletter-wrap.is-loading .button-submit .submit { pointer-events:none; background-color: #cccccc; color: #51504D; } .newsletter-wrap.is-loading .button-submit .spinner { display: inline-block; } /*-- Newsletter Archiv --*/ .newsletter-archiv { } /*-----Focus Visible for Newsletter Archive-----*/ .newsletter-archiv article:focus{ outline:3px solid; outline-color: #d10019; } /*-----Focus Visible End-----*/ .newsletter-archiv article { background-color: #F5F3EF; padding: 20px 30px; margin-top: 10px; } .newsletter-archiv article .archiv-headline { position: relative; cursor: pointer; } .newsletter-archiv article .archiv-subject { font-weight: normal; margin-bottom: 0; font-size: 1.25em; line-height: 1.5; width: 90%; } .newsletter-archiv article .archiv-date { /*color: #878787;*/ } .newsletter-archiv .rotate-icon { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); color: #d10019; } .newsletter-archiv .rotate-icon.up { display: none; } .newsletter-archiv article.open .rotate-icon.up { display: inline-block; } .newsletter-archiv article.open .rotate-icon.down { display: none; } .newsletter-archiv .archiv-body { display: none; } .newsletter-archiv .archiv-body .archiv-content { text-align: center; padding-top: 30px; } .newsletter-archiv .archiv-body .archiv-content iframe { width: 100%; } /*-- Section --*/ section { /*padding-top: 30px;*/ /*padding-bottom: 30px;*/ } section.content:not(.sticky-top) { position: relative; padding-top: 30px; padding-bottom: 30px; } section.content .headline { margin-bottom: 30px; } section.content.headline-mb-3 .headline { margin-bottom: 30px; } .cluster-container section.content:not(.related-article) { padding-top: 0; } section.content .bg-image-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 0; /*-1;*/ } section.content .bg-image-wrap .figure-responsive, section.content .bg-image-wrap .image { width: 100%; height: 100%; opacity: .75; background-position: 50% 10%; background-size: cover; } section.content .bg-image-wrap .figure-responsive { padding-top: 0; } .zebra-white, section.zebra-white { background-color: #ffffff; } .zebra-red, section.zebra-red { background-color: #d10019; } .zebra-grey, section.zebra-grey { background-color: #E7E3DD; } .zebra-light-grey, section.zebra-light-grey { background-color: #F5F3EF; } .zebra-green, section.zebra-green { background-color: #00842d; } section.content.zebra-auto + section.content.zebra-auto, section.content.zebra-white + section.content.zebra-white, section.content.zebra-red + section.content.zebra-red, section.content.zebra-grey + section.content.zebra-grey, section.content.zebra-light-grey + section.content.zebra-light-grey, section.content.zebra-green + section.content.zebra-green { padding-top: 0; } /* -- map after regular content -- */ section.content.zebra-auto + section.content.map, section.content.zebra-white + section.content.map { border-top: 1px solid #f5f3ef; } @media print { section.content.map { display: none; } } section aside { background-color: #F5F3EF; } /*-- Richttext --*/ .richtext { } .richtext .introtext + .bodytext { margin-top: 40px; } .richtext .bodytext p:last-child { margin-bottom: 0; } section.content .richtext .headline, section.content-inner .richtext .headline { margin: 0 0 30px; } section.content.headline-mb-3 .richtext .headline, section.content-inner.headline-mb-3 .richtext .headline { margin: 0 0 30px; } .richtext.columns-2 .text-wrap { columns: 2; } .richtext.columns-3 .text-wrap { columns: 3; } .richtext.columns-4 .text-wrap { columns: 4; } section.richtext-columns-2 .richtext .text-wrap { columns: 2; } section.richtext-columns-3 .richtext .text-wrap { columns: 3; } section.richtext-columns-4 .richtext .text-wrap { columns: 4; } .bulletpoints-white section.zebra-red .richtext .bodytext .standardList li { color: white; } .bulletpoints-white section.zebra-red .richtext .bodytext .standardList li:before { background-color: white; border-radius: 50%; width: 10px; height: 10px; } .bulletpoints-white section.zebra-red .richtext .bodytext a { color: white; } .bulletpoints-white section.zebra-red .richtext .bodytext a:hover { border-bottom: 1px solid white; } /**--Menu - Navigation Country - Language --**/ .countries-languages-wrapper { } .countries-languages-wrapper .buttons .dzt-btn { margin: 0 20px 5px 0; padding: 12px 40px 12px 20px; min-width: 135px; text-align: left; cursor: pointer; } .countries-languages-wrapper .buttons .dzt-btn .dzt-sort { position: absolute; right: 0px; padding-right: 0; display: inline-block; top: 50%; transform: translate(-20px, -50%); } .countries-languages-wrapper .buttons .dzt-btn .dzt-sort:after { position: relative; top auto; right: auto; margin-top: 0; } .countries-languages-wrapper.microsite-dependency .buttons .dzt-btn{ width:auto!important; margin-top: 30px; } .countries-languages-wrapper .microsite-dependency .countries-languages-wrapper .menu-countries, .countries-languages-wrapper .menu-languages { /*box-shadow: 5px 5px 10px -5px #000000;*/ background-color: #F5F3EF; margin-top: -5px; box-shadow: 0 0 7px 0 rgba(189,189,189,0.5); } .countries-languages-wrapper .menu-countries { } .countries-languages-wrapper .menu-countries:after { content: ""; display: block; clear: both; } .countries-languages-wrapper .menu-countries li { float: left; width: 33.33%; } .countries-languages-wrapper .nav-item a.active, .countries-languages-wrapper .nav-item a:hover { background-color: white; color: #d10019; } /* INCLUDE */ /**-- Footer --**/ footer.main { padding-bottom: 5rem; } footer.main a { color: #51504D; } footer.main .menu-languages a.nav-link.active, footer.main .menu-languages a.nav-link:hover, footer.main .navigation-footer a:hover, footer.main .footer-copy-text a:hover { color: #d10019; } @media print { .container.footer-copy-text .float-none.float-md-right.mb-4.mb-md-0.pull-right.text-md-right.justify-content-between { display: none; } } /*-- Newsletter Footer --*/ footer.main .footer-newsletter { background-color: #F5F3EF; } @media print { footer.main .footer-newsletter { display: none; } } footer.main .footer-newsletter h2 { margin-bottom: 1.5rem; margin-top: 1.5rem; color: #d10019; } footer.main .footer-newsletter p { margin-bottom: 1.5rem; } /*-- Social Icons --*/ footer.main .social-icons { text-align: right; } footer.main .social-icons ul { margin-bottom: 0; } footer.main .social-icons ul li a, footer.main .social-icons ul li span { display: block; vertical-align: middle; line-height: 1; } footer.main .social-icons i.dzt { vertical-align: middle; font-size: 44px; line-height: 1; } footer .footer-copy-text { font-size: .875em; } footer .footer-copy-text:after { content: ""; display: block; clear: both; } footer .footer-copy-text li { display: inline-block; margin-left: 10px; } /*-- Countries and Languages choose --*/ footer.main .countries-languages-wrapper select { padding: 12px 20px; cursor: pointer; background-color: transparent; border: 1px solid #ced4da; outline: none; } @media print { footer.main .social-icons, footer.main .countries-languages-wrapper { display: none; } } @media(min-width: 768px) { body.path-campaign footer.main .countries-languages-wrapper { display: inline-block!important; } } @media(max-width: 767px) { footer.main .wrap-menu-languages .container { padding: 0; } footer.main .countries-languages-wrapper { } footer.main .countries-languages-wrapper .buttons { margin-left: -15px; margin-right: -15px; display: flex; } footer.main .countries-languages-wrapper .buttons .dzt-btn { display: inline-block; width: 50%; margin: 15px; } footer.main .countries-languages-wrapper .buttons .dzt-btn + .dzt-btn { margin-left: 0; } footer.main .countries-languages-wrapper li { width: 49%; margin: 0; } footer.main .countries-languages-wrapper select { width: 100%; } footer.main .social-icons { text-align: left; margin-top: 30px; } footer.main .social-icons .text-headline { display: block; margin-bottom: 20px; } footer.main .footer-copy-text .footer-text { text-align: left; } footer.main .wrap-menu-languages li { width: 50%; } } /*-- Navigation Footer --*/ footer.main .navigation-footer { border-top: 1px solid #E7E3DD; line-height: 1.25; } @media print { footer.main .navigation-footer { display: none; } } footer.main .navigation-footer li { margin-bottom: 10px; } .navigation-footer .dzt-collapse-toggle:hover { cursor: pointer; color: #dc3545; } /* INCLUDE */ /* -- Image Teaser -- */ p:empty { display: none } .image-teaser.sticky-top { position: sticky; } .image-teaser.mobile_750 .figure-responsive { padding-top: 100%; } .image-teaser.mobile_600 .figure-responsive { padding-top: 66.67%; } .image-teaser.img-h-full .figure-responsive { height: 100%; } .image-teaser.aspect-ratio-142 .entry-content { margin-right: 20px; padding-left: 0; padding-right: 0; } .image-teaser.aspect-ratio-142 .figure-responsive { padding-top: 142%; border: 2px solid transparent; box-shadow: 1px 2px 12px rgb(0 0 0 / 15%); } .image-teaser.aspect-ratio-142 .figure-responsive .responsive-image-v2 { width: auto; } .image-teaser.top .entry-content { padding-top: 0; } .image-teaser.top .entry-content-headline { margin-bottom: 20px; } .col_1_n .image-teaser, .col_1_n .image-teaser .wrap-link, .col_1_n .image-teaser .entry-image-teaser { height: 100%; } .image-teaser figure.v1 figcaption { background-color: rgba(255,255,255,.9); font-weight: bold; font-size: 1.25em; position: absolute; left: 0; bottom: 0; padding: 20px; width: 85%; } .image-teaser figure.v1 figcaption .text { display: block; } .image-teaser .entry-content h5 { font-weight: bold; } .image-teaser .wrap-link { display: block; } /** -- --**/ .item-display-standard .image-teaser .figure-responsive, .item-display-toptips .image-teaser .figure-responsive { padding-top: 66.67%; } .image-teaser.text-on-image .entry-content, .item-display-toptips .image-teaser .entry-content { margin-top: -50px; background-color: #ffffff; } .image-teaser.text-on-image figure.figure-responsive .responsive-image-v2, .item-display-toptips .image-teaser figure.figure-responsive .responsive-image-v2 { z-index: 0; } .image-teaser.herotext .subtitle { position: absolute; bottom: 80px; left: 15px; max-width: 570px; background-color: rgba(255,255,255,.9); padding: 30px; } .image-teaser .alternativ-subtitle { position: absolute; top: 0; left: 0; padding: 15px; z-index: 2; } @media(max-width: 767px) { .image-teaser.herotext { bottom: 60px; } } @media(min-width: 768px) { .h-image-text .image-teaser .wrap-link, .h-image-text .image-teaser, .image-teaser.h-image-text .wrap-link, .image-teaser.h-image-text .wrap-link, .image-teaser.h-image-text { display: flex; width: 100%; flex-wrap: wrap; } .h-image-text .image-teaser .entry-image-teaser, .image-teaser.h-image-text .entry-image-teaser { /* flex: 0 0 25%; max-width: 25%; */ flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .h-image-text .image-teaser .entry-content, .image-teaser.h-image-text .entry-content { /* flex: 0 0 75%; max-width: 75%; */ flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .h-image-text .image-teaser .entry-content, .image-teaser.h-image-text .entry-content { margin-right: 0; } .image-text .figure-responsive { padding-top: 100%; } } /* -- IMAGE QUOTE ----------------------------------------------------------------- */ .image-teaser.image-quote .subtitle { position: relative; left: auto; bottom: auto; width: auto; } .image-quote strong.image-title { font-size: 18px; line-height: 1.25 } .image-quote p { font-weight: normal; margin-top: 5px; margin-bottom: 0; } .image-teaser.image-quote .subtitle { position: absolute; top: 20px; left: 20px; width: auto; max-width: calc(100% - 40px); max-width: 75%; } .image-teaser.image-quote.pos-top-right .subtitle { left: auto; right: 20px; } .image-teaser.image-quote.pos-bottom-left .subtitle { top: auto; bottom: 20px; } .image-teaser.image-quote.pos-bottom-right .subtitle { top: auto; left: auto; right: 20px; bottom: 20px; } .image-teaser.image-quote .figure-responsive { padding-top: 150%; padding-top: 100%; } @media (min-width: 768px) { .image-teaser.image-quote .figure-responsive { padding-top: 56.2%; } .image-quote strong.image-title { font-size: 30px; } } /**-- Annual Campain --**/ .annual-campain {} /**-- Travel Destination --**/ .travel-destination {} .travel-destination .mi24-video-wrap { position: relative; } .travel-destination .mi24-video-wrap .subtitle { position: absolute; background-color: rgba(255,255,255,.9); font-weight: bold; font-size: 1.25em; position: absolute; left: 0; bottom: 0; padding: 20px; width: 85%; z-index: 100; color: #51504D; } /**-- Saisonal Highlights --**/ section.saisonal-highlights {} section.saisonal-highlights .module-carousel .carousel-buttons .nav-btn { top: 32%; } section.saisonal-highlights .image-teaser figure figcaption { background-color: white; } section.saisonal-highlights .image-teaser figure .responsive-image { padding-top: 72.816%; } section.saisonal-highlights .image-teaser .entry-content { padding: 20px; } section.saisonal-highlights .image-teaser .entry-content .btn.dzt-btn.dzt-link { padding-left: 0; } section.saisonal-highlights .image-teaser .subtitle { background-color: white; padding: 12px 20px; } /* bg red */ /* section.content.saisonal-highlights.zebra-red h5, section.content.saisonal-highlights.dzt-bg-red h5 { color: white; } */ section.content.saisonal-highlights.zebra-red h3, section.content.saisonal-highlights.dzt-bg-red h3 { color: white; } section.saisonal-highlights.zebra-red .image-teaser .entry-content .dzt-link, section.saisonal-highlights.dzt-bg-red .image-teaser .entry-content .dzt-link { background: transparent; color: white !important; } /* INCLUDE */ /**-- Instagram-stories --**/ section.instagram-stories .dzt-column { margin-bottom: 30px; } section.instagram-stories .richtext { color: #ffffff; } section.instagram-stories .image-teaser figure .responsive-image { padding-top: 100%; } section.instagram-stories .image-teaser figure figcaption { display: none; } section.instagram-stories .story .entry-image-teaser .subtitle { padding: 12px 20px; text-align: left; height: 0; opacity: 0; transition-duration: .5s; } section.instagram-stories .story .entry-image-teaser figure:hover .subtitle { transition-duration: .5s; height: auto; opacity: 1; } section.instagram-stories .story a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } @media(max-width: 767px) { section.instagram-stories .container { padding-left: 20px; padding-right: 20px; } section.instagram-stories .dzt-column { margin-bottom: 15px; padding-right: 7.5px; padding-left: 7.5px; } } /* INCLUDE */ /**-- Story Wall--**/ section.story-wall {} section.story-wall .story-wall-content { margin-top: 50px; } section.story-wall figure figcaption { width: 100%; padding: 10px 20px; font-size: 0.85em; font-weight: normal; max-width: 78%; background-color: white; } section.story-wall .image-teaser .entry-content { padding: 20px; } section.story-wall .image-teaser .entry-content h5 { color: #51504D; } section.story-wall .image-teaser .entry-content .entry-content-body { display: none; } section.story-wall .image-teaser .responsive-image-v2 { background-color: #F5F3EF; } section.story-wall article .figure-responsive { padding-top: 100%; } section.story-wall .module-carousel .carousel-buttons .nav-btn { top: 36%; } /* INCLUDE */ /* -- Slider -- */ .module-carousel { position: relative; } .module-carousel .carousel-buttons { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: white; pointer-events: none; } .module-carousel .carousel-buttons.hidden { display: none; } .module-carousel .carousel-buttons .nav-btn { position: absolute; /*margin-top: -40px;*/ margin-top: -25px; z-index: 100; cursor: pointer; background-color: #d10019; padding: 13px; text-shadow: none; top: 50%; font-size: 28px; font-size: 24px; font-weight: bold; pointer-events: all; } .module-carousel.display-dots .carousel-buttons .nav-btn { margin-top: -38px; } .module-carousel.item-display-toptips .carousel-buttons .nav-btn, .module-carousel.item-display-standard .carousel-buttons .nav-btn { top: 33.33%; } @media(min-width: 993px) and (max-width: 1139px) { .module-carousel.item-display-toptips .carousel-buttons .nav-btn, .module-carousel.item-display-standard .carousel-buttons .nav-btn { top: 23.33%; } } @media(min-width: 1140px) { .module-carousel.item-display-toptips .carousel-buttons .nav-btn, .module-carousel.item-display-standard .carousel-buttons .nav-btn { top: 24%; } } /* .module-carousel.item-display-standard.display-dots .carousel-buttons .nav-btn, .module-carousel.item-display-toptips.display-dots .carousel-buttons .nav-btn { top: 25%; } @media(min-width: 1400px) { .module-carousel.item-display-toptips .carousel-buttons .nav-btn, .module-carousel.item-display-standard .carousel-buttons .nav-btn { top: 30%; } } */ .zebra-red .module-carousel .carousel-buttons .nav-btn, .dzt-bg-red .module-carousel .carousel-buttons .nav-btn { background-color: white; color: #51504D; } .module-carousel .carousel-buttons .nav-btn.btnPrev { left: -30px; } .module-carousel .carousel-buttons .nav-btn.btnNext { right: -30px; } /* ????? */ .module-carousel .owl-controls { margin-top: 30px; } .module-carousel.display-dots { margin-bottom: 48px; } .hero-slider-wrapper .module-carousel .owl-theme .owl-dots, .hero-slider-wrapper .module-carousel .owl-theme .owl-nav.disabled+.owl-dots { /*margin-top: 40px;*/ margin-top: 20px; position: absolute; left: 0; right: 0; } .module-carousel .owl-dots .owl-dot { vertical-align: middle; } .module-carousel .owl-dots .owl-dot span { transition: all .3s; width: 15px; height: 4px; margin: 0 5px; background-color: #A09E98; border-radius: 0; /*border-top: 1px solid white;*/ /*border-bottom: 1px solid white;*/ } /*Outline when slider dots in focus*/ .module-carousel .owl-dots .owl-dot:focus-visible{ outline:2px solid; outline-color: #d10019; } .zebra-red .module-carousel .owl-dots .owl-dot:focus-visible, .dzt-bg-red .module-carousel .owl-dots .owl-dot:focus-visible, .theme-navigation .mobile-view.module-carousel .owl-dots .owl-dot:focus-visible { outline:2px solid; outline-color: #ffffff; } /*-------------END------------*/ .module-carousel .owl-dots .owl-dot.active span { width: 30px; height: 6px; background-color: #d10019; border-color: #d10019; } .module-carousel .owl-dots .owl-dot span { border-color: transparent; } .zebra-red .module-carousel .owl-dots .owl-dot span, .dzt-bg-red .module-carousel .owl-dots .owl-dot span, .theme-navigation .mobile-view.module-carousel .owl-dots .owl-dot span { border-color: #d10019; } .zebra-red .module-carousel .owl-dots .owl-dot.active span, .dzt-bg-red .module-carousel .owl-dots .owl-dot.active span, .theme-navigation .mobile-view.module-carousel .owl-dots .owl-dot.active span { background-color: white; border-color: white; } .module-carousel .owl-dots .owl-dot span:before { display: none; } /*-------------NWSDZT-633------------*/ section.related-article .module-carousel .carousel-slider a.wrap-link:focus-visible{ border: 2px solid; border-color: #d10019; padding: 5px; } @media(max-width: 767px) { .module-carousel .carousel-buttons { /*display: none; visibility: hidden;*/ } .module-carousel .carousel-buttons .nav-btn.btnPrev { left: -15px; } .module-carousel .carousel-buttons .nav-btn.btnNext { right: -15px; } .theme-navigation .module-carousel .carousel-buttons .nav-btn.btnPrev, .theme-navigation .module-carousel .carousel-buttons .nav-btn.btnNext{ background-color: #ffffff; color: #d10019; } } /* INCLUDE */ /*-- Pagination --*/ body.content .pagination { margin: 60px auto 0 auto; } body.content .pagination .page-item { } body.content .pagination .page-item .page-link { border: none; border-radius: 0; margin:0; line-height: 2; color: #51504D; } body.content .pagination .page-item a.active, body.content .pagination .page-item.active .page-link { color: #d10019; font-weight: bold; background-color: transparent; } body.content .pagination li.page-item:last-child .page-link, body.content .pagination li.page-item:first-child .page-link { color: white; background-color: #d10019; margin: 0 38px; height: 50px; width: 50px; } body.content .pagination li.page-item .page-link .dzt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 32px; } /* INCLUDE */ /**-- Article --**/ .deep-list-masonry-grid { margin-right: -20px; } /*-- deep-list-masonry-grid Filter --*/ .deep-list-masonry-grid .deep-content-filter { margin-bottom: 2em; } .deep-list-masonry-grid .deep-content-filter li.active { } .deep-list-masonry-grid .deep-content-filter li.active >a { border-bottom: 2px solid #d10019; color: #d10019; font-weight: bold; } .deep-list-masonry-grid .deep-content-filter li { margin: 0 16px; } .deep-list-masonry-grid .deep-content-filter li > a { color: #51504D; } .deep-list-masonry-grid .deep-content-filter li > a, .deep-list-masonry-grid .deep-content-filter li.active >a { padding-left: 1px; padding-right: 1px; font-weight: bold; font-size: 1.25em; } .deep-list-no-image { margin-right: -10px; margin-left: -10px; } .article-list { justify-content: left; } .article-list:after { content:""; display: block; clear: both; } .article-list .grid-sizer, .article-list .list-item { width: 30.33%; width: calc(33.33% - 20px); } .article-list.grid-2 .grid-sizer, .article-list.grid-2 .list-item { width: 48%; width: calc(50% - 20px); } .article-list .list-item { margin-bottom: 3rem } .article-list .image-teaser figure.figure-responsive { /*padding-top: 0;*/ padding-top: 100%; } .article-list .image-teaser figure.figure-responsive .responsive-image-v2 { /* position: relative; padding-top: 100%; top: auto; left: auto; right: auto; bottom: auto; z-index: 0; */ z-index: 0; } .article-list .image-teaser figure.figure-responsive .layer-tint { background: linear-gradient(0deg, #00000011 0%, transparent 30%); z-index: 0; } .article-list .image-teaser figure { display: block; } .article-list .image-teaser figure .responsive-image { padding-top: 100%; } .article-list .responsive-image:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #00000011 0%, transparent 30%); /* background: #00000012; */ /* box-shadow: inset 0 0 60px 0px #00000033; */ } /* -- .article-list .image-teaser figure figcaption { display: none; } **/ .article-list .image-teaser .entry-content { display: block; /* don't remove */ padding: 20px; background-color: white; margin-right: 20px; margin-top: -50px; color: #51504D; /* test animation */ transition-duration: .3s; } .article-list .image-teaser:hover .entry-content { box-shadow: 0 0 5px #00000014; transition-duration: .6s; } .article-list .image-teaser .entry-content a { padding-top: 10px; } .article-list .image-teaser .entry-content p { color: #51504D; } /* .article-list .entry-content a.dzt-link { margin-top: 15px; } */ .article-list .entry-content-headline, .article-list .image-teaser .entry-content h5 { font-size: 1.875em; margin-bottom: 15px; } .zebra-red .article-list .entry-content-headline, .dzt-bg-red .article-list .entry-content-headline { color: #51504D; } .cluster-container .show-more { } .article-list.no-image { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -webkit-column-width: auto; -moz-column-width: auto; column-width: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; } .article-list .image-teaser.tile-no-image { margin: 10px; color: #ffffff; } _:-ms-fullscreen, :root .article-list.no-image { display: block; } _:-ms-fullscreen, :root .article-list .image-teaser.tile-no-image { float: left; min-height: 420px; } .article-list .image-teaser.tile-no-image:nth-child(even) { background-color: #A09E98; } .article-list .image-teaser.tile-no-image:nth-child(odd) { background-color: #51504D; } .article-list .image-teaser.tile-no-image:hover { background-color: #d10019; } .article-list .image-teaser.tile-no-image .entry-content { display: block; /* don't remove */ margin-top: 0; color: #ffffff; background-color: transparent; } .article-list .image-teaser.tile-no-image .entry-content h5 { margin-bottom: 30px; } .article-list .image-teaser.tile-no-image .entry-content .dzt-text-red { color: white !important; } /* more variance in masonry grid */ .article-list.masonry-grid .image-teaser:nth-child(2n) figure.figure-responsive { padding-top: 60% !important; } @media (max-width: 1339px) { .article-list { } .article-list .tile-no-image.list-item, .article-list .list-item, .article-list .grid-sizer { width: 48%; width: calc(50% - 20px); } .article-list.grid-2 .tile-no-image.list-item, .article-list.grid-2 .list-item, .article-list.grid-2 .grid-sizer { width: 100%; } } @media (max-width: 767px) { .deep-list-masonry-grid { margin-right: 0; } .article-list { } .article-list .tile-no-image.list-item, .article-list .list-item, .article-list .grid-sizer { width: 100%; } } /* INCLUDE */ /*-- section-accordeon - Action folder --*/ body.content .section-accordeon { border-bottom: 1px solid #e1e1e1; padding: 0; margin: 10px 0; background-color: #F5F3EF; } body.content .section-accordeon .headline { cursor: pointer; padding: 20px; position: relative; margin-bottom: 0; display: block; color: #d10019; } body.content .section-accordeon .headline:after { content: "\e939"; font-family: "Linearicons"; color: #d10019; display: inline-block; font-size: 24px; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); } body.content .section-accordeon .headline.plus-minus:after { content: "\e937"; } body.content .section-accordeon .headline.collapsed { color: #51504D; } body.content .section-accordeon .headline.collapsed:after { content: "\e93a"; } body.content .section-accordeon .headline.plus-minus.collapsed:after { content: "\e936"; } body.content .section-accordeon .accordeon-wrap { padding: 5px 20px; } /* INCLUDE */ /**-- E-Brochure --**/ .brochure { display: flex; flex-direction: row; } .brochure .brochure-cover { flex-grow: 1; width: 40%; } /* old */ .brochure .brochure-cover figure .responsive-image { background-size: contain; padding-top: 100%; } /* new */ .brochure .brochure-cover figure.figure-responsive { padding-top: 100%; } .brochure .brochure-cover figure .responsive-image-v2 { background-size: contain; } .brochure { padding: 20px; margin-bottom: 10px; background-color: #F5F3EF; } .brochure .brochure-cover .responsive-image-v2 { background-position: 0% 50%; } .brochure .brochure-content { flex-grow: 2; align-self: center; } .brochure .brochure-content .brochure-headline, .brochure .brochure-content .brochure-body { line-height: 24px; } .brochure .brochure-content .brochure-headline { font-weight: 600; } .brochure .brochure-content .brochure-links a { color: #51504D; } .brochure .brochure-content .brochure-links a::before, .brochure .brochure-content .brochure-links a::after { margin-left: 20px; vertical-align: baseline; color: #d10019; } .brochure .brochure-content .brochure-headline + .brochure-links, .brochure .brochure-content .brochure-body + .brochure-links { margin-top: 20px; } /** -- Download --**/ a.type-download.type-download-block { padding: 20px 45px 20px 20px; display: block; margin-top: 10px; border: 0; background-color: #F5F3EF; color: #51504D; } a.type-download.type-download-block:hover:after, a.type-download.type-download-block:hover { background-color: #d10019; color: #ffffff; } a.type-download.type-download-block .media-info { font-size: 1em; display: block; } a.type-download.type-download-block:after { position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); color: #d10019; } @media (min-width: 768px) { a.type-download.type-download-block { padding-right: 140px; } a.type-download.type-download-block .media-info { position: absolute; right: 50px; top: 50%; transform: translate(0, -50%); } } /* INCLUDE */ /**-- More Events --**/ .events-more { background-color: #F5F3EF; } .events-more figure { z-index: -1; } .events-more .image-teaser .subtitle { background-color: white; padding-left: 20px; } .events-more .entry-content { padding: 20px; margin-right: 20px; } .events-more .module-carousel .carousel-buttons .nav-btn { top: 32%; } @media print { section.related-article { display: none; } } /**-- Related Article --**/ .related-article .figure-responsive { padding-top: 72.5%; } .related-article .figure-responsive .responsive-image-v2 { } .related-article .image-teaser .subtitle { background-color: white; } .related-article .entry-content { padding: 20px; margin-right: 20px; } .related-article .module-carousel .carousel-buttons .nav-btn { top: 32%; } /*-- Event Box --*/ body.content .related-article figure .responsive-image, body.content .events-more figure .responsive-image { padding-top: 76.2%; } /* INCLUDE */ /**-- Gallery Slider--**/ section.content.gallery-slider { padding-top: 20px; padding-bottom: 60px; } .gallery-slider .module-carousel .owl-theme .owl-dots { position: absolute; bottom: -60px; left: 50%; transform: translate(-50%,-50%); top: auto; } .gallery-slider .owl-item .image-teaser.big .subtitle, .gallery-slider .owl-item .entry-content { display: none; } .gallery-slider .owl-item.active .image-teaser.big .subtitle, .gallery-slider .owl-item.active .entry-content { display: block; } .gallery-slider .image-teaser .entry-content { background-color: white; margin-top: -50px; position: relative; z-index: 1; } .gallery-slider .module-carousel .carousel-buttons .nav-btn.btnPrev { left: -30px; top: 50%; margin-top: -45px; margin-top: 0; transform: translate(0, -50%); } .gallery-slider .module-carousel .carousel-buttons .nav-btn.btnNext { right: -30px; top: 50%; margin-top: -45px; margin-top: 0; transform: translate(0, -50%); } .gallery-slider.content-absolute .image-teaser .entry-image-teaser figure .responsive-image { padding-top: 46.2%; } .gallery-slider.content-absolute .image-teaser .entry-image-teaser figure img { min-height: 540px; object-fit: cover; } .gallery-slider.content-absolute .image-teaser .entry-content { position: absolute; left: 0; bottom: 0; width: 95%; } .gallery-slider.content-absolute .module-carousel .carousel-buttons .nav-btn.btnPrev { top: 50%; } .gallery-slider.content-absolute .module-carousel .carousel-buttons .nav-btn.btnNext { top: 50%; } section.content.gallery-slider .image-teaser.big .subtitle { padding: 10px 20px; } @media(max-width: 767px) { .module-carousel .image-teaser.big .figure-responsive { padding-top: 75%; } .mobile-square .module-carousel .image-teaser.big .figure-responsive { padding-top: 100%; } .image-teaser.top-100.big .subtitle { display: none; } /* .image-teaser.top-100.big .figure-responsive .responsive-image-v2 { background-image: url(/media/de/resources/img/dzt_top100_slide_1600x900_v2_mobile_750.png) !important; } */ .gallery-slider .module-carousel .carousel-buttons .nav-btn.btnPrev { left: -15px; } .gallery-slider .module-carousel .carousel-buttons .nav-btn.btnNext { right: -15px; } } @media(min-width: 1339px) { } @media(min-width: 1140px) { .gallery-slider .module-carousel { /*max-height: 85vh;*/ } .gallery-slider .figure-responsive { /*width: auto;*/ /*height: 65vh;*/ /*padding-top: 0;*/ } .gallery-slider .figure-responsive .responsive-image-v2 { background-position: 50% 0%; } .gallery-slider .module-carousel .carousel-buttons .nav-btn.btnPrev { left: calc(25% + 4px - 25px); } .gallery-slider .module-carousel .carousel-buttons .nav-btn.btnNext { right: calc(25% + 4px - 25px); } .gallery-slider .figure-responsive .responsive-image-v2 { filter: brightness(0.75); transition-duration: .2s; } .gallery-slider .owl-item.active.center .figure-responsive .responsive-image-v2 { filter: none; } .gallery-slider .owl-item.active .image-teaser.big .subtitle { display: none; } .gallery-slider .owl-item.active.center .image-teaser.big .subtitle { display: block; } } /* INCLUDE */ /**-- Top List --*/ .top-list ul{ padding: 20px; background-color: #F5F3EF; } .top-list li a { padding: 15px 45px; } .top-list li a:before { counter-increment: section; content: counter(section); display: inline-block; vertical-align: middle; background-color: #d10019; color: white; position: absolute; left: 0; top: 50%; width: 30px; height: 30px; transform: translate(0, -50%); text-align: center; } /**-- Top 10 List --*/ .top-10-liste .image-teaser { margin: 15px auto; } .top-10-liste .image-teaser .entry-content { background-color: rgba(255,255,255,.75); } .top-10-liste article.default-image { border: 1px solid #0000000a; } .top-10-liste article.default-image .responsive-image-v2 { filter: brightness(0.98); } /*-- MOVED FROM FURTHER DOWN IN 001_base SYLESHEET --*/ /*-- Top Liste Hightlight --*/ body.content .top-10-liste .image-teaser { /*width: 50%; width: calc(50% - 20px); */ overflow: hidden; } body.content .top-10-liste .top-10-list-headline { margin-bottom: 40px; color: #d10019; } body.content .top-10-liste .image-teaser .subtitle { font-size: 1.25em; line-height: 1.4; font-weight: bold; width: 90%; padding-right: 40px; box-shadow: 0 0 5px #00000014; } body.content .top-10-liste .image-teaser .subtitle:after { content: "\e9cc"; font-family: "dzt-icon-font"; font-size: 16px; display: inline-block; position:absolute; right: 20px; top: 50%; transform: translate(0, -50%); color: #d10019; } body.content .top-10-liste .image-teaser .entry-content { padding: 18px 40px 18px 20px; background-color: rgba(255,255,255,.90); } body.content .top-10-liste article .entry-content h5 { margin: 0; } body.content .top-10-liste article .figure-responsive, body.content .top-10-liste article figure .responsive-image { padding-top: 100%; } body.content .top-10-liste article .dzt-link:after { content: "\e9cf"; font-size: 16px; /*font-weight: 300;*/ font-weight: 400; } /* INCLUDE */ /**-- Tipp-Box --*/ .tipp-box { margin: 60px 0; } .tipp-box .text-wrap { background-color: #F5F3EF; padding: 30px; } .tipp-box .text-wrap.zebra-white { background-color: #ffffff; } .tipp-box .text-wrap.zebra-red { color: #ffffff; background-color: #d10019; } .tipp-box .text-wrap.zebra-red a { color: #ffffff; } .tipp-box .text-wrap.zebra-red a.dzt-btn { background-color: #ffffff; color: #51504D; } .tipp-box .text-wrap .headline { position: relative; } .tipp-box .text-wrap .headline.has-icon { padding-left: 48px; } .tipp-box .text-wrap .icon, .tipp-box .text-wrap .dzt { position: absolute; font-size: 36px; left: 0; top: 50%; transform: translateY(-50%); } .tipp-box .text-wrap .body p:last-child { margin-bottom: 0; } /* INCLUDE */ /**-- section-filter-content --**/ .section-filter-content {} .section-filter-content .container-collapsable { background-color: #F5F3EF; position: relative; } .section-filter-content .container-collapsable .container { position: relative; } .section-filter-content .container-collapsable .container:after { content: ""; display: block; width: 20px; height: 20px; transform: rotate(45deg); position: absolute; right: 10%; top: -60px; margin-left: -10px; background: #F5F3EF; } .section-filter-content .container-collapsable .btnClose { position: absolute; right: 25px; top: 25px; color: #d10019; cursor: pointer; } .section-filter-content .criteria-item input.form-check-input { position: absolute; opacity: 0; } .section-filter-content .criteria-item label { font-weight: normal; position: relative; cursor: pointer; padding: 0; padding-left: 40px; position: relative; line-height: 1.5em; margin-bottom: 18.5px; } .section-filter-content .criteria-item label:before { content: ''; display: inline-block; vertical-align: text-top; width: 24px; height: 24px; background: white; border: 1px solid #ccc; position: absolute; top: 5px; left: 0; } .section-filter-content .criteria-item label:after { content: ''; display: inline-block; vertical-align: text-top; width: 10px; height: 10px; background-color: #d10019; position: absolute; left: 7.5px; top: 12px; display: none; } .section-filter-content .criteria-item label:hover, .section-filter-content .criteria-item .form-check-input:checked + label { color: #d10019; } .section-filter-content .criteria-item .form-check-input:checked + label:before, .section-filter-content .criteria-item label:hover:before { border-color: #d10019; } .criteria-item .form-check-input:checked + label:after { display: block; } /** --- Input-field --**/ .deep-content-filter .search-field { position: relative; } .deep-content-filter .search-field .input-search { padding-left: 40px; height: 50px; border-radius: 0; } .deep-content-filter .search-field .iconSearch { position: absolute; top: 50%; transform: translate(10px, -50%); } /* INCLUDE */ /**-- deep-list-overview-tile --**/ .deep-list-overview-tile { overflow-x: hidden; } /*-- deep-list-overview-tile Filter --*/ .deep-list-overview-tile .deep-content-filter {} .deep-list-overview-tile .deep-content-filter li.active {} .tab-section.deep-list-overview-tile .deep-content-filter li a.active, .deep-list-overview-tile .deep-content-filter li.active>a { border-bottom: 2px solid #d10019; color: #d10019; font-weight: bold; } .deep-list-overview-tile .deep-content-filter li { margin: 0 16px; } .deep-list-overview-tile .deep-content-filter li>a { color: #51504D; } .tab-section.deep-list-overview-tile .deep-content-filter li a.active, .deep-list-overview-tile .deep-content-filter li>a, .deep-list-overview-tile .deep-content-filter li.active>a { padding-left: 1px; padding-right: 1px; font-weight: bold; font-size: 1.25em; } /* -- Zebra red -- */ .zebra-red .deep-content-filter li a.active, .zebra-red .deep-content-filter li>a, .zebra-red .deep-content-filter .deep-content-filter li.active>a { color: #ffffff; } .tab-section.deep-list-overview-tile.zebra-red .deep-content-filter li a.active, .zebra-red .tab-section.deep-list-overview-tile .deep-content-filter li a.active, .zebra-red .deep-list-overview-tile .deep-content-filter li.active>a { border-bottom: 2px solid #ffffff; color: #ffffff; } .zebra-red .deep-list-overview-tile .content-detail .content-detail-outer:before, .zebra-red .deep-list-overview-tile .content-detail .content-detail-outer:after, .zebra-red .deep-list-overview-tile .content-detail .content-detail-outer { background-color: #ffffff; } .zebra-red .deep-list-overview-tile .content-detail .introtext p, .zebra-red.deep-list-overview-tile .content-detail .introtext p, .zebra-red.deep-list-overview-tile .content-detail, .zebra-red .deep-list-overview-tile .content-detail { color: #51504D; } .zebra-red .deep-list-overview-tile .content-detail .more *, .zebra-red .deep-list-overview-tile .content-detail article h3 { color: #d10019; } /* -- zebra-light-grey -- */ .zebra-light-grey.deep-list-overview-tile .content-detail, .zebra-light-grey .deep-list-overview-tile .content-detail { color: #51504D; } .zebra-light-grey .deep-list-overview-tile .content-detail .content-detail-outer:before, .zebra-light-grey .deep-list-overview-tile .content-detail .content-detail-outer:after, .zebra-light-grey .deep-list-overview-tile .content-detail .content-detail-outer { background-color: #ffffff; } .zebra-light-grey .deep-list-overview-tile .content-detail .introtext p, .zebra-light-grey.deep-list-overview-tile .content-detail .introtext p, .zebra-light-grey.deep-list-overview-tile .content-detail, .zebra-light-grey .deep-list-overview-tile .content-detail { color: #51504D; } .zebra-light-grey .deep-list-overview-tile .content-detail .more *, .zebra-light-grey .deep-list-overview-tile .content-detail article h3 { color: #d10019; } .deep-list-overview-tile .list-tile { display: block; line-height: 1; } .deep-list-overview-tile .list-tile .dzt-column { display: inline-block; flex: none; float: none; width: 25%; padding: 0; line-height: 1; } .deep-list-overview-tile .list-tile.grid-3 .dzt-column { width: 33.33%; } .deep-list-overview-tile .list-tile.grid-2 .dzt-column { width: 50%; } .deep-list-overview-tile .dzt-column article { position: relative; margin: 10px; cursor: pointer; } .deep-list-overview-tile .image-teaser a.wrap-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; display: block; } .deep-list-overview-tile .image-teaser .entry-content { position: absolute; bottom: 0; left: 0; background-color: rgba(255, 255, 255, .8); width: 93%; } .deep-list-overview-tile .image-teaser .entry-content h5 { line-height: 1.4; margin-bottom: 0; padding: 20px; } .deep-list-overview-tile .image-teaser .figure-responsive { padding-top: 100%; box-shadow: 1px 2px 12px rgba(0, 0, 0, .15); } .site-corona_info .deep-list-overview-tile .image-teaser .figure-responsive { padding-top: 56.2%; box-shadow: none; } .deep-list-overview-tile .image-teaser.gallery_image .figure-responsive { padding-top: 56.2%; box-shadow: none; } .deep-list-overview-tile .content-detail .media-gallery { margin-top: 35px; } .zebra-red .deep-list-overview-tile .content-detail .media-gallery .carousel-buttons .btnPrev, .zebra-red .deep-list-overview-tile .content-detail .media-gallery .carousel-buttons .btnNext { color: #ffffff; background-color: #d10019; } /*@media(min-width: 768px) { .deep-list-overview-tile .image-teaser.mobile_600 .figure-responsive, .carousel-slider .image-teaser.mobile_600 .figure-responsive { padding-top: 66.67%; } }*/ .deep-list-overview-tile .image-teaser .subtitle { font-size: 1.2em; line-height: 1.4; text-align: left; padding-right: 48px; } .deep-list-overview-tile .image-teaser .subtitle:after { content: "\e944"; vertical-align: middle; padding-left: 10px; font-family: 'Linearicons'; display: inline-block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #d10019; } .deep-list-overview-tile .image-teaser.active .subtitle:after { content: "\e939"; transition-duration: .5s; } .deep-list-overview-tile.collapse-target-internal .image-teaser .subtitle, .deep-list-overview-tile.collapse-target-external .image-teaser .subtitle { padding-right: 40px; } .deep-list-overview-tile.collapse-target-internal .image-teaser .subtitle:after, .deep-list-overview-tile.collapse-target-external .image-teaser .subtitle:after { padding-left: 10px; color: #d10019; content: "\e944"; font-family: "Linearicons"; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%) } .deep-list-overview-tile.collapse-target-internal .image-teaser .subtitle:after { content: "\e944"; /*font-family: "Linearicons";*/ } .deep-list-overview-list .article-list .image-teaser .entry-content .dzt-link, .deep-list-overview .article-list .image-teaser .entry-content .dzt-link { margin-top: 15px; } /* Deep List Text-teaser */ .deep-list-overview-tile .text-teaser {} .deep-list-overview-tile.no-image .list-tile .dzt-column { vertical-align: top; } .deep-list-overview-tile.no-image .list-tile article.tile { margin: 10px; color: #ffffff; } .deep-list-overview-tile.no-image .list-tile .dzt-column:nth-child(even) article { background-color: #A09E98; } .deep-list-overview-tile.no-image .list-tile .dzt-column:nth-child(odd) article { background-color: #51504D; } .deep-list-overview-tile.no-image .list-tile .dzt-column .image-teaser.active, .deep-list-overview-tile.no-image .list-tile .dzt-column:hover article { background-color: #d10019; } .deep-list-overview-tile.no-image .image-teaser .subtitle { color: #ffffff; background-color: transparent; } /* .deep-list-overview-tile.no-image .list-tile article:hover { background-color: #d10019 !important; } */ .list-tile .text-teaser .entry-content { display: block; /* don't remove */ margin-top: 0; color: #ffffff; background-color: transparent; } .list-tile .text-teaser .entry-content h5 { margin-bottom: 30px; } .list-tile .text-teaser .entry-content .dzt-text-red { color: white !important; } .show-more a.dzt-btn { overflow-anchor: none; } /*-- deep-list-overview-tile Detail --*/ .deep-list-overview-tile .content-detail { float: left; /*display: none;*/ width: 100%; /*background-color: #d10019;*/ color: #ffffff; position: relative; /*box-shadow: 0 0 7px -1px rgba(0,0,0,.5);*/ overflow-x: visible !important; text-align: left; } .deep-list-overview-tile .content-detail .backdrop { position: absolute; top: 2em; left: -50vw; width: 150vw; bottom: 2em; background-color: #d10019; z-index: -1; box-shadow: 0 0 7px -1px rgba(0, 0, 0, .5); } .deep-list-overview-tile .content-detail .content-detail-outer { display: none; margin: 2em 0; position: relative; } .deep-list-overview-tile .content-detail .content-detail-inner { /*display: none;*/ padding: 75px 20px; } .deep-list-overview-tile .content-detail.is-open .content-detail-outer:before, .deep-list-overview-tile .content-detail.is-open .content-detail-outer:after { transition-duration: .3s; top: -10px; opacity: 1; } .deep-list-overview-tile .content-detail .content-detail-outer:before, .deep-list-overview-tile .content-detail .content-detail-outer:after { content: ""; display: block; opacity: 0; width: 20px; height: 20px; transform: rotate(45deg); position: absolute; left: 12.5%; top: 10px; margin-left: -10px; background-color: #d10019; } .deep-list-overview-tile .content-detail.index-1 .content-detail-outer:before, .deep-list-overview-tile .content-detail.index-1 .content-detail-outer:after { left: 37.5%; /*background-color: #d10019;*/ } .deep-list-overview-tile .content-detail.index-2 .content-detail-outer:before, .deep-list-overview-tile .content-detail.index-2 .content-detail-outer:after { left: 62.5%; } .deep-list-overview-tile .content-detail.index-3 .content-detail-outer:before, .deep-list-overview-tile .content-detail.index-3 .content-detail-outer:after { left: 87.5%; } .deep-list-overview-tile .grid-3 .content-detail.index-0 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-0 .content-detail-outer:after { left: 17.5%; } .deep-list-overview-tile .grid-3 .content-detail.index-1 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-1 .content-detail-outer:after { left: 50%; } .deep-list-overview-tile .grid-3 .content-detail.index-2 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-2 .content-detail-outer:after { left: 82.5%; } .deep-list-overview-tile .grid-2 .content-detail.index-0 .content-detail-outer:before, .deep-list-overview-tile .grid-2 .content-detail.index-0 .content-detail-outer:after, .deep-list-overview-tile .grid-2 .content-detail.index-2 .content-detail-outer:before, .deep-list-overview-tile .grid-2 .content-detail.index-2 .content-detail-outer:after { left: 25%; } .deep-list-overview-tile .grid-2 .content-detail.index-1 .content-detail-outer:before, .deep-list-overview-tile .grid-2 .content-detail.index-1 .content-detail-outer:after, .deep-list-overview-tile .grid-2 .content-detail.index-3 .content-detail-outer:before, .deep-list-overview-tile .grid-2 .content-detail.index-3 .content-detail-outer:after { left: 75%; } .deep-list-overview-tile .content-detail .btnClose { position: absolute; top: 25px; /*right: 10px;*/ right: -40px; color: white; display: none; line-height: 1; text-align: center; padding: 8px; cursor: pointer; } .deep-list-overview-tile .content-detail.is-open .btnClose { display: block; } .deep-list-overview-tile .content-detail .headerWrapper { margin: 30px 0 25px 0; } .deep-list-overview-tile .content-detail .headerWrapper img { width: 100%; /* max-width: 600px; max-height: 600px;*/ box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, .15); } .deep-list-overview-tile .content-detail .introtext { font-size: 1em; line-height: 1.75; margin-top: 35px; } .deep-list-overview-tile .content-detail .more { margin-top: 40px; } .deep-list-overview-tile .content-detail .dzt-link { font-weight: bold; } .deep-list-overview-tile .content-detail .mod-minimap { max-width: 300px; margin-left: auto; margin-right: auto; } .deep-list-overview-tile .content-detail .mod-minimap .minimap-layer-marker { position: absolute; top: 1rem; left: 1rem; right: 1rem; bottom: 1rem; } /*-- deep-list-overview-tile Pagination --*/ .deep-list-overview-tile .pagination {} body.content .deep-list-overview-tile .pagination { margin-top: 40px; margin-bottom: 70px; padding-left: 0px; padding-right: 0px; margin-left: 0; margin-right: 0; width: 100%; display: flex; } /* */ .deep-list-overview-tile .pagination .page-item .page-link { border: none; border-radius: 0; margin: 0; line-height: 2; } .deep-list-overview-tile .pagination .page-item.active .page-link { color: #d10019; font-weight: bold; background-color: transparent; } .deep-list-overview-tile .pagination li.page-item:last-child .page-link, .deep-list-overview-tile .pagination li.page-item:first-child .page-link { color: white; background-color: #d10019; margin: 0 38px; padding: 1px; } @media(min-width:1140px) { .deep-list-overview-tile.no-image .list-tile.grid-4 .dzt-column:nth-child(8n+1) article, .deep-list-overview-tile.no-image .list-tile.grid-4 .dzt-column:nth-child(8n+3) article, .deep-list-overview-tile.no-image .list-tile.grid-4 .dzt-column:nth-child(8n+6) article, .deep-list-overview-tile.no-image .list-tile.grid-4 .dzt-column:nth-child(8n+8) article { background-color: #A09E98; } .deep-list-overview-tile.no-image .list-tile.grid-4 .dzt-column:nth-child(8n+2) article, .deep-list-overview-tile.no-image .list-tile.grid-4 .dzt-column:nth-child(8n+4) article, .deep-list-overview-tile.no-image .list-tile.grid-4 .dzt-column:nth-child(8n+5) article, .deep-list-overview-tile.no-image .list-tile.grid-4 .dzt-column:nth-child(8n+7) article { background-color: #51504D; } //*** grid 3 Coloumns **/ .deep-list-overview-tile.no-image .list-tile.grid-3 .dzt-column article { background-color: #A09E98; } .deep-list-overview-tile.no-image .list-tile.grid-3 .dzt-column:nth-child(odd) article { background-color: #51504D; } /* -- grid - 2*/ .deep-list-overview-tile.no-image .list-tile.grid-2 .dzt-column article { background-color: #A09E98; } .deep-list-overview-tile.no-image .list-tile.grid-2 .dzt-column:nth-child(4n+1) article, .deep-list-overview-tile.no-image .list-tile.grid-2 .dzt-column:nth-child(4n+4) article { background-color: #51504D; } } @media(min-width:767px) and (max-width:1139px) { .deep-list-overview-tile .image-teaser .subtitle { font-size: 1.20em; /*padding: 12px 15px;*/ } .deep-list-overview-tile .list-tile .dzt-column { width: 33.33%; } .deep-list-overview-tile .list-tile.grid-3 .dzt-column { width: 50%; } .deep-list-overview-tile .content-detail.index-0 .content-detail-outer:before, .deep-list-overview-tile .content-detail.index-0 .content-detail-outer:after { left: 17.5%; } .deep-list-overview-tile .content-detail.index-1 .content-detail-outer:before, .deep-list-overview-tile .content-detail.index-1 .content-detail-outer:after { left: 50%; } .deep-list-overview-tile .content-detail.index-2 .content-detail-outer:before, .deep-list-overview-tile .content-detail.index-2 .content-detail-outer:after { left: 82.5%; } /* -- grid - 3*/ .deep-list-overview-tile.no-image .list-tile.grid-3 .dzt-column article { background-color: #A09E98; } .deep-list-overview-tile.no-image .list-tile.grid-3 .dzt-column:nth-child(4n+1) article, .deep-list-overview-tile.no-image .list-tile.grid-3 .dzt-column:nth-child(4n+4) article { background-color: #51504D; } /* .deep-list-overview-tile .content-detail .content-detail-inner { padding: 75px 10%; } */ .deep-list-overview-tile .grid-3 .content-detail.index-3 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-3 .content-detail-outer:after, .deep-list-overview-tile .grid-3 .content-detail.index-1 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-1 .content-detail-outer:after { left: 75%; } .deep-list-overview-tile .grid-3 .content-detail.index-0 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-0 .content-detail-outer:after, .deep-list-overview-tile .grid-3 .content-detail.index-2 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-2 .content-detail-outer:after { left: 25%; } } @media(max-width: 767px) { .deep-list-overview-tile .list-tile.grid-2 .dzt-column, .deep-list-overview-tile .list-tile.grid-3 .dzt-column, .deep-list-overview-tile .list-tile .dzt-column { width: 100%; } .deep-list-overview-tile .dzt-column article { margin: 10px 5px; } /* 2 column colouring */ .deep-list-overview-tile.no-image .list-tile .dzt-column:nth-child(4n+1) article, .deep-list-overview-tile.no-image .list-tile .dzt-column:nth-child(4n+4) article { background-color: #A09E98; } .deep-list-overview-tile.no-image .list-tile .dzt-column:nth-child(4n+2) article, .deep-list-overview-tile.no-image .list-tile .dzt-column:nth-child(4n+3) article { background-color: #51504D; } .deep-list-overview-tile .image-teaser .subtitle { font-size: .9em; /*padding: 12px; width: 100%;*/ } .deep-list-overview-tile .content-detail .content-detail-inner { /*padding: 75px 10%;*/ padding: 75px 15px; } .deep-list-overview-tile .grid-3 .content-detail.index-3 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-3 .content-detail-outer:after, .deep-list-overview-tile .grid-3 .content-detail.index-1 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-1 .content-detail-outer:after, .deep-list-overview-tile .content-detail.index-3 .content-detail-outer:before, .deep-list-overview-tile .content-detail.index-3 .content-detail-outer:after, .deep-list-overview-tile .content-detail.index-1 .content-detail-outer:before, .deep-list-overview-tile .content-detail.index-1 .content-detail-outer:after { left: 50%; /*72%;*/ } .deep-list-overview-tile .grid-3 .content-detail.index-0 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-0 .content-detail-outer:after, .deep-list-overview-tile .grid-3 .content-detail.index-2 .content-detail-outer:before, .deep-list-overview-tile .grid-3 .content-detail.index-2 .content-detail-outer:after, .deep-list-overview-tile .content-detail.index-0 .content-detail-outer:before, .deep-list-overview-tile .content-detail.index-0 .content-detail-outer:after, .deep-list-overview-tile .content-detail.index-2 .content-detail-outer:before, .deep-list-overview-tile .content-detail.index-2 .content-detail-outer:after { left: 50%; /*25%;*/ } body.content .pagination li.page-item:last-child .page-link, body.content .pagination li.page-item:first-child .page-link { margin: 0; } } .deep-list-overview-tile.no-image .list-tile article.tile:hover { background-color: #d10019; } /**-- offline tile --**/ .deep-list-overview-tile .dzt-column article.dx-offline:after { content:""; display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(255,255,255,.75); z-index: 2; } .deep-list-overview-tile .dzt-column article.dx-offline .text-offline { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.8em; font-weight: bold; z-index: 3; } /** -- tile with article logo -- */ .deep-list-overview-tile .tile .image-teaser-logo { z-index: 2; left: 10px; top: 10px; bottom: auto; } .deep-list-overview-tile .tile .image-teaser-logo img { height: 55px; width: 55px; } /* INCLUDE */ /* Map with Slider inside Cluster Page*/ .map-slider-container{ display: flex; cursor: pointer; margin: 0 3.5rem 10rem; } .map-slider-container .minimap-article-slider, .map-slider-container .mod-minimap-wrap { border: 0; margin: 0; box-shadow: none; display: inline-block; vertical-align: top; } .map-slider-container .mod-minimap-wrap .mod-minimap-articles.mod-minimap{ margin: auto auto; width: 100%; } .map-slider-container .mod-minimap-wrap { margin: 0 auto; width: 29%; display: flex; } .map-slider-container .minimap-article-slider { width: 71% !important; margin: 0 auto; height: fit-content; font-weight: bold; } .map-slider-container .minimap-article-slider figure { padding-top: 0; } .map-slider-container .minimap-article-slider .attractions-wrapper { position: absolute; display: flex; max-height: 100%; max-width: 40%; background: rgba(255,255,255,0.9); bottom: 0; left: -2px; } .minimap-article-slider .attractions-text-wrapper{ padding: 2rem; display: flex; flex-direction: column; } .minimap-article-slider .attractions-text{ font-weight: normal; overflow: hidden; } .map-slider-container .dzt-text-red{ align-self: end; padding-top: 1rem; } body.content .map-slider-container ul.standardList{ list-style-type: none; color: #615F5E; font-size: 1.2rem; line-height: 1.25; padding-left: 0; } .map-slider-container ul.standardList li::before{ background: none; } .map-slider-container .minimap-article-slider .attractions-subtitle { color: #615F5E; font-size: 1.875em; margin-bottom: 15px; line-height: 1.2; } .map-slider-container ul.standardList li:nth-child(n+20) { display: none; } .mtk-infowindow-tooltip.tooltip .tooltip-infowindow { position: relative; } .mtk-infowindow-tooltip.tooltip a.tooltip-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .mtk-infowindow-tooltip.tooltip img { width: 150px; height: 100px; display: block; margin-bottom: 5px; } .mtk-infowindow-tooltip.tooltip .tooltip-inner a.dx-close { margin-top: -7px; font-size: 1.5em; text-align: right; cursor: pointer; position: absolute; top: 16px; right: 4px; background: white; line-height: 1; padding: 2px; right: 10px; top: 0px; z-index: 2; cursor: pointer; display: block; background-color: #efefef; } body.touched .mtk-infowindow-tooltip.tooltip .tooltip-inner span.title { color: #d10019; } body.touched .mtk-infowindow-tooltip.tooltip .tooltip-inner span.title:after { content:"\e944"; font-family: 'Linearicons'; padding-left: 3px; vertical-align: middle; } body.touched .mtk-infowindow-tooltip.tooltip .tooltip-inner a.dx-close { display: block; } .map-slider-container .mod-minimap .minimap-marker .poi { background-image: url(https://s1.germany.travel/media/resources/img/map_marker_no_effects.svg); } .map-slider-container .mod-minimap .minimap-marker.activeInSlider .poi:hover{ background-image: url(https://s1.germany.travel/media/resources/img/map_marker_active.svg); } .map-slider-container .mod-minimap .minimap-marker.activeInSlider .poi{ background-image: url("data:image/svg+xml,%0A%3Csvg id='eKEt0bJi4do1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 500 500' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'%3E%3Cstyle%3E%3C!%5BCDATA%5B%0A%23eKEt0bJi4do7_ts %7Banimation: eKEt0bJi4do7_ts__ts 1400ms linear infinite normal forwards%7D@keyframes eKEt0bJi4do7_ts__ts %7B 0%25 %7Btransform: translate(10px,10px) scale(0.1,0.1)%7D 66.666667%25 %7Btransform: translate(10px,10px) scale(1.1,1.1)%7D 100%25 %7Btransform: translate(10px,10px) scale(0.6,0.6)%7D%7D%0A%5D%5D%3E%3C/style%3E%3Cg transform='matrix(3 0 0 3-213.25-213.25)'%3E%3Crect width='3.25' height='3.25' rx='0' ry='0' transform='translate(-1-1)' fill='none'/%3E%3C/g%3E%3Cg transform='matrix(25 0 0 25 0 0)'%3E%3Cg id='eKEt0bJi4do7_ts' transform='translate(10,10) scale(0.1,0.1)'%3E%3Cellipse rx='9' ry='9' transform='translate(0,0)' fill='%23c00418' fill-opacity='0.33' stroke='%23fff' stroke-width='0' stroke-opacity='0'/%3E%3C/g%3E%3Cellipse rx='6' ry='6' transform='translate(10 10)' fill='%2395000e' stroke='%23fff' stroke-width='0' stroke-opacity='0'/%3E%3Cellipse rx='5' ry='5' transform='translate(10 10)' fill='%23c00418' stroke='%23fff' stroke-width='0' stroke-opacity='0'/%3E%3C/g%3E%3C/svg%3E%0A"); } @media only screen and (max-width: 1000px) { .map-slider-container{ margin: 0 0 5rem; } .map-slider-container .minimap-article-slider .attractions-wrapper{ max-width: 50%; } .map-slider-container .mod-minimap-wrap { width: 100%; max-width: 600px; margin: 0 auto; } } @media only screen and (max-width: 860px) { .map-slider-container .minimap-article-slider{ display: none; } .map-slider-container .attractions-subtitle{ font-size: 1.5rem; } } /* INCLUDE */ /* -- accordeon -- */ .accordion-horizontal { width: 100%; /*height: 250px;*/ /*overflow: hidden;*/ margin: 50px auto; position: relative; } .accordion-horizontal .btn { padding: 10px 15px; color: white; color: #ffffff; display: inline-block; border-radius: 0; } .accordion-horizontal .btn:hover, .accordion-horizontal .btn:active, .accordion-horizontal .btn:focus { color: white !important; } .accordion-horizontal .overlay-extended { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; padding: 20px; background: rgba(255, 255, 255, .98); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3803921568627451); color: black; z-index: 99; transform: translateY(-30%); opacity: 0; pointer-events: none; transition-duration: .5s; z-index: -1; } .accordion-horizontal.overlay-extended-1 .overlay-extended.overlay-1, .accordion-horizontal.overlay-extended-2 .overlay-extended.overlay-2, .accordion-horizontal.overlay-extended-3 .overlay-extended.overlay-3, .accordion-horizontal.overlay-extended-4 .overlay-extended.overlay-4, .accordion-horizontal.overlay-extended-5 .overlay-extended.overlay-5 { transform: translateY(0); opacity: 1; pointer-events: all; z-index: 99; } body.path-ms.path-beethoven .accordion-horizontal .overlay-extended .btn.btn-close { float: right; margin: 0 0 10px 10px; padding: 10px; } body.path-ms.path-beethoven .accordion-horizontal .overlay-extended .btn.btn-close i { display: block; } body.path-ms.path-beethoven .accordion-horizontal .overlay-extended h2 { margin-top: 0; margin-bottom: 10px; font-size: 24px; } .accordion-horizontal ul { width: 100%; display: table; table-layout: fixed; margin: 0; padding: 0; } .accordion-horizontal ul li { display: table-cell; vertical-align: bottom; position: relative; width: 16.666%; height: 30vw; height: 250px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 500ms ease; overflow: hidden; transition: all 1000ms ease; cursor: pointer; } @media(min-width: 1140px) { .accordion-horizontal ul li { height: 420px; } } /* ---------------- doesn't work with IE11 */ /* */ /* ---------------- doesn't work with IE11 */ .accordion-horizontal ul li div { display: block; overflow: hidden; width: 100%; } .accordion-horizontal .accordion-tile .tile-header { font-size: 200%; color: white; user-select: none; line-height: 1; display: block; text-align: center; padding: 60px 0; padding: 90px 0; user-select: none; pointer-events: none; /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */ } .accordion-horizontal ul li .overlay-info { transform: translateY(-100%); height: 100%; display: block; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; /* opacity: 0; */ } .accordion-horizontal ul li .overlay-info > * { display: block; /*height: 250px;*/ width: 100%; position: relative; z-index: 3; vertical-align: bottom; padding: 15px 30px 15px 20px; box-sizing: border-box; color: #fff; text-decoration: none; transition: all 200ms ease; } .accordion-horizontal ul li .overlay-info .chapter { display: flex; flex-direction: column; justify-content: center; } .accordion-horizontal ul li div .overlay-info .headline { font-family: Helvetica, sans-serif; text-overflow: clip; font-size: 24px; /*text-transform: uppercase;*/ margin-bottom: 2px; line-height: 1; font-weight: bold; } .accordion-tile .overlay-info p { /* text-shadow: 2px 2px rgba(0, 0, 0); */ color: white; font-size: 1em; font-weight: 600; } .accordion-tile .overlay-info p:nth-child(1) { margin-bottom: 0; } .accordion-tile .overlay-info p b { /* text-shadow: 2px 2px rgba(0, 0, 0); */ font-size: 24px; } /*---Custom class for accessibility*/ .dzt-border-red{ border: 3px solid #d10019; } /* -- user interaction -- */ .accordion-horizontal .overlay-extended { bottom: auto; } .accordion-horizontal ul li:hover, .accordion-horizontal ul li.focus, .accordion-horizontal ul li:focus, .accordion-horizontal ul li.active { outline: none; width: 60%; } /*.accordion-horizontal ul:hover li:hover,*/ .accordion-horizontal ul li:hover, .accordion-horizontal ul li.focus, .accordion-horizontal ul li.active, .accordion-horizontal ul li:focus, .accordion-horizontal ul li:focus-within { width: 60%; } .accordion-horizontal ul li .accordion-tile { height: 100%; } .accordion-horizontal ul li:focus .accordion-tile { background: rgba(0, 0, 0, 0.4); } .accordion-horizontal ul li:hover .accordion-tile, .accordion-horizontal ul li.active .accordion-tile, .accordion-horizontal ul li:focus .accordion-tile, .accordion-horizontal ul li.focus .accordion-tile, .accordion-horizontal ul li:focus-within .accordion-tile { background: rgba(0, 0, 0, 0.4); } .accordion-horizontal ul li.focus .accordion-tile { background: rgba(0, 0, 0, 0.4); } .accordion-horizontal ul li:hover .overlay-info *, .accordion-horizontal ul li.focus .overlay-info *, .accordion-horizontal ul li.active .overlay-info *, .accordion-horizontal ul li:focus .overlay-info *, .accordion-horizontal ul:focus-within li:focus .overlay-info * { /*opacity: 1;*/ } /*.accordion-horizontal ul:hover li {*/ .accordion-horizontal ul:focus li { width: 8%; } /*.accordion-horizontal ul:hover li:hover {*/ .accordion-horizontal ul:focus li.focus, .accordion-horizontal ul:focus li.active, .accordion-horizontal ul:focus li:focus { width: 60%; } .accordion-horizontal li:hover .tile-header, .accordion-horizontal li.focus .tile-header, .accordion-horizontal li:focus .tile-header { opacity: 0.5; opacity: 0.2; } .accordion-horizontal li:hover .tile-header, .accordion-horizontal li.focus .tile-header, .accordion-horizontal li.active .tile-header, .accordion-horizontal li:focus .tile-header, .accordion-horizontal li:focus-within .tile-header { opacity: 0.5; opacity: 0.2; } .accordion-horizontal ul li:hover .overlay-info, .accordion-horizontal ul li.focus .overlay-info, .accordion-horizontal ul li:focus .overlay-info { transform: translateY(0); opacity: 1; transition-duration: 1s; transition-delay: 0.7s; } /*.accordion-horizontal ul:hover li:hover .chapter,*/ .accordion-horizontal ul li.focus .overlay-info, .accordion-horizontal ul li.active .overlay-info, .accordion-horizontal ul li:focus .overlay-info .accordion-horizontal ul li:focus-within .overlay-info { transform: translateY(0); opacity: 1; transition-duration: 1s; transition-delay: 0.7s; } /* -- chapter flex alignment -- */ .accordion-horizontal ul li .overlay-info { display: flex; justify-content: center; align-items: center; flex-direction: column; } /* -- Button on tile -- */ .accordion-horizontal span.tile-toogle { background-color: white; position: absolute; right: -30px; top: 50%; transform: translate(0, -50%); border-radius: 50%; padding: 30px; color: red; display: block; font-weight: bold; text-align: center; font-size: 24px; } .accordion-horizontal span.tile-toogle:before { position: absolute; left: 7px; top: 50%; transform: translate(0, -50%); } .accordion-horizontal ul li:hover .tile-toogle, .accordion-horizontal ul li.focus .tile-toogle, .accordion-horizontal ul li:focus .tile-toogle { display: none; } @media(max-width: 992px) { .accordion-horizontal span.tile-toogle { padding: 20px; right: -20px; font-size: 18px; } } @media(max-width: 600px) { .accordion-horizontal span.tile-toogle { top: 0px; transform: translate(-50%, -50%); bottom: auto; left: 50%; width: 0; padding: 30px; /* margin-top: -20px;*/ } .accordion-horizontal span.tile-toogle:before { left: 50%; top: 50%; transform: translate(-50%, 4px); } .accordion-horizontal span.tile-toogle.icon-chevron-right:before { content: "\e93a"; } } @media(max-width: 767px) { .accordion-horizontal ul li:hover, .accordion-horizontal ul li.focus, .accordion-horizontal ul li.active, .accordion-horizontal ul li:focus, .accordion-horizontal ul li:focus-within { width: 100%; } } /* .accordion-horizontal ul li .overlay-info .chapter { display: flex; } */ .accordion-horizontal ul li .overlay-info .chapter > a.dzt-link { margin-top: 10px; background-color: #d10019; color: #ffffff; } .accordion-horizontal.fit-content ul li .overlay-info .chapter > a.dzt-link { width: fit-content; } @media screen and (max-width: 600px) { body { margin: 0; } .accordion-horizontal { height: auto; } .accordion-horizontal .accordion-tile .tile-header { padding: 20px 0; transition-duration: 1s; } .accordion-horizontal li.focus .tile-header, .accordion-horizontal li:focus .tile-header, .accordion-horizontal li:focus-within .tile-header { padding: 40px 0; } .accordion-horizontal ul li, /*.accordion-horizontal ul li:hover, .accordion-horizontal ul:hover li, .accordion-horizontal ul:hover li:hover {*/ .accordion-horizontal ul li.focus, .accordion-horizontal ul li.active, .accordion-horizontal ul li:focus, .accordion-horizontal ul:focus li, .accordion-horizontal ul:focus li:focus { position: relative; display: table; table-layout: fixed; width: 100%; -webkit-transition: none; transition: none; } /* .accordion-horizontal ul:hover li:hover .chapter,*/ .accordion-horizontal ul li.focus .chapter, .accordion-horizontal ul li.active .chapter, .accordion-horizontal ul li:focus .chapter, .accordion-horizontal ul:focus-within li:focus .chapter { transform: translateY(0); opacity: 1; transition-duration: 1.2s; transition-delay: 0.1s; } .accordion-horizontal ul li {} .accordion-horizontal ul li .overlay-info .chapter { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .accordion-horizontal .tile-header { font-size: 7em; } .accordion-horizontal ul:focus-within li { width: 100%; } .accordion-horizontal ul li.focus, .accordion-horizontal ul li.active, .accordion-horizontal ul li:focus, .accordion-horizontal ul:focus-within li:focus, .accordion-horizontal ul li:focus .accordion-tile { width: 100%; height: 250px; } } @media(min-width: 601px) and (max-width: 1139px) { .accordion-horizontal .accordion-tile-introtext h3 { font-size: 1.2em; } .accordion-horizontal .accordion-tile-introtext p { line-height: 1.3; } .accordion-horizontal .chapter a.dzt-link { margin-bottom: 10px; } } /**-- Event Detail View --**/ .event-detail {} .event-detail .event-aside { padding: 30px; } @media(max-width: 1139px) { .event-detail aside { float: none; margin-top: 40px; width: 70%; } } @media(max-width: 767px) { /* .deep-list-overview-tile.no-image .list-tile .dzt-column:nth-child(even) .text-teaser { background-color: #A09E98; } .deep-list-overview-tile.no-image .list-tile .dzt-column:nth-child(odd) .text-teaser { background-color: #51504D; } .deep-list-overview-tile.no-image .list-tile .dzt-column:nth-child(n) .text-teaser { background-color: #A09E98; } .deep-list-overview-tile.no-image .list-tile .dzt-column:nth-child(n + 1) .text-teaser { background-color: #51504D; } */ } body.content.site-prototyp_datenschutz .richtext ul { counter-reset: item; list-style: none; margin-left: 10px; } body.content.site-prototyp_datenschutz .richtext ul li { counter-increment: item; } body.content.site-prototyp_datenschutz .richtext ul li:before { display: inline-block; width: 1em; padding-right: 0.5em; font-weight: bold; text-align: right; content: counter(item, lower-alpha) "."; position: relative; top: auto; left: auto; height: auto; background-color: transparent; } body.content.site-prototyp_datenschutz .richtext ul:nth-child(2) li:before { content: counter(item, initial) "."; } /*-- Text readmore --*/ .copytext-shortener.copytext_shortener { position: relative; } .bodytext .copytext { height: 250px; overflow: hidden; } .bodytext .less { display: none; } .bodytext .gradient-bottom { height: 60px; margin-top: -60px; width:100%; position: absolute; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } /*-- 404 Seite --*/ section.highlight-404 { } section.highlight-404 .image-teaser .subtitle { background-color: white; } section.highlight-404 .module-carousel .carousel-buttons .nav-btn { top: 32%; } section.highlight-404 figure .responsive-image { padding-top: 66.2%; } /* INCLUDE */ /*-- Suchergebnisseite --*/ section.dzt-search .image-teaser a.wrap-link { display: flex; margin-top: 20px; background-color: #F5F3EF; overflow: hidden; min-height: 230px; } section.dzt-search .image-teaser .subtitle { position: relative; left: auto; width: auto; font-weight: normal; font-size: 1em; background-color: transparent; padding: 0; margin-bottom: .5rem; } section.dzt-search .image-teaser a.wrap-link .entry-content { color: #51504D; } section.dzt-search .image-teaser .entry-image-teaser { } section.dzt-search .image-teaser .entry-image-teaser figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } section.dzt-search .image-teaser .entry-image-teaser figure .responsive-image { height: 100%; } section.dzt-search .image-teaser .entry-content { margin-right: 0; } @media(max-width: 767px) { section.dzt-search .image-teaser a.wrap-link { flex-direction: column; padding-top: 15px; } section.dzt-search .image-teaser .dzt-link, section.dzt-search .image-teaser .entry-content h5, section.dzt-search { /*line-height: 20px;*/ } section.dzt-search .image-teaser .entry-content { padding: 15px; } section.dzt-search .image-teaser .entry-content h5 { margin-bottom: 10px; margin-top: 10px; } section.dzt-search .image-teaser .entry-image-teaser { width: 100%; display: flex; align-items: center; } section.dzt-search .image-teaser .entry-image-teaser figure { position: relative; } section.dzt-search .image-teaser .entry-content .dzt-link { margin-top: 15px; } section.dzt-search .pagination { align-items: center; justify-content: space-between; } section.dzt-search .pagination li.page-item:last-child .page-link, section.dzt-search .pagination li.page-item:first-child .page-link { margin: 0; } } /* INCLUDE */ .map-responsive .map, .map-responsive .map .fullscreen-map-icon { z-index: 40; } /*-- Deutschlandkarte --*/ body.content.site-prototyp_deutschlandkarte header nav.main { background-color: white; } .map .mtk-infowindow a.dzt-link.dzt-text-red { margin-top: 5px; } body.content.site-deutschlandkarte .map .mtk-infowindow a.dzt-link.dzt-text-red:after { vertical-align: middle; font-size: 1em; } @media(min-width: 768px) { body.content.site-deutschlandkarte .map .mtk-infowindow .map-overlay-detail:not(.no-detail) a.dzt-link.dzt-text-red { display: none; } body.content.site-deutschlandkarte .map .leaflet-pane.leaflet-popup-pane .map-overlay-detail { width: auto; /*min-width: 200px;*/ } body.content.site-deutschlandkarte .map .leaflet-pane.leaflet-popup-pane .map-overlay-detail.no-detail { min-width: 200px; } body.content.site-deutschlandkarte .map .leaflet-pane.leaflet-popup-pane .map-overlay-detail .col-8 { max-width: 100%; float: none; flex: none; } body.content.site-deutschlandkarte .map .leaflet-pane.leaflet-popup-pane .map-overlay-detail:not(.no-detail) .col-img, body.content.site-deutschlandkarte .map .leaflet-pane.leaflet-popup-pane .map-overlay-detail:not(.no-detail) p { display: none; } body.content.site-deutschlandkarte .map .leaflet-pane.leaflet-popup-pane .map-overlay-detail strong { display: block; text-align: center; } body.content.site-deutschlandkarte .map .leaflet-pane.leaflet-popup-pane .map-overlay-detail.no-detail strong { text-align: left; } body.content.site-deutschlandkarte .map .mtk-infowindow { min-width: 0; } body.content.site-deutschlandkarte .map .mtk-infowindow-close { display: none; } body.content.site-deutschlandkarte .map .mtk-infowindow { padding: 8px 12px; min-width: auto; } } .map-view {} .map-view aside { display: flex; flex-direction: column; height: 100%; width: 26%; left: 0; position: fixed; top: 72px; z-index: -1; overflow: hidden; max-height: 90vh; max-height: calc(100vh - 80px); max-width: 375px; width: 375px; } .map-view .map-menu .wrap-button { padding: 26px 20px 24px 20px; border-bottom: 1px solid #EAE8E6; } .map-view .map-menu .wrap-button.button-back { margin: auto -20px; } .map-view .map-menu .wrap-button .toggle-btn { display: none; } .map-view .map-menu .wrap-button .toggle-btn.collapsed { display: block; } .map-view .map-menu .wrap-button a i{ vertical-align: middle; padding-right: 16px; } .map-view aside .menu-theme { height: 100vh; padding: 20px; overflow-y: auto; overflow-x: hidden; } .map-view aside .menu-theme .theme-title:hover, .map-view aside .menu-theme .theme-title { margin: 15px 0 15px 0; font-size: 1.125em; cursor: pointer; color: #d10019; } .map-view aside .menu-theme .theme-title.collapsed { color: #51504D; } .map-view aside .menu-theme .theme-title.collapsed i.dzt { color: #d10019; } .map-view aside .menu-theme ul.theme li { margin-left: -10px; margin-right: -10px; } .map-view aside .menu-theme .theme a { padding: 10px; display: block; line-height: 1; color: #51504D; } .map-view aside .menu-theme .theme a.active, .map-view aside .menu-theme .theme a:hover { color: #d10019; } .map-view aside .menu-theme .theme a.active { background-color: white; } .map-view .map-menu .wrap-input { position: relative; padding: 0 20px; margin-top: 20px; margin-bottom: 20px; padding: 0; color: #d10019; } .map-view .map-menu .search-input { border: 0; background-color: transparent; border-bottom: 1px solid #d10019; color: #d10019; border-radius: 0; } .map-view .map-menu .wrap-input i.dzt { position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); cursor: pointer; } @media(min-width: 768px) { .map-view aside .menu-theme .menu-theme-inner { display: block !important; } } /**-- Search Result --*/ .map-view aside .map-search { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: white; padding: 0 10px; } .map-view aside .map-search .map-search-inner { height: 90vh; height: calc(100vh - 79px); } .map-view aside .map-search .map-search-result { font-size: 14px; line-height: 20px; padding: 0; max-height: 100%; /* position: absolute; top: 160px; left: 10px; right: 10px; bottom: 10px; */ height: calc(100% - 160px); overflow-y: auto; } .map-view aside .map-search .map-search-result .wrap-result-inner{ /* height: calc(100vh - 48px); overflow-y: auto; */ } .map-view aside .map-search-result .image-teaser { display: flex; align-items: start; padding: 10px; margin-bottom: 15px; cursor: pointer; } .map-view aside .map-search-result .image-teaser:nth-of-type(odd) { background-color: #F5F3EF; } .map-view aside .map-search-result .image-teaser:hover { color: #d10019; background-color: #F5F3EF; } .map-view aside .map-search-result .image-teaser .entry-image-teaser { width: 35%; flex: none; } .map-view aside .map-search-result .image-teaser .entry-image-teaser .responsive-image { padding-top: 70%; } .map-view aside .map-search-result .image-teaser .entry-content { padding: 0 0 0 15px; width: 65%; display: flex; flex-direction: column; } .map-view aside .map-search-result .image-teaser .entry-content.full { width: 100%; } .map-view aside .map-search-result .image-teaser .entry-content h5 { font-size: 14px; margin-bottom: 6px; } .map-view aside .map-search-result .image-teaser .entry-content { max-height: 100px; } .map-view aside .map-search-result .image-teaser .entry-content .entry-content-body { overflow: hidden; } /* .map-view aside .map-search-result .image-teaser .entry-content:after { content: "..."; display: block; position: absolute; right: 0; bottom: 0; } */ .map-view aside .map-search-result .image-teaser .entry-content .dzt-link { position: absolute; text-indent: -9999px; top: 0; left: 0; width: 100%; height: 100%; } .map-view aside .map-search-result .show-more { display: none; width: 100%; text-align: left; margin-bottom: 20px; } .map-view aside .map-search-result .show-more.active { display: block; } .map-view .map-view-content { margin-left: 26.01%; margin-left: 375px; position: fixed; left: 0; top: 72px; right: 0; bottom: 0; } .map-view .map-view-content .map-responsive { height: 100%; width: 100%; } .map-view .map-view-content .map-wrap { height: 100%; width: 100%; } .map-view .map-view-content .map { height: 100%; width: 100%; } .map-view .map-view-content .map .leaflet-control-container { } .map-view .map-view-content .map .leaflet-control-container .leaflet-top { top: auto; bottom: 40px; } .map-view .map-view-content .map .leaflet-control-container .leaflet-control-zoom { border: 0; } .map-view .map-view-content .map .leaflet-control-container .leaflet-left { left: auto; right: 40px; } .map-view .map-view-content .map .leaflet-control-container .leaflet-control-zoom-out, .map-view .map-view-content .map .leaflet-control-container .leaflet-control-zoom-in { margin: 10px 0; border: 0; background-color: #d10019; color: white; border-radius: 0; /* padding: 5px; */ width: 50px; height: 50px; line-height: 50px; } .map-view .dzt-map-infowindow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: white; z-index: 1; } .map-view .dzt-map-infowindow .subtitle { position: relative; padding: 0; font-weight: normal; } .map-view .dzt-map-infowindow .headline { margin-bottom: 20px; } .map-view .dzt-map-infowindow .entry-content { margin-left: 0; } .map-view .dzt-map-infowindow .entry-content a.dzt-btn { font-weight: bold; } body.site-deutschlandkarte .map .mtk-infowindow a.dzt-link.dzt-text-red { /*display: none;*/ } @media(max-width: 767px) { .map-view aside { flex-direction: row; width: 100%; display: block; float: none; position: relative; overflow-y: unset; z-index: 2; top: 60px; max-height: 100vh; max-height: calc(100vh - 64px); max-width: 100%; } .map-view aside .menu-theme { display: block; height: auto; } .map-view aside .menu-theme .theme-title { font-size: 1.0em; } .map-view aside .menu-theme .theme-title-mobile { font-size: 1.125em; cursor: pointer; } .map-view aside .menu-theme .menu-theme-inner { overflow: visible; scroll-behavior: unset; border-top: 1px solid #EAE8E6; margin-top: 20px; } .map-view aside .menu-theme .menu-theme-collapse-inner { height: 100vh; } .map-view .map-view-content .map-wrap { margin-top: -75px; } .map-view aside .map-search { position: fixed; top: 64px; } .map-view aside .map-search .map-search-inner { height: 100vh; } .map-view aside .map-search .map-search-result { /* position: fixed; top: 49px; overflow-y: auto; */ height: calc(100% - 220px); } .map-view .map-view-content .map-responsive { height: 80vh; height: calc(100vh - 225px); } .map-view .map-view-content { margin-left: 0; margin-top: 214px; } .map-view .dzt-map-infowindow { position: relative; height: 100vh; } body.site-deutschlandkarte .map .mtk-infowindow:not(.mtk-infowindow-tip) { /* position: fixed !important; top: 50% !important; transform: translate(10%, 50%); */ cursor: pointer; width: 100%; left: -5vw !important; right: 10px !important; padding: 25px 20px; } body.site-deutschlandkarte .map .mtk-infowindow .map-overlay-detail p, body.site-deutschlandkarte .map .mtk-infowindow .map-overlay-detail { font-size: 14px; line-height: 20px; } body.site-deutschlandkarte .map .mtk-infowindow .map-overlay-detail { width: 100%; } .map-view .dzt-map-infowindow .infowindow-content { background-color: #ffffff; } } /* -- MTK -- */ .map .mtk-infowindow { border-radius: 0; padding: 15px; } .map-overlay-detail { width: 300px; } .map-overlay-detail .col-img { padding-right: 0; } .map-overlay-detail img { max-width: 100%; } .map-overlay-detail p { margin-bottom: 0; } /* -- MAP FILTER -- */ .map .map-filter { position: absolute; top: 20px; left: 20px; z-index: 50; background-color: #ffffff; padding: 20px; width: 44vw; max-width: 320px; } .map-filter-headline { padding: 10px; /* border-bottom: 1px solid #d10019; margin-bottom: 20px; */ font-weight: bold; color: #d10019; } .map-filter-headline.collapsed { border-bottom-color: transparent; } .map .map-filter ul.navbar-nav.themes { max-height: 40vh; overflow-y: auto; } .map .map-filter a.map-theme { padding: 10px; display: block; color: #51504D; } .map .map-filter a.map-theme.active { font-weight: bold; color: #d10019; background-color: #F5F3EF; } .map .map-filter a.map-theme.active:after { content: "\e93c"; font-family: 'Linearicons'; font-weight: bold; position: absolute; right: 10px; } .map .map-filter span.mobile-trigger { position: absolute; width: 100%; height: 100%; } @media(max-width: 767px) { .map .map-filter { top: 15px; left: 15px; right: 15px; width: auto; padding: 10px; max-width: none; } .map .map-filter .map-filter-headline { border-bottom: none; padding: 5px 25px 5px 5px; position: relative; } .map .map-filter .map-filter-headline i.dzt { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .map .map-filter ul.navbar-nav.themes { max-height: 60vh; } } /* -- Camping Map - Karten Farbschema Illustration Theme -- */ .map[data-color-theme="dzt-illustration"] .map-overlay-detail { height: 213.750px; } /* INCLUDE */ /**-- Über uns --**/ body.path-ueber_uns {} body.path-ueber_uns nav.working {} body.path-ueber_uns nav.working ul { list-style: none; padding: 0; margin-left: -10px; margin-right: -10px; flex-direction: row; } body.path-ueber_uns nav.working ul li { width: 25%; min-width: 270px; } body.path-ueber_uns nav.working ul li a { margin: 10px; padding: 20px; background-color: #CAC7C2; color: #51504D; font-size: 1.25em; font-weight: bold; line-height: 1.4; text-align: left; padding: 20px 45px 20px 20px; } body.path-ueber_uns nav.working ul li a:hover { background-color: #d10019; color: #ffffff; } body.path-ueber_uns nav.working ul li a:after { content:"\e942"; font-family: "dzt-icon-font"; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); } body.site-prototyp_ueber_uns .links-intro { } body.site-prototyp_ueber_uns .links-intro .richtext { padding-right: 10%; } body.site-prototyp_ueber_uns .links-intro .richtext .headline { margin-bottom: 20px; } @media (max-width: 1339px) { body.path-ueber_uns nav.working ul li { width: 50%; } } @media (max-width: 767px) { body.path-ueber_uns nav.working ul li { width: 100%; } } @media(max-width: 767px) { body.site-prototyp_ueber_uns .links-intro .col-md-6 + .col-md-6 { margin-top: 15px; } body.site-prototyp_ueber_uns .links-intro .richtext { padding-right: 0; } body.path-ueber_uns nav.working ul li { width: 100%; } } /*-- über uns - DZT --*/ body.content.path-ueber_uns.site-ueber_uns_dzt .green-globe .richtext { padding: 20px; font-weight: bold; border: 1px solid #E7E3DD; } body.content.path-ueber_uns.site-ueber_uns_dzt .green-globe .richtext .type-inlineImage { float: left; padding-right: 20px; } body.content.path-ueber_uns.site-ueber_uns_dzt .green-globe .richtext .bodytext p { margin-bottom: 0; } body.content.path-ueber_uns.site-ueber_uns_dzt .green-globe .richtext .bodytext p:after { content: ""; display: block; clear: both; } /* .dzt-partner-logos article { border: 1px solid #E7E3DD; padding-top: 10px; padding-bottom: 10px; } */ .dzt-partner-logos .col-md-6:first-child article { margin-right: -12px; } .dzt-partner-logos .col-md-6 + .col-md-6 article { margin-left: -12px; } .dzt-partner-logos .image-teaser { border: 2px solid transparent; /*box-shadow: 1px 2px 12px rgba(0,0,0,.15);*/ height: 100%; margin-left: -15px; margin-right: -15px; border: 1px solid #E7E3DD; } .dzt-partner-logos .image-teaser a { padding: 10px; } .dzt-partner-logos .image-teaser .responsive-image-v2 { background-size: contain; background-position: 50% 50%; } .dzt-partner-logos .image-teaser.green-globe .figure-responsive { padding-top: 26%; } .dzt-partner-logos .image-teaser.top100 .figure-responsive { padding-top: 59.2%; } .dzt-partner-logos .image-teaser.green-globe .entry-image-teaser { margin-top: 13px; } .dzt-partner-logos .image-teaser .entry-content { /*padding: 0;*/ padding-top: 10px; padding-bottom: 0; margin-right: 0; } .dzt-partner-logos .image-teaser.green-globe p { /*font-weight: bold;*/ line-height: 1.4; color: #51504D; } .dzt-partner-logos .image-teaser.green-globe .dzt-link { display: none; visibility: hidden; } @media (min-width: 768px) and (max-width: 1339px) { .dzt-partner-logos .image-teaser .entry-content { padding: 5px; } } @media (max-width: 768px) { .dzt-partner-logos .image-teaser.green-globe p { text-align: center; } .dzt-partner-logos .col-md-6:first-child article { margin:0; margin-bottom:20px; } .dzt-partner-logos .col-md-6 + .col-md-6 article { margin: 0; } .dzt-partner-logos .image-teaser { height: auto; } } body.content.path-ueber_uns.site-ueber_uns_dzt .downloads .brochure .brochure-cover .responsive-image, /* <== old */ body.content.path-ueber_uns.site-ueber_uns_dzt .downloads .brochure .brochure-cover .responsive-image-v2 { background-position: 0% 50%; } @media (min-width: 768px) { body.content.path-ueber_uns.site-ueber_uns_dzt .green-globe .richtext { padding: 40px; } } /*-- ueber uns - ausbildung & Job --*/ body.site-ausbildung___jobs nav.working { } body.content.path-ueber_uns.site-ausbildung___jobs .container section.content-inner.contact-box h3.headline.dzt-text-red.text-link { margin: 60px 0 30px; } body.path-ueber_uns.site-ausbildung___jobs nav.working ul li { width: 50%; } @media (max-width: 1339px) { body.path-ueber_uns.site-ausbildung___jobs nav.working ul li { width: 100%; } } /*-- über uns - organigramm --*/ body.content .contact-box { padding-top: 60px; padding-bottom: 30px; } body.content .contact-box .richtext .text-wrap { padding: 30px; background-color: #F5F3EF; } body.content ul.standardList, body.content.path-ueber_uns .accordeon-wrap ul { list-style: none; padding-left: 20px; } body.content.path-ueber_uns .accordeon-wrap ul li { position: relative; } body.content.path-ueber_uns .accordeon-wrap ul li:before { content: ""; width: 7px; height: 7px; display: inline-block; background-color: #d10019; position: absolute; left: -20px; top: 10px; } body.content.path-ueber_uns .accordeon-wrap ul li { position: relative; } body.content.path-ueber_uns .contact-box .richtext .text-wrap h4 { color: #d10019; } body.content.path-ueber_uns .organigramm {} body.content.path-ueber_uns .section-accordeon { background-color: #F5F3EF; border-bottom: 0; } body.content.path-ueber_uns .section-accordeon section { flex-direction: row; display: flex; padding-bottom: 40px; } body.content.path-ueber_uns .section-accordeon figure { width: 135px; padding-top: 0; } body.content.path-ueber_uns .section-accordeon figure .responsive-image-v2 { max-height: 180px; background-size: contain; /*max-width: 135px;*/ } body.content.path-ueber_uns .section-accordeon .content { width: 75%; padding-left: 10px; } /* hide images for all but first contact */ body.content.path-ueber_uns .dzt-central .section-accordeon:not(:first-child) .box-contact:not(:first-child) figure { display: none; } body.content.path-ueber_uns .dzt-central .section-accordeon:not(:first-child) .box-contact:not(:first-child) .content { padding-left: 10px; } @media(max-width: 767px) { body.content.path-ueber_uns .section-accordeon section { flex-direction: column; border: 1px solid #e1e1e1; padding: 15px 0px; margin-bottom: 20px; } body.content.path-ueber_uns .section-accordeon .headline { word-break: break-word; padding-right: 30px; } body.content.path-ueber_uns .section-accordeon figure { margin-bottom: 20px; } body.content.path-ueber_uns .section-accordeon figure .responsive-image-v2 { max-width: 100%; } body.content.path-ueber_uns .organigramm .contacts { padding-bottom: 1px; } body.content.path-ueber_uns .organigramm .contacts .box-contact { } } @media(max-width: 575px) { body.content.path-ueber_uns .section-accordeon figure { width: 100%; } } /*-- Über uns - Kooperation & Partners --*/ body.content.path-ueber_uns .cooperation {} body.content.path-ueber_uns.site-partner .intro { padding-bottom: 20px; } body.content.path-ueber_uns .cooperation .section-accordeon figure .responsive-image-v2 { width: 135px; background-color: white; } body.content.path-ueber_uns .cooperation .section-accordeon .content { padding-left: 30px; font-size: 0.875em; } body.content.path-ueber_uns .cooperation .title { margin-bottom: 20px; } /**-- Navigation .column-side (Right) --**/ body.content .column-side .nav-about-us.sticky-top { top: 110px; max-height: calc(100vh - 110px); overflow-y: auto; } body.content .sub-nav .nav { padding-left: 20px; } /**-- über uns --**/ body.content.path-ueber_uns .column-side { margin-bottom: 60px; } body.content .column-side .nav-about-us { padding: 40px 30px; background-color: #F5F3EF; z-index: 40; top: 160px; } .livereportage .column-side .nav-about-us { padding: 0 !important; } body.content .cluster.column-side .nav-about-us { padding: 20px; } body.content .column-side .nav-about-us .nav, body.content.path-ueber_uns .column-side .nav-about-us.navigation .nav { flex-direction: column; display: block; } body.content .column-side .nav-about-us .nav-link, body.content .column-side .nav-about-us a { color: #51504D; padding-left: 0; padding-right: 0; } body.content .column-side .nav-about-us a.active { color: #d10019; } body.content .column-side .nav-about-us a.dzt-link-external:after { color: #d10019; } @media(min-width: 768px) and (max-width: 1139px) { body.content .column-side .nav-about-us { padding: 40px 20px; } } .logo_fuas { margin-top: 30px; border: 2px solid transparent; height: 100%; border: 1px solid #E7E3DD; max-width: 50%; display: block; /* margin-left: auto; */ /* margin-right: auto;*/ } .deep-content-list .deep-content-item { position: relative; } .deep-content-list .deep-content-item .wrap-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .deep-content-list .deep-content-item-inner { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; } /* .list-tile article:last-child .deep-content-item-inner { margin-bottom: 0; } */ .deep-content-list .deep-content-item-inner .figure-responsive { flex: 1; padding-top: 0; padding: 5px; background-color: #ffffff; } .deep-content-list .entry-content { flex: 2; } /**-- DZT Partners --*/ body.content .dzt-partners .richtext .headline { margin: 0 0 30px; } body.content .dzt-partners .section-accordeon .content { width: auto; padding-left: 0; border: none; } body.content .dzt-partners .accordeon-wrap .accordion-teaser-inner { display: flex; align-items: center; gap: 15px; margin-bottom: 15px } body.content .dzt-partners .accordeon-wrap .accordion-teaser .entry-content-headline { font-size: 1rem; color: #51504D; } body.content .dzt-partners .accordeon-wrap .accordion-teaser .figure-responsive { padding-top: 0; flex: 1; } body.content .dzt-partners .accordeon-wrap .accordion-content { flex: 2; } body.content .dzt-partners .accordeon-wrap .accordion-teaser .figure-responsive .responsive-image-v2 { position: relative; top: auto; left: auto; right: auto; bottom: auto; object-fit: contain; object-position: 50% 50%; padding: 10px; min-height: 70px; background-color: #ffffff; } body.content .dzt-partners .deep-content-list .entry-content { flex: 3; } body.content .dzt-partners .deep-content-item-inner .entry-content-headline { font-size: 1rem; color: #51504D; } body.content .dzt-partners .deep-content-list .deep-content-item-inner .figure-responsive .responsive-image-v2 { background-size: contain; position: relative; position: relative; top: auto; left: auto; right: auto; bottom: auto; padding: 10px; min-height: 70px; } body.content .dzt-partners .image-text { position: relative; } body.content .dzt-partners .image-text .wrap-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } body.content .dzt-partners .image-text-inner .entry-content-headline { font-size: 1rem; color: #51504D; } body.content .dzt-partners .image-text-inner .text-wrap { flex: 3; } body.content .dzt-partners .image-text-inner .figure-responsive .responsive-image-v2 { background-size: contain; position: relative; position: relative; top: auto; left: auto; right: auto; bottom: auto; padding: 10px; min-height: 70px; } body.content .dzt-partners .image-text-inner { display: flex; align-items: center; gap: 15px; margin-bottom: 25px } body.content .dzt-partners .image-text-inner .figure-responsive { flex: 1; padding-top: 0; padding: 5px; background-color: #ffffff; } @media(max-width: 767px) { body.content .dzt-partners .deep-content-list .entry-content { flex: 2; } body.content .dzt-partners .deep-content-list .deep-content-item-inner { gap: 15px; } body.content .dzt-partners .deep-content-item-inner .entry-content-headline { font-size: 80%; } body.content .dzt-partners .deep-content-item-inner .dzt-link { margin-bottom: 10px; font-size: 80%; } body.content .dzt-partners .image-text-inner .text-wrap { flex: 2; } body.content .dzt-partners .image-text-inner { gap: 15px; } body.content .dzt-partners .image-text-inner .entry-content-headline { font-size: 80%; } body.content .dzt-partners .image-text .dzt-link { margin-bottom: 10px; font-size: 80%; } } @media(max-width: 1339px) { body.content .dzt-partners .deep-content-list .entry-content { flex: 2; } body.content .dzt-partners .image-text-inner .text-wrap { flex: 2; } } body.content .dzt-contacts .other-sectiontemplate .box-contact { padding: 0 0 10px 0; } body.content .dzt-contacts .other-sectiontemplate .box-contact.contact-31245 figure.figure-responsive { display: block; } @media(max-width: 575px) { body.content .dzt-contacts .other-sectiontemplate .box-contact { padding-top: 20px; margin-bottom: 20px; border: 1px solid #CAC7C2; } } .article-aside .more-infos .dzt-link-external { display: block; border-bottom: 0 !important; overflow: hidden; overflow-wrap: normal; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } .article-aside .more-infos .dzt-link-external:after { font-size: 1em; font-weight: bold; right: -10px; display: inline-block; vertical-align: baseline; } /**-- Allgemeine --**/ body.content .image-teaser.img-headline figure .caption-wrapper { display: none; } /* -- REMOVED TOP-10 LIST STYLING => MOVED TO toplist_css -- */ /*-- Steckbrief --*/ .facts.cuisine {} .facts.cuisine .icon-star { color: #d10019; margin-right: 6px; font-weight: bold; } .facts.scenic-routes .figure-responsive { padding-top: 100%; } /* -- E-Mail Link -- */ .type-email { cursor: pointer; user-select: none; color: #d10019; } .type-email .type-sub, .type-email .type-fill { position: fixed; top: -100vh; left: -100vw; speak: never; } .type-email .type-at:before { content: "\0040"; } /* INCLUDE */ /* -- VIDEO -- */ section.content.section-video { position: relative; z-index: 1; padding-top: 0; padding-bottom: 0; overflow-x: hidden; padding-top: 56.2%; } section.content.section-video.has-video-mobile { padding-top: calc(124.933%); } /*.dzt-video.is-paused:not(.hero-video):not(.is-ready):after {*/ .dzt-video.is-paused.is-loaded:not(.hero-video):after, .dzt-video.is-paused.is-loaded:not(.hero-video):not(.is-ready):after { display: block; content: "\e96a"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 75px; color: white; text-shadow: 0 0 3px black; pointer-events: none; font-family: 'Linearicons' !important; transition-duration: .3s; } .dzt-video.is-paused:not(.hero-video):not(.is-ready):hover:after { transform: translate(-50%, -50%) scale(1.2); } .video-inner.is-paused:not(.is-ready) { cursor: pointer; } .section-video .video-inner { background: black; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .section-video .video-inner video { width: 100%; height: 100%; } .video-inner.fit-cover video { object-fit: cover; } .section-video .overlay { position: absolute; background-color: rgba(255,255,255,.9); font-weight: bold; font-size: 0.875em; position: absolute; left: 0; bottom: 0; padding: 12px 20px; margin: 0; color: #51504D; width: 80%; cursor: default; } .carousel-slider[data-item="2"] .section-video .overlay { width: 80%; } /* NEW */ .video-description { padding: 10px 0; font-size: .875em; } .video-description a i { vertical-align: middle; } /* OLD */ .section-video + .video-text-version .icon { vertical-align: middle; } .section-video + .video-text-version { margin-top: 10px; } .section-video + .video-text-version .text { display: none; background: #F5F3EF; padding: 0px 15px 10px; } .section-video + .video-text-version a:focus + .text { display: block; } .section-video + .video-text-version a { display: block; text-align: left; color: #d10019; font-size: .8em; /*margin-top: 4px;*/ /* text-decoration: underline; */ background: #F5F3EF; padding: 10px 15px; } .section-video + .video-text-version .text p:last-child { margin-bottom: 0; } @media (max-width: 1140px) { .section-video .overlay { font-size: 0.775em; padding: 8px 15px; } } @media (min-width: 768px) { section.content.section-video, section.content.section-video.has-video-mobile { padding-top: 56.2%; } .section-video .overlay { font-size: 0.875em; line-height: 1.4em; } } /* -- controls -- */ .video-controls { position: absolute; left: 0; bottom: 0; right: 0; line-height: 1; padding: 30px 10px 10px; font-size: 30px; background: linear-gradient(0deg, #00000080, transparent); /* display: none; */ transform: translateY(100%); transition-duration: .3s; display: none; } .video-inner.is-ready .video-controls { display: block; } .video-inner:hover .video-controls { transform: translateY(0); } .video-inner:focus-within { /*transition-duration: 0;*/ } .video-inner:focus-within .video-controls { transform: none; } .video-controls:after { content: ""; display: block; clear: both; } .video-controls button, .video-controls a { border: 0; background: transparent; color: #ffffff; color: #ffffffcc; padding: 10px; text-shadow: 0 0 4px black; } .video-controls button:hover { color: white; } .video-controls .button-play, .video-controls .volume-control { float: left; vertical-align: middle; } .video-controls .button-play { margin-right: 5px; } .video-controls .button-fullscreen { float: right; } .video-controls .button-play .play { display: none; } .section-video .video-inner.is-paused .button-play .pause { display: none; } .section-video .video-inner.is-paused .button-play .play { display: inline-block; } .section-video .video-inner .button-volume .unmute { display: none; } .section-video .video-inner.is-muted .button-volume .mute { display: none; } .section-video .video-inner.is-muted .button-volume .unmute { display: block; } .section-video .video-inner .button-fullscreen .contract { display: none; } .section-video .video-inner.is-fullscreen .button-fullscreen .expand { display: none; } .section-video .video-inner.is-fullscreen .button-fullscreen .contract { display: block; } .video-controls .seek-bar { position: absolute; bottom: 36px; left: 120px; right: 80px; padding: 15px 0; transform: translateY(50%); } .video-controls .seek-bar:hover { padding: 12px 0; } .video-controls .seek-bar:hover .seek-track { height: 9px; } .video-controls .seek-track { height: 3px; background-color: #ffffff; background-color: #ffffffaa; box-shadow: 0 0 3px #00000080; cursor: pointer; transition-duration: .2s; } .video-controls .seek-position { background-color: #d10019; width: 0; height: 100%; } /* -- AUDIO -- */ .sec-audio section.explanatory-text { padding-top: 0; } .sec-audio section.explanatory-text .section-accordeon { margin: 0; padding-left: 10px; padding-right: 10px; } .dzt-audio { padding: 30px; scroll-margin-top: 100px; background-color: #F5F3EF; } body.content .dzt-audio .section-accordeon { border-bottom: 0; } body.content .dzt-audio .section-accordeon .headline, body.content .dzt-audio .section-accordeon .accordeon-wrap { padding-left: 0; padding-right: 0; } body.content .dzt-audio .section-accordeon .headline:after { right: 0; } .dzt-audio .head { color: #d10019; font-weight: bold; position: relative; padding-left: 48px; margin-bottom: 1rem; } .dzt-audio .head .icon-headphones { font-size: 2.5em; position: absolute; font-size: 36px; left: 0; top: 50%; transform: translateY(-50%); } .dzt-audio .head .text { } .dzt-audio .audio-title { margin: 20px 0; } .dzt-audio .dzt-control { width: 100%; height: 60px; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 100%; padding: 0 15px; overflow: hidden; background-color: #d10019; } .dzt-audio .dzt-control .col-x { display: flex; /*padding: 0 15px;*/ justify-content: center; position: relative; } .dzt-audio .dzt-control .p-buttons { width: 10%; flex-grow: 1; justify-content: left; } body.content .dzt-audio .dzt-control button { border: none; color: white; background: transparent; color: white; font-size: 2em; outline:none; } body.content .dzt-audio button.play:after { content: "\e96a"; font-family: 'Linearicons'; } body.content .dzt-audio button.pause:after { content: "\e96b"; font-family: 'Linearicons'; } body.content .dzt-audio button.volume:after { content: "\e8b0"; font-family: 'Linearicons'; } body.content .dzt-audio button.mute:after { content: "\e8b4"; font-family: 'Linearicons'; } .dzt-audio .dzt-control .seek-bar { width: 30%; flex-grow: 2; justify-content: left; } .dzt-audio .seek-position { width: 18px; height: 18px; border-radius: 50%; position: absolute; left: 0%; top: 50%; margin-top: -9px; margin-left: -2px; background-color: #ffffff; } body.content .dzt-audio .dzt-control .timer { width: 20%; flex-grow: 1; text-align: center; font-size: 0.9em; color: #ffffff; } body.content .dzt-audio .timer .timer-progress { font-weight: bold; } body.content .dzt-audio .volume-progress { width: 30%; flex-grow: 2; } body.content .dzt-audio .volume-progress .volumeRange { width: 100%; height: 100%; display: block; } body.content .dzt-audio .m-buttons { width: 10%; flex-grow: 1; } body.content .dzt-audio .m-buttons button { width: 100%; text-align: right; } .dzt-audio .input-range .fill-lower { position: absolute; width: 0; height: 10px; background: white; top: 50%; left: 1px; margin-top: -5px; pointer-events: none; max-width: calc(100% - 2px); } .dzt-audio input[type=range]:focus { outline: 3px solid white; outline-offset: 3px; /*outline:none;*/ /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ } .dzt-audio input[type=range] { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ background: transparent; /* Otherwise white in Chrome */ } .dzt-audio input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 18px; width: 18px; border-radius: 50%; margin-top: -4px; cursor: pointer; z-index: 11; background-color: #ffffff; } .dzt-audio input[type=range]::-moz-range-thumb { height: 18px; width: 18px; border-radius: 50%; background-color: #ffffff; cursor: pointer; } .dzt-audio input[type=range]::-ms-thumb { height: 18px; width: 18px; border-radius: 50%; background-color: #ffffff; cursor: pointer; } .dzt-audio input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 10px; cursor: pointer; background-color: #95000e; } .dzt-audio input[type=range]::-moz-range-track { width: 100%; height: 10px; cursor: pointer; background-color: #95000e; } .dzt-audio input[type=range]::-ms-track { height: 10px; cursor: pointer; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*remove default tick marks*/ color: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; margin-top: 16px; } .dzt-audio input[type=range]::-ms-fill-lower { background-color: #95000e; } .dzt-audio input[type=range]:focus::-ms-fill-lower { background-color: #95000e; } .dzt-audio input[type=range]::-ms-fill-upper { background-color: #95000e; } .dzt-audio input[type=range]:focus::-ms-fill-upper { background-color: #95000e; } @media screen and (max-width: 1140px) and (min-width: 768px) { body.content .dzt-audio .dzt-control .timer { flex-grow: 3; } body.content .dzt-audio .volume-progress { width: 20%; } } @media(max-width: 768px) { .dzt-audio { padding: 30px 15px; } .dzt-audio .dzt-control .seek-bar { flex-grow: 1; } body.content .dzt-audio .dzt-control .timer { flex-grow: 2; font-size: 0.95em; } body.content .dzt-audio .m-buttons, body.content .dzt-audio .volume-progress { display: none; } .dzt-audio .dzt-control .p-buttons { justify-content: left; } .dzt-audio .dzt-control .col-x { padding: 0; } } @media only screen and (max-width: 279px) { .dzt-audio .dzt-control { padding: 0px !important; } .dzt-audio .dzt-control div { zoom: 80%; } } .fold-podcast .body { max-height: 500px; overflow: scroll; } article.article-cluster section.last-section { padding-bottom: 0; } section.info-corona p a.dzt-link { padding: 10px 25px; transition-duration: .3s; background-color: #d10019 !important; } section.info-corona p a.dzt-link:hover { background-color: #95000e !important; color: white !important; } section.info-corona .text-wrap { position: relative; } section.info-corona .text-wrap .headline { font-size: 1.25em; } #gastgewerbe_headline { height: 100px; } section.info-corona a.full { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } section.info-corona a.full:hover, section.info-corona a.full:after { display: none; } /* -- iframe module -- */ .module-iframe { position: relative; } .module-iframe:not(.auto-height) { padding-top: 100%; } .module-iframe:not(.auto-height) iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } @media (min-width: 768px) { .module-iframe:not(.auto-height) { padding-top: 56.2%; } } /* -- iframe Deutschland Infos -- */ body.site-deutschland_infos .module-iframe { margin-top: -40px; margin-bottom: 80px; } /* Kampagnenbox Startseite */ body.site-startseite section.content.campaigns.zebra-auto .image-teaser .entry-content { position: absolute; top: 0; z-index: 1; } body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .type-inlineImage.discover img { width: 15vw; margin: -20px; } body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .type-inlineImage.dreams img { width: 12vw; } body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .type-inlineImage.beethoven img { width: 10vw; } body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .type-inlineImage.wanderlust img { width: 10vw; } body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .type-inlineImage.gsc img { width: 12vw; } body.site-startseite section.content.campaigns article.bethooven .figure-responsive .responsive-image-v2 { background-position: 0% 50%; } @media(max-width:768px) { body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .type-inlineImage.discover img { width: 28vw; margin-top: -20px; } body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .type-inlineImage.gsc img, body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .type-inlineImage.beethoven img, body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .type-inlineImage.wanderlust img { width: 30vw; } body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .type-inlineImage.dreams img { width: 30vw; } } body.site-startseite section.content.campaigns.zebra-auto .image-teaser.with-keyvisual .entry-content .dzt-text-red.dzt-link { visibility: hidden; } /* INCLUDE */ /* -- cookie consent overlay -- */ body.consent-overlay { overflow: hidden !important; } .consent { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; overflow-y: auto; } .consent-fade { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000cc; z-index: -1; pointer-events: none; } .consent-widget { /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */ position: relative; width: 90%; background: white; padding: 20px; z-index: 2; font-size: 14px; margin: 10vh auto; } .consent-widget label { font-size: 1em; position: relative; padding: 8px 10px 8px 40px; margin: 0; font-weight: normal; cursor: pointer; } .consent-widget label .title { display: block; font-weight: 600; } .consent-widget .checkbox { position: absolute; top: 50%; left: 15px; margin: 0; transform: translateY(-50%); cursor: pointer; } .consent-widget li { background: #F5F3EF; padding: 0; margin-bottom: 3px; } .consent-widget label .description { display: block; line-height: 1.2; color: #555; color: #51504D; } .consent-widget ul { margin: 20px 0; padding: 0; list-style-type: none; } .consent-widget > p > b { color: #d10019; font-size: 18px; } .consent-widget .buttons { text-align: right; } .consent-widget .buttons button { margin: 5px 0; padding: 7px 12px; font-size: 1em; border: 0; background-color: #F5F3EF; } .consent-widget .buttons button.btn-red { background: #d10019; color: white; } .consent-widget li:hover { background: hsla(40, 23%, 93%, 1); } .consent-widget .expander { display: none; } @media (max-width: 767px) { .consent-widget ul { margin-left: 0; padding-left: 0; } .consent-widget label .description { display: none; } .consent-widget .expander { position: absolute; top: 0; right: 0; /* transform: translateY(-50%); */ line-height: 1; padding: 4px 8px; display: block; transition: transform 0.5s; } .consent-widget label.expanded .expander { transform: rotateZ(180deg); } .consent-widget label { display: block; } .consent-widget .buttons button { display: block; width: 100%; margin-top: 15px; } .h_text_image .row { flex-direction: column-reverse; } .h_text_image .row .figure-responsive { margin-bottom: 20px; } } @media (min-width: 768px) { .consent-widget { max-width: 800px; } .consent-widget .buttons button { margin: 5px; } } /* -- dialog size & position -- */ .dzt-modal-layout { width: 90%; margin: 10vh auto; } @media (min-width: 768px) { .dzt-modal-layout { max-width: 800px; } } /* -- bootstrap overrides -- */ .modal-header, .modal-body, .modal-footer { padding: 20px; } /* .modal-header, .modal-body { padding-bottom: 10px; } .modal-body, .modal-footer { padding-top: 10px; } */ .modal-content, .modal-header, .modal-footer { border-radius: 0; border: 0; } .modal .close { opacity: 1; } /* -- THEME: default (theme-light) */ .modal .headline { font-weight: bold; color: #d10019; } /* -- THEME: dark -- */ .modal.theme-dark .headline { color: #ffffff; } .modal.theme-dark .modal-header .close { color: #ffffff; } .modal.theme-dark .modal-content { color: #ffffff; background-color: #333333; } .modal.theme-dark ul.standardList li:before { background-color: white; } /* -- THEME: dark-blue -- */ .modal.theme-dark-blue .headline { color: #ffffff; } .modal.theme-dark-blue .modal-header .close { color: #ffffff; } .modal.theme-dark-blue .modal-content { color: #ffffff; background-color: #064579; } .modal.theme-dark-blue ul.standardList li:before { background-color: white; } /**-- Cluster Weihnachtsmärkte --*/ /*-- Weihnachtsmärkte (Tradition & Brauchtum) --*/ article.article-cluster-6272 .hero-image { background-position: 50% 5%; } /*-- MS Weihnachtsmärkte --*/ article.article-cluster-5184 section.zebra-white, article.article-cluster-5184 .cluster-container { background-color: #d10019; color: white; } article.article-cluster-5184 section.zebra-white a, article.article-cluster-5184 section.zebra-red a, article.article-cluster-5184 .deep-list-overview-tile a { color: white; text-decoration: underline; } article.article-cluster-5184 .content.map { border-top: 0 !important; padding-top: 0; } article.article-cluster-5184 .content.map .richtext { display: none; } article.article-cluster-5184 .deep-list-overview-tile .content-detail .content-detail-outer:before, article.article-cluster-5184 .deep-list-overview-tile .content-detail .content-detail-outer:after, article.article-cluster-5184 .deep-list-overview-tile .content-detail .backdrop { background-color: #95000e; } article.article-cluster-5184 .deep-list-overview-tile .content-detail .backdrop { z-index: 0; } @media (max-width: 768px) { article.article-cluster-6272 .hero-image { background-position: 75% 5%; } } /**-- Barrierefrei --*/ .container.container-main .column-main > section + section:not(.section-video) { padding-top: 60px; padding-bottom: 30px; } section.hero-image.img-pos-top { background-position: 50% 100%; } section.hero-image.img-pos-bottom { background-position: 50% 0%; } section.hero-image.img-ypos-30 { background-position-y: 30%; } section.hero-image.img-ypos-15 { background-position-y: 10%; } section.hero-image.hero { margin-top: 60px; margin-bottom: 60px } section.hero-image .hero-text .text { margin-top: 40px; } body.content .arrow-left .section-accordeon .headline { padding: 20px 20px 20px 50px; } body.content .arrow-left .section-accordeon .headline:after { left: 20px; right: auto; } /*-- @todo maybe general : Image --*/ .img-pos-bottom .responsive-image-v2 { background-position: 50% 0%; } .img-pos-top .responsive-image-v2 { background-position: 50% 100%; } .img-ypos-85 .responsive-image-v2 { background-position-y: 85%; } .img-ypos-30 .responsive-image-v2 { background-position-y: 30%; } .img-ypos-15 .responsive-image-v2 { background-position-y: 15%; } .img-xpos-15 .responsive-image-v2 { background-position-x: 15%; } .img-xpos-100 .responsive-image-v2 { background-position-x: 100%; } .img-xpos-0 .responsive-image-v2 { background-position-x: 0%; } .img-pos-50-25 .responsive-image-v2 { background-position: 50% 25%; } .img-pos-absolute-bottom .responsive-image-v2 { background-position: bottom !important; } .bg-size-contain .figure-responsive { box-shadow: 0 0 5px #00000014; background-color: #ffffff; } .bg-size-contain .responsive-image-v2 { background-size: contain; top: 10px; bottom: 10px; right: 10px; left: 10px; } .upright .figure-responsive { height: 100%; } /* Jewish Traveler Page */ body.content.path-topic_staedte_kultur.site-cluster_detail article.article-cluster.article-cluster-10560 section.content.downloads .brochure { padding: 20px; background-color: #F5F3EF; } body.content.path-topic_staedte_kultur.site-cluster_detail article.article-cluster.article-cluster-10560 section.content.downloads .brochure .brochure-cover { width: 100%; margin-bottom: 30px; } @media(max-width: 767px) { body.content.path-topic_staedte_kultur.site-cluster_detail article.article-cluster.article-cluster-10560 section.content.downloads .brochure { display: block; } } body.content.path-topic_staedte_kultur.site-cluster_detail article.article-cluster.article-cluster-10560 section.content.downloads .brochure .brochure-content .brochure-links a::before, .brochure .brochure-content .brochure-links a::after { vertical-align: middle; margin-left: 10px; } body.content.path-topic_staedte_kultur.site-cluster_detail article.article-cluster.article-cluster-10560 section.content.downloads { padding-top: 0; } @media(max-width: 767px) { body.content.path-topic_staedte_kultur.site-cluster_detail article.article-cluster.article-cluster-10560 section.content.downloads .brochure .brochure-cover figure.figure-responsive { padding-top: 100%; } } .map-sr-link-wrap { text-align: center; } .map-sr-link-wrap .sr-link:focus { margin: 0 0 40px 0; display: inline-block; } @media (min-width: 576px) { .max-width-50 { max-width: 50%; margin: 0 auto; display: block; } } /* -- TEMP: Area Corona-Info -- */ .deep-list-overview-tile.corona-information { padding-top: 60px; padding-bottom: 60px; } .deep-list-overview-tile.corona-information .image-teaser figure .responsive-image { padding-top: 56.2%; } .deep-list-overview-tile.zebra-red .content-detail .backdrop { left: 0; width: 100%; background-color: white; z-index: 0; } .deep-list-overview-tile.mode-manual .content-detail .introtext { font-weight: normal; } x.deep-list-overview-tile.corona-information .content-detail ul { list-style: none !important; padding-left: 20px; } x.deep-list-overview-tile.corona-information .content-detail ul li { position:relative; } x.deep-list-overview-tile.corona-information .content-detail ul li:before { content: ""; width: 7px; height: 7px; display: inline-block; background-color: #d10019; position: absolute; left: -20px; top: 10px; } .deep-list-overview-tile.zebra-red .content-detail .content-detail-outer { background-color: white; color: #615f5e; } .deep-list-overview-tile.zebra-red .content-detail .content-detail-outer p { color: black; } .deep-list-overview-tile.zebra-red .content-detail .content-detail-outer:before, .deep-list-overview-tile.zebra-red .content-detail .content-detail-outer:after { background-color: white; } .deep-list-overview-tile.zebra-red .content-detail .btnClose { right: 10px; color: black; top: 15px; } /*-- Contact / Organization -box --*/ div.box-contact { flex-direction: row; display: flex; padding: 20px; background-color: #F5F3EF; } div.box-organization + div.box-contact, div.box-contact + div.box-contact { margin-top: 20px; } div.box-contact .figure-responsive { width: 135px; padding-top: 0; height: 185px; } div.box-contact .figure-responsive .responsive-image-v2 { max-height: 180px; background-size: contain; max-width: 135px; } div.box-contact .content { width: 75%; padding-left: 10px; } .box-organization .box-contact .figure-responsive { } .box-organization .box-contact .figure-responsive .responsive-image-v2 { background-size: cover; height: auto; border: 1px solid hsl(36deg 17% 79%); padding: 1px; background-color: white; } @media(max-width: 575px) { div.box-contact { flex-direction: column; } div.box-contact .figure-responsive { height: 180px; width: 100%; margin-bottom: 20px; } div.box-contact .figure-responsive .responsive-image-v2 { max-width: 100%; } } /* -- TODO: MAKE THIS DEFAULT STYLE -- */ .deep-list-overview-tile.mode-manual ul.standardList { list-style: none; padding-left: 20px; } .deep-list-overview-tile.mode-manual ul.standardList li { position: relative; } .deep-list-overview-tile.mode-manual ul.standardList li:before { content: ""; width: 7px; height: 7px; display: inline-block; background-color: #d10019; position: absolute; left: -20px; top: 10px; } /**-- DZT-Tab --*/ .dzt-tabs li { margin: 0 16px; } .dzt-tabs li a { font-weight: bold; padding-left: 1px; padding-right: 1px; font-size: 1.25em; color: #51504D; } .dzt-tabs li.active a { border-bottom: 2px solid ; color: #d10019; } /*-- should be removed after upgrading to bootstrap 5.0 -- */ .row.g-2 > .col, .row.g-2 > [class*=col-] { padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .row.g-3 > .col, .row.g-3 > [class*=col-] { padding-right: 1rem; padding-left: 1rem; padding-top: 1rem; padding-bottom: 1rem; } /* fix audio player on small screens */ @media only screen and (max-width: 600px) { .dzt-audio .dzt-control { padding: 0 5px; } } /* /media/resources/css/module/mod_slider_campaign.css */ /*-- Top100 Campaign --*/ .image-teaser.top-100.big .figure-responsive .responsive-image-v2 { background-size: contain; background-color: #d10019; } /* -- GLC2022 -- */ @media (max-width: 767px) { .image-teaser.campaign-glc .figure-responsive .responsive-image-v2 { background-image: url() !important; background-position: left; } } /* /media/resources/css/module/css_minimap.css */ /* -- minimap -- */ .mod-minimap { position: relative; /*overflow: hidden;*/ margin-bottom: 1rem; } .mod-minimap .minimap { position: absolute; top: 0; left: 0; } aside .mod-minimap { margin: -1rem -1rem .5rem; padding: 1rem; } aside .minimap-layer-marker { position: absolute; top: 1rem; left: 1rem; right: 1rem; bottom: 1rem; } aside .mod-minimap .minimap { top: 1rem; left: 1rem; right: 1rem; bottom: 1rem; } .mod-minimap svg { fill: white; /*#F8F7F5;*/ fill: #f8f7f5; stroke: #a7a699; width: 100%; } .mod-minimap .minimap-marker .minimap-layer-bg { position: relative; } _:-ms-fullscreen, :root .mod-minimap .minimap { top: 0; left: 18px; height: 100%; width: 88%; overflow: hidden; } _:-ms-fullscreen, :root .mod-minimap .minimap-layer-bg { background: url(/media/resources/img/minimap_hintergrund.png) 50% 50% no-repeat; background-size: cover; height: 351px; /*336px;*/ } .mod-minimap .minimap-marker .marker-label { display: none; } .mod-minimap .minimap-marker { position: absolute; left: 0; top: -60px; font-size: 11px; margin-top: -12px; margin-left: -12px; } .mod-minimap .minimap-marker .poi { display: inline-block; position: relative; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%0A%3Csvg id='eKEt0bJi4do1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 500 500' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'%3E%3Cstyle%3E%3C!%5BCDATA%5B%0A%23eKEt0bJi4do7_ts %7Banimation: eKEt0bJi4do7_ts__ts 3000ms linear infinite normal forwards%7D@keyframes eKEt0bJi4do7_ts__ts %7B 0%25 %7Btransform: translate(10px,10px) scale(0.1,0.1)%7D 66.666667%25 %7Btransform: translate(10px,10px) scale(1.1,1.1)%7D 100%25 %7Btransform: translate(10px,10px) scale(0.6,0.6)%7D%7D%0A%5D%5D%3E%3C/style%3E%3Cg transform='matrix(3 0 0 3-213.25-213.25)'%3E%3Crect width='3.25' height='3.25' rx='0' ry='0' transform='translate(-1-1)' fill='none'/%3E%3C/g%3E%3Cg transform='matrix(25 0 0 25 0 0)'%3E%3Cg id='eKEt0bJi4do7_ts' transform='translate(10,10) scale(0.1,0.1)'%3E%3Cellipse rx='9' ry='9' transform='translate(0,0)' fill='%23c00418' fill-opacity='0.33' stroke='%23fff' stroke-width='0' stroke-opacity='0'/%3E%3C/g%3E%3Cellipse rx='6' ry='6' transform='translate(10 10)' fill='%2395000e' stroke='%23fff' stroke-width='0' stroke-opacity='0'/%3E%3Cellipse rx='5' ry='5' transform='translate(10 10)' fill='%23c00418' stroke='%23fff' stroke-width='0' stroke-opacity='0'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .mod-minimap .minimap-marker .poi:hover { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Crect fill='none' id='canvas_background' height='3.25' width='3.25' y='-1' x='-1'/%3E%3Cg display='none' id='canvasGrid'%3E%3Crect fill='url(%23gridpattern)' stroke-width='0' y='0' x='0' height='100%25' width='100%25' id='svg_2'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cellipse ry='9' rx='9' id='svg_4' cy='10' cx='10' fill-opacity='0.33' stroke-opacity='0' stroke-width='0' stroke='%23ffffff' fill='%23c00418'/%3E%3Cellipse stroke-opacity='0' ry='6' rx='6' id='svg_1' cy='10' cx='10' stroke-width='0' stroke='%23ffffff' fill='%2395000e'/%3E%3Cellipse ry='5' rx='5' id='svg_5' cy='10' cx='10' fill-opacity='null' stroke-opacity='0' stroke-width='0' stroke='%23ffffff' fill='%23c00418'/%3E%3C/g%3E%3C/svg%3E"); } .mod-minimap .minimap-marker strong { max-width: 80%; display: inline-block; vertical-align: middle; line-height: 14px; } /*-- Responsive Map --*/ section.content.map { padding-bottom: 0; } body.content .map-responsive { width: 100%; height: 70vh; } body.content .map-wrap { height: 100%; width: 100%; position: relative; } body.content .map-wrap .leaflet-pane { z-index: 50; } body.content .map-wrap .leaflet-control, body.content .map-wrap .leaflet-top, body.content .map-wrap .leaflet-bottom { z-index: 51; } body.content .map-wrap a.fullscreen-map-icon { position: absolute; padding: 13px; top: 40px; right: 40px; z-index: 51; line-height: 1; background-color: #d10019; color: #ffffff; } body.content .map-wrap a.fullscreen-map-icon span { color: white; vertical-align: middle; font-weight: bold; } body.content .map-wrap a.fullscreen-map-icon.has-label span.dzt { margin-left: 5px; } body.content .map { height: 100%; width: 100%; } body.content .map .leaflet-control-container { } body.content .map .leaflet-control-container .leaflet-top { top: auto; bottom: 40px; } body.content .map .leaflet-control-container .leaflet-control-zoom { border: 0; } body.content .map .leaflet-control-container .leaflet-left { left: auto; right: 40px; } body.content .map .leaflet-control-container .leaflet-control-zoom-out, body.content .map .leaflet-control-container .leaflet-control-zoom-in { margin: 10px 0; border: 0; background-color: #d10019; color: white; border-radius: 0; /* padding: 5px; */ width: 50px; height: 50px; line-height: 50px; } /*-- Active Marker --*/ body.content .map-wrap .leaflet-marker-icon.leaflet-interactive.active { background: none !important; border: 4px solid #d10019; background-color: white; border-radius: 50%; width: 30px !important; height: 30px !important; } @media(max-width: 767px) { body.content .map-responsive { height: 150vw; max-height: 80vh; } body.content .map-wrap a.fullscreen-map-icon { top: 0; right: 0; } body.content .map .leaflet-control-container .leaflet-left { left: auto; right: 0; } body.content .map .leaflet-control-container .leaflet-control-zoom-out, body.content .map .leaflet-control-container .leaflet-control-zoom-in { margin: 25px; } } /*-- Artikel Karte --*/ .mod-minimap-wrap { width: 90%; margin: auto; margin-bottom: 80px; padding: 30px; background: linear-gradient(to top, #e7e3dd, #f5f3ef); background: linear-gradient(to top, , ); box-shadow: 0 0 10px #33333352; border: 3px solid white; } .mod-minimap-wrap .mod-minimap-articles.mod-minimap { margin: 0; } @media(min-width: 1140px) { .mod-minimap-wrap { width: 50%; width: 75%; } .mod-minimap-wrap { margin-bottom: 120px; } } } .mod-minimap-wrap /*.mod-minimap-articles*/ { z-index: 1; } .mod-minimap-articles .tooltip { z-index: 1; opacity: 1; } .mtk-infowindow-tooltip.tooltip { z-index: 1; } .mtk-infowindow-tooltip .tooltip-inner { background: white; padding: 10px; color: #444; font-size: 16px; border-radius: 0; font-weight: bolder; border: 1px solid #aaa; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%); -webkit-transition: opacity .25s ease-in; -moz-transition: opacity .25s ease-in; -ms-transition: opacity .25s ease-in; -o-transition: opacity .25s ease-in; transition: opacity .25s ease-in; } .mtk-infowindow-tooltip.bs-tooltip-top .arrow, .mtk-infowindow-tooltip.bs-tooltip-auto[x-placement^=top] .arrow, .mtk-infowindow-tooltip.tooltip .arrow { overflow: hidden; width: 15px; height: 15px; z-index: 1; } .mtk-infowindow-tooltip.bs-tooltip-top .arrow::before, .mtk-infowindow-tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .mtk-infowindow-tooltip.tooltip .arrow::before { width: 15px; height: 15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: white; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%); transition: opacity .25s ease-in; border-top-color: transparent; top: -4px; z-index: -1; } /* /media/resources/css/module/css_mod_neusta_slider.css */ #neusta-slider-container { width: 100%; height: 75vh; position: relative; contain: paint; } #neusta-slider { width: calc(100% * var(--slide-count)); height: 75vh; position: absolute; top: 0; left: 0; transition: left 0.5s; } .neusta-slide { width: calc(100% / var(--slide-count)); height: 100%; float: left; background-size: cover; background-position: center; background-repeat: no-repeat; } .neusta-slide-content { position: sticky; top: 25px; float: right; max-width: 50%; height: auto; margin: 25px 75px; padding: 25px; color: #51504D; background-color: rgba(255,255,255, 0.9); } .neusta-slide-content h1 { color: #d10019; } #neusta-slider-prev-btn, #neusta-slider-next-btn { font-size: 1.5em; position: absolute; top: 50%; transform: translateY(-50%); background-color: #d10019;; color: #fff; padding: 20px; cursor: pointer; } #neusta-slider-prev-btn { left: 10px; } #neusta-slider-next-btn { right: 10px; } #neusta-slider-tab-container { width: 100%; text-align: center; position: absolute; bottom: 10px; } .tab { display: inline-block; width: 11px; height: 11px; background-color: #ffffff; border-radius: 50%; margin: 0 5px; cursor: pointer; } .tab.active { background-color: #d10019;; } @media only screen and (max-width: 768px) { #neusta-slider-container { height: 50vh; } #neusta-slider { height: 50vh; } #neusta-slider-prev-btn, #neusta-slider-next-btn { font-size: 1em; padding: 15px; } } /* /media/resources/css/099_ux_effects.css */ /* -- zoom on hover -- */ figure.ux-hover-zoom .responsive-image, figure.ux-hover-zoom .responsive-image-v2, .ux-hover-zoom figure .responsive-image-v2 { transition-duration: .5s; } figure.ux-hover-zoom:hover .responsive-image, figure.ux-hover-zoom:hover .responsive-image-v2, .ux-hover-zoom:hover figure .responsive-image-v2 { transform: scale(1.1); } figure.ux-hover-zoom, .ux-hover-zoom figure { overflow: hidden; } /* /media/resources/css/module/css_mod_dropdown.css */ .dropdown-filter { z-index: 1072; } .dropdown-dx { z-index: 1072; } .dropdown-dx .dropdown-toggle-dx { margin: 0; } .dropdown-dx .dropdown-item { padding: 0.25rem 0.5rem; } .dropdown-dx .dropdown-item:hover, .dropdown-dx .dropdown-item:focus, .dropdown-dx .dropdown-item.active, .dropdown-dx .dropdown-toggle-dx.dzt-btn-light, .dropdown-dx .dropdown-toggle-dx.dzt-btn-light:hover, .dropdown-dx .dropdown-toggle-dx:hover, .dropdown-dx .dropdown-toggle-dx.collapsed:hover { color: #ffffff; background-color: #d10019; } .dropdown-dx .dropdown-toggle-dx.collapsed { color: #51504D; background-color: transparent; } .dropdown-dx .dropdown-menu { width: 20rem; padding: 15px; max-height: 60vh; max-width: 100vw; overflow-y: auto; border: none; } .zebra-red .dropdown-dx .dropdown-menu { color: #ffffff; background-color: #d10019; } .dropdown-dx .dropdown-toggle-dx span { display: inline-block; padding-right: 10px; text-align: right; } .dropdown-dx .dropdown-toggle-dx:focus { outline: none; } .dropdown-dx .dropdown-menu { padding-top: 0; padding-bottom: 0; margin-top: 0; border-radius: 0; } .deep-list-overview-list .dropdown-dx { margin: 20px; text-align: right; } .deep-list-overview-list .dropdown-dx .dropdown-menu { box-shadow: 0 0 5px #00000014; right: 0; left: auto; } .deep-list-overview-list .dropdown-dx .dropdown-menu.collapsing { transition: height 0.1s ease; } .deep-content-filter .dropdown-dx { z-index: 16; } .dropdown-dx .modal { z-index: 1; } /* /media/resources/css/module/css_mod_mtk.css */ /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer { max-width: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-control-zoom-out { font-size: 20px; } .leaflet-touch .leaflet-control-zoom-in { font-size: 22px; } .leaflet-touch .leaflet-control-zoom-out { font-size: 24px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(images/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { background-image: url(images/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } .mtk-maptype-grayscale { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; } .autocomplete-suggestion { font-size: 12px; padding: 0 20px; } .autocomplete-group { padding: 4px 0 0 7px; font-size: 14px; } .mtk-treemenu { font-size: 12px; font-family: Arial,Helvetica,sans-serif; } .mtk-treemenu ul { margin: 0; padding: 0; } .mtk-treemenu li { list-style: none; margin: 0; padding: 2px 0 2px 0px; cursor: pointer; } .mtk-treemenu-group { font-weight: bold; margin: 0; padding: 2px 0 2px 0; } .mtk-treemenu span { padding-left: 1px; } .mtk-treemenu-checkbox, .mtk-treemenu-icon, .mtk-treemenu-space { vertical-align: text-bottom; width: 15px; height: 15px; margin-right: 2px; } .mtk-treemenu-title { padding-top: 1px; margin-left: 37px; } .mtk-treemenu-node-title { padding-top: 1px; margin-left: 3px; } .mtk-marker { -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .mtk-marker-animate { -webkit-transition: opacity .2s, -webkit-transform .7s; -moz-transition: opacity .2s, -moz-transform .7s; -o-transition: opacity .2s, -o-transform .7s; transition: opacity .2s, transform .7s; } .mtk-marker-animate-fast { -webkit-transition: opacity .2s, -webkit-transform .25s; -moz-transition: opacity .2s, -moz-transform .25s; -o-transition: opacity .2s, -o-transform .25s; transition: opacity .2s, transform .25s; } .mtk-infowindow { background: white; padding: 10px; color: #444; font-weight: bold; font-size: 16px; width: auto; min-width: 200px; font-weight: normal; border: 1px solid #aaa; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transition: opacity .25s ease-in; -moz-transition: opacity .25s ease-in; -ms-transition: opacity .25s ease-in; -o-transition: opacity .25s ease-in; transition: opacity .25s ease-in; } .mtk-infowindow-tip-container { position: absolute; overflow: hidden; -webkit-transition: opacity .25s ease-in; -moz-transition: opacity .25s ease-in; -ms-transition: opacity .25s ease-in; -o-transition: opacity .25s ease-in; transition: opacity .25s ease-in; } .mtk-infowindow-tip { margin: 0 auto !important; padding: 0 !important; min-width: 0; width: 15px; height: 15px; padding: 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .mtk-infowindow h1 { font-size: 20px; } .mtk-infowindow h2 { font-size: 18px; } .mtk-infowindow h3 { font-size: 16px; } .mtk-infowindow h4 { font-size: 14px; } .mtk-infowindow p { font-size: 16px; font-weight: normal; } .mtk-infowindow a { color: #444; } .mtk-infowindow-close { position: absolute; cursor: pointer; width: 10px; height: 10px; background: url("https://static-cdn.maptoolkit.net/images/layout/white/close.png") center 0px no-repeat; top: 7px; right: 7px; } .mtk-infowindow-close:hover { background: url("https://static-cdn.maptoolkit.net/images/layout/white/close.png") center -10px no-repeat; } .mtk-infowindow-close:before { content: ""; } .mtk-infowindow-clickable { cursor: pointer; } .mtk-cluster { color: white; text-align: center; font-size: 13px; font-weight: bold; } .mtk-cluster-animation { -webkit-transition: opacity .2s, -webkit-transform .7s; -moz-transition: opacity .2s, -moz-transform .7s; -o-transition: opacity .2s, -o-transform .7s; transition: opacity .2s, transform .7s; } .mtk-cluster1 { background: url(https://static-cdn.maptoolkit.net/images/ns/cluster1.png); width: 53px; height: 52px; line-height: 52px; margin: -26px 0 0 -26px; } .mtk-cluster2 { background: url(https://static-cdn.maptoolkit.net/images/ns/cluster2.png); width: 56px; height: 55px; line-height: 55px; margin: -28px 0 0 -28px; } .mtk-cluster3 { background: url(https://static-cdn.maptoolkit.net/images/ns/cluster3.png); width: 66px; height: 65px; line-height: 65px; margin: -33px 0 0 -33px; } .mtk-cluster4 { background: url(https://static-cdn.maptoolkit.net/images/ns/cluster4.png); width: 78px; height: 77px; line-height: 77px; margin: -39px 0 0 -39px; } .mtk-cluster5 { background: url(https://static-cdn.maptoolkit.net/images/ns/cluster5.png); width: 90px; height: 89px; line-height: 89px; margin: -45px 0 0 -45px; } .mtk-cluster span { display: block; } .mtk-cluster-loading { background: url("https://static-cdn.maptoolkit.net/images/leaflet/loading2.gif") center center no-repeat; background-size: 16px 16px; text-indent: -999999px; } .mtk-button { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; float: left; margin-left: 10px; } .mtk-button a, .mtk-button a:hover { background-color: #fff; border-right: 1px solid #ccc; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; text-transform: uppercase; color: black; } .mtk-button a { background-position: 50% 50%; background-repeat: no-repeat; display: block; float:left; padding: 0 7px; } .mtk-button a:hover { background-color: #f4f4f4; cursor: pointer; } .mtk-button a:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .mtk-button a:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: none; } .mtk-button-enabled { background-color: #ccc; } .mtk-maptypes { margin-top: 30px; margin-left: 10px; } .mtk-maptypes label { cursor: pointer; } .mtk-maptypes label:hover { background-color: #f4f4f4; } .mtk-control-container { } .mtk-control-button { background: #fff; background: -moz-linear-gradient(top, #fff 0%, #e3e4e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e3e4e2)); background: -webkit-linear-gradient(top, #fff 0%,#e3e4e2 100%); background: -o-linear-gradient(top, #fff 0%,#e3e4e2 100%); background: -ms-linear-gradient(top, #fff 0%,#e3e4e2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e4e2',GradientType=0 ); background: linear-gradient(top, #fff 0%,#e3e4e2 100%); border: 1px solid #cbcaca; border-bottom: 1px solid #7d7e7c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font: bold 10px/10px Helvetica, Arial, sans-serif; text-transform: uppercase; color: #444; text-shadow: 0px 1px 1px #fff; height: 9px; padding: 7px; margin: 10px 10px 0 0; overflow: hidden; cursor: pointer; position: relative; opacity: 1 !important; letter-spacing: 0.05em; } .mtk-control-button span { display: block; float: left; } .mtk-control-button-arrow { width: 9px; height: 6px; float: left; display: block; text-indent: -999999px; background: url("https://static-cdn.maptoolkit.net/images/layout/white/dropdownarrow.png") 0px 0px no-repeat; margin: 2px 0 2px 6px; } .mtk-control-maptypes { } .mtk-control-maptypes-others { position: absolute; margin-top: 2px; right: 6px; background: #ddd; color: #333; padding: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /* font-weight: bold; */ border: 1px solid #333; display: none; font-size: 12px; font-family: Arial; min-width: 74px; } .mtk-control-maptypes-others ul { padding: 0; margin: 0; list-style-type: none; width: 120px; } .mtk-control-maptypes-others li { list-style-type: none; padding: 1px; cursor: pointer; } .mtk-control-maptypes-others { background: #fff; border: 1px solid #cbcaca; border-bottom: 1px solid #7d7e7c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font: bold 10px/10px Helvetica, Arial, sans-serif; text-transform: uppercase; color: #444; text-shadow: 0px 1px 1px #fff; padding: 0px; position: absolute; right: 10px !important; width: auto !important; overflow: hidden; } .mtk-control-maptypes-others ul { width: auto !important; } .mtk-control-maptypes-others li { padding: 10px 6px; border-bottom: 1px solid #e4e4e3; white-space: nowrap; } .mtk-control-maptypes-others li:hover { color: #222; text-shadow: none; background: #e3e4e2; background: -moz-linear-gradient(top, #fff 0%, #e3e4e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e3e4e2)); background: -webkit-linear-gradient(top, #fff 0%,#e3e4e2 100%); background: -o-linear-gradient(top, #fff 0%,#e3e4e2 100%); background: -ms-linear-gradient(top, #fff 0%,#e3e4e2 100%); background: linear-gradient(top, #fff 0%,#e3e4e2 100%); } .mtk-control-maptypes-others li:last-child, .mtk-control-maptypes-others li:hover:last-child { border-bottom: none !important; } .mtk-locationsearch { position: absolute; margin-top: 10px; width: 230px; height: 32px; background: #f4f4f4; margin-left: 0px; left: 46px! important; /* opacity: 0.9 !important;*/ border: 1px solid #cbcaca; border-bottom: 1px solid #7d7e7c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .mtk-locationsearch form { width: 224px; height: 26px; margin: 2px; background: #fff; border: 1px solid #ccc; border-top: 1px solid #a3a3a3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .mtk-locationsearch form .mtk-locationsearch-location { display: block; float: left; width: 13px; height: 13px; background: url("https://static-cdn.maptoolkit.net/images/layout/white/location.png") 0px 0px no-repeat; text-indent: -999999px; margin: 7px 6px 6px 6px; position: relative; } .mtk-locationsearch form input[type="text"] { border: none !important; width: 164px; height: 24px; font: normal 12px Arial, Helvetica, sans-serif; color: #969696 !important; float: left; background: #fff; position: relative; } .mtk-locationsearch form input[type="text"]:focus { outline: none !important; } .mtk-locationsearch form .mtk-locationsearch-submit { border: none; width: 32px; height: 26px; border-left: 1px solid #d3d3d3; float: left; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; background: url("https://static-cdn.maptoolkit.net/images/layout/white/searchbutton.png") center center no-repeat; cursor: pointer; margin-top: 0px; top: 15px !important; margin-left: 0px !important; } .mtk-locationsearch .autocomplete-suggestions { background: #FFF; overflow: auto; margin-left: 20px } .mtk-locationsearch .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .mtk-locationsearch .autocomplete-selected { background: #F0F0F0; } .mtk-locationsearch .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; } .mtk-locationsearch .autocomplete-group { padding: 5px 5px 2px 5px; } .mtk-locationsearch .autocomplete-group strong { display: block; border-bottom: 1px solid #ddd; } .fullscreen-icon { background-image: url(https://static-cdn.maptoolkit.net/images/leaflet/icon-fullscreen.png); } .leaflet-retina .fullscreen-icon { background-image: url(https://static-cdn.maptoolkit.net/images/leaflet/icon-fullscreen-2x.png); background-size: 26px 26px; } .leaflet-container:-webkit-full-screen { width: 100% !important; height: 100% !important; z-index: 99999; } .leaflet-pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 99999; }