*{
	font-family: museo-sans-rounded, sans-serif;
	border-color: RGB(var(--ch_cbrown)) !important;
}
body{
	/*background-size: auto 100%;*/
	background-size: 100% 100%;
	background-attachment: fixed;
}


.container{
	max-width: 960px;
}
	.container h1{
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 100;
		font-size: 30px;
		padding-top: 35px;
		margin: auto;
		letter-spacing: 1px;
	}

	.container h2{
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 100;
		font-size: 25px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin:auto;
		letter-spacing: 1px;
	}

	.container h3{
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 22px;
		letter-spacing: 0.5px;
		line-height: 40px;
	}

	.container h4{
		font-size: 20px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		letter-spacing: 0.5px;
		line-height: 35px;
	}

	.container h5{
		font-size: 18px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		letter-spacing: 2px;
		line-height: 30px;
	}

	.sc-autobasket-basket-summary-title{
		font-family: museo-sans-rounded, sans-serif ! important;
		font-style: bold ! important;
		font-weight: 500 ! important;
		color: RGB(var(--ch_cbrown)) !important;
	}
	.sc-autobasket-basket-summary-table th, .sc-autobasket-basket-summary-table tr.total-sum td {
    	color: RGB(var(--ch_darkbrown)) !important;
   		font-weight: bold;
	}

	.container h6 {
		font-size: 17px;
		line-height: 30px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: bold;
		font-weight: 500;
	}
	.container p{
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 16px;
		line-height: 27px;
		margin:0;
		padding-bottom: 10px;
	}
	.container hr{
		display: block;
		background-color: RGB(var(--ch_cbrown)) !important;
		width: auto;
		height: 2px;
		border-radius: 1px;
		margin-top: 20px;
		border: 0px;
	}

	.container txt{
		font-size: 17px;
		line-height: 25px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
	}


	.container ul{
		font-size: 17px;
		line-height: 25px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		list-style-type:none;
		list-style-image: url(https://www.secupay.com/sites/secupay.com/files/line-blue.png);
	}

	.container button{
		font-size: 15px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		letter-spacing: 1px;
		line-height: 20px;
		border: 0;
		padding:10px;
		background-color: RGB(var(--sp_darkgreen));
	}

	.container input{
		height:45px;
		padding:8px;
		margin:0;
		margin-bottom:15px;
		border: 1px solid RGB(var(--ch_cbrown));
		background-color: RGB(var(--ch_darkbrown));
		font-size: 16px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		outline: 0 none;
	}

	.container input::placeholder {
 		color: RGB(var(--ch_darkbrown));
	}


	input.form-check-input {
	height: auto;
	padding: 0px;
	margin: 0;
	margin-top: 4px;
	
	}


	.container textarea{
		height:165px;
		padding:8px;
		margin:0;
		margin-bottom:15px;
		border: 1px solid RGB(var(--sp_blue));
		background-color:RGB(var(--sp_white));
		font-size: 16px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		outline: 0 none;
	}


	.container textarea::placeholder {
 		color: RGB(var(--sp_darkblue));
	}


	.container select::-ms-expand {
  		display: none;
	}

	.container select:focus::-ms-value {
 		background-color: transparent;
	}

	.container select{
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		outline: none;
		height: 35px;
		padding-right: 30px;
		padding-left: 15px;
		margin:0;
		border: 1px solid RGB(var(--ch_cbrown));
		border-radius: 0;
		color:RGB(var(--ch_darkbrown));
		font-size: 16px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		cursor: pointer;
		background: url("https://pos-cash.de/sites/pos-cash.com/files/Pfeil_runter.png") no-repeat;
  		background-size: 12px;
 		background-position: calc(100% - 10px) center;
 		background-repeat: no-repeat;
		background-color:RGB(var(--sp_white));
	}


[type="date"]::-webkit-inner-spin-button {
		display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
		opacity: 0;
}

#date {
		cursor: pointer;
		background: url("https://www.secupay.com/sites/default/files/Pfeil_runter.png") no-repeat;
  		background-size: 12px;
 		background-position: calc(100% - 10px) center;
 		background-repeat: no-repeat;
		background-color:RGB(var(--sp_ltgrey));
}


.modal-header{
	min-height: 80px;
	border-radius: 0px;
	border: 0px;
}
.modal-footer{
	min-height: 64px;
	border: 0px;
}
.modal-content{
	border-radius: 0px;
	border: 0px;
}

/* secupay classes */



.headtxt {
	font-family: museo-sans-rounded, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
}
.foodtxt {
	font-family: museo-sans-rounded, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
}


marquee img {
	height: 80px;
	margin-left:25px; 
	margin-right:25px;
}


.rcorners{
	border-radius: 2px;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}


/*Table*/
.table td {
	border-top: 1px solid RGB(var(--sp_blue));
}

.table thead th {
	border-bottom: 1px solid RGB(var(--sp_blue));
}

.table th  {
	border-top: 0;
	
}


/*Tabs*/

.clicktab{
	font-family: museo-sans-rounded, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	cursor: pointer;
	border-right: 2px solid RGB(var(--sp_ltgrey));
}

.clicktab:last-child{
	border-right: 0;
}

#Twotab1Content {
 		display: block; 
	}

#Twotab2Content {
 		display: none; 
	}

#Threetab1Content {
 		display: block; 
	}

#Threetab2Content {
 		display: none; 
	}

#Threetab3Content {
 		display: none; 
	}


/*Layer*/

.layer_ltbrown {
	background-color: RGBA(var(--sp_ltbrown),0.3);
	height: auto;
	min-height: 20px;
}
.layer_blue8 {
	background-color: RGBA(var(--sp_blue),0.8);
	height: auto;
	min-height: 20px;
}
.layer_blue9 {
	background-color: RGBA(var(--sp_blue),0.9);
	height: auto;
	min-height: 20px;
}
.layer_grayb {
	background-color: RGBA(var(--sp_grey), 0.5);
	min-height: 20px;
}
.layer_dblue {
	background-color: RGBA(var(--sp_darkblue), 0.7);
	min-height: 20px;
}

.layer_ltgrey8 {
	background-color: RGBA(var(--sp_ltgrey), 0.8);
	min-height: 20px;
}
.layer_ltgrey9 {
	background-color: RGBA(var(--sp_ltgrey), 0.9);
	min-height: 20px;
}
.layer_ltgrey4 {
	background-color: RGBA(var(--sp_ltgrey), 0.4);
	min-height: 20px;
}
.layer_wblue {
	background-color: RGBA(var(--sp_wblue), 0.9);
	min-height: 20px;
}
.layer_wblue3 {
	background-color: RGBA(var(--sp_wblue), 0.3);
	min-height: 20px;
}

.layer_trans {
	min-height: 20px;
	background-color: white;
	opacity: 0.1;
}


/*Typo*/

	
.letterspacing2 {
	letter-spacing: 2px;
}

.letterspacing1 {
	letter-spacing: 1px;
}

.letterspacing02 {
	letter-spacing: 0.2px;
}

p.info{
	font-size: 13px;
	line-height: 18px;
	font-family: museo-sans-rounded, sans-serif;
	font-style: normal;
	font-weight: 300;
}

.right{
	 text-align: right;
}

.left{
	 text-align: left;
}

.center{
	text-align: center;
}


/*Größe und Abstände*/

.width100{
	width:100%;
}

.height10{
	height:10px;
}

.padding0{
	padding:0;
}

.padding10t{
	padding-top:10px;
}

.padding10l{
	padding-left:10px;
}

.padding10r{
	padding-right:10px;
}

.padding15b{
	padding-bottom:15px;
}

.padding15t{
	padding-top:15px;
}

.padding15lr{
	padding-left:15px;
	padding-right:15px;
}

.padding15l{
	padding-left:15px;
}

.padding20t{
	padding-top:20px;
}

.padding25r{
	padding-right:25px;
}

.padding25l{
	padding-left:25px;
}

.padding25{
	padding:25px;
}

.padding25tb{
	padding-top:25px;
	padding-bottom:25px;
}

.padding50{
	padding:50px;
}

.padding50tb{
	padding-top:50px;
	padding-bottom:50px;
}

.padding50b{
	padding-bottom:50px;
}


.padding75tb{
	padding-top:75px;
	padding-bottom:75px;
}


.margin0{
	margin:0;
}

.margin10b{
	margin-bottom:10px;
}

.margin10r{
	margin-right:10px;
}

.margin15t{
	margin-top:15px;
}

.margin25b{
	margin-bottom:25px;
}

.margin35tb{
	margin-top:35px;
	margin-bottom:35px;
}

.margin50b{
	margin-bottom:50px;
}

.margin50tb{
	margin-top:50px;
	margin-bottom:50px;
}

.margin75tb{
	margin-top:75px;
	margin-bottom:75px;
}

.margin75t{
	margin-top:75px;
}

.margin75b{
	margin-bottom:75px;
}


/*Button Link Hover*/

input.button{
	font-size: 16px;
	font-family: museo-sans-rounded, sans-serif;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 20px;
	border: 0;
	padding:10px;
	background-color: RGB(var(--sp_darkgreen));
	color: RGB(var(--sp_ltgrey));
}

button{
	font-size: 16px;
	font-family: museo-sans-rounded, sans-serif;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 20px;
	border: 0;
	padding:10px;
	background-color: RGB(var(--sp_darkgreen));
	color: RGB(var(--sp_ltgrey));
}

input.button:hover{
	text-decoration: none;
	background-color: RGB(var(--sp_green));
	color: RGB(var(--sp_white));
	cursor: pointer;
	-webkit-transition: background-color 2s ease-out;
	-moz-transition: background-color 2s ease-out;
	-o-transition: background-color 2s ease-out;
	transition: background-color 2s ease-out;
}


button:hover{
	text-decoration: none;
	background-color: RGB(var(--sp_green));
	color: RGB(var(--sp_white));
	cursor: pointer;
	-webkit-transition: background-color 2s ease-out;
	-moz-transition: background-color 2s ease-out;
	-o-transition: background-color 2s ease-out;
	transition: background-color 2s ease-out;
}


footer a:hover{
	text-decoration: none;
	color: rgb(240, 230, 214);
	cursor: pointer;
}


.linkblue{
	text-decoration: none;
	color: RGB(var(--sp_ltblue));
}

.linkblue:hover{
	text-decoration: none;
	color: rgb(64, 162, 219);
	cursor: pointer;
}

a.download:hover{
	text-decoration: none;
	color: rgb(200, 200, 200);
	cursor: pointer;
	font-weight: 500;
}


/*Infobox*/

.tooltips {
	position: relative;
	display: inline;
	cursor: help;
	border:0;
}
.cursorhelp:hover{
	cursor: help;
}
.tooltips span {
	position: absolute;
	width:140px;
	color: RGB(var(--sp_ltgrey));
	font-size: 15px;
	line-height: 22px;
	font-family: museo-sans-rounded, sans-serif;
	font-style: normal;
	font-weight: 300;
	background-color: RGB(var(--sp_darkblue));
	text-align: left;
	visibility: hidden;
	padding:15px 15px 20px 15px;
}
.tooltips span:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 20%;
	margin-left: -8px;
	width: 0; height: 0;
	border-bottom: 8px solid rgb(25, 56, 82);
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.tooltips input {
	display:none;
} 
.tooltips input:checked ~ span {
  visibility: visible;
  opacity: 0.9;
  bottom: -155px;
  width:280px;
  margin-left: -82px;
  z-index: 999;
}







/*Responsive*/

.only-mobile{
	display: none;
}



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

}


@media screen and (max-width: 768px) {
	
	
	.container h1{
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 27px;
		padding-top: 35px;
		margin: auto;
		letter-spacing: 3px;
		line-height: 40px;
	}

	.container h2{
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 25px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin:auto;
		letter-spacing: 2px;
		line-height: 40px;
	}

	.container h3{
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 20px;
		letter-spacing: 2px;
		line-height: 40px;
	}

	.container h4{
		font-size: 20px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		letter-spacing: 2px;
		line-height: 35px;
	}

	.container h5{
		font-size: 18px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		letter-spacing: 2px;
		line-height: 30px;
	}
	.container h6 {
		font-size: 17px;
		line-height: 30px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
	}
	.container p{
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 14px;
		line-height: 30px;
	}
	.container hr{
		display: block;
		background-color: RGB(var(--ch_cbrown)) !important;
		width: auto;
		height: 2px;
		border-radius: 1px;
		margin-top: 20px;
		border: 0px;
	}

.container txt{
		font-size: 14px;
		line-height: 30px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
	}


.container ul{
		font-size: 15px;
		line-height: 30px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		list-style-type:none;
		list-style-image: url(https://www.secupay.com/sites/secupay.com/files/line-blue.png);
	}

.container button{
		font-size: 15px;
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		letter-spacing: 1px;
		line-height: 20px;
		border: 0;
		padding:10px;
		background-color: RGB(var(--sp_darkgreen));
	}
	
p.info{
	font-size: 12px;
	line-height: 15px;
	font-family: museo-sans-rounded, sans-serif;
	font-style: normal;
	font-weight: 300;
	}
	
}


@media screen and (max-width: 576px) {

	.clicktab{
		font-family: museo-sans-rounded, sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 15px;
		cursor: pointer;
		border-right: 0;
		border-bottom: 2px solid RGB(var(--sp_ltgrey));
	}
	
	.clicktab:last-child{
		border-bottom: 0;
	}
	
}





@media screen and (max-width: 576px) {
	
	.only-mobile{
		display:initial;
	}
				
	.only-desktop{
		display:none;
	}
	
}