/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");



::-moz-selection { background: #111; color: #fff; }
	::selection { background: #111; color: #fff; }


/* Verhindert Google Material Icons */
@font-face {
    font-family: 'Material Icons';
    src: local(''); /* leer, Browser lädt nichts */
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

/* Optional: Roboto verhindern */
@font-face {
    font-family: 'Roboto';
    src: local('');
    font-style: normal;
    font-weight: 400;
    font-display: block;
}



@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Font Awesome';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/fa-brands-400.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





.light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a:hover {
    color: #000 !important;
}


@media only screen and (min-width: 1000px) {
    .light.header_style_on_scroll .popup_menu:not(.opened) .line, .light.header_style_on_scroll .popup_menu:not(.opened) .line:after, .light.header_style_on_scroll .popup_menu:not(.opened) .line:before, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before

 {
        background-color: #000;
    }
}

body.menu-open .wrapper_inner {
  overflow: hidden;
  position: fixed;
  width: 100%;
}


    /* Entfernt das obere Padding */
.home .content .container .container_inner.page_container_inner
 {
    padding-top: 0 !important;
}



.side_menu_button > a 
{   
    width: 30px !important;
    height: 30px !important;
}

 

.single-portfolio_page .qodef-gutenberg-column .qodef-gutenberg-column-inner 
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


.popup_menu .line, .popup_menu .line:after, .popup_menu .line:before
{
    width: 18px;
    height: 3px;
}

.popup_menu .line:after
{
    top: 6px;
}


.popup_menu .line:before
{
    top: -6px;
}


.q_logo a
{
    max-height: 60px;
}


.sticky  .q_logo a
{
    max-height: 50px;
}


.zwei_spalten_wrapper
.zwei_spalten_links
{
    max-width: fit-content;


}
 
.zwei_spalten_wrapper
.zwei_spalten_rechts
{
 margin-left: 100px;
}



.text_vertikal p
{
    font-size: 30px !important;
    text-transform: uppercase;
}
 



.interior_design_slider img
{
    max-height: 900px;
    object-fit: cover;
}


/* Footer */


.footer_col1
{
    padding: 20px 0 20px 0;
}



.footer_col2
{
    padding: 34px 0 34px 0;
}



.footer_col3
{
    padding: 68px 0 68px 0;
    display: flex;
    flex-direction: row-reverse;
}




.footer_top  .footer_col3 a
{
     color: #EFC074 !important;
}



.footer_col4
{

    display: flex;
    flex-direction: row-reverse;
	 padding: 20px 0 0 0;
}



.footer_col1_title
{
    color: #EFC074 !important;
    text-transform: uppercase;
}



footer .four_columns
{
max-width:1140px;
	margin:auto;
}



/* Nur das Instagram-Icon li floaten */
#menu-item-13043 {
    float: left;
    margin-right: 10px; /* Abstand zum nächsten li */
}

/* Den Rest normal lassen */
#menu-item-13045 {
   float: left;
}


ul.menu::after {
    content: "";
    display: table;
    clear: both;
}




/* Projekt */


.portfolio_single
{
    margin-top: 120px;
}



.portfolio_detail h1
{
    color: #485150;
    font-family: 'Nunito', sans-serif;
    font-size: 24px;
    line-height: 41px;
    font-weight: 400;
	letter-spacing: 1px;
    text-transform: none;
}


.single-portfolio_page h1 
{
    color: #485150;
    font-family: 'Nunito', sans-serif;
    font-size: 24px;
    line-height: 41px;
    font-weight: 400;
    text-transform: none;
}



.portfolio_detail h2
{
    color: #485150;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    line-height: 27px;
		letter-spacing: 0px;
	margin-top: 20px;
    font-weight: 400;
}


/* Contact Form */

.wpcf7 .column1
{   
    display: flex;
    gap: 20px;
    width: 100%;
}



.wpcf7 .column1 span 
{
  flex: 1;          
  text-align: center; /* optional */
}




.qode-submit-holder  button
{
    margin-top: 30px;
}


.h-captcha
{
        margin-top: 20px;
}



/* Blog */




.blog_holder article.format-quote .post_text .post_title p, .blog_holder article.format-quote .post_text .post_title p a,
.blog_holder article.format-quote .post_text .quote_author
{
     font-family: 'Nunito';
}

article.format-quote a,
article.post_format-post-format-quote a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}

.blog_holder article .post_info, 
.blog_holder article .post_info .time,
.post_info_date {
  display: none !important;
}



.post_info_date,
.blog_holder article .entry_date,
.qode-post-info-date,
.blog_single .entry_date {
    display: none !important;
}


.archive.category .two_columns_75_25
{
	margin-top:160px;
}


.page-template-blog-large-image .two_columns_75_25 .column2
{
    margin-top: 230px;
}



.single-post .content 
{
    margin-top: 60px;
}





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

.home h1 
{
    font-size: 28px !important;
    line-height: 40px !important;
}


.home h2 
{
    font-size: 20px !important;
    line-height: 36px !important;
}

}





  


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

.zwei_spalten_wrapper
.zwei_spalten_rechts
{
 margin-bottom: 100px;
margin-left: 0px;
}




.mobile_menu_button span {
   
    font-size: 20px !important;
   
}


}


 



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


    /* Entfernt das obere Padding */
.content .container .container_inner.page_container_inner,
.full_page_container_inner {
    padding-top: 0 !important;
}


.portfolio_single {
    margin-top: 60px;
}





.archive.category .two_columns_75_25
{
	margin-top:60px;
}


.page-template-blog-large-image .two_columns_75_25 .column2
{
    margin-top: 30px;
}



.blog_holder.blog_large_image article:last-of-type {
    margin: 0;
}

	
}





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



.portfolio_single {
    margin-top: 0px;
}




.text_vertikal p
{
    font-size: 24px !important;
    text-transform: uppercase;
}
 


.blog_sidebar_bilder .qodef-gutenberg-section .qodef-gutenberg-column-inner
{
    display: block;
    margin-bottom: 20px;
}



.wpcf7 .column1
{   
    display: block;

}


.qode-submit-holder
{
    text-align: center;
}


    .filter_holder ul li
     {
 display: block !important;
    }



    .qode_portfolio_related {
    margin: 0 !important;
}


.footer_col2
{
    padding: 0;
}



.footer_col3
{
    padding: 0;
    display: flex;
    flex-direction: row;
} 


.footer_col4
{
margin-top: -140px;
} 


}