@font-face {
	font-family: 'PT Sans Regular';
	src: url('/Content/fonts/PTS55F.ttf') format('truetype');
}
@font-face {
	font-family: 'PT Sans Italic';
	src: url('/Content/fonts/PTS56F.ttf') format('truetype');
}
@font-face {
	font-family: 'PT Sans Bold';
	src: url('/Content/fonts/PTS75F.ttf') format('truetype');
}
html, body, iframe {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: PT Sans Regular;
	font-size: 15px;
}
input { outline: none; }
textarea {
	resize: none;
}
div, span, label, a:not(.default-link), footer, button {
	font-family: PT Sans Regular;
	font-size: 15px;
	text-align: left;
	color: black;
	text-decoration: none;
}
.tooltip, .popover {
	font-family: PT Sans Regular;
	font-size: 15px;
}
.container {
	min-width: 360px;
	max-width: 1480px;
}
h1 {
	font-size: 17px;
}
h2 {
	font-size: 17px;
	font-family: PT Sans Bold;
}
.close span {
	font-size: 1.5rem;
}
*:not(.badge) {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
table.noSpacing {
	border-collapse: collapse;
}
table.noSpacing td, table.noSpacing th {
	padding: 0;
}
.d-none-soft {
	display: none;
}
.text-bold {
	font-weight: bold;
}
.c-pointer {
	cursor: pointer;
}
.box {
	border: 1px solid black;
}

header .col:not(:last-child) {
	border-right: 1px solid white;
}
header .btn-primary {
	width: 100%;
	height: 100%;
	padding-top: 12px !important;
	text-decoration: none !important;
}
header .col img {
	width: 35px;
}
header div {
	color: white;
	font-size: 14px;
}
header .text-center img {
	height: 31px;
	margin-top: 3px;
	margin-bottom: 3px;
}
header .badgeWrapper {
	margin-top:2px;
	margin-left: -15px;
	position: absolute;
}
header address {
	font-size:12px;
	margin-left:15px;
}
header address a {
	font-size: 12px !important;
	color: white;
	text-decoration: none !important;
}
.address-block, .address-block a {
	font-size: 12px;
}

/* body */
section.container table td {
	text-align:left;
	vertical-align:top;
	padding-bottom:7px;
}
.breadcrumbNav {
	background-color: #b2b2b2;
	margin-bottom: 13px
}
.breadcrumbNav .dropdown {
	height: 31px;
}
.breadcrumbNav .nav-link {
	padding: 3px 15px;
}
.breadcrumbNav .dropdown:hover {
	background-color: #979797;
}
/*.breadcrumbNav .dropdown-menu {
	margin-top:-3px;
}*/
.breadcrumb {
	background-color: transparent;
	padding:5px 0;
}
.breadcrumb .active {
	color: black;
}
.breadcrumb li, .breadcrumb a, .breadcrumbNav span, .breadcrumbNav a {
	font-size: 14px;
}

@media (min-width: 993px) {
	#kgBasket input[type=number] {
		width: 72px;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.firstpage .col-md-12,
	.helpPage .col-12:last-child {
		padding-top: 10px;
	}
	#kgBasket input[type=number] {
		width: 72px;
	}
	.w-190 {
		width: 190px;
	}
	.w-139 {
		width: 119px !important;
	}
}
@media (max-width: 767px) {
	.firstpage .col-md-12,
	.firstpage .col-12:not(:first-child) {
		padding-top:10px;
	}
	.partner-mtop {
		margin-top: 0 !important;
	}
	#kgBasket input[type=number] {
		width: 35px;
	}
}
.firstpageTitle {
	font-size: 2.5rem;
	font-weight: normal;
	margin-top: 15px;
	display: inline-block
}
.firstpageText {
	font-family: PT Sans Italic;
}
.firstpage ul {
	padding-left: 17px;
	list-style-type: circle;
}
.firstpage li {
	margin-bottom: 7px;
}
.firstpage .btn img, .btn-img {
	width: 22px;
}
.firstpage .btn-outline-secondary {
	background-color: white;
	border-color: #b2b2b2;
	color: black !important;
	padding: 5px 15px 5px 1px !important;
}
.firstpage .btn-outline-secondary img {
	width:35px;
}
.firstpageNfc .input-group-append {
	margin-left: -42px;
	z-index: 10;
}
.hytPlayerWrap {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-top: 7px;
	margin-bottom: 13px;
}
.hytPlayerWrap iframe {
	background-color: #EDEDED;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.g-recaptcha {
	width: 100%;
}

.drawerBox {
	background-color: white;
	border: 1px solid #b4b4b4;
}
.drawerBox .padding {
	padding: 13px;
}
.drawerBox .padding2 {
	padding: 13px 0;
}
.drawerBox .lastCol {
	border-left: 1px solid #b4b4b4;
}
.drawerBoxInput {
	width: 72px !important;
}
@media (min-width: 768px) {
	.drawerBox .form-group button {
		width: 175px;
	}
}
.drawerList {
	padding: 13px 13px;
	border-bottom: 2px solid #e2e2e2;
}
.middleSection {
	max-width: 408px
}
.header-big {
	font-size: 19px;
}

#panelbar {
	margin: 0 auto;
}
.k-widget {
	border: 0;
}
.k-grid .k-link {
	color: gray !important;
}
.k-grid tbody td {
	color: black;
}
.k-grid .text-right a {
	text-align:right;
}
.k-grid-norecords-template {
	border:0;
}
.form-control {
	color: black;
}
select.form-control:not([size]):not([multiple]) {
	height: auto;
	padding: 6px 13px 4px 7px;
}
.has-error input[type="text"], .has-error input[type="email"], .has-error input[type="tel"], .has-error select {
	border: 1px solid #dc3545 !important;
}
.has-error .form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}
.help-block .list-unstyled {
	position: absolute;
	top: 100%;
	z-index: 5;
	max-width: 100%;
	padding: .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	line-height: 1;
	color: #fff;
	background-color: rgba(220, 53, 69, 0.8);
	border-radius: .2rem;
}
#kgBasket .k-grid-header .k-header,
#kgBasket .k-grid-footer td {
	background-color: #ededed;
}
.checkoutBasketBgWhite .k-grid-header .k-header,
.checkoutBasketBgWhite td {
	background-color: white !important;
}
#kgBasket td, #kgBasket th {
	padding: 3px 15px;
	border-bottom: 1px solid #b2b2b2;
	vertical-align: middle;
}
#kgBasket td {
	padding: 15px 15px;
}
#kgBasket:not(.checkoutBasket) tbody td:first-child {
	border-left: 1px solid #b2b2b2;
}
#kgBasket:not(.checkoutBasket) tbody td:last-child {
	border-right: 1px solid #b2b2b2;
}
#kgBasket tr.k-footer-template td {    
	border-bottom: 0;
}
#kgBasket .k-button {
	background-color:transparent;
	border:0;
}
#kgBasket .k-i-close {
	color: #c10d0d;
}
.checkoutBasket th,
.checkoutBasket td {
	padding: 3px 0 !important;
}
.checkoutBasket {
	margin-right:-15px;
}
.toCheckout {
	height: 40px;
	min-width: 154px;
	margin: 30px 0;
	font-size: 18px;
}
@media (max-width: 576px) {
	#kgBasket:not(.checkoutBasket) {
		margin-left: -15px;
		margin-right: -16px;
	}
	.toCheckout {
		min-width: 130px;
	}
}
.BasketTotalLabel {
	position: absolute;
	margin-left: -150px;
	margin-top:-11px;
}
.addToBasket span {
	color: white;
}
.addToBasket img {
	width: 20px;
	margin: auto auto;
	margin-top: 3px;
	margin-left: 79px;
}
.btn-search {
	background: url(/img/search_black.svg) no-repeat;
	width: 45px;
	margin-left: 1px;
	border-left: 0;
	border-right: 0;
	background-size: 17px;
	background-position: center center;
	background-color: lightgray;
	cursor: pointer;
}
.btn-searchI {
	background: url(/img/search_Startseite.svg) no-repeat;
	width: 40px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-size: 20px;
	background-position: center center;
	background-color: lightgray;
	cursor: pointer;
}
#NfcId {
	height: 40px;
}
.btn-confirm {
	background: url(/img/Haken_schwarz.svg) no-repeat;
	width: 35px;
	margin-left: 1px;
	border-left: 0;
	border-right: 0;
	background-size: 27px;
	background-position: center center;
	background-color: lightgray;
	cursor: pointer;
}
.imgRow {
	display: none;
	/*width:1px !important;*/
}
.badge {
	font-size:87%;
}
.k-autocomplete, .k-dropdown {
	width: 100%;
}
.k-autocomplete .k-input {
	padding: 5px 11px 5px 10px;
}
.k-dropdown .k-input {
	padding: 5px 2px;
}
.form-group {
	position: relative;
}
.paymentTypes {
	margin:0 15px;
}
.paymentTypes .row {
	padding: 3px 0 0 0;
	border-bottom: 1px solid #b2b2b2;
}
.paymentTypes label {
	vertical-align:middle;
}
.paymentTypes .form-check {
	padding:4px 18px;
}
.payementImg {
	cursor: pointer;
	padding-top:3px;
}
.text-muted {
	padding:0 11px;
}
.modal-lg {
	max-width: 703px;
}
.dividerHr {
	margin-top: 11px;
}
#checkout .active {
	background-color:white;
	margin:0 -10px;
	padding: 7px 10px;
}
.default-link {
	text-decoration:underline;
}
.alert-dark {
	background-color: #b2b2b2;
}

.list-group {
	background-color: #c7c7c7;
	color: black;
}
.list-group .active {
	background-color: white;
	border-color: white;
	color:black;
}
.list-group .list-group-item {
	background-color: #c7c7c7;
	border-color: white;
	color: black;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}
.list-group .list-group-item img {
	width:29px;
}
.partner-htext {
	color: white;
	font-size: 23px;
}
.partner-row {
	border-top: 1px solid #b4b4b4;
	margin: 0px;
	padding: 8px 0px;
}
.partner-row :not(:last-child) {
	min-height: 23px;
}
.partner-row img:not(.notOK) {
	width: 30px;
	margin-right:-7px;
}
.partner-row img.notOK {
	width: 18px;
}
.partner-price {
	height: 78px;
}
.w-180 {
	width: 180px;
}
.rc-anchor {
	width:100% !important;
}
.modal-bottom {
	background-color: #000;
	opacity: 0.7;
}
[ng-cloak] {
	display: none !important;
}   


select {
	/* This removes the native down arrow: */
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	/* Add a new down arrow, probably shouldn't hotlink: */
	background-image: url("https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-chevron-down-16.png");
	background-position: right 8px center;
	background-repeat: no-repeat;
}

/* Safari selects are sort of ugly too.  Unfortunately this applies to both Safari *and* Chrome */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
	-webkit-appearance: none;
	background-image: url("https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-chevron-down-16.png") !important;
	background-position: right 8px center;
	background-repeat: no-repeat;
	padding-right: 20px;
  }
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}


/*
 *  AGB
 */
div.AgbTitel
{
  font-weight: bold;  
}
table.Sektion
{
  margin:3px 0 0 0;
}
td.SektionTitel
{
  font-weight:bold;
}
td.ParaNumber
{
  width:30px;
  vertical-align:top;
  padding: 1px 0 0 0;
}
td.ParaText
{
  padding: 1px 3px 0 0;
}

.hytPlayerWrap.ended::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	cursor: pointer;
	background-color: black;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 64px 64px;
	background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}

.hytPlayerWrap.paused::after {
	content: "";
	position: absolute;
	top: 70px;
	left: 0;
	bottom: 50px;
	right: 0;
	cursor: pointer;
	background-color: black;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px 40px;
	background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}



/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
.footer .container {
	padding-top:13px;
}
.footer p, .footer a, .footer div {
	font-size: 12px;
}
.footer p {
	margin-bottom:7px;
}
.footer-row {
	background-color: #b2b2b2;
	height: 3px;
}
@media (min-width: 768px) {
	body {
		margin-bottom: 102px; /* Margin bottom by footer height */
	}
	.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 102px; /* Set the fixed height of the footer here */
		/* line-height: 86px; Vertically center the text there */
		background-color: #ffffff;
	}   
}
@media (max-width: 767px) {
	body {
		margin-bottom: 182px; /* Margin bottom by footer height */
	}
    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* height: 182px; Set the fixed height of the footer here */
        /* line-height: 86px; Vertically center the text there */
        background-color: #ffffff;
    }
}