@font-face {
    font-family: "Source Sans 3";
    src: url('../fonts/SourceSans3-VariableFont_wght.ttf') format('truetype');
}

/*
.uk-h4, h4 {
  font-size: 22px;
  line-height: 1.1;
  font-family: "Source Sans 3";
  font-weight: 700;
  text-transform: none;
  letter-spacing: initial;
}
*/
.notvisible{
  display:none !important;
}
/* HEADER */
.tm-header{
    padding: 40px 0 20px 0;
}


.uk-child-width-1-1\@m > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > img:nth-child(1){
  width: 180px !important;
}

/* NAVBAR */
.uk-navbar-item.uk-logo{
    max-width: 350px;
}

.uk-navbar-container {
  border-bottom: solid 0px #ffffff !important;
}


/* HOME - OVERLAYS */
.merkblatt-bt-select-all{
  display:block !important;
  font-size: 0.9rem;
  font-weight: bold;
}

.ceramico-overlay-image .uk-position-bottom-center{
    z-index: 2;
}
.ceramico-overlay-image .ceramico-custom-overlay{
    z-index: 1;
}

.nf-field label{
font-family: "Source Sans 3";
}

.nf-field-container .nf-field-element {
  margin-top: 20px;
}

.nf-field-container .nf-field-element li:last-child {
  margin-bottom: 0;
}

.nf-field-container.active .nf-field-element {
  display: block;
  margin-top: 20px;
}

.docs-list-group.active .nf-field-label label:before {

    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23dcbda5%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");

}

.listcheckbox-wrap > .nf-field-label {
  margin-bottom: 0 !important;
}

.listcheckbox-wrap .nf-field-label label::before{
  content: "";
  position: revert !important;
}

.nf-form-content input:not([type="button"]):focus{
  background: #f7f7f7 !important;
}

.nf-error .nf-error-msg {
  color: #DC143C !important;
}
.nf-error.field-wrap .nf-field-element::after{
  background: #FF7F50 !important;
}
.listcheckbox-wrap .nf-field-element label::after{
border-radius: 50% !important;
}

.ninja-forms-req-symbol{
  color: #000 !important;
}

.nf-form-content input:not([type="button"]){
border: 0px solid #f7f7f7 !important;
}

.docs-list-group .nf-field-label label{
font-size: 25px !important;
font-weight: 400 !important;
line-height: 0px !important;
}

.nf-field-container .nf-field-label label{
  font-weight: 400;
}

.nf-form-content .listcheckbox-wrap li, .listradio-wrap li {
  margin-bottom: 15px !important;
  line-height: 0;
}

#taetigkeiten-list .tm-child-list-divider > ul > :nth-child(n+2),
#taetigkeiten-list .uk-list-divider > :nth-child(n+2){
  border-top: 1px solid #dcbda5 !important;
}

#taetigkeiten-list .uk-list-divider > :last-child{
  border-bottom: 1px solid #dcbda5 !important;
  padding-bottom: 10px;
}


.docs-list-group .nf-field-label label:before {
	content: "";
	width: 1.4em;
	height: 1.4em;
	margin-left: 0px;
  margin-top:-5px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-right: 10px;
  background-size:20px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23dcbda5%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23dcbda5%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.listcheckbox-wrap .nf-field-element label::after{
  border-radius: 50% !important;
}

.listcheckbox-wrap .nf-field-element li label::before{
font-size: 0px !important;
line-height: 0px !important;
}

.docs-list-group .nf-field-element{
 display: none;
 margin-left: 40px !important;
}
.docs-list-group .nf-field-element label:after{
  -webkit-appearance: none;

}

.docs-list-group .nf-field-element label.nf-checked-label:before {
background:#f00 !important;
height: 8px !important;
width: 8px !important;
left: -23px !important;
bottom: 0px !important;
top: 5px !important;
border-radius: 50%;
}

.listradio-wrap .nf-field-element label.nf-checked-label:before{
background:#f00 !important;
height:8px !important;
width:8px !important;
left:-25px !important;
top:.4rem !important;
}

.nf-before-form-content .nf-form-fields-required{
  padding-top: 0rem;
  padding-bottom: 2rem;
}

.listradio-wrap .nf-field-element label.nf-checked-label:after {
  border-color: #f00  !important;
}

.listcheckbox-wrap .nf-field-label label::before{
opacity: 1 !important;
content: "" !important;
}
.listcheckbox-container .nf-field-element label::after{
  top:0px !important;
}
.listcheckbox-wrap .nf-field-element label.nf-checked-label::after{
  border-color:#f00 !important;
}

.listcheckbox-container .nf-field-element label::before{
top:5px !important;
left: -23px !important;

}

.docs-list-group {
    padding: 1rem;
}

.nf-field-container.active {
    background: #f5f5f5;
}
.docs-list-group li{

margin: 0px !important;
}

.docs-list-group li +li{
margin-top: 17px !important;
}

.nf-form-content input[type="button"] {
  background-color: #DCBDA5!important;
  color: #fff;
  border: 2px solid transparent;
  border-radius: 30px;
  padding-right: 40px;
  padding-left: 40px;
  height:auto !important;
  cursor: pointer;
}

.nf-form-content input[type="button"]:hover{
  background-color: #a10525 !important;
  color: #fff !important;
  border-color: transparent !important;
}

 .docs-list-group label {
  cursor: pointer;
}

.nf-form-content input[type="radio"].ninja-forms-field{
  opacity: 0 !important;
}


.ceramico-overlay-image-headline{
  font-weight: 400;
  margin-top: 15px;
}
.ceramico-overlay-image .el-title{
    display: none;
}
.nf-field-element input[type=radio]{
display:none;
}

.ceramico-overlay-image .el-content > p:first-of-type{
    text-align: center;
}

.ceramico-overlay-image .el-content > p:first-of-type img{
    max-height: 50px;
}

.ceramico-overlay-image .ceramico-hide-on-overlay{
    opacity: 1;
    transition: opacity 0.2s linear;
}

.ceramico-overlay-image:hover .ceramico-hide-on-overlay{
    opacity: 0;
    transition: opacity 0.2s linear;
}

/* HOME SLIDESHOW */

.ceramico-home-slideshow {
  position: relative;
}

.ceramico-home-slideshow .uk-position-cover .el-image{
  max-width: 1200px;
  /*width: 104% !important;*/
  height: auto !important;
}

.ceramico-home-slideshow .el-title {
  font-weight: 400 !important;
}

.ceramico-home-slideshow .el-meta {
  font-weight: 400 !important;
}

.ceramico-home-slideshow .el-slidenav {
    background: transparent;
}

.ceramico-home-slideshow .uk-position-cover {
    max-width: 1200px;
    /* width: 80%; */
    width: 84%;
    margin: 0 auto;
    padding: 50px 0;
}

.ceramico-home-slideshow .uk-position-cover.uk-flex {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 50px;
  background: transparent linear-gradient( to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100% );
}

.ceramico-home-slideshow .el-slidenav:hover,
.ceramico-home-slideshow .el-slidenav:focus{
    background: transparent;
    color: #dcbda5;
}

body .ceramico-home-slideshow .uk-dotnav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0 !important;
  padding-bottom: 25px;
}

body .ceramico-home-slideshow .uk-dotnav li a {
  width: 16px !important;
  height: 16px !important;
  border: 2px solid #DCBDA5;
  border-radius: 99999px;
  background: transparent;
}

body .ceramico-home-slideshow .uk-dotnav li a:hover ,
body .ceramico-home-slideshow .uk-dotnav li.uk-active a {
  background: #DCBDA5;
}

body .ceramico-home-slideshow .uk-panel,
body .ceramico-home-slideshow .uk-panel * {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

body .ceramico-home-slideshow .uk-panel.uk-dark ,
body .ceramico-home-slideshow .uk-panel.uk-dark * {
  text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
}


/* BEREICHE */
.ceramico-area-row .uk-tile{
    cursor: pointer;
}

/* KONTAKT BANNER */
.ceramico-contact-banner{
    padding: 40px 0
}
.ceramico-contact-banner .uk-button{
    background: rgba(255,255,255, 1);
    color: #000;
}

.ceramico-contact-banner .uk-button:hover{
    background: rgba(255,255,255, 0.9);
    color: #000;
}


/* ALLGEMEIN */

.uk-card-primary {
  	background-color: #ffffff !important;
  	color: #464646;
	border: 2px solid #DCBDA5!important;
}

.uk-button-default, .uk-button-default {
  background-color: #DCBDA5!important;
  color: #fff !important;
  border-color: #DCBDA5!important;
}

.uk-background-center-center .uk-text-secondary{
  color: #fff !important;
}


.uk-card-primary table th ,
.uk-card-primary table td {
  text-align: left;
  vertical-align: top;
}

.uk-card-primary table th + td {
  padding-left: 15px;
}

.uk-card-primary table * {
  margin: 0;
}



/* Ceramico Kurse */
.ceramico-course-filter-wrapper .ceramico-course-container{
    border-top: 2px solid #dcbda5;
    padding: 30px 0;
}

.ceramico-course-container p{
    line-height: 30px;
}

.ceramico-course-container .uk-h3{
    font-weight: 300;
}

.ceramico-course-filter-wrapper{
    margin-top: -40px;
}


.ceramico-filter-nav .uk-button-primary{

    color: #fff;

}

.ceramico-filter-nav .uk-button-primary:hover{

    color: #fff;

}

.ceramico-filter-nav .uk-active .uk-button-primary{

    background: #fff;
    border: 1px solid #dcbda5;
    color: #dcbda5;

}

.ceramico-filter-nav .uk-active .uk-button-primary:hover{

    background: #fff;
    border: 1px solid #dcbda5;
    color: #dcbda5;

}



/**** FLIESENVERBAND HOME ****/

.termin_wrapper > div.uk-margin{
  border: 1px red solid;
  padding: 25px 30px;
}

.teaser_termin_content .uk-first-column{
  margin-top: 0px;
}

.teaser_termin_content .uk-grid-margin.uk-first-column{
  margin-top: 20px;
}

.teaser_termin_content .el-content{
  margin-top: 5px !important;
}


.teaser_termin_content .uk-first-column .el-meta{
  width: auto;
  display: inline-block;
}

.teaser_termin_content .uk-grid-margin:first-child:before {
  content: "";
  position: relative;
  left: 0;
  right: 0;
  top: -5px;
  border-top: 1px solid #707070;
  width: 100%;
}

.teaser_termin_content .uk-first-column .el-meta:after {
  content: '|';
  width: 0px;
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
}

.teaser_termin_content .uk-first-column .el-title{
  width: auto;
  display: inline-block;
}

#more_events {
  display: none;
}

.nf-form-cont input[type=radio] ,
.nf-form-cont input[type=checkbox] ,
.nf-form-cont input[type=radio] + label,
.nf-form-cont input[type=checkbox] + label {
  cursor: pointer;
}

#nf-form-6-cont #nf-form-title-6,
#nf-form-7-cont #nf-form-title-7,
#nf-form-6-cont .nf-form-fields-required,
#nf-form-7-cont .nf-form-fields-required{
  display: none;
}

#nf-form-6-cont .nf-form-content,
#nf-form-7-cont .nf-form-content{
  padding: 5px;
  max-width: 100%;
  margin: 0 auto;
}

#nf-form-6-cont .submit-container,
#nf-form-7-cont .submit-container,
#nf-form-8-cont .submit-container{
  float: right;
}

#nf-form-6-cont .nf-previous,
#nf-form-7-cont .nf-previous,
#nf-form-8-cont .nf-previous{
  background-color: #202020 !important;
}


.merkblatt-select-all-link{
  display: none;
  position: absolute;
  right: 25px;
}

.page-id-9300 .merkblatt-select-all-link ,
.page-id-9300 .notvisible {
  display: block !important;
}

.merkblatt-bt-select-all {
  position: absolute;
  right: 25px;
  margin: 0;
  padding: 5px;
  background: none !important;
  border: none;
  color: #DCBDA5!important;
  text-align: right;
  cursor: pointer;
}

.merkblatt-bt-select-all:hover {
  background-color: #DCBDA5!important;
  color: #fff !important;
}

.merkblatt-bt-select-all ,
.merkblatt-bt-select-all > span {
  display: none;
}

.page-id-9300 .merkblatt-bt-select-all ,
.merkblatt-bt-select-all:not(.active) > span:first-child ,
.merkblatt-bt-select-all.active > span + span  {

  display: inline-block;
}




.home_fliesensuche_wrapper{
  margin-top: 40px;
  margin-bottom: 40px;
}

.home_fliesensuche_wrapper h3{
  color: #ffffff;
  margin-bottom: 0px;
}

.home_fliesensuche_wrapper p{
  color: #ffffff;
  margin-top: 4px;
}

.home_schnellnavigation_grid h4{
  font-weight: 300 !important;
}


.teaser_termin_content .uk-first-column + .uk-first-column + .uk-first-column > .el-item {
    border-top: 1px solid black;
    padding-top: 15px;
    margin-right: 5px;
}
/*
.teaser_termin_content .uk-first-column:first-child .el-item{
    border-bottom: 0px solid black;
    padding-bottom: 0px;
}

.teaser_termin_content .uk-first-column:last-child .el-item{
    border-bottom: 0px solid black;
    padding-bottom: 0px;
}*/


/***** Accordion *****/


.uk-accordion{
  margin-top: 20px;
}

.uk-accordion .el-item{
	padding: 10px;
}

.uk-accordion .uk-accordion-content{
	padding: 0px 42px 20px;
}

.uk-accordion .uk-accordion-content .uk-accordion-content{
	padding: 0px;
}

.uk-accordion .uk-open{
	background: #f5f5f5;
}

.uk-accordion .uk-accordion-title{
	font-weight: 400;
}

.uk-accordion .sachverstaendiger_wrapper{
	line-height: 25px;
	margin-bottom: 15px;
}

.uk-accordion .sachverstaendiger_name{
	font-weight: 400;
}

.uk-accordion .el-content.uk-panel.uk-margin-top{
	margin-top: 5px !important;
}

.uk-accordion .sachverstaendiger_telefonnummer:before{
	content:"Tel.";
	display: inline-block;
	padding-right: 3px;
}

.uk-accordion .sachverstaendiger_mobilenummer:before{
	content:"Mobiletel.";
	display: inline-block;
	padding-right: 3px;
}

.uk-accordion .sachverstaendiger_fax:before{
	content:"Fax";
	display: inline-block;
	padding-right: 3px;
}

.uk-accordion li::marker  {
	color: #dcbda5;
	font-size: 0.8rem;
}


.uk-accordion > :nth-child(n+2) {
  margin-top: 0px;
}

.uk-accordion-title:before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 0px;
  float: left;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-right: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23dcbda5%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23dcbda5%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-open > .uk-accordion-title:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23dcbda5%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}


.chosen-docs-list ,
.nf-progress-container ,
.nf-breadcrumbs{
    display: none;
}



/* GUETEZCIEHN */

ul.red-list-markers {
  list-style: none;
}

ul.red-list-markers li::before {
  content: "\2022";
  color: #dcbda5;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.ceramico-guetezeichen-header .el-overlay {
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-direction: row;
  width: 100%;
}

.ceramico-guetezeichen-header .el-title {
  box-sizing: border-box;
  width: 70%;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 70%;
  padding-right: 65px;
  text-shadow: 0 0 0.1em rgba(0,0,0,0.25);
}

.ceramico-guetezeichen-header .el-content {
  display: block;
  margin: 0 !important;
  width: 30%;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 30%;
}

.ceramico-guetezeichen-header .el-content img {
  width: 256px;
  max-width: 100%;
  height: auto;
}

.list-boxes-columns-wrapper .el-content h3 {
  font-weight: 350;
  color: #4f4f4f !important;
}

.list-boxes-columns-wrapper .uk-container .uk-grid {
  margin-left: -40px;
}

.list-boxes-columns-wrapper .uk-container .uk-grid > div {
  padding-left: 40px;
}



body .ceramico-footer {
  background: #f8f2ed !important;
}



@media screen AND ( max-width: 959px ) {

  .ceramico-guetezeichen-header .el-overlay {
    flex-wrap: wrap;
  }

  .ceramico-guetezeichen-header .el-title   ,
  .ceramico-guetezeichen-header .el-content {
    width: 100%;
    flex-basis: 100%;
    padding: 0;
  }

  .ceramico-guetezeichen-header .el-content {
    padding-top: 30px;
  }

  .ceramico-guetezeichen-header .el-content img {
    width: 150px;
    margin-left: -20px;
  }
}


@media screen and (max-width: 920px) {
    .ceramico-course-filter-wrapper{
        margin-top: 30px;
    }
}

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

    .uk-navbar-item.uk-logo{
        max-width: 250px;
    }

    .uk-heading-2xlarge{
        font-size: 45px;
        line-height: 45px;
    }
    .uk-heading-xlarge{
        font-size: 40px;
        line-height: 45px;
    }

    .ceramico-overlay-image > .el-container{
        min-height: 500px !important;
    }

    .uk-container{
        padding-left: 30px;
        padding-right: 30px;
    }

    .ceramico-footer {
        text-align: center;
    }

    /* .ceramico-footer .ceramico-social-icons{
        text-align: left;
        display: flex;
        justify-content: center;
    } */

    .ceramico-footer .ceramico-logo{
        max-width: 250px;
        margin:auto;
    }

    .ceramico-footer .uk-nav li > a{
        justify-content:center;
    }

    .ceramico-kontakt-grid .uk-grid-stack{
        text-align: center;
    }
    .ceramico-kontakt-grid .uk-width-1-4{
        width: 100%;
    }
}


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

    .uk-navbar-item.uk-logo{
        max-width: 200px;
    }


}

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

    .docs-list-group .nf-field-label label:before{
        float: none;
        position: absolute;
        display: block;
        top:0px;
        left:0px;
    }

    .docs-list-group .nf-field-label{
    padding-left:40px !important;
    position:relative;
    }


}

.meinefliesentest{

  width: 200px !important;
  height: auto !important;
}




/** KERMAIKVERBAND **/

#footer-logo-wrapper {
  width: 20%;
}

#footer-address-wrapper {
  width: 25%;
}

#footer-contacts-wrapper {
  width: 40%;
}

#footer-legals-wrapper {
  width: 15%;
}




/* PARTNER */

.partner-table li {
  padding: 45px 0;
}

.partner-table li + li {
  margin: 0;
  border-top: 1px solid #cecece;
}

.partner-table li:before {
  display: none;
}

.partner-table li > div > div {
  width: 40%;
  padding-left: 25px;
}

.partner-table img {
  width: 220px;
}

.partner-table > div > div + div {
  width: 60%;
}

.partner-table table {
  width: 100%;
}

.partner-table td {
  width: 45%;
  vertical-align: middle;
  padding: 0 25px 0 0;
}

.partner-table td + td + td {
  width: 10%;
  padding: 0 0 0 25px;
}