/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/
/* BEI AB NOTWENDIGER VIDEO-FIX */
/*
#meinvideo .fluid-width-video-wrapper {
    padding-top: 56.3% !important;
}
*/

/* TEXT */
   
@media (max-width: 768px) {
    body{font-size:16px;}

     h1, .fl-heading, .fl-heading-text, .font_0 {
         font-size:1.7em !important;
        }
     
     h2, .fl-post-title {
         font-size:1.3em !important;
     }

     h3{font-size:1.2em;}
     h4{font-size:1.1em;}
     h5{font-size:1.1em;}
     h6{font-size:1.1em;}
 }


/* SEITENKOPF */

header {
    top: -50px;
}

.fl-page-content {
    margin-top: 20px;
}

/* NAVI */

@media (min-width: 769px) and (max-width: 1023px) {
    .fl-node-59a843e0136b4 .menu a {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .fl-node-59a843e0136b4 .menu a {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* FOOTER */

p.footerfirstparagraph {
    margin-bottom: 0px;
}

p.footersecondparagraph {
    
    letter-spacing: 0.25em;
    font-size: 12px;
}

p.footerfirstparagraph a img.alignnone {
    margin: 0px 7px 7px 7px; /* orul */
}

/* PAGE MEDIA */

.wp-playlist-dark {
    
    background: rgba(0, 0, 0, 0.6) !important;
}

.wp-playlist .wp-playlist-current-item img {
    display: none;
}

.wp-playlist {
    
    border: 1px solid #000 !important;
}

/* PAGE VERANSTALTER */

#anfrageSubmit {
    font-size: 20px;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
} 

#anfrageSubmit:hover {
    color: #999999;
} 

.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="number"], input[type="search"], input[type="url"], textarea {
    
        color: #000;
        background-color: #fff;
        border: 1px solid #3d4047;
}

.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=number]:focus, input[type=search]:focus, input[type=url]:focus, textarea:focus {

    background-color: #fff;
    border-color: #575c65;
    outline: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*Placeholder Colors*/
.form-control::-webkit-input-placeholder {
color:#999999 !important;
}
.form-control:-moz-placeholder { /* Firefox 18- */
color:#999999 !important;
}
    
.form-control::-moz-placeholder { /* Firefox 19+ */
color:#999999 !important;
}
    
.form-control:-ms-input-placeholder {
color:#999999 !important;
}


/* PAGE KONTAKT */

/* Fix Page Footer */


@media (min-width: 768px)   {
    .page-id-28 footer {position:fixed;bottom:0;z-index:999;width:100%;}
    
    /* .page-id-28 .fl-page-content {padding-bottom:60px;} */

    .page-id-28 .zeilehalbhoch {
        /* background-color: #f00; */
        position: relative;
        min-height: 70vH; 
    }

    .page-id-28 .fl-builder-content-28 .fl-row-content-wrap {   
            padding-top: 7vH; 
    }
}


@media (min-width: 769px)   {
    .page-id-28 footer {position:fixed;bottom:0;z-index:999;width:100%;}
    
    /* .page-id-28 .fl-page-content {padding-bottom:60px;} */

    .page-id-28 .zeilehalbhoch {
        /* background-color: #f00; */
        position: relative;
        min-height: 50vH; 
    }

    .page-id-28 .fl-builder-content-28 .fl-row-content-wrap {   
            padding-top: 15vH;
    }
}

@media (min-width: 980px)   {
    .page-id-28 footer {position:fixed;bottom:0;z-index:999;width:100%;}
    
    .page-id-28 .fl-page-content {padding-bottom:60px;}

    .page-id-28 .zeilehalbhoch {
        /* background-color: #f00; */
        position: relative;
        min-height: 70vH; 
    }

    .page-id-28 .fl-builder-content-28 .fl-row-content-wrap {   
            padding-top: 15vH;
    }
}


/* BLOG-ARCHIVE */

.fl-builder-pagination {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 40px 0;
    margin-top: 20px;
    margin-bottom: 0;
}

.fl-builder-pagination li a.page-numbers:hover, 
.fl-builder-pagination li span.current {
background-color: rgba(231, 42, 18, 0.6);
}

.fl-post-feed-post,
.fl-post-feed-post:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.fl-builder-pagination {
    padding: 20px 0px 17px 0px;
}

.fl-post-more-link a {
    text-decoration: underline;
}

#archivkopf_dynamisch h1, 
#archivkopf_statisch h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}

 @media (max-width: 768px) {

    .fl-col-group.fl-node-59c3f62dbcab1 {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

    .fl-col.fl-node-59c7d5bd1676a {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }

    .fl-col.fl-node-59c7e61012ab0 {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
}
  

@media (max-width: 768px) {
    
    .blog .fl-post-feed-post {
        max-width: 9999px !important;
    }
    
    .blog .fl-col {
        width: 560px !important;
    }
     
    /* Aktuelles */
    .fl-node-59c7e825dcfe5.fl-col {
        margin-bottom: 10px;
        margin-top: -10px;
    }

    /* Sidebar-Widgets */
    .fl-module-widget .fl-module-content {
        margin: 0px 30px;
    }
}

@media (max-width: 599px) {
    
    .blog .fl-col {
        width: 400px !important;
    }
}

@media (max-width: 360px) {
    
    .blog .fl-col {
        width: 300px !important;
    }
}


/* 404 */

.error404 .fl-module-rich-text a {
    text-decoration: underline;
}



/* Home */

/* @media screen and (min-aspect-ratio: 1.5065868263) and (min-width: 768px) and (orientation: landscape) { */
/* @media screen and (min-width: 1025px) and (min-width: 860px) and (orientation: landscape) {
    
  .page-id-214 #erstezeile {
    margin-top: 10%;
    margin-top: 10vh;
  }
} */



/*  PAGE HOME = 18 
    PAGE KONTAKT = 28 
*/
/*
.page-id-214 .fl-page-content {
    margin-top: 0px;
}
*/

/*  P A G E   H O M E  */

/* MOTIVHINTERGRUND */

body.page-id-214 {
    
    background-image: url(https://www.nightfire-band.de/wp-content/uploads/2025/06/nightfire-band-1920-squoo.jpg);
    background-repeat: no-repeat;
    /* background-position: center top; */
    background-attachment: fixed;
    /* background-size: cover; */
}



@media (max-width: 1024px) OR (max-aspect-ratio: 1/1) OR (min-aspect-ratio: 5/2)
{  
    body.page-id-214 
    {
        background-image: none;
        background: linear-gradient(179deg, #863848, #13080c);
    } 
    
    .page-id-214 div#contentstart {
        margin-top: -40px;
    }    
    
    body.page-id-214 #mobile-foto
    {
        display: block;
    }    
}



@media (max-width: 1024px)
{  
    .page-id-214 div#contentstart {
        margin-top: -20px;
    }    
}
@media (max-width: 768px)
{   
    .page-id-214 div#contentstart 
    {
        margin-top: -40px;
    }        
}


@media (max-width: 1024px) AND ((max-aspect-ratio: 1/1) OR (min-aspect-ratio: 5/2))
{  
    .page-id-214 div#contentstart {
        margin-top: -20px;
    }    
}
@media (max-width: 768px) AND ((max-aspect-ratio: 1/1) OR (min-aspect-ratio: 5/2))
{   
    .page-id-214 div#contentstart 
    {
        margin-top: -40px;
    }        
}


@media (min-width: 1025px) AND (min-aspect-ratio: 1/1) AND (max-aspect-ratio: 5/2)
{  
    body.page-id-214 
    {
        background-size: 120% auto;
        background-position: center -95px;
    } 
    
    .page-id-214 div#contentstart {
        margin-top: 36%;
        margin-top: 67vh; 
        margin-top: calc(100vh - 170px); /* die -38px gleicht nur die Navbar aus, die -255px bestimmt den Abstand von unten */
        /* margin-top: calc(100vh - 17%); */ 
    }    
    
    body.page-id-214 #mobile-foto
    {
        display: none;
    }    
}




@media (min-width: 1025px) AND (min-aspect-ratio: 1/1) AND (max-aspect-ratio: 1913/911)        /* < 4.2 / 2  */
{
    body.page-id-214 
    {
        background-size: 120% auto;
        background-position: center -95px;
    }       
} 
@media (min-width: 1025px) AND (min-aspect-ratio: 1/1) AND (max-aspect-ratio: 1640/911)        /* < 3.6 / 2  */
{  
    body.page-id-214 
    {
        background-size: 132% auto;
        background-position: center -40px;
    }       
} 
@media (min-width: 1025px) AND (min-aspect-ratio: 1/1) AND (max-aspect-ratio: 1458/911)        /* < 3.2 / 2  */
{ 
    body.page-id-214 
    {
        background-size: 134% auto;
        background-position: center -55px;
    }       
}
@media (min-width: 1025px) AND (min-aspect-ratio: 1/1) AND (max-aspect-ratio: 1321/911)      /* < 2.9 / 2  */
{
    body.page-id-214 
    {
        background-size: 141% auto;
        background-position: center -38px;
    }   
}
@media (min-width: 1025px) AND (min-aspect-ratio: 1/1) AND (max-aspect-ratio: 1185/911)      /* < 2.6 / 2  */
{  
    body.page-id-214 
    {
        background-size: 153% auto;
        background-position: center 5px;
    }   
}
@media (min-width: 1025px) AND (min-aspect-ratio: 1/1) AND (max-aspect-ratio: 1048/911)  /* < 2.3 / 2  */
{
    body.page-id-214 
    {
        background-size: 156% auto;
        background-position: center 28px;
    }   
}



/* CONTENT-POSITIONIERUNG */






/* @media  screen and (max-aspect-ratio: 1258/835), screen and (max-device-width: 1024px) and (orientation: landscape) {


            body.page-id-214 {
                background-image: none;
            }

             .page-id-214 div#bildzeile {
                display: block;
                margin-top: 0px;
            } 



            .page-id-214 div#contentstart {
                margin-top: 0;
            }


            .page-id-214 div#contentstart .fl-col-content
            {
                border-top-width: 0px;
                border-right-width: 0px;
                border-bottom-width: 0px;
                border-left-width: 0px;
            }

            .page-id-214 #logo-content {
                display: none; 
            }
} */







/* STICKY FOOTER FÜR ALLE SEITEN */

.fl-page {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 100vh;
  }
  .fl-page-content {
    -ms-flex: 1;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%;
    word-wrap: break-word;
  }




/* BAND */

body.page-id-224,
body.page-id-28
{
    background-image: none;
}


body.page-id-224,
body.page-id-28
{
    background: linear-gradient(179deg, #863848, #13080c);
}





/* KONTAKTSEITE - NUR DAS PANEL IN DER MITTE */

@media (min-width: 769px) {

    body.page-id-28 div#contentstart 
    {
        /* margin-top: calc(50vh - 235px); */
        width: 680px;
        margin-left: auto;
        margin-right: auto;
    }

    body.page-id-28 div#contentstart #colrechts > .fl-col-content 
    {
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        padding-left: 40px; 
    }

    body.page-id-28 div#contentstart #colrechts > .fl-col-content h2
    {

    }
    body.page-id-28 div#contentstart #colrechts > .fl-col-content p
    {
        margin-bottom: 0;
        font-size: 15px;
    }

    body.page-id-28 div#contentstart #colrechts > .fl-col-content .kontaktdaten__showbase
    {
        margin-bottom: 6px;
    }

    body.page-id-28 div#contentstart #colrechts > .fl-col-content .kontaktdaten__absatz-links
    {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    body.page-id-28 div#contentstart #colrechts > .fl-col-content .kontaktdaten__link-kontaktform
    {
        margin-bottom: 32px;
    }


    body.page-id-28 div#contentstart #colrechts > .fl-col-content .kontaktdaten__logo
    {
        margin-bottom: 0px;
    }

}


@media (max-width: 768px) {

    body.page-id-28 div#contentstart {
        margin-top: 0px; 
    }

    body.page-id-28 #fl-main-content {
        background-color: rgba(0, 0, 0, 0.6);
    }

    body.page-id-28 div#contentstart #colrechts > .fl-col-content 
    {
        background-color: transparent;
    }

    body.page-id-28 footer .fl-row-content-wrap
    {
        padding-top: 0;
    }  
    
    body.page-id-28 div#contentstart #colrechts .fl-html 
    {
        padding-top: 90px;
    }   
    
    body.page-id-28 div#contentstart #colrechts > .fl-col-content p
    {
        font-size: 16px;
    }
}