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

/* ------------------------------------------------------------------------------------------------------------------- */
/*   A L L G E M E I N E S  (IN ALLEN SATELLITEN MEHR ODER WENIGER GLEICH)  */

/* NAVI */

.fl-node-59a843e0136b4 .menu a {
    padding-left: 40px;
    padding-right: 40px;
}

@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: 30px;
        padding-right: 30px;
    }
}

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


/* BLOG-ARCHIVE */

.fl-builder-pagination {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    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;
    }
}


/* BLOG-ARCHIVE BP */

.fl-builder-pagination li a.page-numbers:hover, 
.fl-builder-pagination li span.current {
background-color: rgba(149, 15, 149, 0.7);
}


/* PAGE VERANSTALTER */

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

#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 #ccc;
}

.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;
}

/* 404 */

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




/* --------------------------------------------------------------------------------------------------- */
/*                                      DL ALLGEMEIN                                            */
/* --------------------------------------------------------------------------------------------------- */


/*

lila: #5e0b4f

rosa: #e6007e

*/

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

/* (R E-) I N I T I A L I S I E R U N G E N 
   ALLES DAHIN SETZEN, WO ES HINGEHÖRT */


/* SEITENKOPF */

/* BODY: Bedenke, dass BB beim body padding-top: 38px setzt  */

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

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

/*

    T E X T K O N Z E P T


    GETEILTE ÜBERSCHRIFTEN FÜR SAMRTPHONES QUER

Man muss nicht, man kann im BB-Editor Überschriften mit den Klassen desktop, phone, zeile1 und zeile2 auszeichnen, so:

<h1 class="desktop" style="text-align: center;">DEUTSCHROCKMAFIA - modern &amp; kultig</h1>
<h1 class="phone zeile1" style="text-align: center;">DEUTSCHROCKMAFIA</h1>
<h1 class="phone zeile2" style="text-align: center;">modern &amp; kultig</h1>
*/

h1.desktop {

    display: none;
} 

h1.phone {

    display: block;
} 

h1.phone.zeile1 {

    margin-bottom: 0;
} 


@media (min-width: 768px) {

    h1.desktop {
        display: block;
    }    

    h1.phone {

        display: none;
    } 
}


/* TEXT */

h1, 
.h1, 
h2, 
.h2, 
h3, 
.h3 {
    margin-top: 0px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {

    
    body {font-size:13px;}

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

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

/*
@media (max-width: 810px) {

    h1, .fl-heading, .fl-heading-text, .font_0 {
        font-size:2.0em !important;
    }
}
*/





/* --------------------------------------------------------------------------------------------------- */
/*                               DL SEITEN MIT FREIER POSITIONIERUNG                                   */
/* --------------------------------------------------------------------------------------------------- */


/*  PAGE HOME = 18 
    PAGE KONTAKT = 28 
*/


.page-id-28 .fl-page-content,
.page-id-18 .fl-page-content {
    margin-top: 0px; 
}


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

/* OPTIONALE ANPASSUNG DER NAVI-UND FOOTER-FARBE AUF PAGES MIT FREIER POSITIONIERUNG */
/*
.page-id-18 header .fl-row-content-wrap,
.page-id-28 header .fl-row-content-wrap {

     background-color: #353535;
}

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

    .page-id-18 footer .fl-col-content,
    .page-id-28 footer .fl-col-content {

        background-color: #1b1b1b;
    }
}
*/

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

/* MOTIVHINTERGRUND */

body.page-id-18 {
    
    background-image: url(https://www.disco-lords.de/wp-content/uploads/2017/08/bg-home1.jpg);
    background-repeat: no-repeat;
    background-position: center 38px; /* Y kann auch top oder center gesetzt werden */
    background-attachment: fixed;
    background-size: cover;
}

.page-id-18 div#bildzeile {
    display: none;   
}

/* CONTENT-POSITIONIERUNG */

.page-id-18 div#contentstart {
    margin-top: 46%;
    margin-top: 87vh; 
    margin-top: calc(100vh - 38px - 64px); /* die -38px gleicht nur die Navbar aus, die -64px bestimmt den Abstand von unten */
}

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

            /* MOTIVHINTERGRUND */

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

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

            /* CONTENT-POSITIONIERUNG */

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

            /* VIDEO */
            .page-id-18 .fl-module-video.fl-node-5a04560a6d6c8 .fl-module-content {
                margin-top: 20px;
            }

            /* CONTENT-RAHMEN */

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


}

/*
@media  screen and (max-aspect-ratio: 1258/835) and (min-width: 1090px) {

            .page-id-18 .fl-module-video .fl-module-content {
                margin-left: 3px;   
                margin-right: 3px;
            }
}
*/

@media  screen and (max-aspect-ratio: 1258/835) and (max-width: 1089px) {

            .page-id-18 .fl-module-video .fl-module-content {
                margin-left: 0;   
                margin-right: 0;
            }
}

/* PAGE KONTAKT UND IMPRESSUM */

/* STICKYFOOTER */

.page-id-22 .fl-page,
.page-id-28 .fl-page,
.page-id-30 .fl-page {
    position: relative;
    min-height: 100%;    
    min-height: 100vh;
    min-height: calc(100vh - 38px);
    padding-bottom: 90px; 
}

.page-id-22 footer .fl-row-content-wrap,
.page-id-28 footer .fl-row-content-wrap,
.page-id-30 footer .fl-row-content-wrap {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

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

            /* STICKYFOOTER */

            .page-id-22 .fl-page,
            .page-id-28 .fl-page,
            .page-id-30 .fl-page {
                min-height: 100%;
                min-height: 100vh;
                padding-bottom: 70px; 
            }
}

@media  screen and (max-width: 440px) {
    
                /* STICKYFOOTER */
                
                .page-id-22 .fl-page,
                .page-id-28 .fl-page,
                .page-id-30 .fl-page {
                    padding-bottom: 86px; 
                }
}    




/* PAGE VERANSTALTER */

@media  screen and (max-width: 768px) {
    
    .page-id-26 .fl-node-59ac1aaf596ab .fl-col-small {
        max-width: 100%;
    }

}