/*----------------------------------------------------
	text.css - Überschreiben bestehender Elemente - Neue Elemente - Downloads
------------------------------------------------------*/

/* Layer Points Desktop */

body {
    overflow-x:hidden;
}

.points-circle-hint {
    float: left;
    width:100%;
    height:100px;
    background: url(../images/circle_hint.png) no-repeat 50% 0;
    background-size: 100px 100px;
}

.points-circle {
    float: left;
	width:100%;
	background: url(../images/circle.png) no-repeat 50% 0;
	background-size: 100px 100px;
    }

.points-circle p {
	color:#428600;
	padding: 50px 0 0 0;
	font-size:30px;
	text-align:center;
    }

.points-circle p.small {
	color:#9a9a9a;
	font-size:12px;
	padding: 0 0 0 0;
	text-align:center;
    }

.points-circle p.points {
	color:#428600;
	padding: 10px 0 0 0;
	font-size:12px;
	text-align:center;
    }

.points-circle p.points span {
	color:#9a9a9a;
    }


#button-points {
    position: fixed;
    bottom:20px;
    right:0;
    background: #727272;
    width: 15%;
    height: 50px;
    margin: 0 20%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.15);
    z-index: 30;
    text-align:center;
    padding: 12px 0 0 0;
    opacity:0.8;
}

#layer-points .fa  {
    color: #000;
    font-size: 30px;
    cursor:pointer;
}

#button-points .fa  {
    color: #fff;
    font-size: 30px;
    cursor:pointer;
}


#layer-points {
    position: fixed;
    top: 65px;
    left:0;
    right:0;
    width: 65%;

    padding: 3%;
    margin: 0 auto;
    background: #fff;
    z-index:50;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: #cecece solid 1px;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.15);
    overflow-x: hidden;
    overflow-y: auto;
    text-align:center;
}

#layer-points-desktop {
    display:none;
}

#layer-admin-desktop {
    display:none;
}

#layer-admin-desktop {
    position: fixed;
    display: block;
    right:10px;
    top: 100px;
    z-index: 899;
    text-align: left;
    padding: 30px 10px 0 15px;
    background: #f5f3f4;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: #cecece solid 1px;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.15);
    overflow-x: hidden;
    overflow-y: auto;

    margin-top:500px;
    max-width:250px;
}

#layer-admin-desktop h2 {
    font-weight:bold;
}

#layer-admin-desktop .circle {
    border:3px solid #428600;
    border-radius: 100%;
    width:100px;
    height:100px;
    margin: 20px 0 0 0;
}

#layer-admin-desktop .circle p {
    color: #428600;
    font-size: 30px;
    padding: 35px 25px 25px 20px;
}

#layer-admin-desktop:hover {
    cursor: pointer;
}


#layer-points h2 {
    font-weight:bold;
}

#layer-points .circle {
    border:3px solid #428600;
    border-radius: 100%;
    width:100px;
    height:100px;
    margin: 20px auto;
}

#layer-points .circle p {
    color: #428600;
    font-size: 30px;
    padding: 35px 25px 25px 20px;
}



/* placeholder empty square*/
.empty-square {
    margin-top:55px;
    height: 150px;
    color:#000;
}

.empty-square span {
    color:#e79e18;
    font-weight:bold;
    font-size: 30px;
}


/* Page Title*/
.page_title4 {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    background: #fff;
    border-top: none;
    border-bottom: none;
}
.page_title4 h1 {
    color: #e79e18;
    margin: 0px;
    font-weight: normal;
    text-transform: none;
    font-size: 35px;
}

/* Suche*/

#download-searching {
    display: inline-block;
    position: relative;
    height: 40px;
    float: left;
    padding: 0;
    width: 100%;
}

#search {
    width: 85%;
    height: 40px;
    border:none;
    border-bottom: 1px solid #d3d3d3;
    color: #000;
    font-size: 18px;
}

input::-webkit-input-placeholder {
    color: #000 !important;
    font-size: 18px;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #000 !important;
    font-size: 18px;
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: #000 !important;
    font-size: 18px;
}

input:-ms-input-placeholder {
    color: #000 !important;
    font-size: 18px;
}

#search_submit {
    width: 15%;
    height: 35px;
    border:none;
    background: url("../../images/search-submit.png") no-repeat center 7px;
    background-size: 10px 18px;
    padding: 1%;
}

.information {
    color: #000;
    float:right;
}

.information a, .information a:link, .information a:visited {
    color: #000;
}

.information a:hover {
    color: #e79e18;
}

#download-searching a, #download-searching a:link, #download-searching a:visited {
    color: #727272;
    font-size:12px;
}

#download-searching a:hover {
    color: #e0e0e0;
}

section.show-older {
    float:right;
    padding: 100px 0 40px 0;
    width:150px;
    text-align:left;
}


/* Bildvergrößerung Effekt */

.img_left1 {
    overflow:hidden;
    width:361px;
    height:180px;
    cursor:pointer;
}


.popup-window table {
    background: #e8e8e8;
    border:0;
    border-collapse:separate;
    border-spacing:0 5px;
}

.popup-window thead tr th{
    border-bottom: 1px solid #808080;
    border-collapse:separate;
    border-spacing:5px 5px;
    width:10%;
}

.popup-window tbody tr#first td{
    border-top: 3px solid #4d4d4d;
    border-collapse:separate;
    border-spacing:5px 5px;
}

.popup-window {
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    width:800px;
    margin-top:0px;

    margin-left: -400px;
    margin-top: -325px;

    z-index: 899;
    text-align: left;
    padding: 30px 10px 0 15px;
    background: #f5f3f4;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: #cecece solid 1px;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.75);
    overflow-x: hidden;
    overflow-y: auto;
    max-width:800px;
    z-index:9000;
    overflow:auto;
}

.popup-window h2 {
    font-weight:bold;
}


.result td {
    border-top: 1pt solid #cec8c8;
    color:green;
    font-weight:bold;
}

.fb_evaluation_campaign-legend {
    font-size:12px;
    color:#0D0D0D;
}

fb_evaluation_campaign-legend tr th.first {
    width:5%;
}

fb_evaluation_campaign-legend tr td.first {
    width:5%;
    font-weight:bold;
}


.fb_evaluation_campaign table {
    background: #e8e8e8;
    border:0;
    border-collapse:separate;
    border-spacing:0 5px;
}

.fb_evaluation_campaign thead tr th{
    border-bottom: 1px solid #808080;
    border-collapse:separate;
    border-spacing:5px 5px;
    width:10%;
}

.fb_evaluation_campaign tbody tr#first td{
    border-top: 3px solid #4d4d4d;
    border-collapse:separate;
    border-spacing:5px 5px;
}

.text-danger{
    color: #e79e18 !important;
}

.text-success{
    color: #428600 !important;
}

.text-warning{
    color: #faaf0e !important;
}

.text-bold{
    font-weight:bold !important;
}

@media only screen and (max-width: 767px) and (min-width: 480px) {

    .img_left1 img {
        width:100%;
    }
}

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


}

@media only screen and (max-width: 1169px) and (min-width: 1000px) {


}

@media only screen and (max-width: 479px) {
}



/* Bildvergrößerung Effekt Searchengines */


.effekt-searchengine {
    overflow:hidden;
    width:130px;
    height:130px;
    float:left;
}




/* Einzelseite  */

.subkategorie{
    color: #000;
    font-size: 20px;
    padding: 20px 0 20px 0;
}

.icon{
    width:100%;
    padding: 0 0 10px 10px;
}



/* Searchengines
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.searchengines {
    margin-top: 30px;
    float:left;
}

.searchengines p {
    color: #bfbfbf;
    line-height: 16px;
    padding: 5px 0;
}

.searchengines-logo {
    margin-top: 5px;
    margin-bottom: 30px;
    width:80%;
    float:left;
    border-bottom:1px solid #d3d3d3;
}

.keywords {
    color:#428600;
    font-size: 12px;
}

.icon-searchengine {
    padding: 15px 0;
}



/* Layer Information
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#close {
    margin-bottom: 30px;
}

#close .fa {
    color: #000;
    z-index: 50;
    float:right;
    font-size:1.5rem;
}

#layer .fa {
    color: #000;
}

#layer span {
    color:  #e79e18;
    font-style: italic;
}

#layer p {
    font-size: 13px;
    line-height: 20px;
    color: #000;
}

section#layer {
    position: fixed;
    left: 0;
    right: 0;
    top: 65px;
    bottom: 10px;
    width: 500px;
    height: 210px;
    padding: 3%;
    margin: 0 10%;
    background: #f5f3f4;
    z-index:30;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #cecece solid 1px;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.15);
    overflow-x: hidden;
    overflow-y: auto;
    display:none;
}

.toggle {
    position: absolute;
    left: -9999px;
    top: -9999px;
    display:none;
}
.img_left1 {
    transition: height .5s ease;
}
.toggle:checked ~ .img_left1 {
    height:511px;
}
.toggle:checked + .imgtoggle {
    top:523px;
}
.toggle:checked + .imgtoggle .arrow {
    transform: rotate(135deg);
    top: 15px;
}

.imgtoggle {
    position: relative;
    top: 194px;
    left:0px;
    width:100%;
    height:30px;
    background: rgba(211,211,211,.8);
    transition: all .5s ease;
    border-radius: 0px 0px 2px 2px;
    cursor:pointer;

}
.arrow {
    position: relative;
    top: 5px;
    left: calc(100%/2);
    width: 16px;
    height:16px;
    border:none;
    border-left: 2pt solid rgba(0,0,0,.4);
    border-bottom: 2pt solid rgba(0,0,0,.4);
    transform: rotate(-45deg);
    transition: transform .5s ease;
    cursor:pointer;
}

.toggle-results {
    position: absolute;
    left: -9999px;
    top: -9999px;
    display:none;
}

.img_left1 {

}


.img_left4 {

}

.img_left4:hover {
    cursor: pointer;
}



.toggle-results:checked ~ .img_left4 {
    height: 360px;
    width: auto;
}

.toggle-results:checked + .imgtoggle-results {
    top: 371px;
    width: 360px;
    left:0px;
}

.toggle-results:checked + .imgtoggle-results .arrow-results {
    transform: rotate(90deg);
    left: 341px;

}

.imgtoggle-results {
    position: relative;
    top: 100px;
    left:-142px;
    width:132px;
    height:30px;
    background: rgba(211,211,211,.8);
    border-radius: 0px 0px 2px 2px;
    cursor: se-resize;
}

.arrow-results {
    position: relative;
    top: 14px;
    left: 117px;
    width: 10px;
    height: 10px;
    border: none;
    border-left: 2pt solid rgba(0,0,0,.4);
    border-bottom: 2pt solid rgba(0,0,0,.4);
    transform: rotate(-90deg);
    cursor: se-resize;
}

.customLink {
    color: #e79e18;
}

a.customLink:hover {
    color: #e79e18;
}

.nonepointer{
    pointer-events:none;
}

.error-label{
    font-size:9px;
    color:#e79e18;
}



.ms-layer-fullsize{
    width:100%;
    heigth:100%;
}

.background-login-form{
    background-color: #F4F4F4  !important;
}

.time-window-info {
    text-align:center;font-size: 12px;
}

.pin-send-label{
    font-size:10px;
    color:#131212;
}

.pin-send-label:hover{
    font-size:10px;
}

.mail-id-label{
    font-size:9px
}

.custom-footer-logo{
    min-width:225px;
    margin-top:25px;
}

.custom-footer-address{
    margin-top:25px;
}

.custom-footer1{
    float: left;
    border-top: 2px groove #e79e18;
    background: #FFF none repeat scroll 0% 0%;
}

.custom-text-black{
    color:#000000;
}

.custom-text-footer-link{
    width:18px;
    padding-right:10px;
}

.custom-messages{
    margin-left:10px;
}

 .dropdown-menu>.active>a,
 .dropdown-menu>.active>a:hover,
 .dropdown-menu>.active>a:focus {
     background-color: #e79e18 !important;
 }
.custom-text-align-right{
    text-align:right;
}

.custom-hide{
    display:none
}

.custom-validation-error{
    font-size:9px;
    color:#e79e18;
}

.custom-shop-error-box{
    min-height:250px;
}

.custom-shop-error-title{
    color:#e79e18!important;
    font-size: 24px
}

.custom-shop-redirect-box{
    position: relative;
    display: inline-block;
    width:100%;
}

.custom-shop-redirect-img{
    max-width: 100%;
    height: auto;
    display: block;
    margin-left:20px;
}

.custom-shop-redirect-progress{
    color: #f1ecec;
}

.custom-shop-redirect-progress-position{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left:20px;
}

.custom-shop-redirect-textfield-width{
    width:80%;
}

.custom-set-password-button{
    width:85%
}

.custom-reg-form-with-margin-top{
    margin-top:50px;
}

.custom-term-confirmation-img-fullwidth{
    width:100%;
}

.custom-download-link{
    font-size:13px;
    margin-left:28px;
}

.custom-term-confirmation-success{
    font-size:11px;
    color:green;
}

.custom-term-confirmation-hint{
    font-size:11px;
    color:#e79e18;
}

.custom-term-confirmation-error{
    color:#e79e18;
    font-weight:bold;
}


.custom-profile-button{
	margin-bottom:5px !important;
	width:100%;
	padding:0 !important;
	text-align:center;
}

.custom-maintenance-info-box{
    text-align:center;
    background-color: #262525;
    opacity: 0.9;
    box-shadow: 3px 3px 3px 3px rgb(27, 26, 26);
    padding:5px;
    border-radius: 5px;
    margin-left: 0px;
    margin-top: 20px;

}

.custom-maintenance-info-box-message{
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    text-align:center;
    line-height: 1.5;
    opacity: 1.0;

}

.custom-maintenance-img{
    max-width: 100%;
    height: auto;
    display: block;
    margin-left:20px;
}

.custom-link{
    color:white;
}

.custom-link:hover{
    color:#e79e18;
}


@media only screen and (min-width: 1000px) {

    #search {
        width: 96%;
    }

    #search_submit {
        width: 4%;
    }

    .page_title4  {
        display:none;
    }

    .kategorie{
        display:inline;
        color: #000;
        font-size: 32px;
        padding: 0;
    }

    .mobile {
        display:none;
    }

    .searchengines-content {
        float:left;
        width: 60%;
    }

    section#layer {
        width: 65%;
        padding: 3%;
        margin: 0 auto;
    }

    .icon{
        margin: 0 0 0 380px;
        width:80%;
    }

    .imgtoggle {
        width: 111%;
    }
}

@media only screen and (min-width: 600px) {
    .layer-points-desktop-content {
        width: 200px;
        height: 250px;
    }

    #layer-points-desktop {
        position: fixed;
        display: block;
        right: 10px;
        top: 100px;
        z-index: 899;
        text-align: left;
        padding: 30px 10px 0 15px;
        background: #f5f3f4;

        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: #cecece solid 1px;
        box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.15);
        overflow-x: hidden;
        overflow-y: auto;
    }

    #layer-points-desktop h2 {
        font-weight: bold;
    }

    #layer-points-desktop .circle {
        border: 3px solid #428600;
        border-radius: 100%;
        width: 100px;
        height: 100px;
        margin: 20px 0 0 0;
    }

    #layer-points-desktop .circle p {
        color: #428600;
        font-size: 30px;
        padding: 35px 25px 25px 20px;
    }

    #layer-points-desktop:hover {
        cursor: pointer;
    }
}

@media only screen and (min-width: 1700px){
    .layer-points-content{
        width: 200px;
        height: 250px;
    }



    .layer-admin-desktop-content{
        width: 200px;
        height: 250px;
    }



    /* Layer Points Desktop */

    #button-points {
        position: fixed;
        right: 10px;
        top:100px;
        margin: 0;
        padding: 30px 10px 0 15px;
        background: #fff;
        width: 65px;
        height: 100px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: #cecece solid 1px;
        box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.15);
        z-index: 30;
        display:none;
    }

    #button-points .fa, #layer-points-desktop .fa {
        color: #000;
        font-size: 38px;
        float:right;
    }

    #layer-admin-desktop .fa {
        color: #000;
        font-size: 38px;
        float:right;
    }



    #layer-points {
        display:none;
    }
    #layer-points:hover {
        cursor: pointer;
    }


}

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

    .title   {
        display:none;
    }

    #search {
        width: 96%;
    }

    #search_submit {
        width: 4%;
    }

    .page_title2  {
        display:none;
    }

    .kategorie{
        display:none;
    }

    .icons-desktop{
        display:none;
    }

    .img_left1 {
        transition: none;
    }

    .effekt-searchengine {
        transition: none;
    }
    .effekt-searchengine:hover {
        cursor: pointer;
        transform: none;
    }

    .searchengines-content {
        float:left;
        width: 60%;
    }

    section#layer {
        width: 65%;
        padding: 3%;
        margin: 0 auto;
    }

    .custom-maintenance-img{
        margin-left: 0px;
    }

    .custom-maintenance-info-box{
        margin-left: 0px;
        margin-top: 0px;
    }

    .custom-maintenance-info-box-message{
        font-size:24px;
    }

}


@media only screen and (min-width: 480px) and (max-width: 767px){

    .title   {
        display:none;
    }

    .page_title2  {
        display:none;
    }

    .kategorie{
        display:none;
    }

    .icons-desktop{
        display:none;
    }

    .img_left1 {
        transition: none;
    }


    .effekt-searchengine {
        transition: none;
    }
    .effekt-searchengine:hover {
        cursor: pointer;
        transform: none;
    }

    section#layer {
        width: 65%;
        padding: 3%;
        margin: 0 auto;
    }

    .custom-maintenance-info-box-message{
        font-size:16px;
    }

    .custom-maintenance-info-box{
        margin-top: 0px;
    }

    .custom-maintenance-img{
        margin-left: 0px;
    }
}

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

    .page_title2   {
        display:none;
    }

    .title   {
        display:none;
    }

    .kategorie{
        display:none;
    }

    .icons-desktop{
        display:none;
    }

    .img_left1 {
        transition: none;
    }


    .effekt-searchengine {
        transition: none;
    }
    .effekt-searchengine:hover {
        cursor: pointer;
        transform: none;
    }

    .searchengines-content {
        float:left;
        width: 45%;
    }

    section#layer {
        width: 68%;
        padding: 3%;
        margin: 0 auto;
    }

    .custom-maintenance-info-box{
        margin-top: 0px;
    }

    .custom-maintenance-info-box-message{
        font-size:9px;
    }

}

.mstslider {
    float: left;
    width: 100%;
    height: auto;
    margin-top: -32px;
    z-index: 888;
    position: relative;
}

.mtsslider-min-height{
    min-height:0px;
}


@media only screen and (max-width: 1200px){
    .mstslider {
        margin-top: 0px;
    }

    .custom-shop-redirect-box{
        width:91%;
    }

    .custom-dynamic-width{
        width:60%;
    }

    .custom-dynamic-font-size{
        font-size:11px;
        line-height: 1.5;
    }

    .custom-maintenance-img{
        margin-left: 20px;
    }

    .custom-maintenance-info-box{
        margin-left: 20px;
    }

    .custom-maintenance-info-box{
        font-size: 12px;
    }


}