/*!
Theme Name:    Dreamland Theme
Author:        Dreamland GmbH & Co. KG
Author URI:    https://www.dreamland.de
Description:   Dreamland 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
*/


/* Smooth Scroll - Anker-Links */ 
.anker {scroll-margin-top: 50px;}
html {scroll-behavior: smooth;}


/* PETITIONSZÄHLER | JS liegt direkt in der Unterseite "Petition" (WPBakery-Einstellungen) */
.petition-status strong {
  font-weight: 600;
}



/* BTN */
.btnoutline_blue a{
    border-color: #1898F1 !important;
    color: #1898F1 !important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 50px !important;
}

.btnoutline_blue:hover a{
    background-color: #1898F1 !important;
    border-color: #1898F1 !important;
    color: #fff !important;
}



.header_home h3 {
    font-size: 100px;
    color:#fff;
    font-weight: 700;
    margin-bottom: 10px;
    line-height:1;
    text-shadow: 1px 1px 2px black;
}

.header_home h4 {
    font-size: 40px;
    /*color:#1898F1; */
    color:#fff;
    font-weight: 600;
}

.header_home {
    color:#fff;
    font-weight: 600;
}

.gradientbg {
    background: #0A131A;
    background: linear-gradient(0deg,rgba(10, 19, 26, 1) 0%, rgba(0, 16, 164, 1) 100%);
    color:#fff;
    overflow: visible !important; /* darf NICHT schneiden */
}

.gradientbgrundung {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    height: 300px; /* sichtbare Höhe */
    background: #0A131A;
    clip-path: ellipse(51% 41% at 50% 0%);
    margin-bottom:-50px;
}


.gradientbg blockquote {
    position: relative;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.6;
    padding: 20px 0 20px 70px; /* Platz für das Icon */
    margin: 0;
    border-left: 0;
}

.gradientbg blockquote::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;

    background-image: url("https://dreamland-preview.de/kmu/wp-content/uploads/2025/12/quote.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.gradientbg h3 {
    color:#fff;
    font-size: 40px;
}


.gradientbg h4 {
    font-weight: 500;
    color:#1898F1;
    font-size: 24px;
}


.imgborder img{
    border-radius: 15px;
}


.cta_blue {
    background: #0A131A;
    background: linear-gradient(0deg,rgba(10, 19, 26, 1) 0%, rgba(0, 16, 164, 1) 100%);    
    color:#fff;
    border-radius: 15px;
}

.cta_white {
    background: #fff;
    color:#0A131A;
    border-radius: 15px;   
}

.cta_white h3{
    color:#1898F1;
    font-size:35px;
}

.cta_white .wpb_text_column{
    color:#0A131A;
    font-size:18px;
}

.cta_white .vc_btn3 {
    font-size:17px; 
    text-transform: uppercase;
    padding:12px 40px !important;
    background-color: #33607F !important;
}

.home_list ul {
    padding: 0px 20px;
}

.home_list ul li {
    list-style: none;
    text-indent: -20px;
    padding-bottom:10px;
}

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




.overlap {
    margin-top: -8%;
}


.cta_blue h3{
    font-size:35px;
}

.cta_blue .wpb_text_column{
    color:#fff;
    font-size:18px;
}

.cta_blue .vc_btn3 {
    font-size:17px; 
    text-transform: uppercase;
    padding:12px 40px !important;
}


}

/* sorgt dafür, dass Full-Width Wrapper NICHT darüber liegen */
.vc_row[data-vc-full-width="true"] {
    z-index: 0 !important;
}



/* Home */

.ql_home {
    margin-top:-7%;
}

.ql_home .vc_column-inner{
background: #0A131A;
background: linear-gradient(0deg,rgba(10, 19, 26, 1) 0%, rgba(0, 16, 164, 1) 100%);
    border-radius: 15px;
    padding:30px 20px;
}

.ql_home img {
    min-height:91px;
}

.ql_home, .ql_home h4{
    color:#fff;
}

.ql_home h4{
    font-size: 25px;
}

.ql_home .vc_btn3-container {
    margin-bottom: 0px;

}

.ql_home .vc_btn3 {
    font-size:18px !important; 
    text-transform: uppercase;  
}

.home_logos_outer .vc_gitem-zone{
    border:1px solid #33607F;
}


/* Über uns */

.vorstand {
    color:#fff;
    font-size:14px;
}

.vorstand strong{
    font-size:16px;
}

.vorstand .wpb_single_image{
    margin-bottom:0;
}

.vorstand .wpb_single_image img{
    border-radius: 15px 15px 0 0;
}

.vorstand .wpb_text_column{
    background-color: #33607F;
    border-radius: 0 0 15px 15px;
    padding:12px;
}


/* Mitglieder */

.mitglieder-columns {
    display: flex;
    gap: 40px;
}

.mitglieder-columns .column {
    width: 50%;
}

.mitglieder-columns .mitglied {
    background: rgba(0,0,0,0.05);
    padding: 6px 8px;
    margin-bottom: 4px;
    border-radius: 2px;
}

.mitglieder-columns .mitglied:nth-child(odd) {
    background: rgba(0,0,0,0.08);
}

.mitglieder-columns a {
    color: #003366;
    text-decoration: none;
    font-weight: 500;
}

.mitglieder-columns a:hover {
    text-decoration: underline;
}

.mitglieder_box .vc_column-inner{
    background-color: #EAEFF2;
    padding:30px 10px;
    border-radius: 15px;
    border:2px solid #33607F;
}

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

.mitglieder_box .wpb_text_column strong{
    font-size:18px;
    padding-bottom:20px;
    display:block;
}


.mitglieder_box .wpb_text_column p{
    font-size:15px;
}


/* PRESSE */

.presse-liste .presse-item {
    padding: 12px 0;
    border-bottom: 1px solid #e3e3e3;
}

.presse-liste h4 {
    margin: 0 0 6px;
    font-size: 18px;
}

.presse-liste .quelle {
    color: #666;
    font-size: 14px;
}


/* Tabs */


/* --- Tabs Navigation --- */
.presse-tabs--der-verband-in-den-medien .quelle, .presse-tabs--der-verband-in-den-medien .datum, .presse-tabs--der-verband-in-den-medien a{
    font-size: 14px;
    color:#0A131A;
}

.presse-tabs--pressemitteilung .quelle, .presse-tabs--pressemitteilung .datum, .presse-tabs--pressemitteilung a{
    font-size: 14px;
    color:#fff;
}


.presse-tabs--pressemitteilung .quelle {
    display: none;
}



.presse-tabs-nav {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    gap: 10px;
}

.presse-tabs--pressemitteilung .presse-tabs-nav li {
    padding: 10px 18px;
    cursor: pointer;
    font-weight: 600;
    border:1px solid #fff;
    transition: all 0.2s ease;
}

.presse-tabs--der-verband-in-den-medien .presse-tabs-nav li {
    padding: 10px 18px;
    cursor: pointer;
    font-weight: 600;
    border:1px solid #000;
    transition: all 0.2s ease;
}

.presse-tabs-nav li.active {
    background: #1898F1;
    color: #fff;
}

/* --- Tab Inhalte --- */

.presse-tab-content {
    display: none;
}

.presse-tab-content.active {
    display: block;
}

/* --- Einzelne Elemente --- */
.presse-item {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.presse-item strong {
    display: block;
    font-size: 18px;
}


.presse-head {
    display:inline-block;
    width:100%;
}

.presse-head .datum {
    width:15%;
    display:inline-block;
    font-weight:bold;
    vertical-align: middle;
}

.presse-head .titel {
    width:73%;
    display:inline-block;
    vertical-align: middle;
}



#tab-archiv h4 {
    padding-top:30px;
}


.hinweis{
    padding: 25px 10px;
    background-color: #33607F;
    border-radius: 15px;
}

.hinweis .wpb_text_column {
    margin-bottom:0px;
    color:#fff;
    font-size:15px;
}

/* Termine Home */

.termine-home-grid-outer {
    border:1px solid #fff;
    padding:20px;

}

.headlinebox {
    margin-top:-30px;
}

.termine-home-grid-outer h4{
    padding:10px;
    border:1px solid #fff;
    background-color: #1898F1;
    text-transform: uppercase;
    color:#fff;
    display:inline;
}

.termine-home-grid-outer .vc_gitem-col {
    padding:10px 0px;
}


.termine-home-grid {
    padding-bottom:0px !important;
    padding-right:0px !important;
}

.termine-home-grid .vc_custom_heading {
      margin-bottom: 0px;  
      font-size:14px;
}

.newsgrid_date {
    font-weight: 700;
}

.termine-home-grid-outer .vc_btn3 {
    margin-top:15px;
    text-transform: uppercase;
    font-size:18px;
}

/* Petition */

.petition_forderung_outer .wpb_text_column{
    padding:35px;
    background-color: #fff;
    color:#0A131A;
    border-radius: 20px;
}

.petition_forderung_outer .wpb_text_column strong {
    font-size:25px;

    color:#1898F1;
}

/* Preis */

.preis_head {
    color:#fff;
    font-size: 22px;
}

.page-id-69 .gradientbg h4{
    font-size:30px;
}

.page-id-69 .gradientbg{
    font-size:18px;
}

.page-id-69 .gradientbg ul{
    padding:0px;
    list-style: none;
}

.page-id-69 .gradientbg ul li{
    border:1px solid #fff;
    border-radius: 20px;
    padding:10px;
    margin:20px;
}

.page-id-69 .caption {
    font-size:13px;
}

.page-id-69 .platzierung {
    background-color:#fff;
    color:#0A131A;
    border-radius: 20px;
    padding:30px;

}

.page-id-69 .platzierung h4 {
    font-size:25px;
    font-weight: 600;
    color:#33607F;
    margin-bottom: 10px;
}

.page-id-69 .platzierung img {
    margin-top:55px;
}

.page-id-69 .platzierung .wpb_text_column {
    margin-bottom:0px;
    font-size: 13px;
}


.gewinnertabs h4{
    font-size:23px;
    padding-top:25px;
    margin-bottom: 10px;
}

.gewinnertabs .vc_tta-tab a{
    border:2px solid #1898F1 !important;
    background: none !important;
    color: #0A131A !important;
    font-weight: bold;
}

.gewinnertabs .vc_active a{
    background-color: #1898F1 !important;
    border-color: #1898F1;
    color: #fff !important;
}

.gewinnertabs .vc_tta-panel-body {
}

/* FOOTER */


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


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

.wpbf-widget-footer {
    background: #0A131A;
    background: linear-gradient(0deg,rgba(10, 19, 26, 1) 0%, rgba(0, 16, 164, 1) 100%);    
}

.wpbf-widget-footer img{
    max-width: 70% !important;
}

.wpbf-page-footer {
    background-color:#0A131A;
}



/* 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;
}

/* Impressum / Datenschutz */

.imp-dat h2{
    padding-top: 25px;
    margin-bottom:10px;
}

.imp-dat h3{
    font-size: 20px;
    padding-top:20px;
    margin-bottom: 10px;
}

.imp-dat h4{
    font-size: 18px;
    padding-top:20px;
    margin-bottom: 10px;
}


/* Responsive */

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

.ql_home {
    margin-top: 0%;
}

.header_home h3 {
    font-size: 45px;
}

.header_home h4 {
    font-size: 30px;
}

body {
    font-size:15px;
}

h1 {
    font-size: 28px;   
}

h2 {
    font-size: 20px;   
}

h3 {
    font-size: 25px;   
}

.gradientbg h3 {
    color: #fff;
    font-size: 22px;
}

.gradientbg h4 {
    font-size: 22px;
}

.gradientbg blockquote {
    font-size: 18px;
}

.cta_blue h3 {
    padding-top:40px;
    font-size: 25px;
}


.cta_blue .wpb_text_column{
    font-size:15px;
}

.vorstand .wpb_column{
    display:inline-block;
    width:50%;
}

.vorstand strong{
    font-size:13px;    
}

.vorstand strong{
    font-size:13px;    
}

.petition_forderung_outer .wpb_text_column strong {
    font-size: 20px;
    color: #1898F1;
}


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

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


.presse-tabs-nav {
    width: 100%;
    display:inline-block;
}

.presse-tabs-nav li{
    width: 16%;
    display:inline-block;
    font-size: 13px;
    text-align: center;
}


.presse-tabs--pressemitteilung .presse-tabs-nav li {
    padding: 5px 5px;
}

.presse-tabs--der-verband-in-den-medien .presse-tabs-nav li {
    padding: 5px 5px;
}




.presse-head {
    display:block;
    width:100%;
}

.presse-head .datum {
    width:100%;
    display:block;
    font-weight:bold;
    vertical-align: middle;
}

.presse-head .titel {
    width:100%;
    display:block;
    vertical-align: middle;
}

.wpbf-widget-footer img {
    max-width: 40% !important;
}

.wpbf-footer-widget-3 {
    text-align: center;   
}

}