/* Onlineshop */
.cts-element_infobox.variant_visavy {
  color: #fff!important;
  background-color: #1bacc6;
}
.cts-element_infobox.variant_visavy a {
  color: #fff;
}

.ce_ctslogo {
	max-width: 310px;
	max-height: 63px;

}
					
fieldset.av-zustimmung {
  margin-top: 0 !important;
  background: #f4f4f4;
  border: none !important;
  height: 44px;
  width: 100%;
}						   
					   
.iconbox.favoriten a {
  cursor: pointer;
  color: #0053a1;
  font-size: 25px;
  margin-left: 10px;
}

#wrapper > form {
  margin-bottom: 0;
}
/* Linke Nav Shop   */

.active.submenu.trail > a {
  color: #0053a1;
}
i.mpgeauth_ul_up_down{
  padding-left: 6px;
  z-index: 1;
  position: relative;
}
i.fa-angle-right{
  padding-left: 6px;
}
i.mpgeauth_ul_up_down:hover{
  color: #0053a1;
}

#onlineshop_user.submenulr li.dropdown > a:hover,
#onlineshop_user.submenulr li.haschild.submenu.trail > a:hover,
#onlineshop_user.submenulr li.haschild.submenu.trail > a.active,
#onlineshop_product.submenulr li.dropdown > a:hover,
#onlineshop_product.submenulr li.haschild.submenu.trail > a:hover,
#onlineshop_product.submenulr li.haschild.submenu.trail > a.active{
	box-shadow: -20px 0px 0px 0px #f7f7f7;

}
#onlineshop_user.submenulr li.dropdown > a,
#onlineshop_user.submenulr li.haschild.submenu.trail > a,
#onlineshop_product.submenulr li.dropdown > a,
#onlineshop_product.submenulr li.haschild.submenu.trail > a{
	display: inline-block;
	width: 100%;
}
#onlineshop_user.submenulr li.dropdown > a::after,
#onlineshop_user.submenulr li.haschild.submenu.trail > a::after,
#onlineshop_product.submenulr li.dropdown > a::after,
#onlineshop_product.submenulr li.haschild.submenu.trail > a::after {
	 content: "";
}
/*
#onlineshop_user.submenulr li.active.submenu.haschild.trail,
#onlineshop_product.submenulr li.active.submenu.haschild.trail {
  background-color: #f7f7f7;
}
*/
#onlineshop_user.submenulr li.dropdown > a, 
#onlineshop_user.submenulr li.dropdown > a:hover,
#onlineshop_user.submenulr li.haschild.submenu.trail > a,
#onlineshop_product.submenulr li.dropdown > a, 
#onlineshop_product.submenulr li.dropdown > a:hover,
#onlineshop_product.submenulr li.haschild.submenu.trail > a{
	padding-left: 3px;
	width: calc(100% - 20px);

}
#onlineshop_user.submenulr strong span,
#onlineshop_product.submenulr strong span {
	padding: 10px 12px 10px 3px;
}

#onlineshop_user.submenulr li.active.submenu.haschild > strong,
#onlineshop_product.submenulr li.active.submenu.haschild > strong {
	padding: 10px 12px 10px 0px;
}
#onlineshop_user.submenulr li.active.submenu.haschild:first-child > strong{
  width: calc(100% - 20px);
  box-shadow: -20px 0px 0px 0px #f7f7f7;
}

#onlineshop_user.submenulr li.active.submenu.haschild:first-child > i,
#onlineshop_user.submenulr li.haschild.submenu.trail > i,
#onlineshop_user.submenulr a.active::after,
#onlineshop_product.submenulr a.active::after,
#onlineshop_product.submenulr li.haschild.submenu.trail > i{
	color: #0053a1;
}
#onlineshop_user.submenulr li:last-child i {
  display: none;
}
/* Linke Nav Shop Pfeil Links END */
.hidemobile,
.hidemobiletable,
.ctsheadline_w_buttons .buttonwrapper.hidemobile{
 display:none;	
}

.gruppeB h1.headline, h1.headline a {
	font-weight: normal !important;
}
/*
.active.submenu .fa {
  margin-left: 5px;
}
*/
.mainmenu.shop_nav ul li a::after{
  content: "\f107";
  margin-left: 5px;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  cursor: no-drop;
}
button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
  opacity: 0.7;
}
.hyperlink_extended a {
  cursor: pointer;
}
.disabled .hyperlink_extended a {
  pointer-events: none;
}
.pwicon {
  margin-left: -35px;
  font-size: 18px;
  margin-top: 13px;
 position: relative;
  z-index: 1;
}
.criterion.failed,
.red{
  color: #D40511!important;
}
.criterion.passed,
.green{
  color:#017f01!important;
}
.orange{
  color: #dd571c;
}

.produkt table td.highlight {
  margin: 0 15px;
  width: 97%;
}
.highlight {
  border: 1px solid #0053a1!important;
  padding: 5px;
  font-size:13px;
  margin: 10px 0;
  display: block;
}
a.btn-submit {
	width: 100%;
	display: inline-block;
	padding: 8px 10px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	line-height: 1.3;
	color: #0053a1;
	cursor: pointer;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-image: linear-gradient(to bottom, #fff, #fff);
	border: 1px solid #0053a1;
	}
a.btn-submit i{
    color: #0053a1;
}
input[type="submit"] {
	padding: 10px;
}
#modal_btn_ok{
  width: 100%;
  display: inline-block;
  padding: 10px;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  line-height: 1.3;
  color: #0053a1;
  cursor: pointer;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-image: linear-gradient(to bottom, #fff, #fff);
  border: 1px solid #0053a1;
}
#BUpload[disabled]{
    cursor: no-drop;
    background: #ccc;
}
.select .cts-element_infobox.variant3 {
    color: #B1382D;
    background-color: #FBE9DF;
    font-size: 13px;
}

u {
    text-decoration: none;
    font-weight: bold;
}
#ctl00_ContentPlaceHolder1_PMessages {
    margin: 10px 0;
}
/* Pagination */
.pagination {
    border-top: none;
	display: block;
	padding-left: 0;
}
.pagination .current {

}
.pagination .page-text {
  padding-left: 0;
  margin: 5px 0;
}
.pagination .page-nav{
	text-align: right;
	padding-right: 0;
	padding-left: 0;
}
.pagination > span,
.pagination > strong{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}
.pagination .link,
.pagination a{
	margin: 5px 1px;
	color: #292928;
	background: #ededed;
    padding: 4px 12px;
    text-decoration: none;
	display: inline-block;
	font-size: 13px;
}
.pagination span.active,
.pagination strong.active{
	color: #fff;
    background: #9e9e9e;
	margin: 0 1px;
    padding: 4px 12px;
    text-decoration: none;
	display: inline-block;
	font-size: 13px;
	cursor: default;
}
.pagination .link:hover{
    background-color: #0053a1;
    color: #fff;
}
.pagination input[type="submit"] {
    width: auto;
    font-size: 13px;
}
.pagination input:disabled {
  display:none;
}

.activedropdown a, .dropdown a {
    white-space: normal!important;
}

/* infoModal */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modalshop {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content{
  background-color: #fefefe;
  padding: 0;
  border: 1px solid #888;
  width: 40%; 
  display: table;
  position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.modalshop .wkButtons {
  margin: 10px 0;
}
#rueckrufbox .close {
    color: #494949;
    font-size: 25px;
    padding-right: 20px;
    margin-bottom: 20px;
}

.login_modal .close,
#prof_login .close,
#prof_search .close{
    color: #494949;
    font-size: 25px;
    margin-bottom: 20px;
    position: absolute;
	right: 0px;
	top: 0;
}
.close,
.closemodal{
  color: #fff;
  font-size: 28px;
  padding-left: 20px;
  padding-right: 0;
}
.closeseminarmodal.closemodal{
  color: #494949!important;
  font-size: 17px!important;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 0px!important;
  margin-bottom: 0px!important;
}
.close:hover,
.close:focus,
.closemodal:hover,
.closemodal:focus{
  text-decoration: none;
  cursor: pointer;
} 
.modal .wkButtons button[type="submit"] {
    margin: 0;
}
.modal .headline .far {
    color: #fff;
}
.modal-content h4.headline {
    font-weight: normal;
}

.noaccess .close {
  display: none;
}
/* infoModal End */


 /* Search Modal */
#prof_search .mod_search  {
    padding: 20px 25px;
    border: 1px solid #eee;
    background-color: #f9f9f9;
}
#prof_search .modal-content .mod_search {
    margin-top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#prof_search .modal-content .mod_search input[type="search"]{
	padding: 12px;
	color: #555555;
	border: 1px solid #eee;
	border-radius: 0;
	background-color: #fff;
	box-shadow: none;
	font-size: 14px;
	transition: all 0.15s linear 0s;
}
#prof_search .modal-content .mod_search button.submit[type="submit"] {
	 text-transform: none;
	 padding: 10px 15px;
}
#prof_search .modal-content {
    margin: 20% auto;
}
/* Search Modal END*/

.count.active {
    display: inline;
    margin-left: -8px;
    padding: 1px 3px;
    background-color: #0096d9;
    font-size: 80%;
    color: #fff;
    letter-spacing: 1px;
    border: 1px solid #fff;
    vertical-align: text-bottom;
    position: relative;
	z-index: 2;
}

#cCredit.count.active,
#cReorder.count.active {
	font-family: "OpenSans",sans-serif;
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-weight: normal;
	font-size: 14px;
	display: inline !important;
	line-height: 1.56;
}

.ctsquicklinks.rechts.custom .iconbox {
  border-bottom-width: 1px;
  border-top-width: 0px;
}
.ctsquicklinks.rechts.custom .iconbox:first-child {
  border-top-width: 1px;
}
.active.icon4::before{
  font-size: 35px;
}
.hyperlink_extended a::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}
.hyperlink_extended .fab::before {
    font-family: "Font Awesome 5 Brands";
}
.menumodule .hyperlink_extended a::before {
    font-weight: 900;
}
.zumshop {
    position: absolute;
    bottom: 25px;
    font-size: 1.3em;
	font-weight: normal;
	color: #fff;
}
li.navhidden {
    display: none;
}
.mobile li.navhidden {
    display: block;
}

.ce_ctslogo .image_container a::after {
    content: "";
}
.ce_ctslogo .image_container a::before {
	background: transparent;	
}
.highlight a,
#ctl00_ContentPlaceHolder1_LBVisited.btn-load{
    cursor: pointer;
    text-transform: none;
    color: #0053a1;
    text-decoration:none;
    font-weight: bold;
}
.highlight a::after{
    content: '\f105';
    display: inline-block;
    margin-left: 4px;
    text-decoration: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
a.btn-secondary:hover {
    color: #fff;
}
.btn-secondary {
	width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    line-height: 1.3;
    color: #fff;
	cursor: pointer;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color:#6c757d;
	text-decoration: none;
    background-repeat: repeat-x;
    -moz-transition: background .15s linear;
    -webkit-transition: background .15s linear;
    -o-transition: background .15s linear;
    transition: background .15s linear;
    padding: 8.5px 12px;
	border: 1px solid #6c757d;
}
.adresse {
    padding: 15px 30px;
	background-color:#f9f9f9;
	min-height: 193px;
}

.reference input[type="text"]{
    padding: 5px 10px;
    border: 1px solid #ccc;
}
.tableitem .fal.fa-save {
  color: #0053a1;
  font-size: 20px;
  margin: 5px;
  cursor: pointer;
}
.reference_success {
  background: #494949;
  color: #fff;
  padding: 10px 0px;
  text-align: center;
  margin-bottom: 0;
  display: none;
}
.reference_fail {
  background: red;
  color: #fff;
  padding: 10px 0px;
  text-align: center;
  margin-bottom: 0;
  display: none;
}
/* Warenkorb */
#ContentPlaceHolder1_PPreisTotal,
.checkout .preis {
    background-color: #f9f9f9;
	padding: 10px 30px;
	font-size: 14px;
}
.checkout .preis:nth-child(2) strong{
    line-height: 2.5em;
}
.checkout label {
    font-size: 12px;
}
.checkout h4 {
    text-align: right;
    color:#0053a1;
    margin: 5px 0;
}
.checkout .checkbox_container{
	padding: 8px 15px 10px;
}
.row fieldset.checkbox_container {
  margin-right: 0;
  margin-left: 0;
  margin-top: 10px;
}
.checkout .margin0 {
    font-size: 13px;
}
.checkout .wkButtons button[type="submit"],
.checkout .btn-secondary {
    padding: 10px;
    margin: 10px 0;
}
.cart-bottom span.links{
	text-align: left!important;
	display: inline-block;
}
.cart-bottom .total {
  font-size: 17px;
  text-align: right;
}

/* Warenkorb END*/
.catalog {
    position: relative;
    display: inline-block;
    overflow: hidden;
    line-height: 0;
}
.catalog a::before {
    content: "";
	position: absolute;
	top: 0;
	left: 15px;
	right: 15px;
	bottom: 0;
	opacity: 1;
	background:
	rgba(0,0,0,0.1);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.produktfilter .slide img{
  height: 250px;
  object-fit: cover;
}

.slick {
  width: auto;
}
.slick-track {
  margin-left: 0;
  margin-right: 0;
}
.slick .slide {
  height: auto;
  padding-right: 10px;
}
.slick .slide .content {
  margin-top: 10px;
}
.slick .slide .content a{
  font-size: 1em;
  font-weight: 400;
  padding: 0 5px;
  font-family: "OpenSans SemiBold",sans-serif;
}
.produkt input[type="checkbox"] {
    margin: 8px;
}
.produkt .parameter_rechts input[type="checkbox"],
.produkt .parameter_links input[type="checkbox"]{
  margin: 15px 10px 5px;
}
.produktfilter .slick-slider .slick-next,
.produktfilter .slick-slider .slick-prev {
  background-color: rgba(0, 0, 0, 0.2);
  top: 45%;
}
.produktfilter .slick-slider .image_container_hover {
  display:flex;
  align-items:center;
  justify-content:center;
}

.produktfilter .slick-prev:not(.slick-disabled)::before,
.produktfilter .slick-next:not(.slick-disabled)::before,
.profil_img_content .slick-prev::before,
.profil_img_content .slick-next::before{
	color: #bbb;
	opacity: 1;
}
.produktfilter .slick-prev:not(.slick-disabled)::before,
.produktfilter .slick-next:not(.slick-disabled)::before{
	opacity: 1;
	color: #fff;
}
.produktfilter .slick-slider:hover .slick-prev:not(.slick-disabled),
.produktfilter .slick-slider:hover .slick-next:not(.slick-disabled){
  color: #fff;
  background-color: rgba(0,83,161,1);
  z-index: 9;
  opacity: 1;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
  color: #fff;
}

.profil_img_content .slick-prev::before{
	color:#ccc;
}
.produktfilter .slick-dots li.slick-active button::before,
.profil_img_content .slick-dots li.slick-active button::before{
	width: 20px;
	height: 20px;
	color:#9d9d9c;
}
.produktfilter .slick-dots li button::before,
.profil_img_content .slick-dots li button::before {
	font-size: 10px;
	width: 20px;
	height: 20px;
	color:#ccc;
}
.slick-dots > li {
        display: inline-block;
    }
.slick-dots  > li:only-child {
        display: none;
}
.bottom50.slick-dotted.slick-slider {
  margin-bottom: 50px;
}



.ce_ctsportfoliofilter .button-group span {
    font-family: 'OpenSans', sans-serif;
}
.rowfilter {
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.filter span {
    font-family: 'OpenSans', sans-serif;
}
.filter .button-group .button {
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 12px 18px;
    color: rgba(73,73,73,1);
    background-color: #f6f6f6;
    background-image: none;
    text-align: center;
    font-weight: normal;
    -moz-transition: All 0.35s ease;
    -ms-transition: All 0.25s ease;
    -o-transition: All 0.25s ease;
    -webkit-transition: All 0.25s ease;
    transition: All 0.25s ease;
    transition-property: all;
    transition-duration: 0.25s;
}
.filter .button-group .button.is-checked{
    background: #0053a1;
    color: #fff;
}
.filter .button-group .button:hover {
    opacity: 0.9;
}
.leftcolumn aside .widget {
    position: relative;
    padding-bottom: 10px;
}
.mod_search.submenulr a::after {
	content: "";
}
.mod_search.submenulr a {
    display: inline-block;
	padding: 8px 12px;
	background-color: #0053a1;
	color: #fff;
}
.asidesearch.prod_search.mod_search .widget.widget-text {
    width: 80%;
}
.asidesearch.prod_search.mod_search .widget-submit {
    width: 20%;
}
input#ContentPlaceHolder1_TBReferenz,
input#ContentPlaceHolder1_TBRhythmus,
input#ContentPlaceHolder1_TBStart,
input#ContentPlaceHolder1_TBBeschreibung,
input#TBSearch,
input#ContentPlaceHolder1_TBFilter,
input#ContentPlaceHolder1_PFilter,
input#ContentPlaceHolder1_TBSuche,
input#ContentPlaceHolder1_TBStartDatum,
input#ContentPlaceHolder1_TBEndDatum,
input.shop_input{
	padding: 8px 15px;
	font-size: 15px;
}

input[type="date"]{
max-height: 38px;	
}

.auftrag button.submit[type="submit"]{
	padding: 8.5px 15px;
}
.auftrag a.btn-submit {
    padding: 8.5px 12px;
    margin-bottom: 5px;
}
.auftrag a.btn-submit i{
    padding: 4px 0;
}
.gruppeA.ce_ctsimghoverbox .imagehoverbox{
	border: 1px solid #efefef;
}
.gruppeA.ce_ctsimghoverbox .imagehoverbox .info {
	bottom: 0px;
	padding: 15px;
	background: #f9f9f9;
}
.gruppeA.ce_ctsimghoverbox .imagehoverbox .info a {
	text-decoration: none;
}
.gruppeA.ce_ctsimghoverbox .imagehoverbox .info h4 {
	text-align: center;
	color: #494949;
	font-size: 1.2em;
}

#ContentPlaceHolder1_PVisited .gruppeA.ce_ctsimghoverbox .imagehoverbox .info h4 {
  font-size: 1em;
}
#ContentPlaceHolder1_PVisited .gruppeA.ce_ctsimghoverbox .imagehoverbox .info {
  padding: 10px;
}
.formvshop input, 
.formvshop select {
	padding: 7px;
	border: 1px solid #e3e3e3;
	width: 20%;
	text-align: center;
}
.formvshop tr {
    border-bottom: 1px solid  #e3e3e3;
}
.formvshop td {
    min-width: 25%;
}
th .paragraph{
    color: #0053a1;
}
td .paragraph{
    line-height: 2.8em;
}
img.availability{
  vertical-align: middle;
  width: 20px;
}
.produkt a {
	text-decoration: none;
	cursor: pointer;
}
.medien .fa,
.medien .fas,
.medien .far,
.medien .fal,
.produkt .fa,
.produkt .fas,
.produkt .far,
.produkt .fal,
.basket .fa,
.basket .fas,
.basket .far,
.basket .fal,
.merkliste .fa,
.merkliste .fas,
.merkliste .far,
.merkliste .fal,
.modal .fa,
.modal .fas,
.modal .far,
.modal .fal,
.action .fa,
.action .fas,
.action .far,
.action .fal{
    color: #0053a1;
    font-size: 15px;

}
.medien h3 {
  color: #0053a1;
}

.merkliste .fa-info-circle {
    font-size: 12px;
    vertical-align: top;
    padding-top: 2px;
    margin: 0;

}
.merkliste .tooltip .tooltiptext {
	top: -19px;
	font-size: 13px;
	padding: 4px 10px;
}
.merken{
    content: url("/files/theme/img/onlineshop/icons/heart-regular.svg");
	width: 15px;
}

.produkt .fas.fa-shopping-cart {
    color: #fff;
}
.parameter_mitte{
    text-align: center;
}
.parameter_rechts{
	text-align: right;
}
.produkt .cts-element_infobox {
    padding: 0 15px;
    text-align: left;
    font-size: 15px;
}
.package a {
    text-decoration: none;	
}
table{
	width: 100%;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 0;
}
.anpassblister a{
  color: #0053a1;
  text-decoration: none;
}
table.user-profiles {
  table-layout: fixed;
}
.tableitem,
.tableorder,
.upload{
  width: 100%;
  overflow: visible;
}
.tableitem::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}
.tableitem::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

.tableprice table td,
.tableprice table th{
    padding: .3em .5em .3em 0;
    vertical-align: middle;
    white-space: nowrap;
}
.pricename{
    width: 22%;
}
.singleprice{
    width: 15%;
}
.price {
	background-color: transparent;
	font-size: 15px;
	font-weight: bold;
	color: #0053a1;
	text-align: end;
    width: 10%;
}
.condition {
    font-size: 13px;
    color: #333;
	font-weight: normal;

}
.priceinfo {
    font-size: 13px;
}
.pricebox2{
    padding: 0;
    /*min-height: 40px;*/
}
.pricebox{
    padding: 0;
    /*min-height: 60px;*/
}


.tableitem.basket table th,
.tableitem.merkliste table th{
	letter-spacing: -0.03em;
}
.tableitem img {
    vertical-align: text-top;
}
.tableitem a{
    color: #0053a1;
    font-size: 20px;
    margin: 0 5px;
}
.tableitem .actions_row a{
	margin: 0 10px 0 0;
	font-size: inherit;
}
.merkliste a{
    font-size: 15px;
}
.tableitem a:hover {
  cursor: pointer;
}
.detail .striped.ce_table .no-header tr td:first-child{
	background-color: #f3f3f3;
}
.ce_table.striped table th {
    border-top: 1px solid #e3e3e3;
    background-color: #f3f3f3;
    color: #494949;
    text-align: left;
}
.ce_table.properties tr th {
    width: 20vw;
}
.ce_table.properties table {
   table-layout: fixed;
}
.ce_table.properties tbody tr:nth-child(odd) {
    background-color: #f8f8f8;
}
a.showmore.closed:before,
a.showmore.open:before{
    display: inline-block;
    margin-right: .5em;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}
.showmore.closed:before{
    content: "\f067";
}
.showmore.open:before{
    content: "\f068";
}
.showprice,
.showpricedetails{
	font-size: 15px;
	font-weight: 700;
	padding: 5px 15px;
	margin-bottom: 0;
	cursor:pointer;
}
.singleprice{
	font-size: 15px;
	font-weight: 700;
	cursor:pointer;

}
a.showpricesingle.closed:after,
a.showpricesingle.open:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
}
a.showpricesingle.closed:after,
a.pricesingleopen.closed:after{
    content: "\f0da";
}
a.showpricesingle.open:after,
a.pricesingleopen.open:after{
    content: "\f0d9";
}
a.showprice.closed:after,
a.showprice.open:after,
a.showpricedetails.closed:after,
a.showpricedetails.open:after,
a.pricesingleopen.closed:after,
a.pricesingleopen.open:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
a.showprice.closed:after,
a.showpricedetails.closed:after{
    content: "\f107";
}
a.showprice.open:after,
a.showpricedetails.open:after{
    content: "\f106";
}
tr.detail:not(.show),
.pricedetail{
  display: none;
  width: 100%;
}
tr.detail:not(.show) div {
  display: none;
}
.singledetail{
  display: none;
}

.hiddenRow {
    padding: 0 4px !important;
    background-color: #eeeeee;
    font-size: 13px;
}
.pagination li:hover{
    cursor: pointer;
}

.package table .head_0,
.package table .col_0{
    padding: .5em 2em;
} 
.package table .col_1, 
.package table .head_1{
    padding: .5em 7em;
}

.produkt table {
    margin-bottom: 0;
    border-bottom: none;
}
.produkt .fas.fa-long-arrow-alt-right,.fas.fa-long-arrow-alt-left {
    font-size: 16px;
    color:#0053a1;
}
.produkt table td{
	padding: 7px 15px;
}
.produkt table td.parameter_mitte{
  padding: 15px 15px 0px;
}
.produkt table tr {
    border-top: none;
}
.produkt table:not(.bt) td {
    border-top: 0;
}
.produkt table th{
    padding-top: 20px;
}
.helpComment,.helpCommission {
    color: #B1382D;
    display: none;
    margin: 10px 0;
    font-size: 13px;
}
.wkButtons button[type="submit"]{
	padding: 12px;
	margin: 20px 0;
}

.gruppeB.pakete {
    padding: 10px;
}
.gruppeB.pakete span {
    color: #0053a1;
}
.gruppeB,.produkt{
	background-color: #f9f9f9;
	font-size: 14px;
}
.gruppeB .ce_image {
	padding-bottom: 15px;
	padding-top: 15px;
}
.gruppeB .hyperlink_extended a{
	font-size: 15px;
}
.gruppeB .image_container .caption {
	font-size: 15px;
	padding: 10px;
	color:#0053a1;
}
.gruppeB .fas,
.tableitem .fas,
.upload .fas{
    color: #0053a1;
}
.gruppeB .hyperlink_extended a {
    display: block;
}
.gruppeB .headline,
.headline a{
    color: #0053a1;
    font-family: 'OpenSans SemiBold',sans-serif;
	line-height: 1.3;
	position: relative;
	margin-top: 0;
	text-decoration: none;
}

.gruppeA .image_container_hover:hover img,
.slide .image_container_hover:hover img {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 500ms;

}
.aktion .ce_ctsimage .inside.bggrey {
    background-color: #f9f9f9;
}
.aktion .ce_ctsimage {
    border: 1px solid #efefef;
}
.aktion .ce_ctsimage.nopadin .inside {
    padding: 0 0 20px 0;
}
.aktion a {
    text-decoration: none;
}
.gruppeB .image_container a,
.gruppeB .image_container_hover a{
  max-width: 450px;
  display: inline-block;
}
.gruppeB .image_container a::after {
    content: "";
    color:#666;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 1;
}

.gruppeB.details .image_container a::after {
    content: "\f00e";
    color:#666;
}
.gruppeB .image_container a::before {
	background: none;
}
/*.gruppeB .image_container {
    border: 5px solid #e5e5e5;

}*/
.gruppeB .button.one a{
    font-size: 0;
}
.gruppeB .button.one i{
	margin-right: 0;
}
.gruppeB .button.one i::before {
	margin-right: 0;
	font-size: 12px!important;
}
.gruppeB .hyperlink_extended.small a {
    padding: 8px 7px;
}

.hyperlink_extended.smaller a {
    padding: 5px 20px;
    font-weight: normal;
    font-size: 14px;
}
.hyperlink_extended.small a {
    font-weight: normal;
}
.hyperlink_extended.small button[type="submit"] {
  padding: 8px 10px;
}
.gruppeB .ctsheadline_w_buttons .buttonwrapper {
	justify-content: flex-end;
	min-width: 100px;
}
.gruppeB input{
    display: block;
    width: 100%;
    height: 37px;
    padding: 5px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555;
	background-color:#fff;
	background-image: none;
	border: 1px solid #ccc;
	text-align: center;
}

.gruppeB .ctsproduct .nameprice {
    margin: 2px 0;
    text-align: left;
    justify-content: flex-start;
    position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.status {
	font-size: 13px;
	 margin-bottom: 0px;
}

.status img {
	vertical-align: text-top;
	margin-right: 5px;
}

.available,
.low,
.empty{
    display: flex;
	flex-direction: row;
	font-size: 13px;
}
.empty {
    line-height: 1.2em;
}

.mod_eventlist.block .empty {
  margin-bottom: 10px;
  font-size: 16px;
}
/* read more toggle */
.read-more-trigger {
    font-weight: bold;
}
.read-more-trigger::after {
    content: '\f105';
    display: inline-block;
    margin-left: 4px;
    text-decoration: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
}
#post-1.read-more-state {
  display: none;
}
.read-more-wrap {
    margin-bottom: 5px;
}
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
  display: inline-block;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'mehr';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'weniger';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  color: #0053a1;
  text-decoration: none;
}

.infobox {
    padding: 20px;
    text-align: left;
    background-color:#f9f9f9;
}
.merkliste .ctsheadline_w_buttons .button a {
 	padding: 6px 8px;
 	font-size: 15px;
 } 
.merkliste .ctsheadline_w_buttons .button.bgfix a {
    border-width: 1px;
    border-style: solid;
}
.merkliste .ctsheadline_w_buttons .far {
	margin-right: 0px;
}
.ce_table th, 
.tableorder th,
.upload th{
    font-weight: normal;
    vertical-align: middle;
}
.basket th .fas,
.basket th .far{
    color: #fff;
}
.tableitem.basket th.col_first,
.tableitem.basket td.col_first{
    padding-left: .7em;
}

.basket .fa-info-circle {
    margin: 0 5px;
}
.tableitem .prodname {
    font-weight: bold;
    white-space: wrap;
}
.tableitem .depiction,
.headline .depiction{
    font-size: 13px;
    font-weight: normal;
}
.tableitem .whitespace {
	white-space: normal;
}
.align-middle {
    text-align: center;
    vertical-align: middle;

}
  /* Tooltip Start*/
.tooltip {
  position: relative;
  cursor:pointer;
}
.tooltip .tooltiptext {
  display:none;
  width: auto;
  background-color:#494949;
  color: #fff;
  text-align: left;
  padding: 6px 10px;
  position: absolute;
  z-index: 2;
  top: 11px;
  right: 105%;
  font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
}
.tooltip .tooltiptext.parameter{
	top: 55px;
	right: 0;
}
.tooltip:hover .tooltiptext {
  display:block;
}
  /* Tooltip End*/
  

/* Select Merkliste */
.basket .select.klammer {
	width: auto;
	min-width: 35px;
}
.basket .select {
    position: relative;
	display: inline-block;
	width: 80%;
}
.basket .select select {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding:  2px 10px 2px 2px !important;
        outline: 0;
        border: 1px solid #0053a1;
        border-radius: 0px;
        background: #fff;
        color: #494949;
        
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
.basket .select select::-ms-expand {
            display: none;
        }
.basket .select select:hover,
.basket .select select:focus {
            color: #000000;
            background: #fff;
        }
.basket .select select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }
.basket .select_arrow {
    position: absolute;
    top: 11px;
    right: 4px;
    pointer-events: none;
    border-style: solid;
    border-width: 6px 4px 0px 4px;
    border-color: #0053a1 transparent transparent transparent;
}
.basket .select select:hover ~ .select_arrow,
.basket .select select:focus ~ .select_arrow {
    border-top-color: #0053a1;
}
.basket .select select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}

 
/* Select Merkliste in Produktdetails */
.select:not(.widget-select) {
    position: relative;
    display: inline-block;
	width: 100%;
}

.select select {
        display: inline-block;
        width: 100%;
        height: unset;
        font-size: 15px;
        cursor: pointer;
		padding: 8px 10px !important;
        outline: 0;
        border: 1px solid #0053a1;
        border-radius: 0px;
        background: #fff;
        color: #494949;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
}
.select select::-ms-expand {
            display: none;
        }
.select select:hover,
.select select:focus {
            color: #000000;
            background: #f9f9f9;
        }
.select select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }
.select_arrow {
    position: absolute;
    top: 15px;
    right: 10px;
    pointer-events: none;
    border-style: solid;
    border-width: 6px 4px 0px 4px;
    border-color: #0053a1 transparent transparent transparent;
}
.col-sm-12 .select_arrow {
  right: 20px;
}  
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-top-color: #0053a;
}
.select select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}

/* Select in Form mit class "vertrag" */
.ce_form .vertrag .select select{
	width: 100% !important;
	padding:10px!important;
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: rgba(255,255,255,1);
  background-image: url("/files/theme/img/select-arrow-grey.png");
  background-repeat: no-repeat;
  background-position: 95% center;
  border-radius: 0;
  border: 1px solid rgba(217,217,217,1);
  font-size: 14px;
  color: rgba(85,85,85,1);
  text-indent: 0.01px;
  text-overflow: "";
}	




.headlinewbuttons{
    display: flex;
}
.headlinewbuttons i{
    margin: 0 5px;
}
.headlinewbuttons .headline {
    margin-right: 20px;
}
.ce_form input.disabled {
  pointer-events: none;
  cursor: no-drop !important;
  background: #f4f4f4;
}

.Aktionen .disabled{
	color: #ccc!important;
	cursor: no-drop!important;
}
.pagination .aspNetDisabled.link{
    cursor: no-drop;
}

a.aspNetDisabled i:before{
    cursor: no-drop;
    color: #6c757d;
}
select.aspNetDisabled,
.cts-element_hyperlink a.aspNetDisabled{
    cursor: no-drop;
    background-color: #afafaf;
    border: 1px solid #afafaf;
}
.pagination .aspNetDisabled.link:hover {
	color: #292928;
	background: #ededed;
}
.ctsquicklinks.icon60 .iconbox:before {
    line-height: 60px;
}
button[type="submit"] i:before, 
input[type="submit"] i:before {
    line-height: 1.3;
}
.visited a {
  text-decoration: none;
  color: #0053a1;
}
@media only screen and (min-width:1200px) {
	.showmobile{
	 display:none;	
	}
	.hidemobile{
	 display:block;	
	}
	.gruppeB .columnStart .inside .ce_ctswrapperstart .inside {
	  min-height: 245px!important;
	  display: grid;
									
      grid-template-rows: auto auto auto 1fr;
	}

	.gruppeB .columnStart .ce_ctswrapper .ce_ctswrapperstart .inside .bottom10:last-child  {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;

	}
	.ctsheadline_w_buttons .buttonwrapper.hidemobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

}
@media only screen and (max-width:812px) {
	.produkt table td{
		padding: 10px 5px;
		font-size: 13px;
		font-weight: 500;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
	.produkt table th{
		padding: 20px 5px;
		font-size: 13px;
		font-weight: 500;
	}
	.ce_form select {
		font-size: 13px;
	}
	.select_arrow {
	top: 18px;
	}
	.status span {
	  display: block;
	}
	.select.top5 {
	  margin-top: 0;
	}

}
@media only screen and (max-width:600px) {
	.parameter_mitte {
	  display: none;
	}
	.para_break {
    display: block;
    max-width: 60px;
    word-wrap:break-word;
    hyphens: none;
	}
}
@media only screen and (max-width:1024px) {
	.ctsquicklinks.icon60 .iconbox:before {
    line-height: 40px;
	}
	.pagination .page-nav{
	text-align: left;
	padding-right: 0;
	padding-left: 0;
	}
	.action i {
	  margin-right: 15px;
	}
}
@media only screen and (min-width:768px) {
	.rowfilter {
	  margin-left: 0px;
	}
}
@media only screen and (min-width:811px) {
	.rechts{
		text-align: right!important;
	}
	.upload table th,
	.upload table td,
	.striped table th,
	.striped table td,
	.tableitem table td,
	.tableitem table th,
	.tableorder table td,
	.tableorder table th,
	.tableklxtermine table td.aktion{
	    padding: .5em;
	    white-space: nowrap;
	    padding-right: 1rem;
	}
	.tableitem.basket table td:not(:last-child){
    white-space: normal;
	}	
	.auftragsdetails tr td:first-child{
	width:30%;	
	}
	.auftragsdetails tr td:last-child{
	width:70%;	
	}
	.showmobiletable{
	 display:none;	
	}
	.hidemobiletable{
	 display:table-row-group;	
	}
}
@media only screen and (max-width:810px) {
	#ContentPlaceHolder1_PPreisTotal, .checkout .preis {
	  padding: 15px;
	}

}
@media only screen and (max-width:1080px) {
	.fal.fa-info-circle,
	td.tooltip:not(.preis){
	  display: none!important;
	}
}
@media only screen and (min-width:1081px) {
	.rightcolumn #main, .leftcolumn #main {
	max-width: calc(100% - 255px);
	}
}
/* Onlineshop END */
