.elementor-1567 .elementor-element.elementor-element-a094253{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-0943dd9 */#generator{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
}

#mainsealleft {
    width: 100%;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}

#mainsealleft label{
    padding-bottom: 0;
}

#mainsealright{
    width: 100%;
    margin-top: 25px;
}

#main-area, #main-coating,#main-pretreatment,#main-coater {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
}

#main-area, #main-coating,#main-pretreatment,#main-coater {
  --gap: 12px;
  display: inline-flex;
  flex-wrap: wrap;
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
  width: calc(100% + var(--gap));
}

#main-area > *, #main-coating > *, #main-pretreatment > *, #main-coater > * {
  margin: var(--gap) 0 0 var(--gap);
}

#main-area .col p, #main-area .col label{
    height: 100%;
    border-radius: 10px;
}

#main-area .col p{
    padding: 10px;
}

.col{
    width: 46%;
    font-size: 12px;
}

#generator label{
    line-height: 1.2 !important;
}

#generator .col label:not(.transparent):hover{
    cursor: pointer;
}

#main-area .col label:hover{
    background-color: #fbba00;
    border-radius: 10px;
}

#main-area .col b{
    margin-bottom: 0;
    display: block;
}

#main-coating  label:not(.transparent):hover p, #main-pretreatment  label:not(.transparent):hover p,#main-coater label:not(.transparent):hover p{
    background-color: #fbba00;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.infobox{
    width: 100%;
    border-radius: 0 !important;
     margin-top: 25px;
}

.infobox p{
    padding: 15px !important;
    border: 1px solid #aaa;
}

@media screen and (min-width: 768px){
    .col{
        width: 48%;
        font-size: 16px;
    }
}

@media screen and (min-width: 1024px){
    .col{
        width: 23%;
    }
    
    #mainsealleft {
        width: 80%;
    }
    
    #mainsealright{
        width: 25%;
    }
    
    #main-area .col{
        width: 48%;
    }
    
    .infobox{
        width: 71%;
    }
    
    #main-area .col p{
    padding: 30px 50px;
}

}

#main-area img, #main-coating img,#main-pretreatment img,#main-coater img {
    width: 30%;
}

#infobox{
    width: 100%;
}

[type=submit]{
    border: none;
}


.label-for-check p {
    background-color: #fbba00;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#main-area label p {
    padding: 20px;
}

#main-coating div p, #main-pretreatment div p, #main-coater div p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.grey
{
	color: #ccc;
}

.mainsealleft img
{
	width: 80px !important;
}

.mainsealleft .mainsealright img
{
	width: 55% !important;
}

.mainsealright a{
   color: black;
}


@media screen and (min-width: 1024px){
.mainsealleft .mainsealright img
{
	width: 65% !important;
}

.mainsealright{
    margin-left: 20px;
}
}

#main-area div
{
	border: 1px solid #aaa;
	border-radius: 10px;
	text-align: center;
}


#main-coating div.col, #main-pretreatment div.col, #main-coater div.col
{
	border: 1px solid #aaa;
	border-radius: 10px;
	min-width: 96px;
	text-align: center;
}

#main-coating div p, #main-pretreatment div p, #main-coater div p
{
	/* Vorbereitung fuer farbigen Hintergrund des P */
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}


input#next.knopf{
    margin-right: 10px;
}

input#last.knopf{
    margin-right: 10px;
}

input#last.knopf,
input#next.knopf
{
/*	background-color: #ffebc4;
	border: 1px solid #fbba00;

  	color: #000;
  	cursor: pointer;
	
	display: inline-block;
  	
  	line-height: 15px;

	margin: 0;
	margin-right: 10px;

  	padding-top: 5px;
  	padding-bottom: 5px;
  	padding-left: 15px;
  	padding-right: 15px;

  	text-align: center;
  	text-decoration: none; */
}

.display-none
{
 	display: none !important; 
}


label img
{
	padding: 7px;
	padding-right: 3px;
}

.transparent img,
.transparent p
{
	opacity: 0.3;
}/* End custom CSS */