html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #00235e; width: 100%; font-family: 'Oxygen', sans-serif; color: #151515; font-size: 17px; font-weight: 400; line-height: 1.45; }

*, *::before, *::after { box-sizing: border-box; padding: 0; margin: 0; }
a { color: #164194; text-decoration: none; font-weight: 700; }
a:hover { color: #36A9E1; }

img, iframe { border: none; }
*:focus { outline: none; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
a[href^=tel] { color: inherit; text-decoration: none; font-weight: inherit; }
input, button, select, optgroup, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

.clear { clear: both; height: 0; }
.clearfix::after, .widthFix::after { display: block; content: ""; height: 0; clear: both; visibility: hidden; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; line-height: 1.25; }
p, table { margin: 0 0 15px 0; }
h1 { font-size: 30px; font-weight: 400; color: #164194; margin: 0 0 15px 0; }
h2 { font-size: 24px; font-weight: 400; color: #164194; padding-top: 10px; }
h1 + h2 { color: #777; font-weight: 400; padding-top: 0; margin: -10px 0 15px 0; }
h3, h4 { font-size: 18px; font-weight: 700; color: #164194; padding-top: 10px; margin: 0 0 10px 0; }
h3 { border-bottom: 1px solid #ccc; clear: both; }
h2:first-child, h3:first-child, h4:first-child { padding-top: 0; }
h3.space { margin-bottom: 15px; }

#header, #infoTable, #mainNav, #emotion, #main, #infoColumn, #footer { width: 100%; position: relative; overflow: hidden; z-index: 1; }
.widthFix { max-width: 1360px; position: relative; margin: 0 auto; }
#logo a, #logo img, #emotion img, .box img { display: block; width: 100%; height: auto; }
ul.nav { list-style-type: none; }
ul.nav a { font-weight: 400; text-decoration: none; }
#stickyFix, #infoTable .declaration, #infoTable .hotline span, .insurancemisc, .damagemisc, .liabilitydamage, .d-none { display: none; }

#header { background: #fff; z-index: 100; overflow: visible; }
	#header .widthFix { height: 124px; }
		#infoTable { background: #164194; width: 100%; padding: 5px 15px 5px 15px; color: #b8cffd; font-size: 17px; line-height: 24px; }
			#infoTable .opening { float: left; }
			#infoTable .hotline { float: right; }
				#infoTable .state, #infoTable a { color: #fff; font-weight: 700; }
					#infoTable .icon::before { padding-right: 5px; line-height: 1; }
					#infoTable .hotline .icon::before { content: '\e808'; font-size: .9em;}
					#infoTable .declaration.icon::before { content: '\e800'; }
		#logo { width: 90px; position: absolute; bottom: -15px; left: 50%; margin-left: -45px; }
		.menuActive #logo { width: 80px; bottom: 5px; margin-left: -40px; }

#mainNav { background: #164194; z-index: 10; }
	#menu { width: 100%; position: relative; opacity: 0; max-height: 0; overflow: hidden; }
	.menuActive #menu { opacity: 1; max-height: 800px; }
		#menu ul li { position: relative; }
			#menu ul li a { width: 100%; display: block; font-size: 19px; line-height: 50px; padding: 0 50px 0 15px; color: #fff; border-top: 1px solid rgba(255,255,255,.3); }
 				#menu ul li a:hover, #menu ul li.active > a { background: #00235e; color: #fff; }
					#menu ul li span.more { display: block; cursor: row-resize; width: 50px; height: 50px; font-size: 30px; line-height: 50px; color: #fff; position: absolute; top: 1px; right: 0; }
						#menu ul li span.more::before, #menu ul li.active.open span.more::before { content: '\f107'; width: 100%; }
					#menu ul li.open span.more, #menu ul li.active span.more { line-height: 48px; }
						#menu ul li.open span.more::before, #menu ul li.active span.more::before { content: '\f106'; }
			/* ZWEITE MENÜEBENE */
			#menu ul ul, #menu ul li.active.open ul { max-height: 0; overflow: hidden; padding: 0; }
			#menu ul li.open ul, #menu ul li.active ul { max-height: 500px; }			
				#menu ul ul li a { max-height: 42px; font-size: 17px; line-height: 42px; padding: 0 0 0 30px; margin-top: 1px; border: none; }

#emotion .imageContainer { background: #eee; width: 100%; max-height: 600px; position: relative; }
#main { display: block; /* IE11 kennt kein <main> */ background: #eee; padding-bottom: 10px; }
#main .widthFix { padding: 0 15px; }
#main section { padding: 15px 0; }

#infoColumn { background: #fff; text-align: center; }
	#infoColumn section { padding: 20px 0; }
	#infoColumn h2 { font-size: 26px; margin-bottom: 15px; }
	#timeTable { background: #164194; color: #fff; position: relative; }
		#timeTable h2 { color: #fff; }
		#timeTable .day { margin-bottom: 5px; color: #cadaf7; }
		#timeTable .today { font-weight: 700; color: #fff; position: relative;}
		#timeTable span { display: block; white-space: nowrap; }
		#timeTable .advice { padding-top: 5px; }
	#contact p { margin-bottom: 12px; }
	#contact p:last-child { margin-bottom: 0; }

#footer { background: #00235e; color: #fff; padding: 25px 15px 20px 15px; }
	#footerNav { width: 170px; display: table; margin: 0 auto; }
		#footerNav a { display: block; width: 100%; background: rgba(255,255,255,.15); font-size: 18px; line-height: 40px; text-align: center; color: #fff; margin: 0 0 12px 0; border-radius: 8px; }
			#footerNav a:hover, #footerNav a.current { background: rgba(255,255,255,.3); }
	#footer .author { width: 100%; font-size: 14px; text-align: center; padding-top: 18px; }
		#footer .author a { color: #7b90b3; font-weight: 400; }
			#footer .author a:hover { color: #fff; }
	#footer .copyright { display: block; }

/* BILDER */
.picBanner, .pic3left, .pic3right { display: block; width: 100%; height: auto; margin: 0 0 15px 0; border-radius: 12px; }

/* EFFEKTE */
.fast, #logo, #toggleNavbar, #mainNav, #mainNav::before, #menu, #menu ul, #menu a, #menu a::before, #main a, .navItem h2, .letter h2, #footer a, #footer a::before  { transition: all .4s ease-out; }
.slow, .btn, .btn::after { transition: all .6s ease-out; }

/* Responsive Menu */
#toggleNavbar { display: block; background: #eee; width: 48px; height: 48px; padding: 0; position: absolute; top: 50%; right: 15px; border-radius: 50%; margin-top: -6px; }
#toggleNavbar .icon, #toggleNavbar .icon::before, #toggleNavbar .icon::after { background: #151515; width: 22px; height: 2px; position: absolute; transition: 0.6s ease; transition-timing-function: cubic-bezier(.75, 0, .29, 1.01); }
#toggleNavbar .icon { top: 23px; left: 13px; }
#toggleNavbar .icon::before { content: ""; top: -6px; }
#toggleNavbar .icon::after { content: ""; top: 6px; }

/* on activation */
.menuActive #toggleNavbar { background: #36A9E1; }
.menuActive #toggleNavbar .icon { background: transparent; }
.menuActive #toggleNavbar .icon::before { background: #fff; top: 0; transform: rotate(45deg); }
.menuActive #toggleNavbar .icon::after { background: #fff; top: 0; transform: rotate(-225deg); }

/* BOX */
#main .box { background: #fff; display: block; width: 100%; line-height: 1.45; padding: 15px; margin-bottom: 20px; border: 1px solid #dfdfe4; border-radius: 6px; position: relative; overflow: hidden; box-shadow: 0 0 12px 0 rgba(0,0,0,.15); }
	#main .box h3 { border-color: #ccc; }
	#main .blog img { margin: 0 0 15px 0; }
	#main .box p:last-child, #main .letter p { margin-bottom: 0; }
	#main .blog img + h2 { padding-top: 0; }

/* SUBNAV */
#subNav { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 360px)); gap: 30px 30px; justify-content: center; padding: 30px 0; }
#main .navItem.box { display: flex; align-items: center; justify-content: center; margin: 0; padding: 25px; text-align: center; border-radius: 30px; }
	#main .navItem.box h2 { margin: 0; line-height: 1.4; }
	#main .navItem:hover { background: #00235e; }
	#main .navItem:hover h2 { color: #fff; }

/* LETTERBOX */
#main .letter { min-height: 85px; color: #333; font-size: 15px; font-weight: 400; text-decoration: none; padding-right: 75px; }
#main a.letter:hover { box-shadow: 0 0 20px 0 rgba(0,0,0,.3); border-color: #ccc; }
	#main .letter::before { content: ''; width: 36px; height: 36px; font-size: 36px; line-height: 1; position: absolute; top: 15px; right: 10px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; }
		#main .letter.pdf::before { background-image: url(/gfx/icon-pdf.svg); }
		#main .letter.xls::before { background-image: url(/gfx/icon-xls.svg); }
		#main .letter.doc::before { background-image: url(/gfx/icon-doc.svg); }
	#main .letter h2 { font-size: 18px; font-family: 'Oxygen', sans-serif; font-style: normal; color: #151515; }
	#main .letter:hover h2 { color: #164194; }
	#main.newsDetail .letter h2 { margin: 0; }
	#main .letter .loadSize { font-size: 14px; line-height: 1; color: #999; position: absolute; bottom: 10px; right: 11px; }

/* TABELLEN + LISTEN */
table { width: 100%; font-size: 1em; line-height: 1.3; padding-top: 25px; margin-bottom: 25px; }
	table a, table p { font-weight: 400; }
	table p { margin: 5px 0 0 0; font-size: 16px; }
table td, table th { background: #fff; padding: 8px 10px; text-align: left; vertical-align: top; border-radius: 5px; }
table th { font-weight: 700; background: #164194; color: #fff; }

#main ul, #main ol { padding-left: 20px; margin: 0 0 15px 0; }
	#main ul li, #main ol li { padding: 3px 0; }

/* TOPICS */
#content ul.topics, #content ul.topics li, #content ul.arrow, #content ul.arrow li { padding: 0; list-style-type: none; }
	#content ul.topics li { width: 100%; display: block; padding: 5px 0 5px 25px; position: relative; }
	#content ul.topics li::before { content: '\2713'; color: #36A9E1; position: absolute; top: 5px; left: 0; }
		
#content ul.arrow a { width: 100%; display: block; padding: 5px 0 5px 20px; position: relative; }
	#content ul.arrow a::before { content: '\f105'; color: #164194; position: absolute; top: 5px; left: 0; }
			#content ul.arrow a:hover::before { color: #36A9E1; }

/* SITEMAP */
#content ul.sitemap { padding: 0; list-style-type: none; }
	#content ul.sitemap li { padding: 8px 0; }
		#content ul.sitemap li a { font-size: 1.2em; padding-left: 16px; position: relative; display: inline-block; text-decoration: none; }
		#content ul.sitemap a::before { content: '\f105'; font-size: 1em; position: absolute; top: 0; left: 2px; }
		#content ul.sitemap li p { font-size: .9em; margin: 0; padding: 2px 0 0 16px; }
		#content ul.sitemap li .sectionheader { font-size: 1.2em; font-weight: 700; }
			#content ul.sitemap ul { padding: 8px 0 8px 30px; margin: 0; border: none; list-style-type: none; }
				#content ul.sitemap ul li a { font-size: 1.05em; }

/* GOOGLE MAPS */
.responsiveContainer { width: 100%; position: relative; padding-top: 15px; padding-bottom: 70%; height: 0; margin: 0 0 15px 0; overflow: hidden; }
.video.responsiveContainer { padding-bottom: 55.1%; }
#gmap.responsiveContainer { padding-bottom: 60%; margin: 0; }
#notice { font-size: 16px; padding: 5px; white-space: nowrap; text-align: center; }
#notice h4 { font-size: 17px; line-height: 120%; padding: 0; margin: 0; }
#notice p { margin-top: 5px; }
#notice .btn { margin-top: 10px; }
#map, .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#privacy-settings { background: rgba(255,255,255,.5); width: 100%; height: auto; position: absolute; top: 50%; left: 0; padding: 15px; text-align: center; transform: translateY(-50%); z-index: 100; }
#gmap { background-image: url(/gfx/mapPlaceholder.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }


/* KONTAKTFORMULAR */
.contactform { text-align: left; margin: 0 auto; }
.contactform fieldset { border: none; }
.contactform legend { display: block; width: 100%; font-size: 18px; font-weight: 700; color: #164194; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #999; }
.contactform .form-group { margin-bottom: 15px; position: relative; }
#content .confirm { padding-top: 20px; }

label, input, select { display: inline-block; font-size: 1em; line-height: 1; font-weight: 400; border: none; border-radius: 0; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
fieldset label { line-height: 1.8; margin-right: 15px; }

fieldset .form-control { background-color: #fff; height: 40px; line-height: 40px; padding-left: 10px; border: 1px solid #c6c3c1; border-radius: 4px; }
fieldset input.form-control:focus { border-color: #888; }
fieldset select.form-control { padding-right: 36px; background-image: url(/gfx/arrow.png); background-position: right 2px; background-repeat: no-repeat; background-size: 34px auto; }
fieldset select::-ms-expand { display: none; }

.contactform label { font-size: .9em; }
.contactform .form-control { width: 100%; }

#fileup { height: auto; line-height: 1; padding: 0; }
#fileup::file-selector-button { border: 1px solid #555555; color: #555555; padding: 7px; border-radius: 4px; margin-right: 15px; background-color: #ffffff; }
#fileup::file-selector-button:hover { background-color: #e9e9e9; }
#fileup::-webkit-file-upload-button { border: 1px solid #555555; color: #555555; padding: 7px; border-radius: 4px; margin-right: 15px; background-color: #ffffff; }
#fileup::-webkit-file-upload-button:hover { background-color: #e9e9e9; }

/* NORMALIZE RADIO + CHECKBOX */
.contactform input[type='checkbox']:checked, .contactform input[type='checkbox']:not(:checked), .contactform input[type='radio']:checked, .contactform input[type='radio']:not(:checked) { width: 0; height: 0; background: transparent; position: absolute; }
.contactform input[type='checkbox'] + label, .contactform input[type='radio'] + label { cursor: pointer; position: relative; padding-left: 30px; }
.contactform input[type='checkbox']:checked + label::before, .contactform input[type='checkbox']:not(:checked) + label::before, .contactform input[type='radio']:checked + label::before, .contactform input[type='radio']:not(:checked) + label::before { content:''; background: #fff; display: inline-block; width: 18px; height: 18px; position: absolute; top: 50%; left: 0; border: 1px solid #c6c3c1; margin-top: -9px; }
.contactform input[type='checkbox']:hover + label::before, .contactform input[type='radio']:hover + label::before { background: #c6c3c1; box-shadow: inset 0 0 0 3px #fff; }
.contactform input[type='checkbox']:checked + label::before, .contactform input[type='radio']:checked + label::before { background: #164194; box-shadow: inset 0 0 0 3px #fff; }

.commentSelect label { display: none; }
.commentSelect textarea { width: 100%; height: 150px; line-height: 1.3; padding: 10px; border: 1px solid #c6c3c1; border-radius: 4px; }
.contactform .privacySelect label { font-size: 16px; line-height: 1.3; }
.contactform .privacySelect input[type='checkbox'] + label::before { top: 3px; margin: 0; }
.contactform .buttonCol { padding-top: 15px; margin-bottom: 15px; text-align: center; }
	.contactform .buttonCol .btn { width: 180px; }

/* FEHLERMELDUNGEN + SPAM */
#main .contactform .form-row.hpsp { height: 0; overflow: hidden; visibility: hidden; }
#main ul.error { background: #fff; list-style-type: none; color: #c00; padding: 10px 15px; margin-top: 30px; margin-bottom: 0; border: 3px solid #bb0000; }
.contactform div.error { display: block; width: 100%; font-size: .8em; color: #c00; line-height: 1.25; margin: 0; padding-top: 5px; }
.contactform .form-control.error, fieldset input.error:focus { border-color: #c00; }

/* BUTTONS */
.btn { display: inline-block; background: #164194; font-size: 1.1em; font-weight: 400; line-height: 40px; color: #fff !important; border: none; border-radius: 4px; vertical-align: top; padding: 0 20px; margin-bottom: 15px; text-decoration: none; cursor: pointer; position: relative; overflow: hidden; z-index: 10; }
	.btn::after { content: ''; width: 200%; height: 100%; position: absolute; top: 0; left: -200%; z-index: -1; background: #164194; background: linear-gradient(to right, #36A9E1 0%, #36A9E1 50%,#164194 100%); }
		.btn:hover::after { left: 0; }
.buttonCol { width: 100%; display: table; padding-top: 15px; text-align: center; }
	.buttonCol .btn { margin: 0 7px 15px 7px; }
	.buttonCol .btn.btn-left { float: left; margin: 0 15px 15px 0; }
	.buttonCol .btn.btn-right { float: right; margin: 0 0 15px 15px; }

/* SHOP BUTTON */
#main section#shopButton { width: 100%; display: table; text-align: center; margin-bottom: 15px; }
	.btnShop { background: #fff; display: inline-block; width: 100%; max-width: 420px; height: 100px; border-radius: 50px; box-shadow: 0 0 14px 1px rgba(0,0,0,.2); position: relative; }
		.btnShop h2 { width: calc(100% - 120px); font-size: 28px; font-weight: 700; line-height: 1; text-transform: uppercase; text-align: center; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); }
		.btnShop span { display: block; font-size: 18px; margin-bottom: 4px; }
		.btnShop img { display: block; width: 70px; height: auto; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }

.btnShop:hover { background: #00235e; }
.btnShop:hover h2 { color: #fff; }

/* TICKER */
#main .tradingview-widget-container { margin-bottom: 25px; }
#main .tradingview-widget-copyright { line-height: 20px !important; text-align: right !important;}

/* little fixes
---------------------------- */

@media screen and (min-width: 370px) {

.pic3left { float: left; width: 36%; margin: 4px 20px 10px 0; }
.pic3right { float: right; width: 36%; margin: 4px 0 10px 20px; }

/* SHOP BUTTON */
.btnShop { height: 120px; border-radius: 60px; }
	.btnShop h2 { font-size: 32px; }
	.btnShop span { font-size: 20px; margin-bottom: 5px; }
	.btnShop img { width: 80px; right: 20px; }

/* BOX */
#main .blog img { width: 30%; float: right; margin: 4px 0 15px 15px; }

/* LETTERBOX */
#main .letter { font-size: 16px; padding-right: 80px; }
	#main .letter::before { right: 15px; }
	#main .letter h2 { font-size: 20px; }
	#main .letter .loadSize { right: 16px; }

}

/* Landscape phone to portrait tablet 
---------------------------- */

@media screen and (min-width: 480px) {

h1 { font-size: 32px; }
h2 { font-size: 26px; }

#header .widthFix { height: 139px; }
	#infoTable {  padding: 5px 20px 5px 20px; }
	#logo { width: 110px; bottom: -20px; margin-left: -55px; }
	.menuActive #logo { width: 90px; bottom: 7px; margin-left: -45px; }

#toggleNavbar { right: 20px; }

#main { padding-bottom: 15px; }
#main .widthFix { padding: 0 20px; }
#main section { padding: 20px 0; }

#infoColumn section { padding: 25px 0; }
#infoColumn h2 { font-size: 28px; }
#timeTable .time1, #timeTable .time2 { display: inline-block; }

#footer { padding: 30px 20px 25px 20px; }

/* SHOP BUTTON */
.btnShop h2 { font-size: 36px; }
.btnShop span { font-size: 22px; margin-bottom: 6px; }

/* BOX */
#main .box { margin-bottom: 25px; }
	#main .box h2 { font-size: 24px; }
	#main .blog img { width: 33%; max-width: 180px; margin: 4px 0 10px 25px; }

/* LETTERBOX */
#main .letter h2 { font-size: 22px; }

}

/* logo height fix
---------------------------- */

@media screen and (min-width: 600px) {

#footerNav { width: 340px; }
	#footerNav li { width: 50%; float: left; padding:  0 8px 16px 8px; }
		#footerNav a { padding: 0 22px; margin: 0; }

/* LETTERBOX */
#main .letter { min-height: 0; padding-left: 80px; padding-right: 90px; }
#main.newsDetail .letter { padding-top: 20px; padding-bottom: 20px; }
	#main .letter::before { width: 40px; height: 40px; font-size: 40px; top: 50%; right: auto; left: 15px; margin-top: -20px; }
	#main .letter h2 { margin-bottom: 5px; }
	#main .letter .loadSize { font-size: 16px; top: 50%; bottom: auto; right: 15px; margin-top: -8px; }

/* KONTAKTFORMULAR */
#content .confirm { padding-top: 30px; }
.contactform legend { padding-top: 15px; margin-bottom: 15px; }
.contactform .form-group { margin-bottom: 20px; }

.contactform .form-row { display: flex; justify-content: space-between; align-items: flex-start; }
	.contactform .form-row .form-group { flex-basis: 48.5%; }
	.contactform .form-row.asym .form-group { flex-basis: 67%; }
	.contactform .form-row.asym .form-group:first-child { flex-basis: 30%; }

.damageinfo .form-row { flex-wrap: wrap; }
.damageinfo .form-row .form-group:nth-child(3) { flex-basis: 100%; }

.contactform textarea { height: 200px; padding: 15px; }

/* TICKER */
#main .tradingview-widget-container { margin-bottom: 35px; }

}

/* Portrait tablet to landscape and desktop
------------------------------------- */

@media screen and (min-width: 768px) {

h1 { font-size: 36px; }
h2 { font-size: 26px; }

#header .widthFix { height: 155px; }
	#infoTable { padding: 8px 25px 8px 25px; }
	#infoTable .declaration { display: inline-block; padding-left: 10px; }
	#logo { width: 120px; bottom: -25px; margin-left: -60px; }
	.menuActive #logo { width: 100px; bottom: 7px; margin-left: -50px; }

#toggleNavbar { right: 25px; margin-top: -4px; }

#main .widthFix { padding: 0 25px; }
#main section { padding: 25px 0; }

#infoColumn section { padding: 30px 0; }

#footer { padding: 35px 25px 30px 25px; }
	#footerNav { width: 510px; }
		#footerNav li { width: 33%; }

/* SHOP BUTTON */
#main section#shopButton { padding: 60px 0 90px 0; }

/* BOX */
#main .blog img { margin: 5px 0 15px 30px; }

/* KONTAKTFORMULAR */
.contactform textarea { height: 300px; padding: 15px; }
#content .confirm { padding-top: 40px; }

.damageinfo .form-row { flex-wrap: nowrap; }
.damageinfo .form-row .form-group, .damageinfo .form-row .form-group:nth-child(3) { flex-basis: 31.5%; }


/* TABELLEN + LISTEN */
table { padding-top: 20px; }
table td, table th { padding: 9px 12px; }

}

/* timetable fix
---------------------------- */

@media screen and (min-width: 900px) {

#main section { padding: 35px 0; }

#infoColumn { display: flex; flex-wrap: wrap; justify-content: center; }
	section#contact { width: 38%; text-align: right; }
		#contact .widthFix { padding-right: 20px; }
			#contact p { margin-bottom: 15px; }
	section#timeTable { width: 62%; text-align: left; clip-path: polygon(40px 0, 100% 0%, 100% 100%, 0 100%); }
		#timeTable .widthFix { padding-left: 60px; }
			#timeTable .day { margin-bottom: 1px; }
			#timeTable .today::before { content: '\f105'; position: absolute; top: 0; left: -12px; }
			#timeTable .weekDay { display: inline-block; visibility: hidden; width: 38px; }
			#timeTable .weekDay::before { content:attr(data-label); visibility: visible; }

#footer { margin-top: -1px; }
#footerNav a { padding: 0 25px; }

/* BOX */
#main .blog, #main .letter { margin-bottom: 30px; }

/* LETTERBOX */
#main .letter { padding-left: 85px; padding-right: 100px; }
	#main .letter::before { width: 46px; height: 46px; font-size: 46px; margin-top: -23px; }
	#main .letter h2 { font-size: 24px; }

}


/* desktop small
------------------------------------------- */

@media screen and (min-width: 992px) {

body { font-size: 18px; }
h2, h3, h4 { padding-top: 12px; }
h1 { font-size: 38px; margin: 0 0 20px 0; }
h2 { font-size: 28px; }
h3, h4 { font-size: 19px; }
h1 + h2 { margin: -18px 0 17px 0; }

#header .widthFix { height: 75px; }
	#infoTable { background: transparent; padding: 10px 30px 0 30px; color: #151515; }
		#infoTable .state, #infoTable a { color: #151515; }	
		#infoTable .hotline span { display: inline-block; padding-right: 10px; }
	#logo { width: 100px; bottom: -74px; margin-left: -50px; }

#toggleNavbar { display: none; }
#stickyFix { display: block !important; width: 1px; height: 1px; position: absolute; top: 75px; left: 0; }

.fixed #header { position: fixed; top: -75px; }
.fixed #mainNav { position: fixed; top: 0; }
.fixed #emotion { padding-top: 118px; }
.fixed #logo { width: 70px; bottom: -72px; margin-left: -35px; }
.fixed #menu ul.nav > li:nth-child(3) > a { padding-right: 70px; }
.fixed #menu ul.nav > li:nth-child(4) > a { padding-left: 70px; }

#mainNav { overflow: visible; z-index: 20; }
#menu { display: table; width: auto; margin: 0 auto; opacity: 1; max-height: 1000px; overflow: visible; }
	#menu ul li { float: left; margin-left: 1px; }
		#menu ul li a { font-size: 19px; line-height: 48px; padding: 0 15px; border: none; }
			#menu ul li:hover > a { background: #00235e; }
			#menu ul li span.more { display: none; }
	#menu ul.nav { margin-left: 47px; }
	#menu ul.nav > li:nth-child(3) > a { padding-right: 90px; }
	#menu ul.nav > li:nth-child(4) > a { padding-left: 90px; }
	/* ZWEITE MENÜEBENE */
	#menu ul ul { max-height: none; padding: 0; position: absolute; top: 48px; left: 0; }
		#menu > ul > li:last-child ul { left: auto; right: 0; }
		#menu ul ul li { margin: 1px 0 0 0; float: none; }
			#menu ul ul li a { max-height: 0; background: #164194; width: 100%; font-size: 18px; line-height: 44px; padding: 0 20px; white-space: nowrap; }	
				#menu ul li:hover ul li a { max-height: 44px; }
				#menu ul ul li a:hover, #menu ul li a.current, #menu ul ul li.active a { background: #00235e; }

#main { z-index: 10; overflow: visible; padding-bottom: 20px; }
#main .widthFix { padding: 0 30px; }
#main section { padding: 30px 0; }

section#first .widthFix { width: calc(100% - 60px); max-width: 1280px; margin-top: -70px; padding: 30px 30px 0 30px; z-index: auto; overflow: visible; border-radius: 12px; }
	section#first .widthFix::before { content:''; display: block; width: calc(100% + 30px); height: calc(100% + 15px); position: absolute; top: -15px; left: -15px; z-index: -1; opacity: .6; border-radius: 18px; }
	section#first .widthFix, #main section#first .widthFix::before { background: #fff; min-height: 300px; background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,0) 100%);  }

#main #content { max-width: 1000px; margin: 0 auto; }
#main #news { max-width: 1080px; margin: 0 auto; }

section#contact { width: 40%; }
	#contact .widthFix { padding-right: 30px; }
section#timeTable { width: 60%; clip-path: polygon(60px 0, 100% 0%, 100% 100%, 0 100%); }
	#timeTable .widthFix { padding-left: 90px; }
	
}
	
/* desktop 
------------------------------------------- */

@media screen and (min-width: 1200px) {

body { font-size: 20px; }
h2, h3, h4 { padding-top: 15px; }
h1 { font-size: 40px; margin: 0 0 25px 0; }
h2 { font-size: 30px; }
h3, h4 { font-size: 20px; }
h1 + h2 { margin: -22px 0 20px 0; }

#header .widthFix { height: 85px; }
	#infoTable { padding: 10px 40px 0 40px; }
	#logo { width: 120px; bottom: -85px; margin-left: -60px; }

#stickyFix { top: 85px; }

.fixed #header { position: fixed; top: -85px; }
.fixed #mainNav { position: fixed; top: 0; }
.fixed #emotion { padding-top: 130px; }

#menu ul li a { font-size: 22px; line-height: 50px; padding: 0 22px; }
	#menu ul.nav { margin-left: 50px; }
	#menu ul.nav > li:nth-child(3) > a { padding-right: 110px; }
	#menu ul.nav > li:nth-child(4) > a { padding-left: 110px; }
	/* ZWEITE MENÜEBENE */
	#menu ul ul { top: 50px; }
		#menu ul ul li a { font-size: 19px; line-height: 46px; padding: 0 25px; }	
			#menu ul li:hover ul li a { max-height: 46px; }

#main { padding-bottom: 30px; }
#main .widthFix { padding: 0 40px; }
#main section { padding: 40px 0; }

section#first .widthFix { width: calc(100% - 80px); margin-top: -90px; padding: 40px 40px 0 40px; }
	section#first .widthFix::before { width: calc(100% + 40px); height: calc(100% + 20px); top: -20px; left: -20px; }

#infoColumn section { padding: 40px 0; }
	section#contact { width: calc(50% - 40px); font-size: 19px; }
		#contact .widthFix { padding-right: 30px; }
	section#timeTable { width: calc(50% + 40px); font-size: 19px; clip-path: polygon(80px 0, 100% 0%, 100% 100%, 0 100%); }
		#timeTable .widthFix { padding-left: 110px; }

#footer { padding: 0; }
	#footerNav { display: block; width: auto; padding-left: 30px; }
		#footerNav li { width: auto; padding: 18px 0; margin-right: 5px; }
		#footerNav a { background: transparent; font-size: 20px; padding: 2px 12px; margin: 0; border-radius: 0; position: relative; }
			#footerNav a:hover, #footerNav a.current { background: transparent; }
			#footerNav a::before { content: ''; width: 0; border-bottom: 2px solid #fff; position: absolute; left: 50%; bottom: 0; margin-left: 0; }
			#footerNav a:hover::before, #footerNav a.current::before { width: 100%; margin-left: -50%; }
	#footer .author { width: auto; padding: 0; text-align: right; position: absolute; top: 20px; right: 40px; }

/* BOX */ 
#main .blog, #main .letter { padding: 20px; margin-bottom: 40px; }
#main .box h2 { font-size: 26px; }
#main .box h2 + h4 { font-size: 20px; }

/* SUBNAV */
#subNav { gap: 40px 40px; padding: 35px 0; }
#main .navItem.box { padding: 30px; }
	#main .navItem.box h2 { font-size: 28px;}

/* LETTERBOX */
#main .letter { padding-left: 95px; padding-right: 100px; }
#main.newsDetail .letter { padding-top: 25px; padding-bottom: 25px; }
	#main .letter::before { width: 50px; height: 50px; font-size: 50px; left: 20px; margin-top: -25px; }
	#main .letter .loadSize { right: 20px; }

/* TOPICS */
#content ul.topics li { padding-left: 28px; }

/* TABELLEN + LISTEN */
table { padding-top: 25px; }
table td, table th { padding: 10px 15px; }

/* BUTTONS */
.btn { line-height: 50px; padding: 0 25px; margin-bottom: 20px; }
.buttonCol { padding-top: 25px; }

}


@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'),
       url('../font/oxygen-v9-latin-700.woff2') format('woff2'),
       url('../font/oxygen-v9-latin-700.woff') format('woff');
}
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen Regular'), local('Oxygen-Regular'),
       url('../font/oxygen-v9-latin-regular.woff2') format('woff2'),
       url('../font/oxygen-v9-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?49346596');
  src: url('../font/fontello.eot?49346596#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?49346596') format('woff2'),
       url('../font/fontello.woff?49346596') format('woff'),
       url('../font/fontello.ttf?49346596') format('truetype'),
       url('../font/fontello.svg?49346596#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
[class^="icon-"]::before, [class*="icon"]::before, #menu span.more::before, .today::before, .alert::before, .sitemap a::before, ul.topics li::before, ul.arrow a::before { font-family: "fontello"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; display: inline-block; text-decoration: inherit; text-align: center; }
 
.icon-ok:before { content: '\2713'; } /* '✓' */
.icon-clock:before { content: '\e800'; } /* '' */
.icon-phone:before { content: '\e808'; } /* '' */
.icon-location:before { content: '\e809'; } /* '' */
.icon-attention:before { content: '\e80a'; } /* '' */
.icon-chat:before { content: '\f0e6'; } /* '' */
.icon-plus-squared:before { content: '\f0fe'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-minus-squared:before { content: '\f146'; } /* '' */

/*! fancyBox v3 */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}