body{
    font-family:'Verdana';
    padding:0px; /*100px;*/
}
:focus {
    outline: none;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
/*
    Sometimes the sub menus get too large for the page and prevent the menu from scrolling, limiting functionality
    A quick fix is to change .side-menu to

    -> position:absolute

    and uncomment the code below.
    You also need to uncomment

    -> <div class="absolute-wrapper"> </div> in the html file

    you also need to tweek the animation. Just uncomment the code in that section
    --------------------------------------------------------------------------------------------------------------------
    If you want to make it really neat i suggest you look into an alternative like http://areaaperta.com/nicescroll/
    This will allow the menu to say fixed on body scoll and scoll on the side bar if it get to large
*/
/*.absolute-wrapper{
    position: fixed;
    width: 300px;
    height: 100%;
    background-color: #f8f8f8;
    border-right: 1px solid #e7e7e7;
}*/


/*--------------------fonts------------------>*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

/*--------------------fonts ende------------------>*/

.side-menu {
    position: fixed;
    width: 300px;
    height: 100%;
    background-color: #f8f8f8;
    border-right: 1px solid #e7e7e7;
}
.side-menu .navbar {
    border: none;
}
.side-menu .navbar-header {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav .active a {
    background-color: transparent;
    margin-right: -1px;
    border-right: 5px solid #e7e7e7;
}
.side-menu .navbar-nav li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav li a {
    padding: 15px;
}
.side-menu .navbar-nav li a .glyphicon {
    padding-right: 10px;
}
.side-menu #dropdown {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}
.side-menu #dropdown .caret {
    float: right;
    margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
    float: right;
}
.side-menu #dropdown > a {
    border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body {
    padding: 0;
    background-color: #f3f3f3;
}
.side-menu #dropdown .panel-body .navbar-nav {
    width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
    padding-left: 15px;
    border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
    border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
    margin-left: -20px;
    padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
    margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
    padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
    border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
    background-color: #f3f3f3;
    border: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
    min-height: 80px;
}
.side-menu .brand-name-wrapper .navbar-brand {
    display: block;
}
.side-menu #search {
    position: relative;
    z-index: 1000;
}
.side-menu #search .panel-body {
    padding: 0;
}
.side-menu #search .panel-body .navbar-form {
    padding: 0;
    padding-right: 50px;
    width: 100%;
    margin: 0;
    position: relative;
    border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
    width: 100%;
    position: relative;
}
.side-menu #search .panel-body .navbar-form input {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0;
    background-color: #f3f3f3;
    padding: 15px 18px;
}
/* Main body section */
.side-body {
}
/* small screen */
@media (max-width: 768px) {
    .side-menu {
        position: relative;
        width: 100%;
        height: 0;
        border-right: 0;
        border-bottom: 1px solid #e7e7e7;
    }
    .side-menu .brand-name-wrapper .navbar-brand {
        display: inline-block;
    }
    /* Slide in animation */
    @-moz-keyframes slidein {
        0% {
            left: -300px;
        }
        100% {
            left: 10px;
        }
    }
    @-webkit-keyframes slidein {
        0% {
            left: -300px;
        }
        100% {
            left: 10px;
        }
    }
    @keyframes slidein {
        0% {
            left: -300px;
        }
        100% {
            left: 10px;
        }
    }
    @-moz-keyframes slideout {
        0% {
            left: 0;
        }
        100% {
            left: -300px;
        }
    }
    @-webkit-keyframes slideout {
        0% {
            left: 0;
        }
        100% {
            left: -300px;
        }
    }
    @keyframes slideout {
        0% {
            left: 0;
        }
        100% {
            left: -300px;
        }
    }
    /* Slide side menu*/
    /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
    .side-menu-container > .navbar-nav.slide-in {
        -moz-animation: slidein 300ms forwards;
        -o-animation: slidein 300ms forwards;
        -webkit-animation: slidein 300ms forwards;
        animation: slidein 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .side-menu-container > .navbar-nav {
        /* Add position:absolute for scrollable menu -> see top comment */
        position: fixed;
        left: -300px;
        width: 300px;
        top: 43px;
        height: 100%;
        border-right: 1px solid #e7e7e7;
        background-color: #f8f8f8;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    /* Uncomment for scrollable menu -> see top comment */
    /*.absolute-wrapper{
          width:285px;
          -moz-animation: slideout 300ms forwards;
          -o-animation: slideout 300ms forwards;
          -webkit-animation: slideout 300ms forwards;
          animation: slideout 300ms forwards;
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
      }*/
    @-moz-keyframes bodyslidein {
        0% {
            left: 0;
        }
        100% {
            left: 300px;
        }
    }
    @-webkit-keyframes bodyslidein {
        0% {
            left: 0;
        }
        100% {
            left: 300px;
        }
    }
    @keyframes bodyslidein {
        0% {
            left: 0;
        }
        100% {
            left: 300px;
        }
    }
    @-moz-keyframes bodyslideout {
        0% {
            left: 300px;
        }
        100% {
            left: 0;
        }
    }
    @-webkit-keyframes bodyslideout {
        0% {
            left: 300px;
        }
        100% {
            left: 0;
        }
    }
    @keyframes bodyslideout {
        0% {
            left: 300px;
        }
        100% {
            left: 0;
        }
    }
    /* Slide side body*/
    .side-body {
        margin-left: 5px;
        margin-top: 70px;
        position: relative;
        -moz-animation: bodyslideout 300ms forwards;
        -o-animation: bodyslideout 300ms forwards;
        -webkit-animation: bodyslideout 300ms forwards;
        animation: bodyslideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .body-slide-in {
        -moz-animation: bodyslidein 300ms forwards;
        -o-animation: bodyslidein 300ms forwards;
        -webkit-animation: bodyslidein 300ms forwards;
        animation: bodyslidein 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    /* Hamburger */
    .navbar-toggle {
        border: 0;
        float: left;
        padding: 18px;
        margin: 0;
        border-radius: 0;
        background-color: #f3f3f3;
    }
    /* Search */
    #search .panel-body .navbar-form {
        border-bottom: 0;
    }
    #search .panel-body .navbar-form .form-group {
        margin: 0;
    }
    .navbar-header {
        /* this is probably redundant */
        position: fixed;
        z-index: 3;
        background-color: #f8f8f8;
    }
    /* Dropdown tweek */
    #dropdown .panel-body .navbar-nav {
        margin: 0;
    }
}

.sortable {
    list-style-type: none;
    cursor: move;
}

.sortable > li {
    padding:10px;
}

.lefttd >tbody >tr > td{
    padding:10px;
}
.maindiv {
    color: #000000;
}

tr.disabled {
    color:black;
    text-decoration: line-through;
}

.center {
    bottom: 0; left: 0; top: 0; right: 0;
    margin: auto;
    position: absolute;
    width: 200px;
    height: 200px;
    opacity:0.95;
    background: #ffffff;
}

#ulist_wrapper{
    padding:10px;
}
#rlist td{
    color: #000000;
    background-color: white;
}

.table td{
    color: #000000;
}
body{
    background: #FFFFFF;
}
.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
    color:white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    background-color:white;
}
.dataTables_wrapper .dataTables_length select{
    color:black !important;
}
input[type=search] {
    color:black;
}
input[type=text] {
    color:black;
}
.invertnav, .navbar-nav>li.invertnav>a{
    color: white;
    background-color: darkgray;
}
.greencheck{
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background: #FFFFFF;
    border:2px solid black;
    border-radius: 6px;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box ;
    width: 30px;
    height: 30px;
    transition: all .3s linear;
}
.greencheck:checked{
    background-color: #2ECC71;
}

#mainlogo{
/*    width:300px;*/
    margin-left: 15px;
    margin-top: 15px;
}
.navbar .navbar-nav>li>a {
    color: #000000;
    font-size: 20px;
    padding: 40px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100;
}
.navbar-nav>li.active {
    background-color: #FFFFFF;
}
.uform{
    max-width:600px;
}

/* projektspezifischen anpassungen */

#pdflink
{
    text-align: right;
    display: none;
    font-size: 20px;
    padding-top: 10px;
    padding-right: 10px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100;
}
.navi_klein
{
    font-size: 15px;
    margin-left: 10px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin-right: 10px;
    text-transform: uppercase;
    color: #000000;
}

a:focus, a:hover
{
    color: #d11218;
    text-decoration: underline;

}

.navi_gross
{
    /*font-size: 50px;*/
    margin-left: 20px;
    /*font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100;*/
    margin-right: 20px;
}

#navigation
{
    text-align: right;
    width: 50%;
    margin-top: 25px;
    margin-right: 10px;
}

.testinhalte, .testinhalte2, .testinhalte2a, .testinhalte_2z
{
    /* width: 472px; */
    /*border-style: dotted;*/

    float: left;
    /*padding: 10px;*/
}
.testinhalte, .testinhalte2a
{
    height: 300px;
}
.testinhalte2
{
    /*height: 630px;
    background-color: #eee;
    margin-left: 3px;*/


}
.testinhalte_2z
{
    height: 630px;
    background-color: #ddd;
}

.inhalt1 .testinhalte, .inhalt2 .testinhalte
{
    width: 400px;
    height: 260px;
}

.cll
{
    clear: left;
}
.clr
{
    clear: right;
}

#startseite {
    width: 100%;
    height : 60%;
    text-align: right;
}

.startseite_text
{
    /*margin-top:45%;*/
    height: 10%;
   /* padding-top: 0%;*/
    /*margin-left: 80%;*/
    width: 40%;
    /*background-color: #eee;*/
    padding:10px;
    margin-top: 14%;
    margin-left: 60%;
    float:right:
    text-align: right;
}

.startseite_text1
{
    float: left;
    text-align: center;
    background-color: #929191;
    font-size: 25px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-transform: uppercase;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}
.startseite_text2
{
    margin-left: 5px;
    width:180px;
    float:left;
    text-align: center;
    background-color: #d11419;
    color: #ffffff;
    font-size: 25px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}

.startseite_text2 a
{
    color: #ffffff;

}


#starten{
    /*display: flex;*/
    margin-bottom: 60px;
}

#ueberschriften{
    margin-bottom: 30px;
    width: 50%;
}

.layout_1
{
    width: 100%;
    height : 70%;
    /*background-color: #eee;*/
    display: flex;
}

.bonus_l1
{
    width: 100%;
    /*height : 70%;*/
    /*background-color: #eee;*/
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 55px;

}

.bonus_l1>div{
    flex: 1;
    margin-left: 3px;
    min-width: 400px;
}

.layout_s1_1, .layout_s1_2, .layout_s1_3
{

padding-top: 0%;
    margin-left: 3px;
    width: 100%;

}



#zweiantworten{
    z-index: 50;
    position: absolute;
    top: 45%;
    display: flex;
    width: 100%;
    justify-content: center;

}




.antwort1, .antwort2
{

    text-align: center;
    background-color: #929191;
    color: #ffffff;
    font-size: 25px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-right: 5%;
    margin-left: 5%;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left:30px;
    min-width: 240px;
}

.antwort1 a, .antwort2 a
{
    color: #ffffff;
}



.antwort1
{

}
.antwort2
{

}
.template1
{
    padding-top: 0%;
    /*margin-left: 3px;*/
    /*width: 631px;*/
    /*height: 626px;*/
    width: 100%;
    /*height: 100%;*/
    max-width: 640px;

}
.template5
{
    width: 377px;
    height: 540px;
    float: left;
    margin-left: 3px;
    margin-bottom: 3px;
    background-color: #f3f3f3;
}
.template4
{
    width: 472px;
    height: 634px;
    float: left;
    margin-left: 3px;
    margin-bottom: 3px;
    background-color: #f3f3f3;

}
.template4b
{
    width: 472px;
    height: 626px;
    float: left;
    margin-left: 3px;
    margin-bottom: 3px;
    background-color: #f3f3f3;
}
.template1b
{
    max-width: 640px;
    width: 100%;
    /*height: 100%;*/
    background-repeat: no-repeat;
/*    -o-background-size:35% auto; */
/*    -webkit-background-size:35% auto; */
/*    -moz-background-size:35% auto; */
/*    background-size:200% auto; */
/*    background: url(images/bg.jpg) no-repeat center center fixed; */
}
.template1c
{
   /* width: 472px;
    height: 310px;
    float: left;
    margin-left: 3px;
    margin-bottom: 3px;*/
    width: 100%;
    /*height: 100%;*/



}
.template1_u
{

    position: relative;
    font-size:16px;
    background-color: #919191;
    max-width: 184px;
    padding: 10px 15px 10px 10px;
    text-transform:uppercase;
    color:white;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    z-index: 10;
}


.bildoben_1 .template1_u, .bildoben_2 .template1_u, .bildoben_3 .template1_u, .bildoben_4 .template1_u, .bildoben_1c .template1_u, .bildoben_2c .template1_u,.bildoben_1b .template1_u, .bildoben_2b .template1_u, .bildoben_3b .template1_u, .bildoben_3c .template1_u, .template2_sp2 .template1_u
{
    max-width: 100%;
}



.template1_c
{
    padding-top: 396px;
    padding-right: 30px;
    text-align: right;
    /*height: 100%;*/
    padding-bottom: 30px;
    z-index: 10;
    position: relative;
}
.template1c_c2
{
    padding-top: 0px;
    padding-right: 21px;
    text-align: right;
    position: relative;
    z-index: 10;
}
.template1c_c
{
    padding-top: 269px;
    padding-right: 30px;
    text-align: right;
    z-index: 10;
    position: relative;
}
img.lupenfunktion {
    margin-top: -20px;
}
.input{border-radius:0px;border:1px solid #919191;}

input.larger {
    width: 30px;
    height: 30px;
}
input.larger2, input.larger3 {
    width: 30px;
    height: 30px;
    float: left;
    margin:10px 0 0 10px;
}
input.larger3
{
    margin-left: 10px;
}
.template2
{
    width: 467px;
    /*height: 315px;*/
    float: left;
    margin-left: 3px;
    /*margin-bottom: 3px;*/


}

.template3
{
    width: 467px;
    /*height: 315px;*/
    float: left;
    margin-left: 3px;
    /*margin-bottom: 3px;*/



}


.template4_sp
{
    float:left;
    width:377px;
    height:315px;
}
.template4b_sp
{
    float:left;
    width:100%;
    height:315px;
}
.template2_sp1, .template2_sp3, .template2_sp1c
{
    background-color: #f3f3f3;
    float:left;
    width:233px;
    height:315px;
    /*margin-left: 3px;
    margin-bottom: 3px;*/
}
.template2_sp1b, .template2_sp2b, .template2_sp3c
{
    background-color: #f3f3f3;
    float:left;
    width:467px;
    height:316px;
    margin-bottom: 3px;
}
.template2_sp2, .template2_sp4, .template2_sp2c
{
    margin-left: 1px;
    background-color: #f3f3f3;
    float:left;
    width:233px;
    height:315px;
    margin-bottom: 3px;
    overflow: auto;
    padding-bottom: 10px;
}

label.l1 {
    width: 100%;
    margin-bottom: 3px;
}

.layout_1.transparenzeffekt
{
    opacity: 1;
}

.template1_u.transparenzeffekt, .bildextradiv.transparenzeffekt
{
    opacity: 0.5;
}

.layout_s1_1 .bildextradiv, .layout_s1_2 .bildextradiv, .layout_s1_3 .bildextradiv{
    margin-top: -503px;
}

.dunkel
{
    background-color: black;
}

.template1 .bildextradiv{
    margin-top: -503px;
}

.template1b .bildextradiv{
    margin-top: -503px;
}

.template1c .bildextradiv{
    margin-top: -370px;
}

.url_uebersicht
{
    display: inline-flex;
}
.url_uebersicht2a
{
    /*margin-left: 23px;*/
    margin-top: -5px; /*10px;*/
    float: right;
    margin-right: -9px;
}
.url_uebersicht2b
{
    margin-left: 10px;
    margin-top: 10px;
}

.template3 .template1_u
{
    /*display: inline-flex;*/
    /*width: 180px;*/
    /* hier anpassen ...*/
}

.bildextradiv img{
    width: 100%;
    min-height: 400px;
    object-fit: cover;
    max-height: 400px;
}

.layout_s1_1 .bildextradiv img, .layout_s1_2 .bildextradiv img, .layout_s1_3 .bildextradiv img{
    width: 100%;
    min-height: 500px;
    object-fit: cover;
    max-height: 500px;
}

.template1>.bildextradiv img, .template1b>.bildextradiv img{
    width: 100%;
    min-height: 500px;
    object-fit: cover;
    max-height: 500px;
    /*max-width: 640px;*/
}

.antworttext, .antworttext2
{
/*    width: 129px;*/
    margin-top: 10px;
    margin-left: 10px;
    background-color: #919191;
    float: left;
    color:white;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing: 0.2;
    /*height: 30px;*/
    padding-top: 6px;
    padding-right: 7px;
    padding-bottom: 6px;
    padding-left: 7px;
}
.antworttext {
    width: 150px;
}
.antworttext2 {
    width: 220px;
}

.antworttext .popupbuttom, .antworttext2 .popupbuttom
{
    margin-bottom: -6px;
    margin-top: -7px;
    margin-right: -8px;
    float: right;
}

#antwortenliste
{
    margin-top: 0px;
}
.bildoben_1b, .bildoben_2b, .bildoben_3b, .bildoben_3c
{
    /*width: 469px;*/
    height : 255px;
}
.bildoben_1b2
{
    /* width: 448px; */
    height: 315px;
    margin-bottom: 20px;
}
.bildoben_1, .bildoben_2, .bildoben_3, .bildoben_4, .bildoben_1c, .bildoben_2c
{
    /*width: 234px;*/
    height : 255px;
}
.bildoben_2, .bildoben_4
{
    /*width: 234px;*/
}
#ueberschrift, #ueberschrift2
{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100;
    margin-left: 90px;
    margin-top: 10px;
}
#ueberschrift2
{
    font-size: 25px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
#ueberschrift
{
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
}

#ueberschriften_navigation{
    display: flex;
}


.footer_abstand
{
    display: inline-flex;
    width: 30px;
}

.footer{
    margin-top: 20px;
    background-color: #d7d7d7;
    font-size: 15px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100;
    padding: 10px;
    text-align: center;
}

.footer_2 {
   /* margin-left: -20px; */
}

.footer_2, .footer_3 {
    margin-top: 0px;
    margin-right: -20px;
    margin-bottom: -10px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    display: flex;
    width: 100%;
    position: fixed;
    bottom: 10px;
    background-color: #f1eeeb;
    /* border-top: 1px solid #f1eeeb; */
    box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.15);
}

.col-lg-12 {
    /* margin-top: 20px; */
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: right;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    float: right;
}

.impressum_div
{
    color: #18191a;
    font-family: IvyStyle Sans light;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.3;
    text-transform: uppercase;
    font-weight: bold;

    float: left;
    /* width: 50%; */
    cursor: pointer;
    margin-top: 16px;
    min-width: 300px;

}

.impressum_div a
{
    color: #18191a;
    text-decoration: none;
}

.seitenergebnis
{
    width: 460px; /*474*/
    height: 310px;
    /*border-style: dotted;*/
    /*border-bottom : 3px solid #fff;*/
    /*border-right : 3px solid #fff;*/
    padding: 10px;
    float:left;
    background-color: #F3F3F3;
    margin-left: 3px;
    margin-bottom: 3px;
}
.usereingaben {
    overflow: auto;
    margin-top: 0px;
    max-height: 285px;
}

#ergebnis_rechts
{
    width:460px;
    background-color: #363636;
    /*height: 400px;*/
    float: right;
    margin-right: 20px;
}
#ergebnis_links
{
    /*width:1402px;
    float: left;*/
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3;
}


.bildausgabediv
{
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.ergebnis_textlinks
{
    min-width: 180px;
    border: 1px solid #000;
    padding: 7px;
    float: left;
    margin-bottom: 15px;
}
.ergebnis_textrechts
{
    width: 235px;
    float: left;
}
.ergebnis_textzeile
{
    padding: 7px;
    background-color:#919191;
    margin-bottom: 10px;
    margin-left: 10px;
    color: white;
    border: 1px solid #919191;
}

/* CHECKBOX & RADIOBUTTON Darstellung Firefox */

/* Customize the label (the container) */
.container_radio {
    /*display: block;*/
    position: relative;
    padding-right: 35px;
    margin-bottom: 34px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */
.container_radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container_radio:hover input ~ .checkmark {
    background-color: #d11218;

}

/* When the radio button is checked, add a blue background */
.container_radio input:checked ~ .checkmark {
    background-color: #d11218;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container_radio .checkmark:after {
    top: 10px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}


/* checkbox */

/* Customize the label (the container) */
.container_checkbox {
    /*display: block;*/
    position: relative;
    padding-left: 35px;
    margin-bottom: 34px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container_checkbox_antwortenliste {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

/* Hide the browser's default checkbox */
.container_checkbox input, .container_checkbox_antwortenliste input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.container_checkbox .checkmark, .container_checkbox_antwortenliste .checkmark{
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: unset;
    border: 1px solid #919191;
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark, .container_checkbox_antwortenliste:hover input ~ .checkmark {
    background-color: #d11218;
    border: 1px solid #d11218;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark, .container_checkbox_antwortenliste input:checked ~ .checkmark {
    background-color: #d11218;
    border: 1px solid #d11218;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark:after, .container_checkbox_antwortenliste input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark:after{
    left: 11px;
    top: 6px;
    width: 6px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.container_checkbox_antwortenliste .checkmark:after{
    left: 11px;
    top: 6px;
    width: 6px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}








/*---------------------------- iframe ------------------------*/

#markenweltiframe
{
    width: 100%;
    height: 100%;
   /* width: 1280px;*/
    /*height: 606px;*/
    border: none;
}

/** LIGHTBOX MARKUP **/
.lightbox
{
    /* legt sich ueber den gesammten bildschirm - schwarz, transparent*/
    /** Default lightbox to hidden */
    display: none;
    /** Position and style */
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    /*text-align: left;*/
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
}
.lightbox .text
{
    /* textdarstellung innerhalb der lightbox - sehr hell */
    position: fixed;
    top: 5%;
    left: 5%;
    right: 5%;
    overflow: auto;
    /* height: 100%; */
    scroll-behavior: auto;
    margin: auto;
    width: 90%;
    max-width: 1280px;
    box-shadow: 0 4px 20px 0 rgb(0 0 0), 0 4px 20px 0 rgb(0 0 0);
}
.lightbox img
{
width: 100%;
}
.lightbox .image180px
{
    max-width: 150px;
}

.lightbox:target
{
    /** Remove default browser outline */
    outline: none;
    /** Unhide lightbox **/
    display: block;
}
.lightbox .closebutton
{

    line-height: 15px;
    position : fixed;
    text-align: center;
    /*padding: 10px;*/
    min-width: 30px;
    /*background-color: rgba(0, 0, 0, 0.25);*/
    color: white;
    right: 20px;
    top:20px;
    font-weight: bold;
    font-size: 32px;

}
.lightbox .closebutton a
{
    color: white;
    text-decoration: none;
}
#xlbildiframe .text
{
    position : fixed;
    top: 1%;
    height: 98%;
    max-width: 100%;
    overflow: auto;
    scroll-behavior: auto;
    /*background-color: #f1eeeb;*/
    padding: 0px;
    box-shadow: 0 4px 20px 0 rgb(0 0 0), 0 4px 20px 0 rgb(0 0 0);
}
/** / LIGHTBOX MARKUP **/


/* bootstrap.min.css ueberschreiben */

.container-fluid
{
    padding: 0px;
    margin: 0px;
}


/*---------------------------- scrollbar ------------------------*/

::-webkit-scrollbar {
    width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #F3F3F3;
    border: 1px solid #919191;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ffffff;
    border: 1px solid #919191;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .2);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #919191;
}