/* Reset CSS */

.lightSlider * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




/*Allgemeine Anpassungen
----------------------------------------*/


.uppercase {
    text-transform: uppercase;
}

.cc-m-all-wrapper {
    min-height: 36px;
}

.j-module li {
    list-style-type: circle;
}

a.cc-m-download-link {
    color: RGB(214, 51, 51) !important;
}

a.cc-m-download-link:hover {
    color: RGB(33, 33, 33) !important;
}

h1 {
    font-size: 2.5em !important;
}


/*Impressum und Datenschutz mobil
-----------------------------------*/

@media screen and (max-width:425px) {
    h1#cc-m-header-12945260978 {
        width: 230px;
        margin: 0 auto 80px;
    }
}


/*2. Scrollbalken unterbinden
---------------------------------*/

.cc-pagemode-default .jtpl-main {
    overflow-x: hidden;
    overflow-y: hidden;

}


img {
    max-width: 100% !important;
    height: auto;
}

ul {
    list-style: none;
}


/* end reset css */





/*Hintergrundbild
----------------------------------*/

body {
    padding-top: 0;
}


/*header ausblenden
------------------------------------*/

.jtpl-logo {
    display: none !important;
}


/*Navigation
------------------------------*/
.jtpl-navigation--desktop__inner {
    padding: 0 !important;
}

.jtpl-navigation--desktop__inner ul {
    margin: 0;
    padding: 15px 0;
}

.jtpl-navigation--desktop {
    display: block;
    background-color: white;
}

.navigation-colors,
.jtpl-navigation--desktop {
    min-height: 80px;
    min-height: 8rem;
}

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

    .navigation-colors,
    .jtpl-navigation--desktop {
        min-height: 0;
    }

    #page-2462933278 .navigation-colors,
    #page-2462933278 .jtpl-navigation--desktop {
        min-height: 60px;
        min-height: 6rem;
    }
}


/*Jimdo-Buttons
-----------------*/
.j-calltoaction-wrapper {
    width: 60%;
    margin: 0 auto;
}

li span {
    line-height: 1 !important;
}

/*Popup-Buttons
------------------------------*/
.buttonContainer,
.buttonContainer1 {
    height: 3em;
    display: none;
}



/*header-Image
-------------------------------*/
/*.jqbga-slider--image,
.jqbga-web--image {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100vw auto !important;
}
*/




/*Webseiten-Titel (h1) 
-------------------------------------------*/

.jtpl-header {
    height: 35vw;
}

/*Seitentitel
------------------------*/

.jtpl-title {
    margin-top: 180px;
}

span#cc-m-header-12889841678 {
    font-size: 4.5vw;
}




/*mobiles Hochformat
=============================================================*/

@media screen and (orientation: portrait) and (max-width: 767px) {

    /*Seitentitel
    ------------------------*/

    .jtpl-title {
        margin-top: 5vw;
    }

    /*Content
    -----------------------*/

    .jtpl-header {
        height: 55vw;
    }

    /*Hintergrundbild*/
    .jqbga-slider--image,
    .jqbga-web--image {
        background-image: url('https://redesign-berlin.lima-city.de/__project/staatswerk/230816-mobileheader.jpg') !important;
        background-repeat: no-repeat;
        background-position: right top !important;
        background-size: cover !important;
        background-size: 100vw auto !important;

    }

    .jqbga-container {
        height: auto !important;
    }

    #cc-m-12889841678 {
        top: 4rem;
        left: 3rem;
        height: 30rem;
    }

    span#cc-m-header-12889841678 {
        font-size: 4.5vw !important;
    }
}



/*mobiles Querformat
=============================================================*/

@media screen and (orientation: landscape) and (max-width: 767px) {

    .jtpl-header {
        height: 200px;
    }

    /*Seitentitel
    ------------------------*/

    .jtpl-title {
        margin-top: 50px
    }

    span#cc-m-header-12889841678 {
        font-size: 3.5vw !important;
    }



    /*Jimdo-Buttons
    -------------------------*/
    .j-calltoaction-wrapper {
        width: 38%;
        margin: 0 auto;
    }


}


/*Navizeile Impressum
----------------------------------*/

#page-2462933278 .jtpl-toggle-wrapper,
#page-2462933278 .jtpl-navigation--mobile,
#page-2462933278 .j-nav-variant-nested {
    display: none;
}

.navimpr {
    position: fixed;
    margin-top: 5px;
    right: 5px;
}

.navimpr a,
.navimpr a:link,
.navimpr a:active,
.navimpr a:visited,
.navimpr a:hover {
    border-bottom: 3px solid transparent;
    display: inline-block;
    line-height: 30px;
    line-height: 3rem;
    margin: 5px 5px;
    margin: 0.5rem 0.5rem;
    padding: 5px 15px 0;
    padding: 0.5rem 1.5rem 0;
    text-decoration: none;
    transition: border-bottom 300ms ease-in, color 300ms ease-in;
}

.navimpr a:hover {
    border-bottom: 3px solid #666;
    display: inline-block;
    line-height: 30px;
    line-height: 3rem;
    margin: 5px 5px;
    margin: 0.5rem 0.5rem;
    padding: 5px 15px 0;
    padding: 0.5rem 1.5rem 0;
    text-decoration: none;
    transition: border-bottom 300ms ease-in, color 300ms ease-in;
}


/*shadow-line
----------------------------------------*/

.navigation-colors,
.sidebar-options {
    -webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
}


/*Link zur "Startseite" in Main-Nav ausblenden
------------------------------------------------------------*/

#cc-nav-view-2462933378 {
    display: none;
}


/*Content
----------------------------*/

.jtpl-content__inner {
    margin-top: 60em;
    margin-top: calc(100vw * 0.6);
    /*400px;*/
    min-height: 980px;
    padding-bottom: 0;
}


/*Breitenanpassung
----------------------*/

.jtpl-header,
.jtpl-content__inner,
.jtpl-sidebar__inner,
.jtpl-footer__inner {
    max-width: 1400px;
    padding-top: 0;
    padding-bottom: 0;
}


/*Hintergrund Fußzeile
-----------------------------------*/

.jtpl-footer {
    width: 100%;
    min-height: 150px;
    padding: 40px;
    /*background: url("https://redesign-staatswerk.jimdo.com/app/download/12895480478/jimdo-office_impression_fullsize.jpg") 
        rgba(0,0,0,0.5) no-repeat fixed center bottom;       
        background-size: 100%;*/
    background: url() white;
}





























/*eigene Bereiche
=====================================================*/


/*Test-TextSlider*/

.lightSlider1 {
    background: url('https://sachinchoolur.github.io/lightslider/img/cS-1.jpg') no-repeat center top;
}

#lightSlider1 li {
    margin: -3em 0;
    padding: 12em 8em;
    list-style-type: none !important;
}

#lightSlider1 p {
    color: white;
    font-style: italic;
}


/*TextSlider "Kunden" */

#lightSlider2 ul {}

#lightSlider2 li {
    margin: 0;
    padding: 0 8em;
    list-style-type: none !important;
}

#lightSlider2 p {
    color: white;
    font-style: italic;
}


/*Link-Farbe Textslider*/

div#cc-matrix-3645604678 a {
    color: white;
    font-size: 80%
}


/*slider-controls*/

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #ccc;
}

.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #666;
}

.lSAction > a {
    width: 100px;
    display: block;
    top: 60px;
    height: 200px;
    background-image: url('https://redesign-staatswerk.jimdo.com/app/download/12912079878/controls.png?t=1457897921');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
    opacity: 1;
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 0;
    margin-top: -75px
}

.lSAction > .lSNext {
    background-position: 100px 0;
    right: 0;
    margin-top: -75px
}


/*Textslider mobile
------------------------------------*/

@media (max-width: 765px) {
    #lightSlider2 li {
        margin: 0;
        padding: 0;
        list-style-type: none !important;
        z-index: 999;
        font-size: 60%;
    }

    .lSAction > a {
        background-image: none;
    }
}


/* Text im Lightslider
--------------------------------------------------------------*/

.lightslider .hyphen {
    background: url("https://redesign-berlin.lima-city.de/__project/staatswerk/controls.png") rgba(0, 0, 0, 0) left top;
    background-repeat: no-repeat;
    height: auto;
    min-height: 3em;
    padding: 1.2em;
}

/*PopUps
-----------------------------------------------------------------------*/

a.popup-link {
    padding: 15px 0;
    text-align: center;
    margin: 0 auto;
    position: relative;
    width: 150px;
    color: #fff;
    text-decoration: none;
    background-color: #FFBA00;
    display: block;
    border-radius: 3px;
    box-shadow: 0 5px 0px 0px #eea900;
}

a.popup-link:hover {
    background-color: #ff9900;
    box-shadow: 0 3px 0px 0px #eea900;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}


/* end link popup*/


/*style untuk popup */

#popup,
#popup1,
#popup2,
#popup3 {
    visibility: hidden;
    opacity: 0;
    margin-top: 0;
    margin-left: 0;
}

#popup:target,
#popup1:target,
#popup2:target,
#popup3:target {
    visibility: visible;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 99999999999;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

@media (min-width: 768px) {
    .popup-container {
        width: 70%;
        max-width: 700px;
    }
}

@media (max-width: 767px) {
    .popup-container {
        width: 100%;
    }
}

.popup-container {
    position: relative;
    margin: 10% auto;
    /*Abstand*/
    padding: 30px 50px;
    background-color: #333;
    color: #fff;
    border-radius: 3px;
}

a.popup-close {
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: #fff;
    padding: 7px 10px;
    font-size: 20px;
    text-decoration: none;
    line-height: 1;
    color: #333;
}


/* style untuk isi popup */

.popup-form {
    margin: 10px auto;
}

.popup-form h2 {
    margin-bottom: 5px;
    font-size: 37px;
    text-transform: uppercase;
}

.popup-form .input-group {
    margin: 10px auto;
}

.popup-form .input-group input {
    padding: 17px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 16px;
    display: block;
    width: 100%;
}

.popup-form .input-group input:focus {
    outline-color: #FB8833;
}

.popup-form .input-group input[type="email"] {
    border: 0px;
    position: relative;
}

.popup-form .input-group input[type="submit"] {
    background-color: #FB8833;
    color: #fff;
    border: 0;
    cursor: pointer;
}

.popup-form .input-group input[type="submit"]:focus {
    box-shadow: inset 0 3px 7px 3px #ea7722;
}


/*CSS3 Popup-Button-Container
---------------------------------------*/

.buttonContainer {
    height: 8em;
    margin: 0;
}

.buttonContainer1 {
    height: 8em;
    padding: 0 calc(50% - 75px);
}


/* PopUp-Button
---------------------------------------*/

a.popup-link,
a.popup-link:hover {
    padding: 8px 0;
    text-align: center;
    width: 150px;
    margin: 0;
    position: relative;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    display: block;
    border-radius: 20px;
    border: 1px solid #ccc;
    /* box-shadow: 0 5px 0px 0px #666;*/
}

a.popup-link,
a.popup-link:hover,
a.popup-link:visited,
a.popup-link:active {
    box-shadow: none;
}

#popup h2,
#popup1 h2,
#popup2 h2,
#popup3 h2 {
    color: #fff
}

/*Sprungmarken und Anker
------------------------------------------------------------*/

.sprungmarke {
    color: transparent;
    padding-top: 0;
}

@media (min-width: 768px) {
    .sprungmarke {
        position: absolute;
        padding-top: 87px;
    }

    .sprungmarke span {
        position: absolute;
        top: -87px;
    }
}

#closed,
#closed1,
#closed2,
#closed3,
#start {
    position: fixed;
    top: 0;
}

.popup-container {
    position: relative;
    margin: 10% auto;
    padding: 30px 50px;
    background-color: #333;
    color: #fff;
    border-radius: 5px;
}

.popup-close {
    border-radius: 3px;
}


/*Kontaktformular
-----------------------------------------------------*/

#cc-m-12893756678 p,
#cc-m-12893756678 label {
    color: white
}

textarea#m741edbe3c1ece9302,
input#m741edbe3c1ece9300,
input#m741edbe3c1ece9301 {
    background-color: rgba(255, 255, 255, .5);
}

input,
textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input[type="email"] {
    color: #666;
}





/* smooth scroll back up
-----------------------------------*/

.scrollup {
    outline: none !important;
    width: 50px;
    height: 50px;
    opacity: 0.75;
    position: fixed;
    bottom: 3%;
    right: 3%;
    display: block;
    text-indent: -9999px;
    background: url('https://redesign-staatswerk.jimdo.com/app/download/12912314278/btn_up.png?t=1457900258') no-repeat;
    background-size: 45px 45px;
    z-index: 999;
}

.scrollup:hover {
    opacity: 1;
}

@media (max-width: 765px) {
    .scrollup {
        background-size: 30px 30px;
    }
}


/*Sections
-----------------------------*/


/*Section-Nav*/

#cc-m-10372084391 {
    width: 450px;
    position: absolute;
    margin: -100px auto 100px auto;
}

#section1 {
    margin: 0 -9999rem;
    padding: 0.25rem 9999rem;
    background: RGBA(248, 249, 250, 1);
}

#section2 {
    margin: 0 -9999rem;
    padding: 0.25rem 9999rem;
    background: rgba(255, 255, 255, 1);
}

#section3 {
    margin: 0 -9999rem;
    padding: 0.25rem 9999rem;
    background: rgba(255, 102, 102, 1);
}

#section4 {
    margin: 0 -9999rem;
    padding: 0.25rem 9999rem;
    /* background: url("https://redesign-staatswerk.jimdo.com/app/download/12895480478/kontakt-mob.jpg") 
        rgb(43, 49, 60) no-repeat center top;*/
    background: url("https://www.staatswerk.de/app/download/12940368278/Birgit-Staats_Kontakt_980x1330.jpg") rgb(43, 49, 60) no-repeat;
    background-position: center top;
    background-size: 100vw auto;
}

@media (max-width: 425px) and (orientation: portrait) {
    #section4 {
        margin: 0 -9999rem;
        padding: 0.25rem 9999rem;
        background: url("https://redesign-staatswerk.jimdo.com/app/download/12895480478/kontakt-mob.jpg") rgb(43, 49, 60) no-repeat;
        background-position: center top;
        background-size: 100vw auto;
    }
}

@media (min-width: 1024px) {
    #section4 {
        margin: 0 -9999rem;
        padding: 0.25rem 9999rem;
        background: url("https://redesign-staatswerk.jimdo.com/app/download/12895473778/Kontakt.jpg?t=1457098697") rgb(43, 49, 60) no-repeat center top;
        background-size: 100vw auto !important;
        min-height: 58rem;
        min-height: 60vw;
    }
}