/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26.01.2021, 12:45:45
    Author     : juergen kind
*/

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11.05.2020, 09:01:39
    Author     : juergen kind
*/

 

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

 .carousel-indicators {
        border: 0px solid green;
        bottom: 90px;
    }

}




/* ----------- iPad 2019 ----------- */
/* iPad hoch */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    .row-primary .frame-type-text br {
        display: none;
    }
    .carousel-indicators {
        border: 0px solid green;
        bottom: 90px;
    }
    

}

/* ----------- iPad 2019 ----------- */
/* Ipad Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

    .carousel-indicators {
        bottom: 50px;
    }
  
}



/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (-webkit-min-device-pixel-ratio: 1.5) {

    .carousel-indicators {
        bottom: 50px;
    }
    

}

/* Portrait */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {

.carousel-indicators {
        bottom: 50px;
    }

}

/* Landscape */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1.5) {

.carousel-indicators {
        bottom: 50px;
    }


}

/* iPhone 8 */
@media only screen 
and (device-width : 375px) 
and (device-height : 667px) 
and (-webkit-device-pixel-ratio : 2) 
and (orientation : portrait) { 

.carousel-indicators {
        bottom: 50px;
    }


}



/* iPhone 8 Plus */
@media only screen 
and (device-width : 414px) 
and (device-height : 736px) 
and (-webkit-device-pixel-ratio : 3) { 

.carousel-indicators {
        bottom: 50px;
    }


}

/* iPhone X */    

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {

    .your-class-here {

    }
    .carousel-indicators {
        bottom: 50px;
    }

}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

    .your-class-here {

    }
    .carousel-indicators {
        bottom: 50px;
    }

}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: landscape) {

    .your-class-here {

    }
    .carousel-indicators {
        bottom: 50px;
    }

}



/* CSS Code wenn Dark Mode aktiv */ 
/*
@media (prefers-color-scheme: dark) {

    .text-primary {
        color: #ed1c24 !important;
    }
    body { background: black; }
    p { color: white; }

    .footer-section-content {
        color: white;
        background-color: #333;
    }

    .section-default .frame-type-text.frame-background-secondary p {
        color: black;
    }

    .footer-section-content p {
        color: #bbb;

    }
    .footer-section-content a {
        color: white !important; 
    }
    .footer-section-content .text-primary {
        color: white !important; 
    }

    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #000;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        outline: 0;
    }


}
*/