/* Theme Name: Lieferkettengesetz 2022
Description: Ein WordPress-Theme für Lieferkettengesetz.de mit WPML-Unterstützung
Author: rundum.digital
Author URI: https://www.rundum.digital
Version: 2.3
Text Domain: rundumtd
*/

/* -------------------------------------------------------------------------------------- */
/* CSS STYLE TABLE OF CONTENT */
/* -------------------------------------------------------------------------------------- */
/*
- 1.0 Basic Styles/General Structure
- 2.0 Headings
- 3.0 Links
- 4.0 Lists
- 5.0 Header
- 6.0 Navigation
--- 6.1 Parent Navigation Elements
--- 6.2 Child Navigation Elements
- 7.0 Main Content
--- 7.1.0 Pages
----- 7.1.1 Front-Page
----- 7.1.2 404 Error Page
----- 7.1.3 Search Result Page
----- 7.1.4 Contact Page
--- 7.2.0 Posts
----- 7.2.1 Categories/Archives
----- 7.2.2 Single Posts
----- 7.2.3 Comments
--- 7.3.0 Custom Post Types (CPT)
----- 7.3.1 CPT/Taxonomy Archive
----- 7.3.2 Single Custom Post Type
- 8.0 Sidebar
- 9.0 Footer
- 10.0 Misc
*/





/* -------------------------------------------------------------------------------------- */
/* 1.0 Basic Styles/General Structure
/* -------------------------------------------------------------------------------------- */

.mw1920 {
    max-width: 1920px;
}

body {
    font-family: "MetaCompPro-Book W01 Regular";

}

h1, h2, h3, h4, h5, h6 {
    font-family: "MetaCompPro-Black W01 Regular";
}

/* -------------------------------------------------------------------------------------- */
/* 2.0 Headings
/* -------------------------------------------------------------------------------------- */

#argumente-accordion h5 {
    font-family: "MetaCompPro-Book W01 Regular";
    padding-left: 30px;
    font-size: 1.1rem;
}


.argument-number {
    font-family: "MetaCompPro-Black W01 Regular";
    position: absolute;
    left: 0;
}

#faq-container h5 {
    font-family: "MetaCompPro-Book W01 Regular";
    padding-left: 30px;
    font-size: 1.1rem;
}


/* -------------------------------------------------------------------------------------- */
/* 3.0 Links
/* -------------------------------------------------------------------------------------- */

a {
    color: #FFEF41;
}

a:hover {
    text-decoration: none;
    color: #FFEF41;
}

.lkg-tbn {
    border: 2px solid #000;
    border-radius: 0;
    font-weight: bold;
}

.lkg-tbn:focus {
    outline: 0;
    box-shadow: none;
    background: #FFEF41;
    color: #fff;
    border: 2px solid #FFEF41;
}

.lkg-tbn:hover {
    background: #FFEF41;
    color: #fff;
    border: 2px solid #FFEF41;
}

.post-read-more img {
    max-width: 48px;
    width: 100%;
    height: auto;
}
/* -------------------------------------------------------------------------------------- */
/* 4.0 Lists
/* -------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------- */
/* 5.0 Header
/* -------------------------------------------------------------------------------------- */

#video video {
    width: 100%    !important;
    height: auto   !important;
}

#video-m video {
    width: 100%    !important;
    height: auto   !important;
}

.img-desktop {
    width: 100%;
    height: auto;
}
.img-ios {

}

.header-single-image {
    margin: 0 -15px;
}

/* -------------------------------------------------------------------------------------- */
/* 6.0 Navigation
/* -------------------------------------------------------------------------------------- */

#fixed-nav-frame {
    position: fixed;
    right: 0px;
    top: 20%;
    z-index:80;
}

#fixed-nav ul {
    padding: 0;

}
#fixed-nav ul li {
    display: inline;

}

#fixed-nav ul li a {
    color: #fff;
    background: #FFEF41;
    padding-left: 30px;
    padding-right: 30px;

    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    border-bottom: 2px solid #FFEF41;
}


#fixed-nav ul#menu-fixed-menu li a:hover {
    background: #FFEF41;
    border-bottom: 2px solid #fff;
}

#fixed-nav .fix-icon a {
    text-indent: -99999px;
    padding-left: 30px;
    padding-right: 30px;
}
#fixed-nav .fix-icon a:hover {
    text-indent: -99999px;
    padding-left: 30px;
    padding-right: 30px;
}


/*
#fixed-nav .facebook-icon, #fixed-nav .twitter-icon {
    float: left;
    display: inline;
}
*/

#menu-social-icons {
    background: #FFEF41;
}
#fixed-nav .facebook-icon a {
    background: #FFEF41;
    height: 55px;
    width: 100%;
    display: block;
    font-size: 24px;
    float: left;
    padding-left: 30px;
    padding-right: 15px;

}

#fixed-nav .facebook-icon a:hover {
    background: #FFEF41!important;
    height: 55px;
    width: 100%;
    display: block;
    padding-left: 30px;
    padding-right: 15px;

}


#fixed-nav .twitter-icon a {
    background: #FFEF41;
    height: 55px;
    width: 100%;
    display: block;
    font-size: 24px;
    float: left;
    padding-left: 30px;
    padding-right: 15px;
}

#fixed-nav .twitter-icon a:hover {
    background: #FFEF41;
    height: 55px;
    width: 100%;
    display: block;
    font-size: 24px;
    float: left;
    padding-left: 30px;
    padding-right: 15px;
}

#fixed-nav .instagram-icon a {
    background: #FFEF41;
    height: 55px;
    width: 100%;
    display: block;
    font-size: 24px;
    float: left;
    padding-left: 30px;
    padding-right: 15px;
}

#fixed-nav .instagram-icon a:hover {
    background: #FFEF41;
    height: 55px;
    width: 100%;
    display: block;
    font-size: 24px;
    float: left;
    padding-left: 30px;
    padding-right: 15px;
}
/*
#fixed-nav .twitter-icon a {
    background: url('images/twitter.png') left 30px center no-repeat #FFEF41;
    height: 55px;
    width: 100%;
    display: block;
}

#fixed-nav .linkedin-icon a {
    background: url('images/linkedin.png') left 30px center no-repeat #FFEF41;
    height: 55px;
    width: 100%;
    display: block;

}

#fixed-nav .twitter-icon a:hover {
    background: url('images/twitter.png') left 30px center no-repeat #FFEF41!important;
    height: 55px;
    width: 100%;
    display: block;

}

#fixed-nav .linkedin-icon a:hover {
    background: url('images/linkedin.png') left 30px center no-repeat #FFEF41!important;
    height: 55px;
    width: 100%;
    display: block;

}
*/



/* HAMBURGER MENU */




#hamburger-opnener {
    right: 30px;
    top: 35px;
    cursor: pointer;
    z-index: 9999;
}

.hamburger-toggler {
    height: 3px;
    width: 26px;
    margin-bottom: 5px;
    background: #fff;
    display: block;

}

.hamburger-toggler.green {
    background: #FFEF41;
}
.hamburger-toggler.scrolled {
    background: #FFEF41;
}

#hamburger-closer {
    right: 30px;
    top: 35px;
}

#hamburger-closer a {
    cursor: pointer;
}

#hamburger-opnener i {
    color: #fff;
    cursor: pointer;
}

.burger-hide {
    display: none;
}

#hamburger-frame {
    background: rgba(4,26,53,0.95);
    margin-left: 0;
    margin-right: 0;
    z-index: 99999;
}

#hamburger-frame .hamburger-toggler-closer {
    background: #2dd3ba;
    width: 26px;
    height: 3px;
    display: block;
}
#hamburger-frame a {
    cursor: pointer;
    display: block;
    height: 26px;
    color: #2dd3ba;
}
#hamburger-frame .toggler-closer-1 {
    transform: rotate(45deg);
    position: relative;
    left: 0px;
    top: 8px;
}

#hamburger-frame .toggler-closer-2 {
    transform: rotate(-45deg);
    position: relative;
    left: 0px;
    top: 5px;
}

#desktop-menu-cell ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}

#social-icons-burger {

}
#social-icons-burger li {
    display: inline-block;
    padding: .5rem 1rem;
}

#social-icons-burger li img {
    max-width: 24px;
    width: 100%;
    height: auto;
}
/* -------------------------------------------------------------------------------------- */
/* 6.1 Parent Navigation Elements
/* -------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------- */
/* 6.2 Child Navigation Elements
/* -------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------- */
/* 7.0 Main Content
/* -------------------------------------------------------------------------------------- */

.title-column.right {
    text-align: right;
}

.image-title-overlay {
    position: relative;
    cursor: pointer;
}
.image-title-overlay .post-title-content {
    position: absolute;
    top: 0;
    text-align: center;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(4,26,53,0.95);
    color: #2dd3ba;

}
.image-title-overlay .post-title-content {

    -webkit-transition: all 0.5s  ease;
    transition: all 0.5s ease;
    opacity:0;
    visibility: hidden;


}

.image-title-overlay:hover .post-title-content {
    display: block;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s  ease;
    opacity:1;
    visibility: visible;
}

.post-image {
    position: relative;
}


/* -------------------------------------------------------------------------------------- */
/* 7.1.0 Pages
/* -------------------------------------------------------------------------------------- */

/* ARGUMENTE */
.card {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #000!important;
}

.card-header:first-child {
    border-radius: 0;
}
.card-header {
    border: 0;
    background: transparent;
}

.card-header {
    padding: 15px 0;
    cursor: pointer;
}

.card-header a {
    cursor: pointer;
}

.card-body {
    padding: 0 0 15px 0;
}

/* Accordion */
#argumente-accordion i, #faq-accordion i {
    position: absolute;
    right: 0;
}

/* Forderungen Slider */

#forderungen-slides-box {
    max-width: 1000px;
    margin: 0 auto;
}

.forderungen-slides-dots {
    margin: 0;
    padding: 0;
    text-align: center;

    /* position: absolute;
    bottom: 120px;
    width: 100%; */

}
/* #forderungen-slider-box-img .carousel-item {
    min-height: 914px;
} */

.forderungen-slides-dots li {
    list-style-type: none;
    display: inline-block;

}

/* .carousel-indicators {
    bottom: 110px;
} */
.carousel-indicators li {
    text-indent: -9999px;
    background: #000;
    border: 0;
    width: 11px;
    height: 11px;
    margin: 0 4px;
    outline: 0;
    border-radius: 50%;
}
.carousel-indicators li.active {
    background: #000;
    width: 13px;
    height: 13px;
    margin-top: -1px;

}
.figure-caption {
    font-size: 100%;
    color: #212529;
    font-weight: 400;
    position: relative;
    top: 20px;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.rd-carousel-control-box {

}
.carousel-control-next, .carousel-control-prev {
    width: 10%;
    top: -13%;
}
.carousel-control-prev {
    left: 15px;
}

.carousel-control-next {
    right: 15px;
}
/* -------------------------------------------------------------------------------------- */
/* 7.1.1 Front-Page
/* -------------------------------------------------------------------------------------- */

ul#partnerlogo-list {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
ul#partnerlogo-list li {
    display: inline-block;
    list-style-type: none;
}

#partnerlogo-list {
    text-align: center;
}

#partnerlogo-list div {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
}

#partnerlogo-list div:nth-child(5):after {


}

/*
#partnerlogo-list img {
    max-height: 90px;
    height: auto;
    width: auto;
    padding: 15px 9px;
}

#partnerlogo-list-2 img {
    max-height: 90px;
    height: auto;
    width: auto;
    padding: 15px 9px;
} */

#morelogos {
    text-align: center;
}

#morelogos .row div {

    display: inline-block;
    padding-left: 0;
    padding-right: 0;
}

/* -------------------------------------------------------------------------------------- */
/* 7.1.4 Contact Page
/* -------------------------------------------------------------------------------------- */

/* STATEMENTS */
#statements-form label {
    width: 100%;
}

#statements-form input {
    width: 100%;
}

#statements-form input:hover {
    border-radius: 0;
}
#statements-form input[type="submit"] {
width: auto;
background: #FFEF41;
border: 2px solid #FFEF41;
color: #fff;
padding: 5px 15px;
}

#statements-form input[type="submit"]:hover {
    width: auto;
    background: #fff;
    border: 2px solid #FFEF41;
    color: #FFEF41;
    padding: 5px 15px;
    }
    #statements-form .ajax-loader {
    display: none;
}

/* -------------------------------------------------------------------------------------- */
/* 7.2.0 Posts
/* -------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------- */
/* 7.2.1 Categories/Archives
/* -------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------------- */
/* 7.2.2 Single Post
/* -------------------------------------------------------------------------------------- */

.related-posts-box .col, .related-presse-box .col {
    background: #FFEF41;
}

.related-posts-box a, .related-presse-box a{
    color: #fff;
}
#related-presse .image-title-overlay  .post-title-content, #related-posts .image-title-overlay .post-title-content {
    margin-left: 15px;
    margin-right: 15px;
}

#related-presse .image-title-overlay .post-image .post-title-content {
    margin: 0!important;
    color: #fff;
    opacity: 1;
    visibility: visible;
    background: #FFEF41;
}

/* Zentrieren */

#related-posts {
    text-align: center;
}

.image-title-overlay {
    margin: 0 auto;
    display: inline-block;
}
/* -------------------------------------------------------------------------------------- */
/* 7.2.3 Comments
/* -------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------- */
/* 7.3.0 Custom Post Types
/* -------------------------------------------------------------------------------------- */

.case-widget {
    border: 10px solid #FFEF41;
    margin-bottom: 50px;
}
/* -------------------------------------------------------------------------------------- */
/*  7.3.2 Single Custom Post Type
/* -------------------------------------------------------------------------------------- */

/* Farben Einleitung */

.o-d39153 {
    color: #d39153;

}

.g-49b170 {
    color: #49b170;
}


.b-40a3d5 {
    color: #40a3d5;
}


.t-08b0a0 {
    color: #08b0a0;
}

.v-9373b1 {
    color: #9373b1;
}

.dg-d3a351 {
    color: #d3a351;
}

.lb-00b4c2 {
    color: #00b4c2;
}

#case-bild-1 {
    position: absolute;
    bottom: 20px;
}






/* -------------------------------------------------------------------------------------- */
/* 8.0 Sidebar
/* -------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------- */
/* 9.0 Footer
/* -------------------------------------------------------------------------------------- */

ul#menu-footer-menu {
    padding-left: 0;
}
ul#menu-footer-menu li {
    list-style: none;
    display: inline-block;
    width: 24%;
    padding: 5px 0;
}

footer a, #to-top a, #to-back a {
    color: #000000;

}

#to-top {
    position: fixed;
    right: 25px;
    bottom: 48px;
}


#to-back {
    position: fixed;
    left: 15px;
    bottom: 48px;
}


/* -------------------------------------------------------------------------------------- */
/* 10.0 Misc
/* -------------------------------------------------------------------------------------- */
/* .lkg-fade {
    opacity:0;
}
*/

.tnp-subscription input {
    background: #fff!important;
    border: 2px solid #000!important;
}

.tnp-subscription input[type=submit] {
    color: #000!important;
    font-weight: bold;
    margin: 15px auto!important;
    padding: 10px 30px!important;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}

.tnp-subscription input[type=submit]:hover {
    background: #FFEF41!important;
    color: #fff!important;
    border: 2px solid #FFEF41!important;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}


.tnp-subscription input[type=checkbox] {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}

#downloads-shortcode-row .image-title-overlay .post-title-content {
    left: 15px;
    right: 15px;
}


#downloads2-shortcode-row .image-title-overlay .post-title-content {
    left: 15px;
    right: 15px;
}



#bestellen-shortcode-row .image-title-overlay .post-title-content {
    left: 15px;
    right: 15px;
}



/* --------------------------------------------------------- */
/* MEDIA QUERIES ------------------------------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* INFORMATION --- Version 1.1 --- 2012-VII-05 ------------- */
/* --------------------------------------------------------- */

/* ###

1.) Use e.g. "Respond.js" by Scott Jehl to enable responsive web designs in browsers that don't support CSS3 Media Queries (e.g. Internet Explorer 6, 7, 8) --> https://github.com/scottjehl/Respond/

2.) In this case, I use stages for all sizes. Between 1001 pixel and 1249 pixel the browser uses your basic-CSS. You can always delete some stages. After check the stages and adjust some min/max widths. (e.g. If you want to use only one stage for smartphones up to 320 width and one stage for smartphones and devices up to 960 pixel, delete the stages between and set the two new stages for a larger range.)

3.) If you think "Oh, the iPhone 4 has a 640x960 pixel display, so my stage needs only to fit on this in portrait and landscape orientation", it's a trap. The iPhone 4 has this resolution, but it uses only 320x480 pixel device-width. Or the Samsung Galaxy S2. It has a 480x800 pixel display --> 320x450 pixel and 320x508 pixel device-width in portrait orientation / 533x237 pixel in width and device-width in landscape orientation. // Quick Tip: "Tablet Computer - 150+ Display Measurements" --> http://www.designfalcon.com/#tablets

4.) Think about PNG-Fix for old IE (e.g. "jquery.pngFix.js" by Andreas Eberhard --> http://jquery.andreaseberhard.de/pngFix/), IE Background-Fix (e.g. "backgroundSize.js" by Louis Remi --> https://github.com/louisremi/jquery.backgroundSize.js) and last but noch least a emulator for CSS3 pseudo classes and attribut selectors for old IE (e.g. "Selectivizr.js" by Keith Clark --> http://selectivizr.com/).

5.) More information about "max-width" and "max-device-width": "max-width" refers to the actual viewport and can target specific sizes and orientations; "max-device-width" refers to the device viewport size, regardless of browser-scale, orientation or resizing. Shorthand: "max-width" (and "max-height") = target display area // "max-device-width" (and "max-device-height") = device entire rendering area. Same for "min" values.

6.) Thanks for your time! (: Andi "Licious" Wieser (Oh, you have some time left or further questions? --> andilicious.com // twitter.com/andiliciouscom // fb.com/andiliciouscom // pinterest.com/licious).

### */



/* --------------------------------------------------------- */
/* BOOTSTRAP GRID COLUMNS --------------------------- */
/* --------------------------------------------------------- */


/* ===== Col-xs and smaller ===== */

@media (max-device-width: 480px) and (orientation: landscape) {

}

@media (max-width: 767px) {

    #pagewrapper {
        overflow-x: hidden;
    }
    #contentwrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .container-fluid {

    }
    #contentwrapper h2
    .title-column.right h2, #single-title-box h2 {
        text-align: left;
    }

    /* h2 {
        text-align: left!important;
    } */

    h5 {
        font-size: 1.0rem;
    }
    .image-title-overlay .post-image, .post-title-content {
        margin-left: -30px!important;
        margin-right: -30px!important;
    }

    #related-presse .post-title-content  {
        margin-left: -30px!important;
        margin-right: -30px!important;
    }

    #case-bild-1 {
        position: relative;
        bottom: auto;

    }
    #partnerlogo-list div {
        padding-left: 0;
        padding-right: 0;
    }
    ul#menu-footer-menu {
        margin-left: 0px;
    }
    #hamburger-opnener {
        right: 15px;
    }
    #hamburger-closer {
        right: 15px;
    }
    #to-top {
        position: fixed;
        right: 15px;
        bottom: 50px;
    }
    #to-back {
        position: fixed;
        left: 10px;
        bottom: 30px;
    }
    .card h5 {
        padding-right: 30px;
    }
    .case-widget {
        border: 10px solid #FFEF41;
        margin-bottom: 50px;

    }

    .case-widget iframe {

    }
    /* SLIDER FORDERUNGEN */
    #forderungen-slider-box-img {
        margin-left: -45px;
        margin-right: -45px;
    }
    .forderungen-slides-caption {
        padding-left: 30px;
        padding-right: 30px;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 10%;
        align-items: flex-start;
        -ms-flex-pack: flext-start;
        justify-content: flex-start;
        top: 20%;
    }
    .carousel-control-prev {
        left: 15px;

    }

    .carousel-control-next {
        right: 0px;
    }
}
/* ===== Col-sm ===== */

@media (min-width: 768px) and (max-width: 991px) {
    h2 {
        text-align: left!important;
    }
    .image-title-overlay {
        position: relative;
        cursor: pointer;
    }
    .image-title-overlay .post-title-content {
        position: absolute;
        top: 0;
        text-align: center;
        left: 0;
        right: 0;
        height: 100%;
        background: rgba(4,26,53,0.95);
        color: #2dd3ba;
    }
    /*
    .post-title-content-xl {
        display: none;
    }
    .image-title-overlay:hover .post-title-content-xl {
        position: absolute;
        top: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        background: rgba(4,26,53,0.95);
        color: #2dd3ba;
        display: block!important;
    }
    */
    .image-title-overlay .post-title-content.hide {
        display: none;
    }

    .post-image {
        position: relative;
    }
    #case-bild-1 {
        position: relative;
        bottom: auto;

    }

}

/* ===== Col-sm and larger/wider ===== */


@media (min-width: 768px) {

}


/* ===== Col-md ===== */

@media (min-width: 992px) and (max-width: 1199px) {
    .title-column.right h2 {
        font-size: 1.6rem;
    }
    h2 {
        font-size: 1.6rem;
    }


    .c-mt {
        margin-top: 35px;
    }
}


/* ===== Col-md and larger/wider ===== */

@media (min-width: 992px) {

}
@media (min-width: 992px) and (max-width: 1024px) {
    #case-bild-1 {
        position: absolute!important;
        bottom: 20px!important;
    }
    .title-column.right h2 {
        text-align: right!important;
    }
    #argumente-accordion h5 {
        padding-right: 30px;
    }
    .title-column.right h2 {
        font-size: 1.4rem;
    }
    h2 {
        font-size: 1.4rem;
    }

}




/* ===== Col-lg ===== */

@media (min-width: 1200px) and (max-width: 1259px) {

    .title-column.right h2 {
        font-size: 1.7rem;
    }
    .c-mt {
        margin-top: 39px;
    }
    h2 {
        font-size: 1.7rem;
    }
}
/* ===== Col-lg ===== */
@media (min-width: 1260px) and (max-width: 1320px) {


    .c-mt {
        margin-top: 45px;
    }
    .title-column.right {
        padding-left: 0;
    }
}
@media (min-width: 1321px) {
    #svg-logo img {
        max-width: 400px;
        width: 100%;
        height: auto;
    }
    .c-mt {
        margin-top: 45px;
    }

}

@media (min-width: 1025px) and (max-width: 1076px) {
    .title-column.right {
        padding-left: 0;
    }
}

/* --------------------------------------------------------- */
/* APPLE MACBOOK PRO RETINA ETC. --------------------------- */
/* --------------------------------------------------------- */

/* Retina Displays/Screens (2880x1800) --------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
}


/* --------------------------------------------------------- */
/* SMARTPHONES, TABLETS & TINY DESKTOPS -------------------- */
/* --------------------------------------------------------- */

/* Old Smartphones (portrait and landscape) ---------------- */
@media
only screen and (min-device-width: 240px) and (max-device-width: 320px) {
    /* YOUR STYLES */
}


/* Old Smartphones (e.g. portrait) ------------------------- */
@media
only screen and (max-width: 319px) {
    /* YOUR STYLES */
}


/* Smartphones (portrait and landscape) -------------------- */
@media
only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    /* YOUR STYLES */
}



/* Smartphones (portrait) & Old SP (landscape) ------------- */
@media
only screen and (min-width: 320px) and (max-width: 479px) {
    /* YOUR STYLES */
}


/* Smartphones (landscape) & Old Tablets (Portrait) -------- */
@media
only screen and (min-width: 480px) and (max-width: 639px) {
    /* YOUR STYLES */
}


/* Smartphones & Tablets (portrait & landscape) ------------ */
@media
only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* YOUR STYLES */
}


/* Smartphones & Tablets (portrait) & Tiny Desktops -------- */
@media
only screen and (min-width: 640px) and (max-width: 799px) {
    /* YOUR STYLES */
}


/* Smartphones & Tablets (landscape) & Splitted Desktops --- */
@media
only screen and (min-width: 800px) and (max-width: 1000px) {
    /* YOUR STYLES */
}





/* --------------------------------------------------------- */
/* DEVICES BY RATIO ---------------------------------------- */
/* --------------------------------------------------------- */

/* LowRes (e.g. 240x320 / 320x480) ------------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 0.75),
only screen and (-o-min-device-pixel-ratio: 3/4),
only screen and (-webkit-min-device-pixel-ratio: 0.75),
only screen and (min-device-pixel-ratio: 0.75),
only screen and (min-resolution: 0.75dppx) {
    /* YOUR STYLES */
}

/* iPhone 5 & 5s Hochformat: */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {

    .carousel-control-next, .carousel-control-prev {
        width: 10%;
        align-items: flex-start;
        -ms-flex-pack: flext-start;
        justify-content: flex-start;
        top: 15%;
    }

    .carousel-control-prev {
        left: 15px;

    }

    .carousel-control-next {
        right: 0px;
    }


}

/* iPhone 5 & 5s Queerformat: */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
    .carousel-control-next, .carousel-control-prev {
        width: 10%;
        align-items: flex-start;
        -ms-flex-pack: flext-start;
        justify-content: flex-start;
        top: 27%;
    }

    .carousel-control-prev {
        left: 15px;

    }

    .carousel-control-next {
        right: 0px;
    }
}

/* iPhone 6/7/8 Hochformat */

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
    .carousel-control-next, .carousel-control-prev {
        width: 10%;
        align-items: flex-start;
        -ms-flex-pack: flext-start;
        justify-content: flex-start;
        top: 19%;
    }

    .carousel-control-prev {
        left: 15px;

    }

    .carousel-control-next {
        right: 15px;
        width: auto;
    }
}
/* iPhone 6/7/8 Querformat */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {

    .forderung-col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 10%;
        align-items: flex-start;
        -ms-flex-pack: flext-start;
        justify-content: flex-start;
        top: 31%;
    }

    .carousel-control-prev {
        left: 15px;

    }

    .carousel-control-next {
        right: 15px;
        width: auto;
    }
}


/* iPhone 6/7/8 PLUS Querformat */
@media only screen
and (min-device-width : 540px)
and (max-device-width : 960px)
and (orientation : landscape) {
    .forderung-col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 10%;
        align-items: flex-start;
        -ms-flex-pack: flext-start;
        justify-content: flex-start;
        top: 31%;
    }

    .carousel-control-prev {
        left: 15px;
        width: auto;
    }

    .carousel-control-next {
        right: 15px;
        width: auto;
    }
}



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

    .forderung-col {
        padding-left: 0;
        padding-right: 0;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 10%;
        top: 35%;
        align-items: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
    }

    .carousel-control-prev {
        left: 30px;


    }

    .carousel-control-next {
        right: 30px;
        width: auto;

    }
}

/* HighRes ------------------------------------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
    /* YOUR STYLES */

    /* e.g. HighRes Logo (use _2x as extension for double-sized images) */
    /* .logo {background-image: url(logo_2x.png); background-size: 50%;} */
}


/* RetinaRes Smartphones (e.g. iPhone 4 / portrait) -------- */
@media
only screen and (min--moz-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (-o-min-device-pixel-ratio: 3/2) and (orientation: portrait),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-resolution: 1.5dppx) and (orientation: portrait) {
    /* YOUR STYLES */
}


/* RetinaRes Smartphones (e.g. iPhone 4 / landscape) ------- */
@media
only screen and (min--moz-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (-o-min-device-pixel-ratio: 3/2) and (orientation: landscape),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (min-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (min-resolution: 1.5dppx) and (orientation: landscape) {
    /* YOUR STYLES */
}


@media only screen and (max-device-width : 330px) and (orientation : portrait) {
    .case-widget {
        border: 0px solid #FFEF41;
        margin-bottom: 50px;
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 10px;
        padding-right: 10px;
    }
}





/* --------------------------------------------------------- */
/* IPADS --------------------------------------------------- */
/* --------------------------------------------------------- */

/* iPads (portrait and landscape) -------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .title-column.right h2 {
        text-align: left;
    }
    #argumente-accordion h5 {
        font-size: 1.0rem;
    }
    #case-bild-1 {
        position: relative;
        bottom: auto;
    }
    .post-title-content h4 {
        font-size: 1.4rem;
    }
    .carousel-indicators {
        bottom: 0px;
    }

}


/* iPads (portrait) ---------------------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .case-list {
        margin-left: -15px!important;
        margin-right: -15px!important;
    }
    #pagewrapper {
        overflow-x: hidden;
    }
    #video {
        display: none!important;
    }
    #video-m {
        display: none!important;
    }
    .carousel-indicators {
        bottom: 0px;
    }
    .forderung-col {
        padding-left: 0;
        padding-right: 0;
    }
    .forderungen-slides-caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 10%;
        top: 33%;
        align-items: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
    }

    .carousel-control-prev {
        left: 30px;


    }

    .carousel-control-next {
        right: 30px;
        width: auto;

    }
}


/* iPads (landscape) --------------------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .carousel-control-next, .carousel-control-prev {
        width: 10%;
        top: 32%!important;
        align-items: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
    }

    .carousel-control-prev {
        left: 15px;


    }

    .carousel-control-next {
        right: 15px;
        width: auto;

    }
}


/* iPad Retina (iPad 3; portrait and landscape) ------------ */
@media
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (min-device-pixel-ratio: 2),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (min-resolution: 2dppx) {
    /* YOUR STYLES */
}

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

    #single-title-box h2 {
        text-align: right;
        font-size: 1.4rem;
    }
    #case-bild-1 {
        position: absolute;
        bottom: 20px;
    }
    .c-mt {
        margin-top: 30px;
    }
    .card h5 {
        padding-right: 30px;
    }
    .image-title-overlay h4 {
        font-size: 1.2rem;
    }
    .post-title-content {
        font-size: 1.0rem;
    }


}

/* Landscape */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {
    .carousel-control-next, .carousel-control-prev {
        width: 10%;
        top: 40%;
        align-items: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
    }

    .carousel-control-prev {
        left: 30px;


    }

    .carousel-control-next {
        right: 30px;
        width: auto;

    }
}




/* --------------------------------------------------------- */
/* COMPUTERS / OTHER DEVICES ------------------------------- */
/* --------------------------------------------------------- */

/* Displays/Screens (e.g. MacBook @ 1280x800) -------------- */
@media
only screen and (min-width: 1250px) and (max-width: 1409px) {
    /* .title-column.right h2 {
        font-size: 1.4rem;
    }
    .mt-xl-5 {
        margin-top: 0!important;
    }
    */
}


/* Displays/Screens (e.g. 19" WS @ 1440x900) --------------- */
@media
only screen and (min-width: 1410px) and (max-width: 1649px) {
    /* YOUR STYLES */
}


/* Displays/Screens (e.g. 22" WS @ 1680x1050) -------------- */
@media
only screen and (min-width: 1650px) and (max-width: 1889px) {
    /* YOUR STYLES */
}


/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media
only screen and (min-width: 1890px) and (max-width: 2529px) {
    /* YOUR STYLES */
}


/* Really Large Displays/Screens (e.g. 2560x1440) ---------- */
@media
only screen and (min-width: 2530px) {
    /* YOUR STYLES */
}


/* Retina Displays/Screens (2880x1800) --------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx) {

}

@media (orientation:portrait) {
    #video {
        display: none!important;
    }

    #video-m {
        display: block!important;
    }
    #menu-footer-menu {
        text-align: center;
    }
    #menu-footer-menu li {
        display: block!important;
        width: 100%!important;
    }
    .carousel-indicators {
        bottom: 0px;
    }

}


@media (orientation:landscape) {
    #video {
        display: block!important;
    }

    #video-m {
        display: none!important;
    }
    #menu-footer-menu {
        text-align: center;
    }
    #menu-footer-menu li {
        display: block!important;
        width: 100%!important;
    }
    .carousel-indicators {
        bottom: 0px;
    }

}

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

    #video {
        display: block!important;
    }
    #video-m {
        display: none!important;
    }
} */