/* ----------------------------------------------------------------
  Custom CSS

  Add all your Custom Styled CSS here for New Styles or
  Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
#top-bar,
#top-bar a {
    background-color: #DDDDDD;
    color: #555555;
}

#primary-menu {
    float: none;
}

#primary-menu ul li > a {
    border-top: 8px solid transparent;
    padding: 35px 15px;
}

#primary-menu ul li.current > a {
    border-top: 8px solid #F9DA1B;
}

#primary-menu ul li ul li > a, #primary-menu ul li ul li.current > a {
    border-top: 0;
}

#primary-menu-trigger {
    top: 16px;
}
#primary-menu-trigger, #page-submenu-trigger {
    font-size: 25px;
}

hr {
    border-top: 1px solid #ccc;
}

.ce-bodytext ul {
    padding-left: 0;
    margin-left: 1.75em;
    list-style-type: square;
}



#header {
    border-bottom: 0;
}

#header.full-header #logo {
    border-right: 0;
}

#header.full-header #primary-menu > ul {
    border-right: 0;
}

#page-title {
    background-color: #3f4448;
    border-bottom: 0;
    padding: 80px 0;
}

#page-title.page-title-parallax {
    padding: 150px 0;
}


#p1 #page-title.page-title-parallax {
    padding: 250px 0;
    background-size: contain;
    background-position: 50% !important;
}

/* ----------------------------------------------------------------
#page-title h1 {
    color: #F9DA1B;
    font-weight: 900;
    letter-spacing: 0;
    font-size: 36px;
    text-align: center;
}
-----------------------------------------------------------------*/


.breadcrumb {
    position: inherit !important;
    right: 0 !important;
    margin: 0 0 60px 0 !important;
}

.content-wrap {
    padding: 20px 0 80px 0;
}

h1 {
    font-size: 30px;
    text-transform: none;
    margin-bottom: 20px;
    font-weight: normal;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 30px;
}

h4 {
  font-weight: 900;
  font-size: 24px;
    text-transform: uppercase;
    line-height: 1;
}

#content p {
    line-height: 1.6;
}

.postcontent a {
    text-decoration: underline !important;
    color: #555;
}

.postcontent a:hover {
    text-decoration: none !important;
}

.postcontent.button a {
    text-decoration: none !important;
}

.button.button-border {
    border: 1px solid #444;
    font-weight: 400;
}

#p13 li, #p13 ul {
    padding: 2px 15px;
}


#portfolio {
    margin-bottom: 15px;
}

.portfolio-overlay {
  opacity: 1;
  background-color: rgba(63,68,72,0.7);
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay {
  -webkit-transition: background-color .4s ease-in-out;
  -o-transition: background-color .4s ease-in-out;
  transition: background-color .4s ease-in-out;
}

.portfolio-item:hover .portfolio-overlay,
.iportfolio:hover .portfolio-overlay { 
    background-color: rgba(249,218,18,1);
}

.postcontent .portfolio-3 .portfolio-desc h3 {
    text-transform: uppercase;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc h3 {
  -webkit-transition: color .4s ease-in-out;
  -o-transition: color .4s ease-in-out;
  transition: color .4s ease-in-out;
}

.portfolio-item:hover .portfolio-overlay .portfolio-desc h3,
.portfolio-item:hover .portfolio-overlay .portfolio-desc h3 span{
    color: #555 !important;
}

.portfolio-desc i {
    font-size: 50px;
    margin-bottom: 15px;
}

.portfolio-desc span {
    font-size: 12px;
    font-weight: 400;
}

.owl-carousel .owl-dots .owl-dot {
    margin-top: 0;
    margin-bottom: 30px;
}

#produktfinder {
    background-color: #FAE66B;
    max-height: 148px;
  overflow: hidden;
}

#produktfinder .portfolio-desc {
    margin-top: 30px !important;
}

#produktfinder h4 {
    margin-top: 50px;
}

.produktfinder-button {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  background-color: #F9DA1B;
  height: 148px;
}

#produktfinder .portfolio-overlay {
    background-color: #F9DA1B;
}

#produktfinder .portfolio-overlay:hover { 
    background-color: rgba(63,68,72,0.7);
}

#produktfinder .portfolio-overlay:hover .portfolio-desc h3 {
    color: #fff !important;
}

#produktfinder .portfolio-overlay .portfolio-desc h3 {
    color: #444444 !important;
}

#produktfinder i {
    font-size: 50px;
    margin-bottom: 15px;
}

#footer {
    border-top: 0;
    background-color: #FFF;
    border-top: 0;
}

#footer a:hover {
    text-decoration: underline !important;
}


#footer h2 {
    margin-bottom: 25px;
}

#footer .footer-widgets-wrap p {
    margin-bottom: 20px;
}

#footer .footer-widgets-wrap i {
    font-size: x-large;
    color: #F9DA1B;
    margin-right: 20px;
    vertical-align: middle;
}

#copyrights {
    background-color: #FFF;
}


#copyrights a {
    color: #555;
}

.copyright-adresse {
    margin-top: 10px;
}

.copyright-links {
    margin-top: 20px;
}

/* ----------------------------------------------------------------
  FE Login
-----------------------------------------------------------------*/

.tx-felogin-pi1 .form-control {
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 10px;
}


/* ----------------------------------------------------------------
  Powermail
-----------------------------------------------------------------*/

.powermail_frontend h3,
.powermail_frontend .powermail_legend {
    display: none;
}

.powermail_frontend a {
    margin-right: 20px;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    font-weight: 300;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
    font-weight: 300;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
    font-weight: 300;
}

.tx-powermail .container-fluid {
    padding-left: 0;
}

.powermail_fieldset_1,
.powermail_fieldset_3,
.powermail_fieldset_16,
.powermail_fieldset_17,
.powermail_fieldset_19,
.powermail_fieldset_33,
.powermail_fieldset_34,
.powermail_fieldset_36,
.powermail_fieldset_37 {
    position: relative;
    background-image: url("https://www.comfotec-shop.de/fileadmin/images/v-karte-muster-bg-850-blanko.png");
    height: 850px;
    width: 850px;
    background-repeat: no-repeat;
}

.powermail_frontend.edit .powermail_fieldset {
    position: relative;
    height: auto;
    width: 850px;
}

.form-control {
    display: block;
    width: 330px;
    height: auto;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    color: #000;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.powermail_frontend_search {
    border: 1px solid #CCC;
    width: 100%;
    padding: 5px;
}

.powermail_fieldwrap_regionalbuero,
.powermail_fieldwrap_regionalbuero_01 {
    position: absolute;
    top: 171px;
    left: 80px;
    font-size: 29px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_name,
.powermail_fieldwrap_name_01 {
    position: absolute;
    top: 171px;
    left: 80px;
    font-size: 29px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_name_2,
.powermail_fieldwrap_name_2_01 {
    position: absolute;
    top: 209px;
    left: 80px;
    font-size: 29px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_zusatz_1,
.powermail_fieldwrap_zusatz_1_01 {
    position: absolute;
    top: 217px;
    left: 80px;
    font-size: 25px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_zusatz_2,
.powermail_fieldwrap_zusatz_2_01 {
    position: absolute;
    top: 254px;
    left: 80px;
    font-size: 25px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_zusatz_3,
.powermail_fieldwrap_zusatz_3_01 {
    position: absolute;
    top: 291px;
    left: 80px;
    font-size: 25px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_zusatz_4,
.powermail_fieldwrap_zusatz_4_01 {
    position: absolute;
    top: 328px;
    left: 80px;
    font-size: 25px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_kontakt_1,
.powermail_fieldwrap_kontakt_1_01,
.powermail_fieldwrap_kontakt_1_02,
.powermail_fieldwrap_kontakt_1_ad_vs,
.powermail_fieldwrap_kontakt_1_ad_rs,
.powermail_fieldwrap_kontakt_1_en {
    position: absolute;
    top: 412px;
    left: 80px;
    font-size: 25px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_kontakt_2,
.powermail_fieldwrap_kontakt_2_01,
.powermail_fieldwrap_kontakt_2_02,
.powermail_fieldwrap_kontakt_2_ad_vs,
.powermail_fieldwrap_kontakt_2_ad_rs,
.powermail_fieldwrap_kontakt_2_en  {
    position: absolute;
    top: 444px;
    left: 80px;
    font-size: 25px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_kontakt_3,
.powermail_fieldwrap_kontakt_3_01,
.powermail_fieldwrap_kontakt_3_02,
.powermail_fieldwrap_kontakt_3_ad_vs,
.powermail_fieldwrap_kontakt_3_ad_rs,
.powermail_fieldwrap_kontakt_3_en  {
    position: absolute;
    top: 476px;
    left: 80px;
    font-size: 25px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_kontakt_3 .form-control,
.powermail_fieldwrap_kontakt_3_01 .form-control,
.powermail_fieldwrap_kontakt_3_02 .form-control,
.powermail_fieldwrap_kontakt_3_ad_vs .form-control,
.powermail_fieldwrap_kontakt_3_ad_rs .form-control,
.powermail_fieldwrap_kontakt_3_en .form-control {
    width: 390px;
}

.powermail_fieldwrap_kontakt_4,
.powermail_fieldwrap_kontakt_4_01,
.powermail_fieldwrap_kontakt_4_02,
.powermail_fieldwrap_kontakt_4_ad_rs,
.powermail_fieldwrap_kontakt_4_en  {
    position: absolute;
    top: 380px;
    left: 80px;
    font-size: 25px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_adresse_1,
.powermail_fieldwrap_adresse_1_01,
.powermail_fieldwrap_adresse_1_02 {
    position: absolute;
    top: 412px;
    left: 485px;
    font-size: 25px;
    letter-spacing: 0.5px;
}


.powermail_fieldwrap_adresse_2,
.powermail_fieldwrap_adresse_2_01,
.powermail_fieldwrap_adresse_2_02,
.powermail_fieldwrap_adresse_2_en,
.powermail_fieldwrap_adresse_2_en_01 {
    position: absolute;
    top: 444px;
    left: 485px;
    font-size: 25px;
    letter-spacing: 0.5px;
}


.powermail_fieldwrap_adresse_3,
.powermail_fieldwrap_adresse_3_01,
.powermail_fieldwrap_adresse_3_02 {
    position: absolute;
    top: 476px;
    left: 485px;
    font-size: 25px;
    letter-spacing: 0.5px;
}

.powermail_fieldwrap_auflage,
.powermail_fieldwrap_auflage_01 {
    position: absolute;
    top: 580px;
    left: 0;
}

.powermail_fieldwrap_mitteilung,
.powermail_fieldwrap_mitteilung_01 {
    position: absolute;
    top: 650px;
    left: 0;
}

.radio, .checkbox {
    float: left;
    margin-right: 20px;
}

textarea.form-control {
    height: 100px;
    width: 850px;
    background: #eee;
}

.powermail_fieldwrap_bestellen,
.powermail_fieldwrap_bestellen_01 {
    position: absolute;
    top: 780px;
    left: 0px;
}

.powermail_fieldwrap_reset,
.powermail_fieldwrap_reset_01 {
    position: absolute;
    top: 780px;
    left: 120px;
}

.powermail_confirmation .btn-danger {
    margin-right: 20px;
}


.powermail_fieldwrap_bestellen .btn-primary,
.powermail_fieldwrap_reset .btn-primary,
.powermail_fieldwrap_bestellen_01 .btn-primary,
.powermail_fieldwrap_reset_01 .btn-primary,
.powermail_confirmation .btn-primary,
.powermail_confirmation .btn-danger,
.tx-felogin-pi1 .btn-primary,
.btn-primary {
    color: #000;
    background-color: #ccc;
    border-color: #ddd;
}

.powermail_fieldwrap_bestellen .btn-primary:hover,
.powermail_fieldwrap_reset .btn-primary:hover,
.powermail_fieldwrap_bestellen_01 .btn-primary:hover,
.powermail_fieldwrap_reset_01 .btn-primary:hover,
.powermail_confirmation .btn-primary:hover,
.powermail_confirmation .btn-danger:hover,
.tx-felogin-pi1 .btn-primary:hover,
.btn-primary:hover {
  background-color: #fff100;
  border-color: #ddd;
}

.powermail_frontend.edit .powermail_fieldwrap_regionalbuero,
.powermail_frontend.edit .powermail_fieldwrap_regionalbuero_01,
.powermail_frontend.edit .powermail_fieldwrap_name,
.powermail_frontend.edit .powermail_fieldwrap_name_01,
.powermail_frontend.edit .powermail_fieldwrap_name_2,
.powermail_frontend.edit .powermail_fieldwrap_name_2_01,
.powermail_frontend.edit .powermail_fieldwrap_zusatz_1,
.powermail_frontend.edit .powermail_fieldwrap_zusatz_1_01,
.powermail_frontend.edit .powermail_fieldwrap_zusatz_2,
.powermail_frontend.edit .powermail_fieldwrap_zusatz_2_01,
.powermail_frontend.edit .powermail_fieldwrap_zusatz_3,
.powermail_frontend.edit .powermail_fieldwrap_zusatz_3_01,
.powermail_frontend.edit .powermail_fieldwrap_zusatz_4,
.powermail_frontend.edit .powermail_fieldwrap_zusatz_4_01,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_1,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_1_01,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_1_02,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_1_ad_vs,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_1_ad_rs,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_1_en,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_2,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_2_01,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_2_02,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_2_ad_vs,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_2_ad_rs,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_2_en,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_3,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_3_01,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_3_02,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_3_ad_vs,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_3_ad_rs,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_3_en,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_4,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_4_01,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_4_02,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_4_ad_rs,
.powermail_frontend.edit .powermail_fieldwrap_kontakt_4_en,
.powermail_frontend.edit .powermail_fieldwrap_adresse_1,
.powermail_frontend.edit .powermail_fieldwrap_adresse_1_01,
.powermail_frontend.edit .powermail_fieldwrap_adresse_1_02,
.powermail_frontend.edit .powermail_fieldwrap_adresse_2,
.powermail_frontend.edit .powermail_fieldwrap_adresse_2_01,
.powermail_frontend.edit .powermail_fieldwrap_adresse_2_02,
.powermail_frontend.edit .powermail_fieldwrap_adresse_2_en,
.powermail_frontend.edit .powermail_fieldwrap_adresse_2_en_01,
.powermail_frontend.edit .powermail_fieldwrap_adresse_3,
.powermail_frontend.edit .powermail_fieldwrap_adresse_3_01,
.powermail_frontend.edit .powermail_fieldwrap_adresse_3_02,
.powermail_frontend.edit .powermail_fieldwrap_auflage,
.powermail_frontend.edit .powermail_fieldwrap_auflage_01,
.powermail_frontend.edit .powermail_fieldwrap_mitteilung,
.powermail_frontend.edit .powermail_fieldwrap_mitteilung_01,
.powermail_frontend.edit .powermail_fieldwrap_bestellen,
.powermail_frontend.edit .powermail_fieldwrap_bestellen_01,
.powermail_frontend.edit .powermail_fieldwrap_reset,
.powermail_frontend.edit .powermail_fieldwrap_reset_01 {
    position: inherit;
    top: auto;
    left: auto;
    font-size: inherit;
    letter-spacing: inherit;
}

/* --------------------------------------------------------------*/


@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 900px;
  }
}




@media (max-width: 1199px) {
    #p1 #page-title.page-title-parallax {
        padding: 350px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #p1 #page-title.page-title-parallax {
        padding: 300px 0;
    }

#primary-menu ul li > a {
    padding: 35px 5px;
    font-size: 12px;
}
}

@media (max-width: 991px) {
    #p1 #page-title.page-title-parallax {
        padding: 250px 0;
    }

    #logo {
    margin: 0 0 0 180px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #p1 #page-title.page-title-parallax {
        padding: 200px 0;
    }
}

@media (max-width: 767px) {
    #p1 #page-title.page-title-parallax {
        padding: 150px 0;
    }

    .portfolio-item .portfolio-image img {
    opacity: 0 !important;
    }

    #top-bar {
        height: 45px;
  overflow:hidden;
    }
.top-links, .top-links > ul > li {
    float: right !important;
}

.col_three_fourth {
    display: none;
}

#header, #header-wrap, #logo img {
    height: 90px;
}



}

@media (min-width: 480px) and (max-width: 767px) {
    #p1 #page-title.page-title-parallax {
    }
}

@media (max-width: 479px) {
    #p1 #page-title.page-title-parallax {
    }

    #logo {
    margin: 0 0 0 23px !important;
    }
}