p {color: black;}

.feld11 {
font-family: verdana!important;
}

.feld22 {
font-family: verdana!important;
}

#Ebene1   { 
visibility: visible; 
position: absolute; 
top: 0; 
left: -25%; 
width: 150%; 
height: 150%  
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

/*
h1,
.uk-h1  
{ color: black!important; 
font-size: 40px; 
font-family: 'Dosis-Bold', sans-serif; 
#font-family: 'Roboto Condensed', sans-serif;
line-height: 56px;
text-transform: uppercase;
font-weight: 1300!important; }

h2,
.uk-h2 {
font-family: 'Dosis-Semibold', sans-serif; 
  font-size: 30px;
  font-weight: 600!important;
  line-height: 30px;
   #font-family: "Open Sans";
   text-transform: uppercase;

}

h3,
.uk-h3 {
font-family: 'Dosis-Semibold', sans-serif; 
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
   #font-family: "Open Sans";
   text-transform: uppercase;
font-weight: bold;
}

h4,
.uk-h4 {
font-family: 'Dosis-Webfont', sans-serif; 
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
   #font-family: "Open Sans";
   text-transform: uppercase;
font-weight: bold;
}
.uk-navbar-center {
max-width: 69%;
}

*/

/*Elemente mit Kugeln

 .kugel-risiken { 
 position: absolute;   
  top: 50%;
  left: 38%;
  background: rgba(173,176,191,1);
    border: 0px solid #ADB0BF;
    height: 145px;
    width: 145px;
    #text-align: center;
    border-radius: 145px;
    
}

.head-risiken {
  position: absolute;
   opacity: 1!important;
  top: 52%;
  left: 40%;
  color: black!important;
  font-size:25px;
  line-height: 25px;
  font-family: Open Sans Condensed!important;
  #padding: 5px;
  width: 1600px;
  z-index: 3000;
}

.text-risiken {
font-family: 'Open Sans', sans-serif;
  position: absolute;
  opacity: 1!important;
  top: 56%;
  left: 37.5%;
  color: black!important;
  font-size:15px;
  #line-height: 40px;
  z-index: 3000;
  padding: 15px;
  }




.kugel-profmue { 
 position: absolute;   
  top: 40%;
  left: 10%;
  background: rgba(158,173,214,1);
    border: 0px solid #ADB0BF;
    height: 230px;
    width: 230px;
    #text-align: center;
    border-radius: 145px;
    
}*/



/*.head-profmue {
  position: absolute;
   opacity: 1!important;
  top: 42%;
  left: 14%;
  color: black!important;
  font-size:25px;
  line-height: 25px;
  font-family: Open Sans Condensed!important;
  letter-spacing: 0em;
  #padding: 5px;
  width: 1600px;
  z-index: 3000;
}

.text-profmue {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
  position: absolute;
  opacity: 1!important;
  top: 46%;
  left: 12%;
  color: black!important;
  font-size:15px;
  #line-height: 40px;
  z-index: 3000;
  padding: 15px;
  }*/



/*.footadress {
font-weight: 500;
  position: absolute; 
 font-size: 19px;!important;
 line-height: 25px;
  left: 20%;
}/*

/*#.drop
 {
background: url(/images/Tropfen.png);
}

.drop
 {
 background-image: url(/images/Tropfen.png); 
 visibility: visible; 
            position: absolute; 
            top: 10%;
            left: 0%;
            width: 150px; 
            height: 193px;  
}





#.kugel-risiken   
           { 
            background-image: url(https://www.tonneblitz.de/images/kugel-risiken.png); 
            visibility: visible; 
            position: relative; 
            top: 15%;
            left: 10%;
            width: 229px; 
            height: 229px;           
             }
*/
  
  #.border-on-image2 {
  background: rgba(220,220,220,0.6);
    border: 0px solid #FFF101;
    height: 200px;
    width: 200px;
    text-align: center;
    border-radius: 200px;
    z-index: 3000;
}


.tm-footer {

    position: relative;
    text-align: center;
    margin-left: 17%;

}


#.container {
 position: relative;
width: 350px;
    height: 175px;
 
  text-align: center;
  background: white;
  opacity: 0.5;
}

/*
a:link {color: #215890; text-decoration-line: text-decoration-style: dotted;}
a:visited {color: #215890;}
a:active {color: #215890;}
a:hover {color: #215890;}
*/
.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

/*
.bottom-b-outer {
padding-top: 0!important;
padding-bottom: 0!important;
margin-top: 0!important;
margin-bottom: 0!important;

}

.bottom-c-outer {
float: none !importants;
text-align: center;
display: inline-block!important;
float: none!important;
text-align: center!important;

padding-left: 0px !important;
#width: 80% !important;
background: #215890!important;

}

.bottom-c-outer {

background: white!important;
line-height: 5px!important;

}

li {margin-bottom:1px;
}*/

/*Tabelle responsive ##############################################################

td::before {
  content: attr(data-label); // Inhalt des Data-Attributs einfïuegen
  word-break: break-word; // Bei zu langen Attributen Umbrueche erzwingen
 
}

table {
	width:100%;
}

table, td, tr, th {
	border:0px solid #efefef;
	border-collapse: collapse;
	text-align: left;
	padding-right:5px;
	font-size: 12px;
	vertical-align: top;
}

td {
		
		width: 25%;
		padding:1em;
		line-height: 1em!important;
		
	}

th {
	#background:#fefefe;
	font-weight: bold;
	
}

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

	tr {
		float: left;
		width: 100%;
		#margin-bottom: 0.1em;
	}

	td {
		float: left;
		width: 100%;
		padding:1em;
		
	}

	td::before {
		content:attr(data-label);
		word-wrap: break-word;
		background: #eee;
		
	}
}*/

.tablenav {
	width:100%!important;
}

#.table_td {
	width:25%!important;
}

.img_a {
	width:100%!important;
}

.toolbar{display:block !important}


#@media (max-width: 360px) {
.absolute {
display: none;
}
}


@media (min-width: 800px){
.absolute {
background-color : rgba(220,220,220,0.6)!important;
width: 180px!important;
#height:20px!important;
margin: 5px!important;
padding: 15px!important;
position: fixed;
top: 160px;
right: 2%;
border-radius: 20px;
z-index: 1500;
}}

/*tablet/smartphone*/
@media (max-width: 800px){
.absolute {
display: none;
background-color : rgba(220,220,220,0.6)!important;
width: 140px!important;
#height:60px!important;
margin: auto!important;
padding: 5px!important;
position: absolute;
top: 95px;
right: 2%;
line-height:15px!important;
border-radius: 20px;
z-index: 1500;

}}


##########################


#@media (max-width: 360px) {
.absolute-sk {
display: none;
}
}


.rl_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner {

    border-top: 0px solid 
    #e5e5e5;
    padding: 15px;
    overflow-y: hidden !important;
    overflow-x: auto;
    *zoom: 1;
}
  

#########################################

/* Container holding the image and the text */
@media (max-width: 300px) {
.wiper {
display: none !important;
}
}

#@media (min-width: 300px){
.wiper, wiper-mobile {
  float: left;
}
}


.headwish {
  position: relative;
  text-align: left;
  color: white;
  font-weight: bold;
}



/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
left: 50%;
  transform: translate(-50%, -50%);
}



/*.zelle {
    background-image: url("https://www.tonnenblitz.de/images/2020/wiper.png");
    background-repeat: no-repeat;   
}

.zelle2 {
    background-image: url("https://www.tonnenblitz.de/images/2020/wischer.png");
    background-repeat: no-repeat;   
}*/



.top-a-outer {
    background: #eeeeee;
color: black;
}

.visCanvas {
    border: 0px solid red!important;
    background-color: white!important;
    color: black!important;
}
.visform input, .visform select, .visform textarea {
     background: #E8E5C3!important;
     color: black!important;
     font-family: 'Open Sans Regular';
     font-size: 14px;
    outline: 0px solid #FDFBDC;/* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */
     border-radius: 3px;
     border-top-style: hidden;
      border-right-style: hidden;
      border-left-style: hidden;
      border-bottom-style: hidden;
      background-color: #eee;
}

.field-next-step {
width: 150px;
height: 50px;
background: #E8E5C3!important; 
color: white!important;


}

.field-next-step:hover {
width: 150px;
height: 50px;
background: #d0cdaf!important; 
color: black!important;

}

/* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */
/*.field-next-step:focus {
background: #d0cdaf!important; 
color: black!important;
border-color: black;
border-width: 2px;
border-style: dotted!important;

}*/
/* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */
.btn-primary:focus, .btn-default:focus {
background: red!important; 
color: black!important;
}


.back-btn {
width: 150px;
height: 50px;
background: #E8E5C3!important; 
color: white!important;
}



.field-width-anrede {
width: 150px;
background: #fff!important; 
}

.field-width-standard {
width: 350px;
background: #fff!important; 
}

.field-width-standard-wide {
width: 400px;
background: #fff!important; 
}

.field-width-standard-wider {
width: 700px;
background: #fff!important; 
}

.field-width-small {
width: 100px!important;
}

.field-width-plz {
width: 100px!important;
background: #fff!important; 
}

.field-width-smaller {
width: 70px;
background: #fff!important; 
}

.field-width-middle {
width: 200px;
}

.field-width-super-small {
width: 30px;
background: #fff!important; 
}

.field-width-select {
width: 300px;
background: #fff!important; 
}

.field-width-100-letters {
width: 550px;
background: #fff!important; 
}

.field-tiny {
width: 20px;
}

.field-hidden { display: none;}

.default {cursor: default!important;}

.boldfont {

font-weight: bold!important;

}

.visform:not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error {
 font-size:14px;
 color:#fff;
 padding:10px;
 background-color:red!important;
 border-radius:5px;
 display:inline-block !important;
 max-width:60%;
 margin:0 0 0 30%
}
.visform:not(.bt4mcindividual):not(.uikit3):not(.uikit2) p.errorcontainer:after {
 width:0;
 height:0;
 display:block;
 margin-left:35%;
 border-top:12px solid gray;
 border-right:12px solid transparent;
 border-left:12px solid transparent;
 content:"";
 margin-bottom:12px
}

.visCSSlabel-bold {
	display: block;
	float: left;
	margin-top: 10px;
        margin-right: 1%;
	width: 30%;
	font-size: 1em;
	font-weight: bold;  /*das ist neu*/
}

.container-title {
 font-size:16px;
font-weight: bold;

}

.width-checkbox {
 width: 50px;
white-space: nowrap;

}



hr {
  box-sizing: content-box;
  height: 2!important;
  margin: 20px 0;
  border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
  border-top: 1px solid #000;
}

.form-price {
   
   border: 0!important;
    font-size: 20px!important;   
}

.form-price_b {   
   border: 0!important;  
   font-size: 16px!important;
   background:#eee!important;
}

.form-price_c { 
background: #fff !important; 
}

.form-number {   
   background: #fff 0!important; 
   width: 70px!important; 
}

input[type="radio"], input[type="checkbox"] {
  margin: 0px 0 0;
  *margin-top: 0;
  margin-top: 0px \9;
  line-height: normal;
}



.visCSSrlinl {
  display: inline;
  margin: 14px 4px 0 4px;
    margin-top: 4px;
    margin-right: 4px;
    margin-left: 4px;
  font-size: 1em;
}

.offer-heading {   
   border: 0!important;  
   font-size: 18px!important;
   font-weight: bold;
   background:#eee!important;
}

.offer-title {
color: #0000ff;
}

.already_transfer{
color: #ffffff!important;
background-color:#ff0000!important;
}
*/

/*.nav-link {
   padding: 1.9rem 0.7rem!important;
   padding-top: 25px;
   margin-top: 25px;
  
}

.astroid-nav .nav-link.active {
  background-color: #FFF101;
  color: #000000!important;
  height: 80px; 
  padding-top: 25px;
}

.nav li:hover { 
background-color: #FFF101; 
color: #000000!important;
}

.astroid-nav .nav-link:hover, .astroid-sidebar-menu .nav-link:hover {
  color: #000000!important;
  padding-top: 25px;
  
}

.astroid-nav > li > a, .astroid-sidebar-menu > li > a, .astroid-mobile-menu > .nav-item > a {
  font-weight: 400;
  text-transform: none;
  font-size: 15px;
  letter-spacing: 0em;
  line-height: 1.6em;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
   padding-top: 25px;
}*/

/*#n-zr00xrbuv a {
  color: black!important;
  background-color: orange;
  padding: 10px;
}*/

.internnav:hover {
  color: black!important;
  background-color: orange;
  padding: 5px;
  display: block !important;
}

.internnav:link {
  color: black!important;
  background-color: #EFEFEF;
  padding: 7px;
  display: block !important;
}

.internnav:active {
  color: black!important;
  background-color: orange;
  padding: 7px;
  display: block !important;
}

/*
a:link {color: #215890; text-decoration-line: text-decoration-style: dotted;}
a:visited {color: #215890;}
a:active {color: #215890;}
a:hover {color: #215890;}
*/

.enterbutton {
  background-color: #FFF101; /* Tonnenblitz Gelb */
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  border-radius: 4px;
}

.acc {
width: 70%!important;
margin-left: auto;
  margin-right: auto;
  font-size: 12px!important;
}

 h5, .h5 {
  font-weight: 400!important;
  text-transform: none;
  font-size: 15px!important;
 /* color: black!important;*/
}

/*.p-3, .border-layout {
  padding: 1rem !important;
  background-color: #FDFBDC!important
  }
*/

.uk-accordion-title:hover {
  background-color: #d0cdaf!important;
}

.uk-accordion-title:active {
  background-color: #d0cdaf!important;
}

.color_gradient {
background-image: linear-gradient(red, black);

}

.img-shadow {
position: relative;
max-width: 100%;
float: left;
}

.img-shadow::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: inset 0 0 8px rgba(0,0,0,.6);
-moz-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
}

.img-shadow img {
float: left;
}

.megamenu-container.nav-submenu-container {
  box-shadow: 8px 8px 15px -5px rgba(51,51,51,0.56)!important;
 /*width: 200px!important;*/
}

.megamenu-container li.nav-item-submenu > a:hover {
   font-weight: 700;
}

.uk-sticky-placeholder .uk-active {
left:0;right:0;width:100% !important
}


/*.uk-overlay-default {
  background: rgba(208, 205, 175, 0.8);
}*/

.jp-portfolio .item-image-backdrop {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgb(205,205,114);
background: linear-gradient(90deg, rgba(205,205,114,0.6390756986388305) 30%, rgba(253,251,220,1) 100%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0s;
}

/*
.faq:link         
{ background-image: url(/images/triangle_inactive.png)!important; 
 }

.faq:visited    
{  background-image: url(/images/circle.png)!important; 
}

.faq:hover         
{ background-image: url(/images/triangle_active.png)!important; 
}

.faq:active       
{  background-image: url(/images/triangle_active.png)!important; 
}*/

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
  background-color: #E8E5C3;
  transition: background-color 200ms,border 200ms;
  
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
  border: 1px solid #E8E5C3;
  border-radius: 5px;
  padding: .75rem 1.25rem;
  
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]), [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]):hover, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]), [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]):hover {
  background-color: #E8E5C3;
  border-color: #c0c6cf;
 
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]), [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]):hover, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]), [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]):hover {
  background-color: #E8E5C3;
  border-color: #c0c6cf;
}

.icon {
 background-color: #000000;
 background-image: url(/images/triangle_inactive.png);
}

.faq:icon {
 background-image: url(/images/triangle_active.png);
 
}

.uk-card-default {
  background-color: #FDFBDC!important;
}


.uk-accordion-title::before{
background-image: url(../../../../../images/triangle_inactive.png)!important;
}
.uk-open > .uk-accordion-title::before{
background-image: url(../../../../../images/triangle_active.png)!important;
}

.uk-accordion li.uk-open .uk-accordion-title:before {
content: url('data:image/svg+xml; utf8, ');
}

.uk-accordion li .uk-accordion-title:before{
content: url('data:image/svg+xml; utf8, ');
}

.accordion-title-class {
 font-weight: bold;
 }
 
 .bold-title {
 font-weight: bold;
 }
  
 .uk-accordion-content > :last-child {
  margin-bottom: 0;
  }
  
::after
  
#left_c {
	width: 400px;
	float:left;
}

#right_c {
		width: 400px;
		margin-left: 200px;
}



.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 270px;
  height: 25px;
  background-color: black;
  color: #ffffff!important;
  text-align: center;
  border-radius: 0px;
  padding: 15px;
  font-size: 1.2em;

   /* Position the tooltip */
 position: fixed;
top: 200px;
right: -50%;
  z-index: 1600;
  
}

.tooltip:hover .tooltiptext {
  visibility: visible;
   color: #ffffff!important;
   font-size: 1.2em;
}

/*html {

scroll-padding-top: 4rem;

}*/

.footer-nav-spacing {
margin-top: 0px!important;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/*.bg-dark {
 background: #F5F5E6!important;

}

.text-white {
   color: #000000!important!important;
}

.uk_card_beige {
  background: #F5F5E6;
}*/


 
/*PC*/
 @media (min-width: 1000px){
.absolute-sk {
background-color : rgba(220,220,220,0)!important;
width: 93px!important;
#height:170px!important;
margin: auto!important;
padding: 0px!important;
position: fixed;
top: 200px;
right: 0%;
border-radius: 20px;
z-index: 1500;
}}

/*tablet/smartphone*/
@media (max-width: 1000px){
.absolute-sk {
background-color : rgba(220,220,220,0)!important;
width: 60px!important;
#height:60px!important;
margin: 0px!important;
padding: 0px!important;
position: fixed;
top: 10px;
right: 10px;
line-height:15px!important;
border-radius: 20px;
z-index: 1500;

}}
 
 /*-----Order-----*/
 
/*Kontakt PC*/

.contact{
	display:block;
	width:93px;
	height:23px;
	background-image:url('../../../../../images/kontakt/contact.png');
	background-repeat: no-repeat;
	position: fixed;
	top: 160px;
	right: 0%;
}

.mail{
	display:block;
	width:93px;
	height:56px;
	background-image:url('../../../../../images/kontakt/contact_mail.png');
	background-repeat: no-repeat;
	position: fixed;
	top: 183px;
	right: 0%;
}

.mail:hover{
display:block;
	width:306px;
	height:56px;
	background-image:url('../../../../../images/kontakt/contact_mail-hover.png');
	position: fixed;
	top: 183px;
	right: 0%;
	transition: all 0.1s;
}

.contactform{
	display:block;
	width:93px;
	height:66px;
	background-image:url('../../../../../images/kontakt/contact_form.png');
	background-repeat: no-repeat;
	position: fixed;
	top: 239px;
	right: 0%;
}

.contactform:hover{
display:block;
	width:306px;
	height:66px;
	background-image:url('../../../../../images/kontakt/contact_form-hover.png');
	position: fixed;
	top: 239px;
	right: 0%;
	transition: all 0.1s;
}

.order{
	display:block;
	width:93px;
	height:71px;
	background-image:url('../../../../../images/kontakt/order.png');
	background-repeat: no-repeat;
	position: fixed;
	top: 305px;
	right: 0%;
	
}


.order:hover{
display:block;
	width:306px;
	height:71px;
	background-image:url('../../../../../images/kontakt/order_hover.png');
	position: fixed;
	top: 305px;
	right: 0%;
	transition: all 0.1s;
}



.phone{
	display:block;
	width:93px;
	height:70px;
	background-image:url('../../../../../images/kontakt/contact_phone.png');
	background-repeat: no-repeat;
	position: fixed;
	top: 375px;
	right: 0%;	 
}

.phone:hover{
display:block;
	width:304px;
	height:70px;
	background-image:url('../../../../../images/kontakt/contact_phone-hover.png');
	position: fixed;
	top: 375px;
	right: 0%;	
	transition: all 0.1s;
}



form#visform2 div.required .asterix-ancor::after {
  content: "*";
  color: blue;
  display: inline-block;
  padding-left: 10px;
}

/*Formularsternchen*/

.vis_mandatory {
  color: #8B8B4D!important;;
 }
 
 form#visform2 div.required .asterix-ancor::after {
  content: "*";
  color: blue;
  display: inline-block;
  padding-left: 10px;
}

form div.required .asterix-ancor::after {
  color: blue;
}


form div.required .asterix-ancor::after {
  color: #8B8B4D!important;
}

form#mod-visform2 div.required > label.visCSSlabel:after, form#mod-visform2 div.required > label.vflocationlabel:after 
{
content:"*"; color:#8B8B4D; 
} 



/*Slider Home*/

.sl-privat{
	display:block;
	width:559px;
	height:370px;
	background-image:url('https://www.tonnenblitz.de/images/layerslider/slider-privat/privat.png');
	background-repeat: no-repeat;
	position: fixed;
	top: 0px;
	left: 25%;
	z-index: 9999;
	
}

.sl-privat:hover{
display:block;
	width:559px;
	height:370px;
	background-image:url('https://www.tonnenblitz.de/images/layerslider/slider-privat/privat_hover.png');
	position: fixed;
	top: 0px;
	left: 25%;
	z-index: 9999;
	/*transition: all 0.7s;*/
}

.sl-gewerbe{
	display:block;
	float: right; width: 50%; margin-right: 2%; padding: 20px;
	width:559px;
	height:370px;
	background-image:url('https://www.tonnenblitz.de/images/layerslider/slider-gewerbe/gewerbe.png');
	background-repeat: no-repeat;
	position: fixed;
	top: 0px;
	left: 75%;;
	z-index: 9998;
	
}

.sl-gewerbe:hover{
display:block;
float: right; width: 50%; margin-right: 2%; padding: 20px;
	width:559px;
	height:370px;
	background-image:url('https://www.tonnenblitz.de/images/layerslider/slider-gewerbe/gewerbe_hover.png');
	position: fixed;
	top: 0px;
	left: 75%;
	z-index: 9998;
	
	/*transition: all 0.7s;*/
}

.sl-gewerbe { float: left; width: 50%; margin-right: 2%; padding: 20px; background: #eee; box-sizing: border-box; }
.sl-gewerbe:last-child { margin-right: 0; }*/

/*Bestellformular*/

.badge-success {
  background: #8B8B4D!important;
    background-color: rgb(139, 139, 77)!important;
  color: #fff;
}


.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: white;
  --bs-badge-border-radius: 0px!important;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 25px!important;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius:  0px!important;
}

.visprogress {
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #E8E5C3!important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
}

.visprogress .badge-success {
  background-color: #8B8B4D!important;
}

/* Mitarbeiter PC*/

.employees_container {
  position: relative;
  width: 100%;
}

.employees_image {
  display: block;
  width: 100%;
  height: auto;
}

.employees_overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(205,205,114,0.6390756986388305) 30%, rgba(253,251,220,1) 100%);
  
  overflow: hidden;
  width: 100%;
  height: 40%;
  opacity: 85%;
  transition: .5s ease;
}

.employees_container:hover .employees_overlay {
  height: 100%;
}

.employees_text {
 text-align: center;
  white-space: nowrap; 
  color: black;
  font-size: 17px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.employees_icon {
  text-align: center;
  position: relative;
  overflow: hidden;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity:0; 
   transition: opacity 1s; 
  
}


.employees_overlay:hover .employees_icon { 
   opacity: 1;
   transition: opacity 1s; 
}
/*---------------------------------------------------------------*/

contrast:hover{
opacity:0.8;
filter:alpha(opacity=80);
} 


/*Mitarbeiter mobil*/

.s_loewenkamp{
	display:block;
	width:320px;
	height:320px;;
	background-image:url('../../../../../images/mitarbeiter/s_loewenkamp.png');
	background-repeat: no-repeat;
	opacity: 100%;
	transition: opacity 1s; 
		
}

.s_loewenkamp:hover{
	display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/s_loewenkamp_hover.jpg');
	opacity: 80%;
  transition: opacity 1s;
	/*transition: all 0.7s;*/
}

.f_loewenkamp{
	display:block;
	width:320px;
	height:320px;;
	background-image:url('../../../../../images/mitarbeiter/f_loewenkamp.png');
	background-repeat: no-repeat;
	opacity: 100%;
	transition: opacity 1s; 
		
}

.f_loewenkamp:hover{
	display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/f_loewenkamp_hover.jpg');
	opacity: 80%;
  transition: opacity 1s;
	/*transition: all 0.7s;*/
}

.merkel{
	display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/merkel.png');
	background-repeat: no-repeat;
	opacity: 100%;
	transition: opacity 1s; 
	
}

.merkel:hover{
display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/loewenkamp_hover.jpg');
	opacity: 80%;
  transition: opacity 1s;
	/*transition: all 0.7s;*/
}

.m_merkel{
	display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/m_merkel.png');
	background-repeat: no-repeat;
	opacity: 100%;
	transition: opacity 1s; 
	
}

.m_merkel:hover{
display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/m_merkel_hover.jpg');
	opacity: 80%;
  transition: opacity 1s;
	/*transition: all 0.7s;*/
}

.menrath{
	display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/bet_men.png');
	background-repeat: no-repeat;
	opacity: 100%;
	transition: opacity 1s; 
	
}

.menrath:hover{
display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/bet_men_hover.jpg');
	opacity: 80%;
  transition: opacity 1s;
	/*transition: all 0.7s;*/
}

.veit{
	display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/veit.jpg');
	background-repeat: no-repeat;
	opacity: 100%;
	transition: opacity 1s; 
	
}

.veit:hover{
display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/veit_hover.jpg');
	opacity: 80%;
  transition: opacity 1s;
	/*transition: all 0.7s;*/
}

.drescher{
	display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/drescher.png');
	background-repeat: no-repeat;
	opacity: 100%;
	transition: opacity 1s; 
	
}

.drescher:hover{
display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/drescher_hover.jpg');
	opacity: 80%;
  transition: opacity 1s;
	/*transition: all 0.7s;*/
}

.fernandez{
	display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/fernandez.png');
	background-repeat: no-repeat;
	opacity: 100%;
	transition: opacity 1s; 
	
}

.fernandez:hover{
display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/fernandez_hover.jpg');
	opacity: 80%;
  transition: opacity 1s;
	/*transition: all 0.7s;*/
}

.ebner{
	display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/ebner.png');
	background-repeat: no-repeat;
	opacity: 100%;
	transition: opacity 1s; 
	
}

.ebner:hover{
display:block;
	width:320px;
	height:320px;
	background-image:url('../../../../../images/mitarbeiter/ebner_hover.jpg');
	opacity: 80%;
  transition: opacity 1s;
	/*transition: all 0.7s;*/
}

/*Mitarbeiter mobil end*/



/*Popupbutton Startseite PC*/
.tb-icon-right {
background:none;
height: 100%!important;

float: right;

} 

.tb-icon-right:hover {
background:#8B8B4D;
height: 100%!important;
/*padding-top: 23.5%;
padding-bottom: 24.5%;*/
float: right;
}

.tb-icon-left {
background:none;
height: 100%!important;
/*padding-top: 23.5%;
padding-bottom: 24.5%;*/
float: left;

} 

.tb-icon-left:hover {
background:#8B8B4D;
height: 100%!important;
/*padding-top: 23.5%;
/*padding-bottom: 24.5%;*/
float: left;
}

/*Popup mobil*/
.tb-icon-mobile_a {
background:none;
height: 100%!important;
/*padding-top: 10%;
/*padding-bottom: 17%;*/


} 

.tb-icon-mobile_a:hover {
background:#8B8B4D;
height: 100%!important;
padding-top: 10%;
padding-bottom: 17%;
}

/*Popup mobil*/
.tb-icon-mobile_b {
background:none;
height: 100%!important;
padding-top: 18%;
padding-bottom: 23%;


} 

.tb-icon-mobile_b:hover {
background:#8B8B4D;
height: 100%!important;
padding-top: 18%;
padding-bottom: 23%;
}


.obj_center {
 margin: 0 auto;
 width: 100%;
}

/*.ls-popup-overlay {
  z-index: 9000 !important;
  }
  
  .cc-window {
    z-index: 99999;
}

.ls-popup-visible {
  position: fixed !important;
  width: auto !important;
  height: auto !important;
  z-index: 9999 !important;
  display: block !important;
  overflow: visible !important;
  visibility: visible !important;
}*/

.uk-open > .uk-modal-dialog {
  width: 80%;
}

.cc-trigger.cc-trigger-handle {
  
  z-index: 100!important;
 
}