html {
    background-color: #dedede;
}
body{
    font-family:'OpenSans-Regular';
    font-size: 12px;
    padding: 0;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
    url('../fonts/OpenSans-Bold.woff') format('woff');
}
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
    url('../fonts/OpenSans-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
    url('../fonts/OpenSans-Regular.woff') format('woff');
}
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
    url('../fonts/OpenSans-Light.woff') format('woff');
}
@font-face {
    font-family: 'Times-Bold';
    src: url('../fonts/TimesNewRomanPS-BoldMT.woff2') format('woff2'),
    url('../fonts/TimesNewRomanPS-BoldMT.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Times-Italic';
    src: url('../fonts/TimesNewRomanPS-ItalicMT.woff2') format('woff2'),
    url('../fonts/TimesNewRomanPS-ItalicMT.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Times-Regular';
    src: url('../fonts/TimesNewRomanPSMT.woff2') format('woff2'),
    url('../fonts/TimesNewRomanPSMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Times-ItalicBold';
    src: url('../fonts/TimesNewRomanPS-BoldItalicMT.woff2') format('woff2'),
    url('../fonts/TimesNewRomanPS-BoldItalicMT.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
:focus {
    outline: none;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
a {
    color: #000000;
    text-decoration: none;
}
a:focus, a:hover {
    color: #ffffff;
    text-decoration: underline;
}

h1{
    color: #ffffff;
    font-family: Times-Regular;
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 0;
    letter-spacing: 0;
}
h2{
    font-family: Times-Regular;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 10px;
    padding-top: 7px;
    color: #ffffff;
}
.boxline h2{
    margin-top: 10px;
    margin-right: 20px;
    width: 130px;
    text-transform: none;
    color: #000000;
}
.ma1, .ma2,.ma3 { }
.ma1 {
    width: 100px;
    margin-right: 10px;
}
.ma2 {
    flex:3;
    padding-right: 20px;
    padding-top:0;
}
.ma3 {
    width: 30px;
}
.macl {
    clear:left;
}
.content_login, .content_login2 {
    background-repeat: no-repeat, repeat;
    background-size: contain;
    background-position-y: top;
    background-position-x: center;
    margin: 0;
    padding: 0;
    display: flex;
    z-index: 1;
    width: 100%;
    min-height: 560px;
    overflow: auto;
    scroll-behavior: auto;
}
.content_login2 {
    display: none;
}
/*
    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;
}*/
.side-menu #dropdown .panel-body .panel-body {
margin-left: -15px;
}
.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 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;
}
.corenavbar-nav>li {
    cursor: pointer;
    margin: 0px 0px 5px 20px;
    border: 1px solid #b5b5b5;
    height: auto;
    /*min-height: 30px;*/
    text-decoration: none;
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
    border-radius: 5px;
    font-family: OpenSans-SemiBold;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 3px;
    color: #666666;
    cursor: pointer;
}
/* Main body section */
.side-body {
}
.side-body>#search {
    margin-top: 23px;
    margin-right: 5px;
}
.sortable {
    list-style-type: none;
    cursor: move;
}
.sortable > li {
    padding:10px;
}

.lefttd >tbody >tr > td{
    padding:10px;
}
.maindiv {
    color: #000000;
    /*min-height:520px;*/
    /*background: #dedede;*/
}

.textblock{
    float: left;
}

.maintext {
    margin-top: 30px;
}


tr.disabled {
    color:black;
    text-decoration: line-through;
}
#ulist_wrapper{
    padding:10px;
}
#rlist td{
    color: #000000;
    background-color: white;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
    border: unset;
}
.table td{
    color: #000000;
    font-size: 12px;
    font-family: 'OpenSans-Regular';
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f4f4f4;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
th {
    font-family: 'OpenSans-SemiBold';
    text-align: left;
    font-size: 12px;
    background-color: #ffffff;
    font-weight: unset;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 10px;
    line-height: 1.3;
    /*vertical-align: top;*/
    border: 1px solid #b5b5b5;
    border-top: 1px solid #b5b5b5;
    min-width: 100px;
}
.corenavbar-nav {
    margin-top: 0px;
}
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: 5px;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box ;
    width: 30px;
    height: 30px;
    transition: all .3s linear;
}
.greencheck:checked{
    background-color: #2ECC71;
}
#mainlogo{
    margin: 15px 0px 15px 20px;
    margin-right: 50px;
    max-height: 40px;
}
.navbar {
    float: none;
    padding: 0;
    background-color: #000000;
    border-radius: 0;
    margin-bottom: 0;
    position:fixed;
    width:100%;
    margin-left: -20px;
    border: none;
}
.navigation_layer{
    padding-top: 130px;
}
.navbar-nav {
}
.navbar .navbar-nav>li>a {
    color: #000000;
    font-size: 14px;
    line-height: 17px;
    min-height:60px;
    padding: unset; /* 40px */
}
.navbar .navbar-nav>li>a:hover {
    color: #000000;
    background-color: transparent;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav .close>a, .nav .close>a:focus, .nav .close>a:hover {
    background-color: transparent;
}

.nav>li{
    /*border-radius: 5px*/
}
.navbar-nav>li.active {
    background-color: #FFFFFF;
    color: blue;
}
.nav>li>a:focus, .nav>li>a:hover{
    background-color:transparent;
}


.uform{
    max-width:600px;
}


.listitem_wrapper{
    float:left;
}
.flex{
    /*display:flex;*/
}
.flex #home_right{
    display: flex;
}
.flexcol{
    display:block;
    flex-direction: column;
    flex: 2;
    width: 99.2%;
}
.bookmode_maincontainer >.flexcol{
    display:flex;
    flex-direction: column;
    flex: 2;
    width: 75%;
}
#bookswitcher{
    margin-top: 20px;
    margin-left: 20px;
}
#bookswitcher span{
    color: #666666;
    font-size: 12px;
    font-weight: normal;
}
#bookswitcher select {
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    line-height: 24px;
    color: #000000;
    height: unset;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 5px;
    display: inline-flex;
    border: 1px solid #b5b5b5;
    margin-top: 2px;
    min-width: 150px;
    background-color: #ffffff;
    font-weight: normal;
}
.navbar-info-nav-wrap{
    display: flex;
}
.navbar-left-info{
    font-family: 'OpenSans-SemiBold';
    width: 180px;
    color: #ffffff;
    font-size: 12px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.flex1{
    flex:1;
}
.fullwidth{
    width:100%
}
.spread{
    justify-content:space-between;
}
/*home screen*/
.home_wrapper{
}
.hometoggle {
    /*max-height:165px;*/
    overflow:auto;
    transition:max-height .8s;
    padding-left: 20px;
    padding-right: 20px;
}
.hometoggle, .hometoggle_2 {
    /*max-height:165px;*/
    overflow:auto;
    transition:max-height .8s;
    padding-left: 20px;
    padding-right: 20px;
}
.hometoggle_2 {
    /*max-height:120px;*/
    margin-bottom: 10px;
}
.home_hidden{
    max-height:0px;
    transition:max-height .8s
}
.hidden{
    display:none;
}
.turnable{transform:rotate(0deg);;transition:rotate .8s}
.turned{transform:rotate(180deg);transition:rotate .8s}
#home_left{/*max-width:500px; width: 80%;*/}
#home_left img.turnable{
    float:right;
    max-width:40px;
    margin-top: -10px;
    margin-right: 10px;
}
.attentionimg,.checkimg{
    max-width:40px;
    object-fit:scale-down;
    float: right;
}
.home_tile_headline{font-weight:bold}
.home_tile_text{
    margin-left:0px;
    padding-left: 5px;
    padding-top: 7px;
    padding-right: 5px;
    padding-bottom: 3px;
}
.home_tile_wrapper.chosenfront > .home_tile,.home_tile_wrapper.chosenfront > .home_tile .farbauswahl_text,.chosenfront{
    color: #FFFFFF;
    /*border:1px solid white;*/
    background-color: rgba(185,171,154,1);
}
.home_tile_wrapper chosenfront .farbauswahl{
    width: 100px;
}
#home_apl_farbe .home_tile, #home_tueren_farbe .home_tile, #home_tueren_rahmen .home_tile, #home_korpus_farbe .home_tile, #home_griffmulde .home_tile , #home_glasrahmenfarbe .home_tile {
    width: 80px;
    float: left;
    /*background-color: #f1eeeb;*/
    /*margin-right: 10px;*/
    margin-bottom: 10px;
    min-height: 165px;
}
#home_griffe .home_tile, #home_korpus .home_tile {
    width: 80px;
    float: left;
    /*background-color: #f1eeeb;*/
    /*margin-right: 10px;*/
    margin-bottom: 10px;
}
#home_tueren_farbe .home_tile .chosenfront{
    background-color: #2ECC71;
}
#installscreen{color:#fff;top:0;left:0;z-index:5000;background:black;position:absolute;height:100%;width:100%;align-items:center;justify-content:center}
#installstatus{max-height:20px;min-height:20px;border:1px solid #555;width:50%}
#installprogress{height:20px;background:green;width:5%;border-right:1px solid white;transition:width 1s}
#overlay_footer button{float: right;margin-right: 30px;}
.zubehoerinfo .zubehoerbeschreibung_opener{
    margin-top: 0;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    line-height: 20px;
    /* max-width: 740px; */
    margin-bottom: 5px;
    background-color: #ffffff;
}
.zubehoerbeschreibung{
    display: none;
    flex-direction: column;
    /*max-width: 360px;*/
    padding: 0px;
    /*min-width: 360px;*/
}
.artikelzubehoer {
    display:flex;
    text-align: left;
    font-size: 12px;
    color: #000000;
    line-height: 20px;
    margin-top: 20px;
}
.artikelzubehoer .zubehoerbeschreibung{
    display: none;
    align-items: flex-start;
max-width:300px;
}
.artikelzubehoer .zubehoerinfo{
    /*flex:1*/
    min-width: 298px;
    max-width: 298px;
}
.overlayzubehoerscrolller{
    overflow-y:auto;
    max-height: 325px
}
#home_griffe_togglebox{
    display: flex;
    flex-wrap: wrap;
}
.impressum_h4 {
    font-weight: bold;
}
.produktinformation a {
    color: #b9ab9a;
}
.produktinformation a:hover {
    text-decoration: none;
}
.impressum2 {
    background-color: #F1EEEB;
    padding: 10px;
    width: 370px;
    max-height: 500px;
    overflow: scroll;
    display: none;
}
/*Siematic anpassungen start*/
#a78{
    max-height: 525px;
    overflow-y: auto;
}
#iconmenubar{
    display:none}
.programm_highlight{
    color: #efbf40;
    text-decoration: none;
}
/*Kopfauswahlseite*/
#headbox_slider, #chapter_info_slider{
    position: fixed;
    top: 130px;
    right: -5000px;
    transition: right .8s;
    width: 100%;
    background: #d9d9d9;
    /*max-height: 82%;*/
    height: -webkit-fill-available;
    overflow-y: none;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
    z-index: 100;
}
#chapter_info_slider{
    width: 516px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
    z-index: 98;
    padding-right:0;
    height: 100%;
}
#headbox_slider.slidein,#chapter_info_slider.slidein{
    display:block;
    right:0px;
    transition:right .6s;
}
.headbox_closer,#headbox_slider .headbox_upper{
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    color: #000000;
    cursor: pointer;
    margin: 10px 0;
    border: 1px solid #bcbcbd;
    border-radius: 5px;
    height: 30px;
    text-decoration: none;
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 5px;
    text-align: center;
    margin-left: 10px;
    background-color: #f2f2f2;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
}
.headbox_closer:hover,#headbox_slider .headbox_upper:hover{
    color: #efbf40;
    text-decoration: none;
    background-color: #666666;
}
.failure_options{
    line-height:30px;
    margin-left:0;
    white-space:nowrap;
}
.failure_options a{
    min-width: 200px;
}
.failure_headline{
    background: #f2f2f2;
    padding: 10px;
    margin: 20px 0 10px;
    color: #000000;
    text-transform: none;
}
#chapter_info_slider .headbox_closer{
    max-width: 80px;
    float: right;
    margin-top: 108px;
    margin-right: 2px;
}
#headbox_slider .headbox_upper{
    display:none
}
#headboxes_wrap{
    display:flex;
    /*justify-content: space-between;*/
    flex: 1;max-width: 99%;
    padding-right: 5px;
    min-height: 630px;
    height: inherit;
}
.headboxes_invisible{
    display:none;
}
.navilayer2 {
    float: left;
    min-width: 140px;
    margin-right: 20px;
    margin-bottom: 50px;
    margin-left: 140px;
    margin-top: 0;
}

.navilayer2 a {
    margin-bottom: 40px;
    line-height: 2;
}

.nl2b{
    color: #ffffff;
    font-family: OpenSans-SemiBold;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.nl2b a:hover{
    color: #efbf40;
}
.aufdatenwarten {
    cursor: wait;
}
.headboxes_wrapper{
    overflow-y: auto;
    max-height: 640px;
    margin-bottom: 30px;
    min-width: 500px;
    margin-right: 20px;
    padding-right:10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*padding-bottom:20px;*/
    padding-bottom:160px;
}
.headboxes_wrapper_highlight{
    /*border: 1px solid #efbf40;*/
    border-radius: 5px;
    background-color: #000;
    color: #efbf40;
    padding: 0 0px 0 5px;
    align-items: center;
}
.headboxes_wrapper_highlight > h2.headboxes_headline{
    padding-top:0;
    margin-right: -6px;
    color: #ffffff;
}
.headboxes_wrapper h1{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0px;
    position: sticky;
    top: 0;
    background: #f6f6f6;
    padding: 20px 0;
    z-index: 1;
}
h2.headboxes_headline {
    font-family: OpenSans-SemiBold;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    min-width: 162px;
    max-width: 162px;
    padding: 7px 10px 0px 0px;
    color: #ffffff;
    text-transform: none;
}
.headboxes_frontwrapper{
    display:none;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-y: auto;
    margin-right: 20px
}
.headboxes_frontwrapper h2{
    font-family: 'OpenSans-SemiBold';
    color: #000000;
    font-size: 12px;
    margin-bottom: 10px;
    width:100%
}
.headboxes_boxaction{
    display:flex;
}
.headboxes_boxaction_multiselects{

}
.headselection_buttons_left{
    margin-right:15px;
    display:flex;
    align-self: flex-start;
}
.headboxes_visibilitygroup2{
    display:none
}
    /*bildkacheln für Farbauswahl,nebeneinander*/
.home_tilewrapper{
    max-width:520px;
    flex-flow:wrap;
    display: flex;
}
.headbox_tile{
    margin:10px 8px;
    max-width:90px;
    min-width: 85px;
}
.headbox_tile img{
    width:68px;
    height:30px
}
.headbox_tile_text{
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    color: #000000;
}
.headbox_tile_text_noimg{
    margin: 1px 0 0px 5px;
}
/*selects*/
.headboxes_box select{
    /*margin:10px 5px auto 0;*/
    min-width:330px;
    max-width:330px
}
.headboxes_boxaction_multiselects select{
    min-width:162px;
    max-width:162px;
    flex:1
}
.home_waitforinput{
    margin:0;
}
.headboxes_boxaction_multiselects .home_waitforinput_second select {
    margin:0 0px auto 6px;
}
/*eingeklappte auswahl mit bild*/
.home_selectplus_mamaul{
    padding: 0;
    max-width: 530px;
    min-width: 330px;
    max-height: 30px;
    align-self: self-start;
}
.headboxes_boxaction_multiselects .home_selectplus_mamaul{
    padding: 0;
    max-width: 159px;
    min-width: 159px;
    max-height: 30px;
    align-self: self-start;
    margin-bottom: 0;
    margin-right:3px;
}
.home_selectplus_mamaul_kind_selected_withimg{
   /* margin-left:6px;*/
}
.home_selectplus_mamaul_kind_selected_noimg{
    /*margin-left:6px;*/
}
.home_selectplus_mamaul_color_selected_withimg{
    margin-left:6px;
}
.home_selectplus_mamaul_color_selected_noimg{
    margin-left:6px;
}
.home_selectplus_mamaul_kind_unselected{
  /*  margin-left:6px;*/
}
.home_selectplus_mamaul_color_unselected{
    margin-left:6px;
}
.home_selectplus_mamaul_kind_selected{
   /* margin-left:6px;*/
}
.home_selectplus_mamaul_color_selected{
    margin-left:6px;
}
.headboxes_boxaction_multiselects .home_selectplus_mamaul_color {
    margin-left:6px;
}
.home_selectplus_mamaul_color_pix,
.headboxes_boxaction_multiselects select.home_selectplus_mamaul_color_pix {
    margin-left:6px;
}
.home_selectplus_dropul{
    padding-left: 0;
    display:none;
    position: relative;
    z-index: 2;
}
.home_selectplus_dropul_open{
    padding-left: 0;
    display:block;
    background: #fff;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
    max-height: 150px;
    overflow-y: auto;
    padding-right: 10px;
}
.headboxes_boxaction_multiselects .home_selectplus_dropul_open{
    width: fit-content;
    z-index: 5;
    position: relative;
}
.headbox_selectplus_option{
    display:flex;
    justify-content: space-between;
    list-style: none;
    margin:0 0 0;
    background: #fff;
    height: 30px;
    border-radius: 5px;
}
.home_selectplus_mamaul > .headbox_selectplus_option{
    min-width: 162px;
}
.headbox_selectplus_option img{
    width:50px;
    height:24px;
    margin:3px 0px 3px 3px;
}
.headbox_selectplus_option img.selectplus_downarrow{
    width:15px;
    height:14px;
    margin-top:8px;
    margin-right: 1px;
}
.headbox_selectplus_option > div{
    /*padding:8px 5px 2px;*/
    flex: 1;
    padding-top: 7px;
    padding-left: 10px;
    white-space: nowrap;
    overflow-x: hidden;
}
.headbox_selectplus_option > div.headbox_tile_text_noimg{
    padding:5px;
}
.headboxes_box{
    margin-top: 10px;
    max-width: 540px;
    max-height:75px;
    min-width: 540px;
    display: flex;
    margin-right: 20px;
}
.rflex{
    display:flex;
}
.option_dropdown_img{
    border: 1px solid #d9d9d9;
}
.headselection_rightside{
    padding-top:60px
}
#headselection_variant_navigation{
    margin-top:0px;/*sorry, ralf, had to...*/
    margin-bottom: 10px;
}
/*auswahl wechseln buttons (teilweise übernommen aus produktdarstellung.css) ohwhattadamnmess*/
.headselection_button_row,.backend_button_row{
    margin-bottom:1px;
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    letter-spacing: 0.4px;
    display: flex;
}
.homeselection,.backend_subnav{
    background-color: #000000;
    color:#f1eeeb;
    cursor: pointer;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-right: 5px;
    letter-spacing: 0.4px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
    width: 130px;
    min-height: 45px;
}
.homeselection_highlight,.backend_subnav_highlight{
    background-color: #b9ab9a;
    color: #ffffff;
}
#headselection_rightside{
    display: flex;
    flex-direction: column;
    box-shadow: -1px 0px 1px 0px rgb(0 0 0 / 15%);
    padding-left: 10px;
    padding-top: 20px;
    margin-left: -10px;
    margin-top: -20px;
    margin-bottom: -25px;
}
/*Liste der gewähten Köpfe (Zusammenfassung+einblendbare details)*/
#headselection_summary_onheadpage{
    flex:4;
    overflow-y: scroll;
    padding-right: 5px;
    margin-bottom:30px;
    max-width:382px;
}
.headselection_summary{
    display:flex;
    flex-direction: column;
    max-width:450px;
}
.headselection_summary_scroll{
    display:flex;
    flex-direction: column;
    /*overflow-y: auto;*/
    max-height: 300px;
}
.headselection_summary_row{
    display:flex;
    margin:5px 0;
    font-family: 'OpenSans-Regular'
}
.headselection_summary_row_head{
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-right: 10px;
    min-width: 150px;
    max-width: 150px;
    padding-top: 7px;
}
.headselection_summary_row_value{
    flex:1;
    display:flex;
    /*justify-content: space-between;
    padding-right: 30px;*/
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    background-color: rgba(236, 236, 236, 1);
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6px;
    margin-right: 1px;
    margin-bottom: 1px;
    width: 180px;
    color: #404040;
    border-radius: 5px;
}
.headselection_summary_row_value div:first-letter{
    text-transform: capitalize
}
.headselection_summary_row_value img{
    max-width:30px;
    max-height:20px;
    width: 30px;
    margin: 0px 10px 0 0;
}
.headselection_summary_shortlist{
    display:flex;
    flex-direction: column
}
.headselection_summary_shortlist .bold_subheadline{
    font-weight: bold;
}
.headselection_summary_longlist{
    display:none;
    flex-direction: column
}
.headselection_summary_showlonglist, .headselection_summary_hidelonglist, bbt,
.archiv_action a, a.backend_button, .btn-primary,
.bookmode_maincontainer table a,
.bookmode_maincontainer a.lookslikebutton,
.bookmode_maincontainer input[type=submit],
.backend_smalltext a, .table-striped a, input[type=submit] {
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    color: #000000;
    cursor: pointer;
    margin: 10px 0;
    border: 1px solid #b5b5b5;
    height: fit-content;
    /*min-height: 30px;*/
    text-decoration: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #ffffff;
    min-width: unset;
    max-width: 300px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
    border-radius: 5px;
}
.headselection_summary_showlonglist:hover,
.headselection_summary_hidelonglist:hover,
bbt:hover,
.archiv_action a:hover,
a:hover.backend_button,
.btn-primary:hover,
.bookmode_maincontainer table a:hover,
.bookmode_maincontainer a:hover.lookslikebutton,
.bookmode_maincontainer input[type=submit]:hover,
.backend_smalltext a:hover,
.bookmode_maincontainer>p>a:hover{
    color: #ffffff;
    background-color: #666666;
    box-shadow: none;
}
.def_textbox {
    background: #f2f2f2;
    padding: 10px;
    font-size: 12px;
    font-weight: normal;
    margin: 20px 0;
    width: fit-content;
    min-width: 300px;
}
.boxline{
    /*justify-content: space-between;*/
}
.headselection_summary_hidelonglist{
    display:none;
}
.headselection_belowsummary_buttonwrapper{
    display:flex;
    justify-content: space-between;
    align-self: flex-end;
}
/*Produktübersicht, icons für planungshinweis & notiz*/
#globalresultfilterbehaviour{
    flex-direction: column;
    display: flex;
    position: fixed;
    top: 130px;
    right: 1px;
    z-index: 100;
}
.grf_button{
}
.grf_highlight{
    font-weight:bold
}
/*Produktübersicht, folgende Klassen steuern die Sichtbarkeit je nach Preis-Status, don't change!*/
.boxpricestatus1{}
.boxpricestatus2{}
.boxpricestatus3{}
.boxpricestatus4{display:none;}
.boxpricestatus5{display:none;}

/*Produktansicht, Texte*/
.planungshinweis{
    padding: 10px 0px;
    margin: 0 0 0 0px;
    flex: 4;
    /*min-width: 200px;*/
    color: #dd0b0b;
    line-height: 16px;
}
.mza_daten > .planungshinweis h3{
    font-size: 11px;
    margin: 5px 0;
    font-weight: bold;
    font-family: unset;
    cursor:pointer;
}
.planungshinweis h3{
    font-size: 11px;
    margin: 5px 0;
    font-weight: bold;
    color: #dd0b0b;
}
.togglepfeil {
    /* float: right; */
    font-size: 12px;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    padding: 2px 3px 4px 3px;
    background-color: #d9d9d9;
    box-shadow: inset 1px -1px 1px 0px rgb(0 0 0 / 25%);
    width: 25px;
    height: 25px;
    text-align: center;
    border: 1px solid #bfbfbf;

}
.merkzettel_zubehoer_popper > .togglepfeil{
    font-size: 14px;
}
.planungshinweis > div > h3>.togglepfeil{
    font-size: 12px;

}
.chapter_note_actions img{
    cursor: pointer;
}
/*Produktübersicht, Preisfeld Infobox (Sonderfeature)*/
.pricefailure_show{
    max-height:16px;
}
.pricefailure_info{
    position: relative;
    z-index: 3;
    font-weight: normal;
    background: #fff;
    padding: 5px;
    border: 1px solid red;
    margin-top: -35px;
    display:none;
    width:176px;
    top:18px;
}
.pricefailure_info h3{
}
.pricefailure_info_action{
    text-decoration: underline;
}
.pricehead_info{
    position: relative;
    z-index: 3;
    background: #fff;
    padding: 5px;
    border: 1px solid black;
    margin-top: -35px;
    display:none;
    text-align: left;
    width: 260px;
    left: -1px;
    top: 10px;
}
.pricehead_info h2{
    margin-top: 10px;
    font-size: 16px;
    line-height: inherit;
}
/*translation feature*/
#translation_box{
    position:absolute;
    padding:20px;
    background:#fff;
    bottom:0;
    height:200px;
    width:400px;
    display:none;
    border: 1px solid;
    margin-left: 20px;
}
.translateform{
    display:flex;
    flex-direction: column;
    justify-content: space-between
}
.translateform h2{
    margin:10px 0
}
.translateform textarea{
    width: 100%;
    margin: 10px 0;
}
/*superseries wie PURE*/
.chapteroverview .produkt3 {
    height: auto;
    /*min-height: 50px;
    padding: 10px;*/
}

.typ_text {
    height: auto;
    min-height: 50px;
    padding: 10px;
}
.chapteroverview_headline{
    width:100%;
}
.indented_superseriesnav{
    /*margin-left:20px*/
}
/*image preview modal*/
#modalback,#modalbackII{
    background:rgb(0,0,0);
    filter: alpha(opacity=50);
    pointer-events: none;
    display:none;
    width:100%;
    height:100%;
    z-index:1005;
    top:0;
    left:0;
    position:absolute
}
#modalbackII{
    z-index:1006;
}
#modalinner,#modalinnerII{
    pointer-events: all;
    background: #fff;
    width: 70%;
    height: 80%;
    display: flex;
    margin:60px auto;
    opacity:1;
    position:relative;
}
#modalinnerII > a.ptosearch {
position: absolute;
    right: 20px;
    bottom: 10px;
    color: #000000;
    cursor: pointer;
    margin: 10px 0;
    border: 1px solid #bcbcbd;
    border-radius: 5px;
    height: 30px;
    text-decoration: none;
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 5px;
    text-align: center;
    margin-left: 10px;
    background-color: #ffffff;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 10%);
}

#modalinnerII > a.ptosearch:hover {
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    background-color: #404040;
}


#modalcloser,#modalcloserII{
    pointer-events: all;
    width: 50px;
    right: 13%;
    top: 0;
    display: flex;
    opacity: 1;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}
#modalinnerII .merkliste_speichern{
    margin:20px
}
#modalinnerII #overlay_footer {
    position: absolute;
    top: 79%;
    background: #b7b7b7;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
    width: 70%;
    min-width: 700px;
    margin-left: 0px;
    margin-right: auto;
}
#modalloadinggif{
    width:25px;
    height:25px;
    margin:auto;
}
#modalloadinggifII{
    width:25px;
    height:25px;
    margin:auto;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
    width: 100%;
    height: 300px;
}
#zoomedimage{margin: 40px;
    width: 90%;
    object-fit: scale-down;
}
ul{
    margin: 0;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.headboxes_infopop a{
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    color: #000000;
    width: 30px;
    height: 30px;
    border: none;
    background-color: #ffffff;
    margin-left: 1px;
    display: block;
    text-align: center;
    padding-top: 7px;
    margin-top: 0;
    border-radius: 5px;
}
.headboxes_infopop a:hover, .headboxes_infopop a:focus{
    color: #efbf40;
    background-color: #000000;
    text-decoration: none;
}
.homeselection_spacer{
    width: 120px;
    min-height: 45px;
    background-color: transparent;
    margin-right: 1px;
}
/*pdf config overlay*/
.pdf_konfiguration label{display:block}
.pdf_konfiguration input[type=radio] {display: inline-block;vertical-align: text-bottom;
}
/*händler backend */
.backend_table,.bookmode_maincontainer table{
    font-family: 'OpenSans-Regular';
    font-size: 12px;
    font-weight:normal;
    background-color: #dedede;
}
.bookmode_maincontainer label{
    font-family: 'OpenSans-Regular';
    font-size: 12px;
    font-weight:normal;
    /*background-color: #dedede;*/
    min-width: 150px;
    margin-right: 5px;
    margin-bottom: unset;
}
.bookmode_maincontainer #search{
    display: unset;
}
div.breadcrumbs {
    font-family: OpenSans-SemiBold;
    font-size: 12px;
    margin: 15px 0;
    background-color: #fff;
    padding: 5px 10px;
    width: fit-content;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
}
div.breadcrumbs a:hover {
    color: #666666;
}
.level6, .level5, .level8, .level7 {
    background-color: #f4f4f4;
}
.form-control {
    font-family: OpenSans-SemiBold;
    font-size: 12px;
    display: block;
    width: 100%;
    max-width: 300px;
    height: 30px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 2px;
    line-height: 1.3;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b5b5b5;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input[type=checkbox]{
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
    margin-right: 5px;
}
input[type=text]{
    margin-bottom: 10px;
}
.bookmode_maincontainer form{
    margin-top:0px
}
.bookmode_maincontainer > .status{
    font-family: 'OpenSans-Semibold';
    font-size: 14px;
    color: #000000;
    max-width: 600px;
    line-height: 1.6;
    text-transform: none;
}
.bookmode_maincontainer h2, .bookmode_maincontainer h1, .bookmode_maincontainer h3, h1, h2{
    font-family: 'OpenSans-Semibold';
    font-size: 16px;
    color: #666666;
    /* margin-bottom: 10px; */
    max-width: 600px;
    line-height: 1.3;
    text-transform: uppercase;
    padding: 6px 0px 10px 0px;
    margin-bottom: 15px;
}

.textblock_translate h2{
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    color: #000000;
    /* margin-bottom: 10px; */
    max-width: 600px;
    line-height: 1.3;
    padding: 6px 0px 10px 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: unset;
}

.textblock_translate{
    float: left;
    margin-top: -5px;
    margin-left: 10px;
    margin-right: 10px;
}

.translate{
    width: auto;
    padding-right: 5px;
}

#videodiv,#pdfdiv{
    width:auto;
}
.outerfilter{
    float:left;
    padding:10px 15px 10px 15px;
}

.bookmode_maincontainer h4, h4{
    font-family: 'OpenSans-Regular';
    font-size: 12px;
    color: #666666;
    /* margin-bottom: 10px; */
    max-width: 600px;
    line-height: 1.3;
    padding: 6px 0px 10px 0px;
    margin-top: -30px;
}
.bookmode_maincontainer h3{
    text-transform: unset;
    font-family: 'OpenSans-Semibold';
    font-size: 14px;
    color: #000000;
}

.outerfilter h3{
    margin-bottom: 10px;
    background: #f0f0f0;
    padding: 8px 5px 6px 10px;
    line-height: 1;
    font-size: 12px;
    border: 1px solid #b5b5b5;
    height: 30px;

}

h1, h2{
    margin-top: 40px;
}
p>span>a, a{
    font-family: 'OpenSans-Semibold';
    font-size: 12px;
    color: #000000;
}
p>span>a:hover, a:hover{
    color: #666666;
}
div.assetremove{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 20px 0px 20px;
}
div.assetremove > label > span{
    vertical-align: super;
}
.flexrow > i{
    margin-top: 6px;
    font-style: normal;
    background: #f4f4f4;
    padding: 7px 10px 6px 10px;
    font-family: 'OpenSans-SemiBold';
}
.ui-datepicker-trigger{
    margin-bottom: 10px;
    margin-left: 5px;
    border: 1px solid #b5b5b5;
    background-color: #ffffff;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
}
.bookmode_maincontainer>p>a{
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    color: #000000;
    cursor: pointer;
    margin: 10px 0;
    border: 1px solid #b5b5b5;
    height: auto;
    /* min-height: 30px; */
    text-decoration: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #ffffff;
    /* min-width: 150px; */
    max-width: 300px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
    border-radius: 5px;
    display: block;
}
.button_u_h2{
    margin-bottom: 20px;
    margin-top: 15px;
}
.button_u_h2>a, .bookmode_maincontainer>a {
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    color: #000000;
    cursor: pointer;
    margin: 10px 0;
    border: 1px solid #b5b5b5;
    height: auto;
    /*min-height: 30px;*/
    text-decoration: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #ffffff;
    /* min-width: 150px; */
    max-width: 300px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
    border-radius: 5px;
    display: block;
}
.button_u_h2>a:hover, .bookmode_maincontainer>a:hover{
    color: #000000;
    text-decoration: unset;
    background-color: #666666;
    color: white;
}
.bookmode_maincontainer table a,.bookmode_maincontainer a.lookslikebutton,.table-striped a{
    /*white-space:nowrap;*/
    margin:2px 0 8px;
    display:block;
    max-width:300px;
    height: fit-content;
    min-width: unset;
}
.bookmode_maincontainer a.lookslikebutton{
    white-space:nowrap;
    margin:0px 0 20px;
    display:block;
    max-width: fit-content;
    margin-right: 5px;
    background-color: #ffffff;
}
.bookmode_maincontainer p{
    font-family: 'OpenSans-Regular';
    font-size: 12px;
    max-width: 800px;
    color: #4a4a4a;
    margin-top: 15px;
}
.bookmode_maincontainer>.pager, .pager{
    font-family: 'OpenSans-SemiBold';
    font-size: 12px;
    color: #000000;
    cursor: pointer;
    margin: 10px 0;
    border: 1px solid #b5b5b5;
    height: auto;
    /* min-height: 30px; */
    text-decoration: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
    border-radius: 5px;
    max-width: fit-content;
    display: inline-block;
}
.bookmode_maincontainer>.pager.active, .pager.active{
    background-color: cornflowerblue;
}
.backend_smalltext{}
.activation_box{
    position: absolute;
    margin: auto;
    z-index: 5000;
    top: 10%;
    background: #fff;
    padding: 20px 20px;
    left: 30%;
    right: 30%;
    width: 440px;
    box-shadow: 0px 4px 2px 2px rgb(0 0 0 / 20%);
}
.activation_box h2{
   margin-top: 0px;
    margin-bottom: 5px;
}

.activation_box div{
    margin-bottom: 10px;
}

.activation_box form.flexcol.backend_table {
    padding: 10px;
    display: table-caption;
    width: 400px;
margin-bottom: 0px;
}

.activation_box form.flexcol.backend_table label{
    font-weight: normal;
}

input#firstpass, input#secondpass {
    height: 27px;
    margin-top: 3px;
    margin-right: 5px;
}

div#passfeedback, div#passfeedbackII {
    margin-bottom: 10px;
    margin-top: 10px;
}

input#activatesubmit {
    display: block;
}

/*---- aus produktdarstellung_mj.css---*/

.head_login{
    width: 100%;
    top: 0;
    height: 70px;
}
.center {
    font-size: 14px;
    line-height: 17px;
    height: auto;
    z-index: 10;
    position: absolute;
    opacity: 1;
    margin: auto;
}



/*----------------------------------- media queries -------------------------------------------------------------*/

@media (max-height: 800px){

    .headboxes_wrapper{
        max-height: 500px;
    }

}

@media (max-height: 768px){

    .headboxes_wrapper{
        max-height: 480px;
    }

}

    @media (min-width: 768px){
        .navbar-nav>li>a {
            padding-top: 0px;
            padding-bottom: 0px;
            padding-left: 10px;
            padding-right: 10px;
            line-height: normal;
        }
        .nav li:hover, .nav li:hover > a {
            background-color: #666666;
            color: white;
        }
        .nav li:hover > a > span {
            color: white;
        }
        .corenavbar-nav ul.dropdown-menu li {
            display:inline-flex;
            width: 100%;
        }
        .corenavbar-nav>li>a {
            color: #000000;
        }
        .corenavbar-nav>li>a:hover {
            color: #ffffff;
            background-color: #666666;
        }
        .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
            border-color: unset;
            background-color:unset;
        }
        .dropdown-menu {
            color: #ffffff;
            font-family: 'OpenSans-SemiBold';
            font-size: 12px;
            line-height: 16px;
            position: absolute;
            top: 100%;
            left: 0px;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 162px;
            padding: 5px 0px 5px 0px;
            margin: 0px 0 0;
            text-align: left;
            list-style: none;
            background-color: #f4f4f4;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            box-shadow: 0px 6px 6px 0px rgb(0 0 0 / 40%);
            border-radius: 5px;
            border: 1px solid #b5b5b5;
        }
        .dropdown-menu>li>a {
            display: block;
            padding-top: 0px;
            padding-right: 10px;
            padding-bottom: 0px;
            padding-left: 10px;
            clear: both;
            font-family: 'OpenSans-SemiBold';
            font-size: 12px;
            line-height: 1.2;
            font-weight: normal;
            color: #000000;
            white-space: nowrap;
            margin-top: 8px;
            margin-bottom: 8px;
        }
        .dropdown>.dropdown-menu>li>a:focus,.dropdown>.dropdown-menu>li>a:hover{
            color:#ffffff;
            text-decoration:none;
            background-color:#666666;
        }
        .btn-primary:hover{
            color:#fff;
            background-color: #666666;
        }
    }
/* 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;
}
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;
}
.footer_3{
    margin-left: 0;
}
footer{
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.3px;
}
#ulist_wrapper{
    padding:10px;
}
#rlist td{
    color: #000000;
    background-color: white;
}
.table td{
    color: #000000;
}
.table-striped{
    margin-top: 10px
}
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: #ffffff;
}
.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;
}
#coremainlogo{
    width:300px;
}
.navbar .navbar-nav>li>a {
    color: #000000;
    padding: 0px;
}
.uform{
    max-width:600px;
}
/*menue to the side here*/
.maindiv{
    display:flex
}
.corenavbar,.corenavbar-nav{
    display:flex;flex-direction:column;
}
.corenavbar-nav{margin-top: 35px;}
.corenavbar{
    max-width:280px;
    min-width: fit-content;
}
.corenavbar-nav ul.dropdown-menu li{display:inline-table;width:100%}
.corenavbar-nav a:focus,.corenavbar-nav  a:hover,.corenavbar-nav  a:active{
    color:#000;
    text-decoration: underline
}
.bookmode_maincontainer{margin-top:40px;}
.navbar-header{display:none}

.container-fluid{
    flex:20;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 0;
}

.col-lg-12 {
    margin-bottom: 0;
    margin-right: 0;
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    float:right;
}
.col-lg-12 a:hover{
    color: #b9ab9a;
}
.auswahltext a, .auswahltext a:hover, .auswahltext>li>a{
    color: #000000;
    pointer-events: none;
}
.auswahltext{
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    margin-right: -10px;
}
a.dropdown-toggle .auswahl11 {
    background-color: #ffffff;
    height: 30px;
    width: 30px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: -15px;
    margin-top: -7px;
    color: #b9ab9a;
}
a.dropdown-toggle .auswahl21 {
    background-color: #ffffff;
    height: 30px;
    width: 30px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: -15px;
    margin-top: -7px;
    color: #b9ab9a;
}
a.dropdown-toggle .auswahl31 {
    background-color: #ffffff;
    height: 30px;
    width: 30px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: -15px;
    margin-top: -7px;
    color: #b9ab9a;
}
a:hover.dropdown-toggle .auswahl11 {
    background-color: #b9ab9a;
    color: #ffffff;
    border: 1px solid #ffffff;
}
a:focus.dropdown-toggle .auswahl11 {
    background-color: #b9ab9a;
    color: #ffffff;
    border: 1px solid #ffffff;
}
a:hover.dropdown-toggle .auswahl21 {
    background-color: #b9ab9a;
    color: #ffffff;
    border: 1px solid #ffffff;
}
a:focus.dropdown-toggle .auswahl21 {
    background-color: #b9ab9a;
    color: #ffffff;
    border: 1px solid #ffffff;
}
a:hover.dropdown-toggle .auswahl31 {
    background-color: #b9ab9a;
    color: #ffffff;
    border: 1px solid #ffffff;
}
a:focus.dropdown-toggle .auswahl31 {
    background-color: #b9ab9a;
    color: #ffffff;
    border: 1px solid #ffffff;
}
#archiv_list{
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 0;
}
.auswahllayer {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    width: 440px;
    float: left;
    margin-right:20px;
    margin-bottom: 20px;
    min-height: 235px;
    max-height: 235px;
    background-color: rgba(255,255,255,1);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}
.auswahllayer h3{
    font-family: 'Times-Regular';
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.headselection_button_row h1{
    color: #000000;
    font-family: Times-Regular;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
    margin-right: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    margin-left: 0;
    letter-spacing: 0;
    min-width: 152px;
    max-width: 152px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-transform: none;
}


fieldset>label{display:flex;max-width:400px}
.def_textbox{background:#f2f2f2;padding:10px;font-size:12px;font-weight:normal;margin:20px 0}
/*navi colors*/
.level4{background-color: #ac9aee
}
.level3{background-color: #eeb4d0
}
.level2{background-color: #a2eebd
}
.chapter_tile_preview {
    max-width: 200px;
    margin-bottom: -40px;
    object-fit: scale-down;
}
.product_categorisation_list_img{max-width: 200px;max-height: 160px;
    object-fit: scale-down;}
form.cateditform{flex-direction: row;flex-wrap:wrap}
form.cateditform label{margin:0 5px;font-size: 12px;}
form.cateditform select{max-width: 145px;padding: 0;font-size: 11px;font-weight: normal;}
form.cateditform .btn-primary{margin:5px;}
#categorizerdiv{position: fixed;bottom: 0;background: #e8e8e8;width: 100%;left: 0;max-height: 270px;z-index:500}
div.flexrow{display:flex;width: 100%;}
div.twentypad{padding:20px}
.gallerymain{
    background-color: #404040;
    /* flex: 6; */
    height: 540px;
    width: 540px;
    border: 1px solid #404040;
    padding: 10px;
}
.gallerymain > img{
    object-fit: scale-down;
    margin: 0;
    /* max-height: 520px; */
    flex: 3;
    width: 100%;
    cursor: zoom-in;
    /* border: 1px solid #404040; */
    height: 100%;
}


.gallerythumbs{display:flex;flex-direction:column;margin:0 10px;flex:2;overflow: auto;max-width: 120px;min-width: 120px;}
.gallerythumbs > img{object-fit:contain;width:100px;height:100px;margin:0 10px 10px;background-color:#404040;border:1px solid black;}
div.gallerytext{padding:0 20px 0 20px;flex:8;overflow-y: auto;}
.gallerytext > h2{margin-bottom:10px;margin-top: 0px;}
.galleryvideocol{padding:74px 32px 0 0;max-width:80px}
#modalinner > .jaxloadeddiv{display:flex;width:100%}
.status{
    font-size: 16px;
}
/*forms*/
#search > input.formsubmitbutton_padded{
    margin:20px 5px 0 0px;
}
div.assetremove{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 10px 0px 10px;
}
img.assetpreview,video.assetpreview{
    width:150px;
    object-fit: scale-down;
    max-height:150px;
}
#chapterchoice > input[type=submit].disabled_button{color:grey}
.notecolor0{
    background-color:#ffffff !important;
}
.notecolor1{
    background-color:#faeabf !important;
}
.notecolor2{
    background-color:#f2cc66 !important;
}
.notecolor3{
    background-color:#fc7881 !important;
}
#note_color{
    min-width: 30px;
    max-width: 50px;
    z-index: 1000;
    height: 30px;
    padding: unset;
    padding-top:30px;
    border: 1px solid #767676;
}
#note_color:after {
    content: "▼";
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    left: 30px;
    top: 0.3rem;
    z-index: 1;
    /*border: 1px solid #767676;*/
}
.selectx{
    position:relative;
    height: 0px;
}
.selectx ul li.option:hover {
    background-color: #B8B8B8;
}
.selectx ul li.option {
    z-index: 1;
    padding: 0;
    width: 100%;
    height: 30px;
    list-style: none;
    border-top: 1px solid #767676;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
}
.selectx ul.closed li.option {
    display: none;
}
.selectx ul li {
    cursor: default;
}
.chapter_note_up,.chapter_note_down{
    width: 30px;
    height: 30px;
    background: white;
}
.chapter_note_up:after,.chapter_note_down:after{
    content: "▲";
    font-size: 14px;
    position: relative;
    left: 8px;
    top: 8px;
    z-index: 1;
}
.chapter_note_down:after{
    content: "▼";
}
.chapter_planning_scroller {
    padding-right: 10px;
    max-width: 420px;
    height: 96%;
    width: 100%;
    overflow-y: auto;
    overflow-x: visible;
}
.mnotes{
    border-top:2px solid #dedede;
}
.editbtn {
    padding-left:7px;
    top: 7px;
    margin-bottom: 10px;
}
.glyphicon-floppy-disk{
    top: 1px;
}
.narea{
    width: 80%;
    height: 100px;
}
.adpricebtn{
    background-color: #ececec;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-right: 10px;
    margin-left: -5px;
    min-width: 22px;
    font-size: 12px;
    font-weight: 100;
    top: 0;
}
.preisdetails{
    position: relative;
    max-height: 30px;
    display: none;
    background-color: #ececec;
    padding:10px;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 20%);
}
.preislabel{
    display: table-cell;
    padding: 5px 0px 0px 0px;
    float: left;
    min-width: 110px;
}
.preispreis{
    display: table-cell;
    padding: 5px 0px 0px 0px;
    float: right;
}
.closeme{
    font-weight:bold;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: -5px;
}
.preisrow{
    display: table-row;
}
.preis1,.preis2,.preis3{
    max-height: 35px !important;
}
form>.preis1>.awt2, form>.preis2>.awt2, form>.preis3>.awt2{
    min-width: 150px;
    max-width: 150px;
}
#customerref_save, #username_save{
    margin-top: 5px;
}
/*planning slider content*/
.planningpanel_icon{z-index:99}
.chapter_planning_scroller{max-height:700px;overflow-y:auto;padding-right: 10px;max-width: 420px;}
.chapter_planning_item{display:flex;flex-direction: column}
.chapter_planning_headline{margin:0 0 15px}
.chapter_planning_asset{width:45%;float:left;margin-right:20px;background:#fff;height:150px}
.chapter_planning_media{display:flex;margin:20px 0 10px}
.chapter_planning_image{object-fit: cover;cursor:zoom-in}
.chapter_planning_video{cursor:pointer;}
.chapter_planning_pdf{cursor:pointer;}
/*horizontally split second box*/
.chapter_planning_media_threesome{}
.threesome_right{
    float: left;
    margin-right: 20px;
    height: 150px;
    max-width: 60px;
    flex: 1;
    justify-content: space-between;
}
.chapter_planning_media_threesome .chapter_planning_asset{width:73%;float:left;margin-right:20px;height:150px}
.chapter_planning_media_threesome .chapter_planning_video,.chapter_planning_media_threesome .chapter_planning_pdf{
    height: 60px;
    object-fit: scale-down;
    width: 60px;
    border: 1px solid #bcbcbd;
    cursor:pointer;
}
#chapter_notes_form {
    height: 180px;
    max-width: 410px;
}
.chapter_note_headline{margin-bottom:10px;}
#note_text{
    width: 410px;
    height: 100px;
    margin-bottom: 10px;
}
.chapter_note_item{display:flex;margin-bottom:20px}
.chapter_note_textwrapper{flex:5;background: #fff;padding: 20px;margin-right: 1px;}
.chapter_note_actions{display:flex;flex-direction: column;cursor: pointer;}
.chapter_note_edit{margin-top:1px}
form.flexcol #long_text{min-height:300px;}
.bigbad{
    font-family: OpenSans-Bold;
    font-weight:normal;
}
.validtext{
    color:red;
}

.news_form{
    margin-left: -15px;
}

.bookmode_maincontainer .news_form{
    margin-top: 15px;
}

.news_list{
    margin-top: 20px;
}

.news_form > .row > .col-sm-10 > span{
    vertical-align: super;
    font-size: 12px;
}

.news_bezeichnung{
display: flex;
}

.news_bezeichnung > .form-group > .col-sm-10{
    padding-right: 0px;
}

.news_bezeichnung > .form-group{
    margin-bottom: 0px;
}

.news_bezeichnung > .form-group > .col-sm-10 > label > input[type=text]{
    width: 280px;
}

.news_teaser > .col-sm-10 textarea.form-control{
    min-height: 100px;
    width: 280px;
}

.news_daten_upload{
    display: flex;
}
.news_daten_upload > .form-group > .col-sm-10 > label > input[type=file]{
    width: 280px;
    margin-bottom: 10px;
}

.news_daten_upload > .form-group > .col-sm-10{
    padding-right: 0px;
}

.outerfilter span{
    vertical-align: super;
}

.newsitem{
    padding: 20px;
    background-color: #ffffff;
    margin-right: 20px;
    min-width: 340px;
    max-width: 340px;
    min-height: 190px;
    margin-top: 15px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid #d9d9d9;
}

.newsitem .publish{
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}

.newsitem .headline{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 20px;
    min-height: 40px;
}

.newsitem .teaser{
    white-space: pre;
    white-space: pre-line;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 20px;
    height: 100px;
    overflow: auto;
    padding-right: 10px;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.newsitem a{
    font-size: 12px;
    font-weight: bold;
    margin-right: 20px;
    cursor: pointer;
}

.newsnav{
    position: absolute;
    top: 129px;
    left: 0px;
    display: flex;
}

.newsnav_titel{
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    background-color: rgba(236, 236, 236, 1);
    padding-top: 7px;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 6px;
    margin-right: 1px;
    margin-bottom: 1px;
    min-width: 180px;
    color: #404040;
    letter-spacing: 0.3px;
}

.newsnav_titel.kversion{
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding-top: 7px;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 6px;
    margin-right: 1px;
    margin-bottom: 1px;
    min-width: 180px;
    color: #404040;
    letter-spacing: 0.3px;
    background-color: unset;
}

.newsnav_options{
    display: inline-block;
    background-color: #ffffff;
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6px;
    margin-right: 1px;
    margin-bottom: 1px;
    cursor: pointer;
    font-size: 12px;
}

.newsnav_options.highlight{

    background-color: #404040;
    color: #ffffff;

}
.navinews,.nav>li.navinews{
    width: 60px;
    height: 60px;
    margin-left: 1px;
    display:none;
}
.checkinline{
    display:inline;
}

button.pdf, button.video{
    margin-right: 5px;
    border: 1px solid #d9d9d9;
    padding: 5px 10px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 0px;
}
.valert .infos{
    background-blend-mode: darken;
    background-color: red;
}
.inspirationitem{
    padding: 0px;
    background-color: #ffffff;
    margin-right: 20px;
    min-width: 340px;
    max-width: 340px;
    min-height: 190px;
    max-height: 190px;
    margin-top: 0px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid #d9d9d9;
    position:relative;
}

.inspirationitem .iheadline{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 20px;
}
.inspirationitem .inspirationimg{
    width:100%;
    height:100%;
    object-fit: cover;
}
.inspirationitem .inspirationtext{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 30%;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    color: white;
}
.inspirationitem .iteaser{
    white-space: pre;
    white-space: pre-line;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 20px;
    height: 100px;
    overflow: auto;
    padding-right: 10px;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}
.insfiltermain{
    position: absolute;
    top: 160px;
    left: 180px;
    z-index: 4000;
    background: lightgray;
    padding:10px;
    max-height: 70%;
    overflow: auto;
    display:none;
}
.insfiltergroup{
    float:left;
    min-width:120px;
    max-width: 120px;
    padding:0px;
}
.insfilterhead{
    color:white;
    background-color: black;
    margin:5px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
}
.insfilteritem{
    background-color:white;
    margin:5px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    cursor:pointer;
}
.insfilteritem.active{
    color:white;
    background-color: black;
}
.insfilteritem.disabled{
    color:white;
    background-color: #EEEEEE;
    pointer-events: none;
}

.inspiration_filter {
    display: flex;
    font-size: 12px;
    flex-wrap: wrap;
}

.headline_inspiration {
    font-size: 12px;
    padding: 7px 10px 6px 10px;
    font-family: 'OpenSans-Semibold';
    float: left;
}



/*
.ifiltermain{
    filter: invert(1);
}
*/


.nowedit{
    background-color: #666666;
    color: #ffffff;
}


.ifilterlist{
    font-family: 'OpenSans-Regular';
    min-width: 160px;
    margin-top: 10px;

}
.headline_inspiration.nottranslated,.ifiltername.nottranslated{
    color: red;
}
.inspiration_filter span{
    padding: 7px 10px 6px 10px;
    /*margin-top: 0px;*/
    height: 30px;
    border-radius: 3px;
    float: left;
}

.ifilterchild, .ifilterlist div{
    margin-top: 0px;
    background-color: #ffffff;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 2px;
    border-radius: 3px;
}


.ifiltermain.filter_ueberschrift{
    background-color: #f0f0f0;
    box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 25%);
}

.ifiltermain.filter_ueberschrift span{
    background-color: #f0f0f0;
}

.ifiltermain.filter_ueberschrift .glyphicon, .ifilterchild .glyphicon{
    float: right;
    margin-top: -1px;
}

.ifilterlist div .glyphicon{
float:right;
}

.ifilterchild div span .glyphicon{
    float:right;
}




.ifiltername{
background-color: #ffffff;
padding: 7px 10px 6px 10px;
    float: left;
}

.glyphicon-pencil, .glyphicon-remove, .glyphicon-plus, .glyphicon-ok, .glyphicon-remov, .glyphicon-trash{
padding: 6px 5px 5px 5px;
background-color: #ffffff;
margin-top: -1px;
font-size: 14px;
text-align: center;

}

.nowedit{
    background-color: #666666;
    color: #ffffff;
}

.ifiltermain.filter_ueberschrift span.nowedit{
    background-color: #666666;
}

.langlink{
    display:none;
    color:red;
    margin-bottom: 10px;
    font-family: 'OpenSans-SemiBold';
    text-decoration: underline;
    cursor: pointer;
}
.langlink.lused{
    display:block;
}
.langlink.ltrans{
    color:green;
    margin-bottom: 10px;
    font-family: 'OpenSans-SemiBold';
    text-decoration: underline;
    cursor: pointer;
}
.transblock{
    display:none;
}
.editbtn > .warnung{
    font-family: 'HelveticaNowText-Medium';
    font-size: 10px;
    color: red;
    display: block;
}
#warn{
    padding:5px;
    display:none;
}
.warnicon{
    color: red;
    font-size: 30px;
    padding: 14px;
    background-color: white;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    top:-1px;
}
.warndivitem{
    padding-bottom:5px;
}
.warndivitem > b{
    padding-bottom:5px;
}
.masswarn,.preislist_row .maxwidthwarn,.preislist_row .maxheightwarn,.preislist_row .maxdepthwarn{
    color:red;
    filter: blur(1px);
}
.legalstuff{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:auto;
    background-color: #d9d9d9;
}