/*!
Theme Name:    Dreamland Preview Theme
Author:        Dreamland GmbH & Co. KG
Author URI:    https://www.dreamland.de
Description:   Dreamland Preview Theme
Version:       1.0.0
License:       GNU General Public License v3 or later
License URI:   https://www.gnu.org/licenses/gpl-3.0.html
Template:      page-builder-framework
Text Domain:   page-builder-framework-child
*/

/* HOME */
h1.vc_custom_heading.vc_do_custom_heading {
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
}

h1.vc_custom_heading.vc_do_custom_heading.no-shadow {
  text-shadow: none;
}

.home_header .vc_btn3 {
    color: #fff !important;
    border-color: #fff !important;
    padding: 13px 90px !important;
    text-transform: uppercase;
    font-size: 25px;
}

.home_header .vc_btn3:hover {
    color: #004D9F !important;
    background-color: #fff !important;
}

.home_header h1 {
    font-size: 80px;  
    text-shadow: none;  
}

.home_header h2 {
    font-size: 20px;
    color: #FFFFFF !important   ;
    text-align: center;
    font-weight: 400;
    line-height: 1.5;   
}

@media (max-width: 1024px) {
    .home_header .vc_btn3 {
        padding: 12px 60px !important;
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .home_header .vc_btn3 {
        padding: 10px 40px !important;
        font-size: 18px;
    }

    .home_header h1 {
        font-size: 55px;
    }

    .home_header h2 {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .home_header .vc_btn3 {
        padding: 10px 30px !important;
        font-size: 16px;
    }

    .home_header h1 {
        font-size: 45px;
    }

    .home_header h2 {
        font-size: 14px;
    }
}



.home_ql .vc_column-inner{
    background-color: #fff;
    border:2px solid #F2F6FA;
    padding:40px 18px;
}

.home_ql h3{
    font-size:27px;
    padding-bottom:15px;
    color: #004D9F;
}

.home_ql p{
    font-size:15px;
}

.home_ql .vc_btn3-container {
    margin-bottom: 0px;
}

.home_ql img {
    max-height: 115px;
}


.home_ql .vc_btn3 {
    color: #004D9F !important;
    border-color: #004D9F !important;
    padding: 14px 60px !important;
    text-transform: uppercase;
}

.home_ql .vc_btn3:hover {
    color: #fff !important;
    background-color: #004D9F !important;
}
/* Tablet */
@media (max-width: 1024px) {
    .home_ql .vc_column-inner {
        padding: 30px 16px;
    }

    .home_ql h3 {
        font-size: 22px;
    }

    .home_ql p {
        font-size: 13px;
    }
    
    .home_ql img {
        max-height: 100px;
        width: auto;
        margin-bottom: 15px!important;
    }

    .home_ql .vc_btn3 {
        padding: 12px 45px !important;
        font-size: 15px;
    }
}

/* Smartphone */
@media (max-width: 768px) {
    .home_ql .vc_column-inner {
        padding-top: 25px!important;
    }

    .home_ql h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .home_ql p {
        font-size: 14px;
        line-height: 1.5;
    }
    
    .home_ql .wpb_text_column{
      margin-bottom: 25px!important;
    }
    
    .home_ql img {
        max-height: 80px;
        width: auto;
    }
    
    .home_ql .wpb_single_image{
      margin-bottom: 8px!important;
    }

    .home_ql .vc_btn3 {
        padding: 10px 35px !important;
        font-size: 14px;
    }
}

/* Sehr kleine Displays */
@media (max-width: 480px) {
  
  .home_ql .vc_column-inner{
    padding-top: 20px !important;
  }
  
    .home_ql h3 {
        font-size: 18px;
    }
    
    .home_ql p {
        font-size: 12px;
    }
    
    .home_ql .wpb_text_column{
      margin-bottom: 20px!important;
    }

    .home_ql img {
        max-height: 70px;
        width: auto;
        margin-bottom: 5px!important;
    }
    .home_ql .wpb_single_image{
      margin-bottom: 10px!important;
    }
    
    .home_ql .vc_btn3 {
        padding: 8px 28px !important;
        font-size: 13px;
    }
}

.blue_bg h3{
    color:#fff ;
    font-size: 35px;
}

.blue_bg p{
    color:#fff ;
    font-size: 20px;
}


.blue_bg .vc_btn3 {
    color: #fff !important;
    border-color: #fff !important;
    padding: 14px 60px !important;
    text-transform: uppercase;
}

.blue_bg .vc_btn3:hover {
    color: #004D9F !important;
    background-color: #fff !important;
}
/* Tablet */
@media (max-width: 1024px) {
    .blue_bg h3 {
        font-size: 30px;
    }

    .blue_bg p {
        font-size: 18px;
    }

    .blue_bg .vc_btn3 {
        padding: 12px 45px !important;
        font-size: 15px;
    }
}

/* Smartphone */
@media (max-width: 768px) {
    .blue_bg h3 {
        font-size: 27px;
    }

    .blue_bg p {
        font-size: 16px;
    }

    .blue_bg .vc_btn3 {
      padding: 10px 35px !important;
      font-size: 14px;
    }
}

/* Sehr kleine Displays */
@media (max-width: 480px) {
    .blue_bg h3 {
        font-size: 23px;
    }

    .blue_bg p {
        font-size: 14px;
    }

    .blue_bg .vc_btn3 {
        padding: 8px 28px !important;
        font-size: 13px;
    }
}

/* COMPANY */

.bigtext .wpb_text_column.wpb_content_element{
  padding:0px 100px 0px 100px;
}

.bigtext {
    font-size:20px;
}

.leistungs_box .vc_column-inner{
 background-color: #F2F6FA;
 padding:30px 20px;
}

.leistungs_box .wpb_text_column {
    margin-bottom: 0px;
}

.leistungs_box h3 {
    font-size: 23px;
    margin-bottom: 0px;
}


.leistungs_box ul {
    padding: 20px;
}

.leistungs_box ul li {
    list-style: none;
    text-indent: -20px;
}

.leistungs_box ul li::before{
    content: "\25A0";
    color: #004D9F;
    padding-right: 10px;
}

/* Tablet */
@media (max-width: 1024px) {
  .bigtext .wpb_text_column.wpb_content_element{
    padding:0px 60px 0px 60px;
  }
  
  .bigtext {
      font-size:17px;
  }
    .leistungs_box .vc_column-inner {
        padding: 25px 18px;
    }

    .leistungs_box h3 {
        font-size: 20px;
    }

    .leistungs_box ul {
        padding: 15px;
        text-indent: -10px;
    }
    
    .leistungs_box ul li {
        font-size: 14px;
        text-indent: -16px;
    }
}

/* Smartphone */
@media (max-width: 768px) {
  .bigtext .wpb_text_column.wpb_content_element{
    padding:0px;
  }
  
  .bigtext {
      font-size:16px;
  }
  
    .leistungs_box .vc_column-inner {
        padding: 20px 15px;
    }

    .leistungs_box h3 {
        font-size: 19px;
    }

    .leistungs_box ul li {
        font-size: 14px;
        text-indent: -16px;
    }

    .leistungs_box ul li::before {
        padding-right: 8px;
    }
}

/* Sehr kleine Displays */
@media (max-width: 480px) {
  .bigtext .wpb_text_column.wpb_content_element{
    padding:0px;
  }
  .bigtext {
      font-size:14px;
  }
    .leistungs_box .vc_column-inner {
        padding: 18px 12px;
    }

    .leistungs_box h3 {
        font-size: 17px;
    }

    .leistungs_box ul li {
        font-size: 13px;
    }
}


/* 5 Spalten im WP Bakery Media Grid */
.five-columns-grid .vc_grid-item {
  width: 20% !important;
}


.five-columns-grid .vc_grid-item {
  padding: 10px;
  box-sizing: border-box;
}


@media (max-width: 1024px) {
  .five-columns-grid .vc_grid-item { width: 33.3333% !important; }
}
@media (max-width: 767px) {
  .five-columns-grid .vc_grid-item { width: 50% !important; }
}
@media (max-width: 480px) {
  .five-columns-grid .vc_grid-item { width: 100% !important; }
}



/* Products */

.single .wpbf-navigation {
   background-color: #004D9F !important; 
}

.single #inner-content {
    padding-top: 40px;
}


.product_grid_outer h3, 
.project_grid_outer h3{
    font-size:20px;
}

.product_grid_outer p, 
.project_grid_outer p{
    font-size:15px;
}



.project_grid_outer .vc_btn3, .product_grid_outer .vc_btn3 {
    color: #004D9F !important;
    border-color: #004D9F !important;
    padding: 14px 60px !important;
    text-transform: uppercase;
}

.project_grid_outer .vc_btn3:hover,.product_grid_outer .vc_btn3:hover {
    color: #fff !important;
    background-color: #004D9F !important;
}



/* Services */

.servicebox .vc_column-inner{
    background-color: #fff;
    border:2px solid #F2F6FA;
    padding:0px;
}

.servicebox h3{
    font-size:27px;
    color: #004D9F;
}

.servicebox p{
    font-size:18px;
}

.servicebox .vc_btn3-container {
    margin-bottom: 20px;
}

.servicebox .wpb_text_column {
    padding:0px 30px;
}


.servicebox .vc_btn3 {
    color: #004D9F !important;
    border-color: #004D9F !important;
    padding: 14px 60px !important;
    text-transform: uppercase;
    margin-bottom:20px;
}

.servicebox .vc_btn3:hover {
    color: #fff !important;
    background-color: #004D9F !important;
}

.servicebox .service-bild img{
    height: 230px;
    max-width: 100%;
    vertical-align: top;
    object-fit: cover;
}




/* FOOTER */


.wpbf-footer-widget-3 h4, .wpbf-footer-widget-3 h4{
	visibility: hidden;
}


.wpbf-widget-footer .wpbf-padding-large {
    padding-top: 40px;
    padding-bottom: 20px;
}

.wpbf-inner-footer {
	border-top:1px solid #fff;
}

/* PRODUCTS */

.product-specs table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;              
  font-family:Arial, sans-serif;
  font-size:14px;
  color:#000;
  margin:0;
    border:none;
}

.product-specs th,
.product-specs td{
  text-align:left;
  padding:14px 18px;
   padding-left:40px;
  vertical-align:middle;
  border:0;
}


.product-specs thead th{
  background:#004d9f;     
  color:#FFFFFF;
  font-weight:500;
  padding:16px 18px;
   padding-left:40px;
}


.product-specs tbody tr:nth-child(odd){ 
  background:#FEFEFE;
}
.product-specs tbody tr:nth-child(even){ 
  background:#F2F6FA;
}


.product-specs thead th:first-child{   
  width:29%;
}
.product-specs tbody td:first-child{ 
  width:29%;
  border-right:2px solid #004d9f;      
}
.product-specs thead th:last-child,
.product-specs tbody td:last-child{
  width:71%;
}


.produktliste ul li {
    list-style: none;
    text-indent: -20px;
     line-height: 2;
}

.produktliste ul li::before {
    content: "\25A0"; 
    color: #004d9f; 
    padding-right: 10px;
}

.image-gallery .vc_single_image-img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.produktbild .vc_single_image-img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Blue Buttons */
.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
   background-color: #004d9f;
   color:#fff;
}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover.vc_btn3.vc_btn3-color-grey:hover {
  background-color: #F2F6FA;
  color:#000;
}


/* PARTNERS */

.isalos_logogrid_outer .vc_grid-item-mini{
    border:3px solid #F2F6FA;
}

/* CF7 FORMULAR */

.cf7kontakt-form-outer div{
    display:inline-block;
    width:49.5%;
    margin-bottom:10px;

}

.cf7kontakt-form-outer p, .cf7kontakt-datenschutz p{
	margin-bottom:0px;
}

.cf7kontakt-form-outer div:nth-child(odd) {
    margin-right:7px;
}

.cf7kontakt-form-outer div:nth-child(even) {
    margin-right:0px;
}


.cf7kontakt-form-outer div input, .cf7kontakt-textfeld{
    /* border:1px solid #B5D059; */
    border:none;
    background-color: #f5f5f5;
}


.wpcf7 input::placeholder, .cf7kontakt-textfeld::placeholder {
	color: #262B2B !important;
	opacity: 1;
}


 .cf7kontakt-textfeld {
    width:100%;
}

.cf7optional-text {
    color: #262B2B;
    padding-top: 40px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #262B2B;
    width: 97%;
}

.wpcf7-file {
    color: #262B2B;
    padding-bottom:40px;
}


.cf7kontakt-datenschutz {
    font-size: 13px;
    padding: 10px 0px 10px 0px;
    color: #262B2B;
}

.cf7kontakt-datenschutz .wpcf7-list-item {
	margin:0px;
	padding-top:2px;
}

.cf7kontakt-datenschutz a{
    color: #262B2B;
    text-decoration: underline;
}

 .wpcf7-submit {
	color: #2B2B2B !important;
	text-transform:uppercase;
    border:2px solid #262B2B !important;
    background-color: transparent !important;
    font-weight:400 !important;
    margin-top:15px;
    min-width:200px;
    padding:13px 19px !important;
 }

.wpcf7-submit:hover {
	transition: all 0.2s ease;
	color: #fff !important;
    border:2px solid #262B2B !important;
    background-color: #262B2B !important;
}



/* MOBILE FORM*/

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

.cf7kontakt-form-outer div{
    width:100%;
}

.cf7kontakt-form-outer {
    margin-bottom: 10px;
}

}





.single-product h1.product_title {
  display: inline-flex;
  align-items: center;
  gap: 12px; /* Abstand zwischen Text und Logo */
}

.single-product h1.product_title::after {
  content: "";
  display: inline-block;
  width: 90px; /* Logo-Breite anpassen */
  height: 40px;
  background: url('https://dreamland-preview.de/isalos/wp-content/uploads/2025/09/yc-diesel-logo.webp') no-repeat center / contain;
}




.marine-engines-logo .vc_single_image-wrapper {
  width: 100%;
  text-align: center;
}

.marine-engines-logo img {
  max-width: 100%;   /* Bild kann niemals breiter werden als die Box */
  height: 230px;
  object-fit: contain;
  display: inline-block;
}