@font-face { font-family: 'GothamBold'; src: url("../fonts/GOTHAM-BOLD.TTF") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url("../fonts/GOTHAM-BOOK.TTF") format("truetype"); font-weight: normal; font-style: normal; }
.mainWrapper{ font-family: Verdana,Arial,sans-serif; font-size: 14px; line-height: 1.5; color: #333; }
.contentPlate{ width: 100%; -webkit-box-shadow: 1px 1px 4px #949494; box-shadow: 1px 1px 4px #949494; background: #fff; padding: 16px; box-sizing: border-box; margin-bottom: 32px; }
.mainWrapper h1{ font-family: "GothamBold","Arial Bold",Arial,sans-serif; font-size: 26px; line-height: 32px; margin: 24px 16px 8px 16px; font-weight: 400; }
#sortPanelReserve.hidden { display:none; }
#sortPanel, #sortPanelReserve{ width: 100%; margin: 0; padding: 5px 0 23px 0; height: 21px; border-bottom: 1px solid #CCCCCC; overflow: hidden; position: relative; }
#sortPanel, #sortPanel li{ -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; }
#sortPanel li{ font-family: "Verdana",Arial,sans-serif; font-size: 14px; color: #949494; cursor: pointer; font-weight: 600; list-style: none outside none; text-align: center; text-transform: uppercase; display: inline-block; padding: 0 10px 0 10px; width: 14px; }
#sortPanel li.active, #sortPanel li:hover{ color: #333; }
#sortPanel li.inactive{ color: #e5e5e5; cursor: default; }
#sortPanel.sticky{ position: fixed; top: 0; box-shadow: 0 6px 4px -5px rgba(0,0,0,0.2); background: #fff; padding-top:68px; z-index:100; }
#resultContainer{ padding: 24px 0 0 0; margin: 0; }
#resultContainer li{ list-style: none outside none; }
#resultContainer li.letter{ font-family: "GothamBold","Arial Bold",Arial,sans-serif; line-height: 26px; font-size:20px; margin-bottom:18px; }
#resultContainer li.link, .filialsucheLink{ font-size: 14px; line-height: 21px; font-weight: bold; margin-bottom:17px; }
#resultContainer li.link a, .branchListLink, .filialsucheLink, .mailtoLink{ color: #333; text-decoration: none; position: relative; padding-left:19px; display: inline-block; }
#resultContainer li.link a:hover, .branchListLink:hover, .filialsucheLink:hover, .mailtoLink:hover{ text-decoration: underline; }
#resultContainer li.link a::before, .branchListLink::before, .filialsucheLink:before, .mailtoLink:before{ font-family: 'iconfont'; font-style: normal; font-weight: normal; color: #fc3; content: "\e028"; text-decoration: none; display: inline-block; position: absolute; left: 0; top: .25em; width: 1em; height: .9em; line-height: 1.1em; overflow: hidden; font-size: 1em; }
#resultContainer li.separator, .contentPlate.branch .separator{ width:100%; height:1px; background: #CCCCCC; margin-bottom:24px; margin-top: 24px; }
.clearfix{ clear:both; }
#sortPanel .arrow{ top:0; position: absolute; font-family: 'iconfont'; font-style: normal; font-weight: normal; font-size: 20px; padding: 0; color: #333; cursor: pointer; }
#sortPanel.sticky .arrow{ top: 63px; }
#sort_right{ right:0; }
#sort_left{ left:-4px; }
#sort_right::before{ content: "\e026"; }
#sort_left::before{ content: "\e023"; }
#sortPanel li.hidden{ display: none; }
.branchH2{ font-family: "GothamBold","Arial Bold",Arial,sans-serif; line-height: 26px; font-size:20px; font-weight: 400; margin:0; }
.branchP2, .branchHoursRow{ font-family: "Verdana",Arial,sans-serif; font-size: 14px; line-height: 21px; font-weight:normal;}
.branchP22{ font-family: "Verdana","Arial Bold",sans-serif; font-size: 14px; line-height: 21px; font-weight: bold; position:relative;}
.branchListLink{ font-size: 14px; line-height: 21px; font-weight: bold; margin-top:17px; }
#branchEmail { display: none; }
.mailtoLink { font-weight: bold; }
.branchFaqLink, .branchAppointmentLink{ margin-left: 16px; width: 100%; }
.branchHours{ box-sizing: border-box; width:66.66%; float:left; padding-right:16px; min-height: 1px; }
.branchHours.sbBranch{ width: 100%; padding-right: 0px; }
.branchHours .branchH2{ margin-bottom:17px; }
.branchHoursRow{ position: relative; box-sizing: border-box; width:100%; border-top:1px solid #ccc; padding: 9px 8px 12px 8px; }
.branchHoursRow.last{ border-bottom:1px solid #ccc;}
.branchHoursRow.passedDay{color: #6e6e6e;}
.branchHoursRow.today{font-weight: bold;}
.branchHoursSubRow{ margin-top:17px; }
.branchHoursSubRow.last{ margin-top:10px; }
.branchListLink.filialsuche{ margin-top:8px; margin-bottom: 4px; }
.branchImage{ display:block; box-sizing: border-box; width:33.33%; float:left; }
.branchInfoContainer{ box-sizing: border-box; width:66.66%; float:left; }
.branchInfo{ box-sizing: border-box; width:50%; padding-left:16px; float:left; }
.branchInfo.last{ box-sizing: border-box; width:50%; padding-left:16px; float:left; }
.filialsuchePanel{ display:flex; flex-direction: column; box-sizing: border-box; width:33.34%; float:left; border-top:8px solid #fc3; box-shadow: 1px 1px 4px #949494; background: #fff; color:#333; text-decoration: none; }
.filialsuchePanel img{ display:block; box-sizing: border-box; width:100%; }
.filialsucheInfo{ padding: 16px; }
.iconBlock{ box-sizing: border-box; width: 25%; padding-left:16px; float:left; }
#iconBlockContainer { position: relative; }
#iconBlockContainer.threeIcons .iconBlock{ width: 33.33%; }
#iconBlockContainer.twoIcons .iconBlock{ width: 50%; }
#iconBlockContainer.oneIcon .iconBlock{ width: 100%; }
.twoIcons .cifTooltip { right: 40px; }
.iconBlock.last { padding-left:0; }
.iconBlock img{ display:block; height:75px; margin:40px auto; }
.iconBlock .branchP2{ width:100%; text-align:center; }
.branchTableWrapper{ box-sizing: border-box; width:100%; overflow-y: auto; max-height:215px; }
.nearestWrapper{ box-sizing: border-box; width:100%; overflow-x: auto; }
.nearestInside{ min-width:630px; box-sizing: border-box; width:100%; }
.branchCol1, .branchCol2, .branchCol3{ box-sizing: border-box; float:left; }
.branchCol1{ width:30%; padding-left: 8px; padding-right: 16px; }
.branchCol2{ width:50%; padding-right: 16px; }
.branchCol3{ width:20%; padding-right: 16px; }
.headRow{ border-bottom: 2px solid #B1B1B1; padding-bottom: 6px; margin-top:17px; }
.headRow .branchCol3 span{ display:inline-block; float:right; width:45px; text-align:center; }
.tableRow{ display:block; border-bottom:1px solid #ccc; padding: 9px 0 12px 0; color: #333; }
.tableRow .branchCol3 .km{ display:inline-block; float:right; width:45px; text-align:right; }
.tableRow .branchCol3 .barrier{ display:inline-block; float:right; height:21px; margin-right:16px; }
.branchListLink.last{ margin-top:12px; margin-bottom: 4px; }
.branchHours .day{ display:inline-block; width: 140px;}
.branchHours .hours{ display:inline-block; min-width: 130px;}
.tablet{ display: none; }
.mobile{ display: none; }
.branchHours .day.mobile{ display:none; }
.searchRow{ height: 50px; }
#kasseSectionContainer h2{ margin-top:24px; }
#hoursContainer { position: relative; }
.suspendedBranch { padding: 7px 10px; margin-bottom: 17px; font-weight: bold; font-size: 16px; line-height: 28px; background-color: #FFCC33; color: black; z-index: 10; word-break: break-word; }
.tableRow .branchP2.suspendedBranch { font-size: 15px; padding: 0px 5px; line-height: 21px; }
.infoBlockIcon { position: relative; }
.infoBlockIcon img { width: 19px; margin-left: 0.5rem; vertical-align: text-bottom; }
@media (min-width:800px) and (max-width:850px) {
	.suspendedBranch { line-height: 25px; }
}
@media (max-width:799px) {
	.branchImage{ width: 100%; margin-bottom:17px; }
	.branchInfoContainer{ width: 100%; }
	.branchInfo{ padding-left: 0; width: 50%; }
	.branchHours{ width: 100%; padding-right: 0px; }
	.branchHours.sbBranch .suspendedBranch { margin-bottom: 3px; }
	.filialsuchePanel{ display: none; }
	.tablet{ display: block; }
	.filialsuchePanel.tablet{ display: block; width: 100%; float: none; }
	.filialsuchePanel.tablet img{ width:50%; float:left; }
	.filialsuchePanel.tablet img.mobile{ display: none; }
	.filialsuchePanel.tablet .filialsucheInfo{ box-sizing: border-box; width: 50%; float:left; }
	.branchTableWrapper{ max-height:231px; }
	.branchFaqLink, .branchAppointmentLink{ margin-left: 0; }
}
@media (max-width:599px) {
	.mainWrapper h1{ margin-left: 8px; margin-right: 8px; }
	.contentPlate{ padding: 16px 8px; }
	.contentPlate.branch{ padding: 8px; }
	.branchInfo{ width: 100%; }
	.branchInfo.last{ width: 100%; padding-left:0; padding-top:17px; }
	.branchHours .day{ display: none; }
	.branchHours .day.mobile{ display:inline-block; width: 30px; }
	.branchHours .hours{ min-width: 125px; }
	.branchHours.sbBranch .suspendedBranch { margin-bottom: 3px; }
	.suspendedBranch { line-height: 25px; }
	.filialsuchePanel.tablet img{ display:none; }
	.filialsuchePanel.tablet img.mobile{ display:block; width:100%; float:left; }
	.filialsuchePanel.tablet .filialsucheInfo{ box-sizing: border-box; width: 100%; float:left; padding: 8px; }
	#iconBlockContainer .iconBlock{ box-sizing: border-box; width: 100% !important; padding-left:0; float:none; margin-top:24px; }
	#iconBlockContainer .iconBlock img{ margin:4px 16px 0 0; width: 45px; height: auto; float:left; }
	#iconBlockContainer .iconBlock .branchP2{ width:auto; text-align:left; float:none; padding-left: 60px; }
	#servicesIcon{ margin-top: 17px; }
}
#SearchField.Disabled { background: transparent; }
#SearchField { width: 100%; padding: 0 6px 0 6px; margin: 0; background-color: transparent; line-height: 34px; vertical-align: middle; display: block; border:0; outline:none; font-size:14px; font-family: "Gotham","Arial Bold",Arial,sans-serif; }
#SearchField::-webkit-input-placeholder { line-height: normal; }
#SearchFieldContainer { width: 50%; float:left; height: 34px; background-color: #FFF; border: 1px solid #BEBEBE; line-height: 34px; vertical-align: middle; background-color: #F4F4F4; overflow:hidden; font-size:14px; box-sizing: border-box; }
#SearchFieldButtons { width: 50%; float:left; }
#SearchButton { width: 83px; height: 34px; padding: 2px 0 0 0; text-align: center; font-weight: bold; cursor: pointer; border: 0px solid; outline: none; pointer-events: auto; color: #000; background: #fff; display:block; float:left; margin-left: 20px; font-size:14px; font-family: "Gotham","Arial Bold",Arial,sans-serif; }
.filialsucheLink{ float:right; margin-top:8px; }
#SearchButton.Disabled, #SearchButton.Disabled:hover{ color: #949494; cursor: default; outline: none; pointer-events: none; background: #dddddd; }
#SearchButton:hover, #SearchButton:focus{ color:#666; }
.SearchButtonIcon:before{ content: "\e016"; font-family: 'iconfont'; font-style: normal; font-weight: normal; font-size: 20px; padding: 0; }
.SearchButtonIcon{ display:none; }
.SearchButtonText{ display:inline-block; }
@media (max-width:489px) {
	.SearchButtonIcon{ display:inline-block; }
	.SearchButtonText{ display:none; }
	#SearchButton{ width:40px; margin-left:10px; }
}
#barrierIcon:hover + .barrierTooltip { display: inline-block; }
.cifTooltip { position: absolute; top: 181px; right: -84px; display: none; max-width: 388px; padding: 0px; margin: 0px; border: 1px solid #D8D8D8; box-shadow: 0px 1px 1px #000000; }
.cifTooltip .body { padding: 8px; min-width: 272px; background-color: #F4F4F4; font-family: Verdana,Arial,sans-serif; font-size: 11px; line-height: 16px; color: #333333; box-shadow: 0px 1px 1px 1px #FFFFFF inset; }
#barrierIcon .barrierInfo { display: none; }
.threeIcons .cifTooltip { right: -40px; }
@media (max-width:1160px) {
	.cifTooltip { top: 85px; right: 20%; }
	.twoIcons .cifTooltip { right: 32%; }
	.threeIcons .cifTooltip { right: 26%; }
}
@media (max-width:599px) {
	.cifTooltip { display: none !important; }
	#barrierIcon .barrierInfo { display: block; }
}
.tooltipped:hover > .cifTooltip { display: inline-block; }
.dateTooltip { z-index: 1; top: 3px; left: 140px; width: 115px; font-weight: normal; }
.cifTooltip.dateTooltip .body { min-width: 77px; font-size: 14px; text-align: center; }
.infoBlockTooltip { z-index: 1; top: -8px; left: 40px; width: 388px; font-weight: normal; }
.cifTooltip.infoBlockTooltip .body { font-size: 14px; }