body {overflow: hidden;}
html, body{color:#a4a1a7;font-size:18px;background-image:url(../img/hg.jpg);height: 100%;}
#content {max-height: calc(90% - 170px);overflow-y: scroll;margin-top:50px;}
footer {width: 100%;height: 80px;background:#45708d;position: fixed;bottom: 0;}
.login_kasten{margin:auto;text-align:center;width:20%;border:solid 1px #45708d;margin-top:12%;padding:50px;min-height:270px}
.login_kasten_neu{margin:auto;text-align:center;width:30%;border:solid 1px #45708d;margin-top:8%;padding:50px;min-height:270px}
.btn-info_weltweit{background-color:#45708d}
.navbar{background-color:#45708d;min-height:80px}
.navbar1{background:#45708d;min-height:80px;padding-top:10px}
.login{color:#fff;position:absolute;right:100px;text-align:right;}
.kacheln_around{margin:auto;text-align:center;margin-top:3%}
.kachel_border{border:solid 1px #45708d;padding:5px;}
.kachel{width:200px;height:200px;background-color:#45708d;text-align: center;padding-top:30px}
.kachel_bild{margin-bottom:20px}
.kachel_text{color:#fff}
.seitenumrandung{width:80%;margin:auto;text-align:center;border:solid 1px #45708d;}
.seitenumrandung1{width:80%;margin:auto;text-align:center;border:solid 1px #45708d;min-height:70px;padding-top:22px;color:#fff}
.seitenumrandung2{width:100%;margin-top:10px;min-height:30px;color:#45708d;text-align:left;float:left}
.reihe{text-align:left;padding-left:50px;padding-top:10px;padding-bottom:10px;}
.even{background:#45708d;color:#abc1d6}
.odd{background:#abc1d6;color:#45708d}
.odd1{background:#45708d;color:#abc1d6;min-height:50px;}
.even1{background:#bfd2e3;color:#45708d;;min-height:50px;}
.odd2{background:#45708d;color:#abc1d6;min-height:50px;}
.even2{background:#bfd2e3;color:#45708d;;min-height:50px;}
.seitenumrandung_sub{min-height:70px;background:#c4d5e6;color:#324f64;width:100%;font-weight:bold;padding-top:20px;font-size:23px}
.seitenumrandung_bottom{min-height:70px;background:transparent;color:#45708d;width:100%;font-weight:bold;padding-top:9px;border:solid 1px #45708d;}
.seitenumrandung_bottom1{min-height:70px;background:transparent;color:#abc1d6;width:100%;padding-top:9px;border:solid 0px #abc1d6;}
.kunden_editodd{width:35px;height:35px;background-image:url(../img/edit.png);background-repeat:no-repeat;background-position:50% 0}
.kunden_editeven{width:35px;height:35px;background-image:url(../img/edit.png);background-repeat:no-repeat;background-position:50% 0}
.kunden_editodd1{width:35px;height:35px;background-image:url(../img/edit.png);background-repeat:no-repeat;background-position:50% 0}
.kunden_editeven1{width:35px;height:35px;background-image:url(../img/edit.png);background-repeat:no-repeat;background-position:50% 0}
.codes_editodd{width:35px;height:35px;background-image:url(../img/codes.png);background-repeat:no-repeat;background-position:50% 2px}
.codes_editeven{width:35px;height:35px;background-image:url(../img/codes.png);background-repeat:no-repeat;background-position:50% 2px}
.tabletoff{width:35px;height:35px;background-image:url(../img/tablet2.png);background-repeat:no-repeat;background-position:50% 0}
.tableton{width:35px;height:35px;background-image:url(../img/tablet.png);background-repeat:no-repeat;background-position:50% 0}
.view_editodd{width:35px;height:35px;background-image:url(../img/view.png);background-repeat:no-repeat;background-position:50% 0}
.view_editeven{width:35px;height:35px;background-image:url(../img/view.png);background-repeat:no-repeat;background-position:50% 0}
.delete_editodd{width:35px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0}
.delete_editeven{width:35px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0}
.delete_editodd1{width:35px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0}
.delete_editeven1{width:35px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0}
.accountodd{width:35px;height:35px;background-image:url(../img/account.png);background-repeat:no-repeat;background-position:50% 0}
.accounteven{width:35px;height:35px;background-image:url(../img/account.png);background-repeat:no-repeat;background-position:50% 0}
.account_companyodd{width:35px;height:35px;background-image:url(../img/account_company.png);background-repeat:no-repeat;background-position:50% 0}
.companyodd_red{width:35px;height:35px;background-image:url(../img/account_red.png);background-repeat:no-repeat;background-position:50% 0}
.companyodd{width:35px;height:35px;background-image:url(../img/account.png);background-repeat:no-repeat;background-position:50% 0}
.account_companyeven{width:35px;height:35px;background-image:url(../img/account_company.png);background-repeat:no-repeat;background-position:50% 0}
.mail_yes{width:35px;height:35px;background-image:url(../img/mail_yes.png);background-repeat:no-repeat;background-position:50% 0}
.mail_no{width:35px;height:35px;background-image:url(../img/mail_no.png);background-repeat:no-repeat;background-position:50% 0}
.sperre_yes{width:35px;height:35px;background-image:url(../img/sperre_yes.png);background-repeat:no-repeat;background-position:50% 0}
.sperre_no{width:35px;height:35px;background-image:url(../img/sperre_no.png);background-repeat:no-repeat;background-position:50% 0}
.new_editodd{width:35px;height:35px;background-image:url(../img/new.png);background-repeat:no-repeat;background-position:50% 3px}
.linkeven{width:35px;height:35px;background-image:url(../img/link.png);background-repeat:no-repeat;background-position:50% 3px}
.linkodd{width:35px;height:35px;background-image:url(../img/link.png);background-repeat:no-repeat;background-position:50% 3px}
.unlinkeven{width:35px;height:35px;background-image:url(../img/unlink.png);background-repeat:no-repeat;background-position:50% 3px}
.unlinkodd{width:35px;height:35px;background-image:url(../img/unlink.png);background-repeat:no-repeat;background-position:50% 3px}
.unlinkeven1{width:30px;height:30px;background-image:url(../img/unlink.png);background-repeat:no-repeat;background-position:50% 3px}
.unlinkodd1{width:30px;height:30px;background-image:url(../img/unlink.png);background-repeat:no-repeat;background-position:50% 3px}
.cloneeven{width:35px;height:35px;background-image:url(../img/clone.png);background-repeat:no-repeat;background-position:50% 3px}
.cloneodd{width:35px;height:35px;background-image:url(../img/clone.png);background-repeat:no-repeat;background-position:50% 3px}
.clone_greeneven{width:35px;height:35px;background-image:url(../img/clone_green.png);background-repeat:no-repeat;background-position:50% 3px}
.clone_greenodd{width:35px;height:35px;background-image:url(../img/clone_green.png);background-repeat:no-repeat;background-position:50% 3px}
.koppeln_orgaeven{width:35px;height:35px;background-image:url(../img/orga.png);background-repeat:no-repeat;background-position:50% 3px}
.koppeln_orgaodd{width:35px;height:35px;background-image:url(../img/orga.png);background-repeat:no-repeat;background-position:50% 3px}
.new_editeven{width:35px;height:35px;background-image:url(../img/new.png);background-repeat:no-repeat;background-position:50% 3px}
.new_editodd1{width:30px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0px}
.nameeven{width:35px;height:35px;background-image:url(../img/name.png);background-repeat:no-repeat;background-position:50% 3px}
.nameodd{width:35px;height:35px;background-image:url(../img/name.png);background-repeat:no-repeat;background-position:50% 3px}
.new_editeven1{width:30px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0px}
.kunden_orgaodd{width:35px;height:35px;background-image:url(../img/orga4.png);background-repeat:no-repeat;background-position:50% 0}
.kunden_orgaeven{width:35px;height:35px;background-image:url(../img/orga4.png);background-repeat:no-repeat;background-position:50% 0}
.orga_orgaodd{width:35px;height:35px;background-image:url(../img/orga5.png);background-repeat:no-repeat;background-position:50% 0}
.orga_orgaeven{width:35px;height:35px;background-image:url(../img/orga5.png);background-repeat:no-repeat;background-position:50% 0}
.btn-primary{background:#324f64 !important;border:none !important}
.login_kasten_pre{margin:auto;text-align:center;width:70%;border:solid 0px #45708d;padding:0px;margin-top:30px;}
.login_kasten1{margin:auto;text-align:center;width:70%;border:solid 1px #45708d;padding:50px;margin-top:3%;}
.login_kasten_reiter{margin:auto;text-align:center;width:90%;border:solid 1px #45708d;padding:50px;display:none;min-height:540px}
.login_kasten2{margin:auto;text-align:center;width:70%;border:solid 1px #45708d;padding-left:50px;padding-right:50px;padding-top:20px;padding-bottom:5px;margin-top:1%;color:#45708d;}
.login_kasten4{margin:auto;text-align:center;width:70%;border:solid 1px #45708d;padding:50px;}
.login_kasten5{margin:auto;text-align:center;width:90%;border:solid 1px #45708d;padding:50px;}
.login_kasten13{margin:auto;text-align:center;width:7095%;border:solid 1px #45708d;padding:50px;margin-top:3%;}
.login_umschalter{width:400px;height:50px;margin-left:50px}
.menu{margin-top:23px;margin-left:100px}
a:visited{font-size:22px;color:#fff;font-weight:bold;;margin-left:20px}
a:link{font-size:22px;color:#fff;font-weight:bold;margin-left:20px}
.danke{margin:auto;text-align:center;margin-top:10%}
input.error, select.error, textarea.error{border:2px solid #ff004c !important;}
a.even{color:#abc1d6}
a.odd{color:#45708d}
.modal-footer{background:#45708d;min-height:60px;color:#abc1d6; justify-content: space-between; }
a.navilink:link{color:#abc1d6;cursor:pointer;}
a.navilink:active{color:#abc1d6;cursor:pointer;}
a.navilink:visited{color:#abc1d6;cursor:pointer;}
.navi_headline{color:#45708d;margin-top:20px}
.kachel_width{width:50%;margin:auto;text-align:center;margin-top:30px}
.kachel_admin{width:200px;height:200px;background-color:#45708d;padding-top:50px;margin:auto;text-align:center;color:#abc1d6;font-size:16px;;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer}
.kachel_admin1{width:200px;height:200px;background-color:#45708d;padding-top:50px;margin:auto;text-align:center;color:#abc1d6;font-size:16px;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer}
.kachel_admin3{width:200px;height:200px;background-color:#505050;padding-top:50px;margin:auto;text-align:center;color:#abc1d6;font-size:16px;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer}
.kachel_admin2{margin:auto;text-align:center; margin: 20px 20px 0 0;width: calc(1/4*90% - (1 - 1/4)*10px);height:150px;background-color:#45708d;padding-top:30px;color:#abc1d6;font-size:16px;;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer;padding-left:10px;padding-right:10px}
div.kachel_admin1:hover {background-color:#5489ad;}
div.kachel_admin:hover {background-color:#5489ad;}
.kachel_board1{border:solid 1px #45708d;width:100%;min-height:170px}
.kachel_board2{border:solid 1px #45708d;width:100%;min-height:400px}
.kachel_board{width:100%}
.board{margin:auto;text-align:center;margin-top:30px;width:90%;margin-bottom:50px;}
.bold{font-weight:bold;}
.borderon{border: solid 2px #30ff00 !important }
.borderoff{border: solid 2px #ff2400 !important }
.kachel_text{margin-top:10px;color:#abc1d6}
.kachel_bild{background-color:#4f7e9e;width:70px;height:70px;margin:auto;text-align:center;padding-top:10px;border:solid 1px #abc1d6}
.around{width:90%;margin:auto;text-align:center;margin-top:30px;}
.around_account{width:60%;margin:auto;text-align:center;margin-top:30px;}
.around_account1{width:97%;margin:auto;text-align:center;margin-top:30px;}
.around_account2{width:97%;margin:auto;text-align:center;margin-top:30px;height:450px;position:relative;}
.around_account3{width:97%;margin:auto;text-align:center;margin-top:30px;height:450px;position:relative;}
.around_account4{width:60%;margin:auto;text-align:center;margin-top:0px;}
.admin_inside{border:solid 1px #45708d;min-height:450px;position: relative;color:#45708d}
.admin_inside1{border:solid 1px #45708d;color:#45708d;}
.admin_inside2{border:solid 1px #45708d;color:#45708d;overflow-y : scroll;overflow-x: hidden;height:410px}
.admin_inside3{border:solid 1px #45708d;min-height:500px;position: relative;color:#45708d}
.admin_inside_left_header{background-color:#45708d;min-height:40px;margin-bottom:30px;color:#abc1d6;padding-top:7px}
.admin_inside_left_header1{background-color:#45708d;min-height:40px;margin-bottom:15px;color:#abc1d6;padding-top:7px;width:100%}
.admin_inside_left_header2{background-color:#45708d;min-height:40px;color:#abc1d6;padding-top:7px}
.admin_inhalt{margin-left:30px}
.admin_inside_left_bottom{background-color:#45708d;min-height:40px;color:#abc1d6;bottom:0;position: absolute;padding-top:7px;width:100%}
.admin_inside_left_bottom1{background-color:#35576f;min-height:40px;color:#abc1d6;bottom:0;position: relative;padding-top:7px;width:100%}
.admin_inside_left1{padding-left:30px;padding-right:30px;padding-bottom:30px}
textarea#editor { width: 100% }
.tablet_umrandung{width:auto;display:flex;flex-wrap:wrap;margin-top:50px;align-items: center;justify-content: center;}
.tablet_umrandung1{width:80%;margin:auto;text-align:center;margin-top:50px;}
.tablet_modal{margin:auto;text-align:center;color:#45708d;margin-top:30px;}
.hidden { display:none; }
.abstand{margin-bottom:30px}
#code_eintragen{display:none;}
#kunden_eintragen{display:none;}
.line-break {width:100%;height:1px;margin-top:20px;margin-bottom:20px}
.normal_text{color:#45708d}
.userverwaltung{float:left;margin-right:50px;cursor:pointer;text-align:right;width:200px;}
.dropdown-item{padding:0px !important;margin:0px !important;padding-left:20px !important;padding-right:20px !important}
.dropdown-item:hover{background:#fff !important}
.spalte1{padding-left:60px}
.spalte2{padding-left:50px}
.spalte3{padding-left:40px}
.spalte4{padding-left:45px}
.spalte_action1{padding-left:85px}
.spalte_action2{padding-left:70px}
.spalte_action3{padding-left:60px}
.spalte_action4{padding-left:45px}
.verwaltung{margin-left:40px;}
.user-input-wrp {
    position: relative;
    width: 100%;
}
.user-input-wrp .inputText{
    width: 100%;
    outline: none;
    border:none;
    border-bottom: 1px solid #777;
    box-shadow: none !important;
}
.user-input-wrp .inputText:focus{
    border-color: blue;
    border-width: medium medium 2px;
}
.user-input-wrp .floating-label {
    position: absolute;
    pointer-events: none;
    top: 7px;
    left: 10px;font-size:15px;padding-top:7px;
    transition: 0.2s ease all;
}
.user-input-wrp input:focus ~ .floating-label,
.user-input-wrp input:not(:focus):valid ~ .floating-label{
    top: 0px;
    left: 12px;
    font-size: 13px;
    opacity: 1;padding-top:0px;
}
.inputText {
    padding-top:17px;
    font-size:15px;
    height:45px;
}
.flexContainer {
    display: flex;
}

.inputpass {
    flex: 1;
}
.logostyle{background-image:url(../img/toplogo.png);background-repeat:no-repeat;background-position:0px 2px;width:400px;height:65px;margin-top:10px;margin-left:100px}
.lang_color{position:absolute;left:20%}
.lang_schrift{float:left;width:28px;border:none;background:transparent;color:#fff;outline:none;text-align:left;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left: 0; padding-right: 0}
.lang_schrift_rechts{float:left;width:30px;border:none;background:transparent;color:#fff;outline:none;margin:auto;text-align:right;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left: 0; padding-right: 0}
.lang_schrift_middle{float:left;width:2px;color:#fff;font-size:14px;background:transparent;}
.lang_schrift1{float:left;width:30px;border:none;background:transparent;color:#fff;outline:none;text-align:left;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left: 0; padding-right: 0}
.lang_schrift_rechts1{float:left;width:30px;border:none;background:transparent;color:#fff;outline:none;margin:auto;text-align:right;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left: 0; padding-right: 0}
.lang_schrift_middle1{float:left;width:2px;color:#fff;font-size:14px;background:transparent;}
.lang_schrift_middle3{float:left;width:1px;color:#fff;font-size:14px;margin-right:2px;margin-left:7px;padding-top:2px}
.lang_schrift_middle31{float:left;width:1px;color:#fff;font-size:14px;margin-right:2px;margin-left:3px;padding-top:5px}
.collapse_pre{width:100%;background-color:#3dafb9;color:#fff;font-size:23px;}
.collapse_pre1{width:100%;background-color:#feb849;color:#fff;font-size:23px;}
.button_ausrichtung{float:right !important;margin-top:3px;margin-right:5px;margin-left:5px;}
.button-ausrichtung{float:right !important;margin-top:3px}
.button_ausrichtung_no{float:right !important;margin-right:0px;margin-top:3px}
#show_datum{display:none}
.name {
    cursor:pointer;float:left;margin:auto;text-align:center;margin-top:30px
}
.name1 {
    margin:auto;text-align:center;background-image:url(../img/clone_green.png);background-repeat:no-repeat;background-position:0% 3px;
}
.tooltipx {
    position: absolute;
    padding:10px;
    background:#fff;
    color:#000;
    margin: 5px;
    width: 200px;
    height: auto;
    border: 1px solid red;
    display:none;
    text-align:left;
    z-index:999999999999999999999999999999999999999999999999;
}
#mobile-nav {display: block;}
.menuContainer {display: inline-block;cursor: pointer;}
.bar1,.bar2,.bar3 {width: 25px;height: 3px;margin: 5px 0;transition: 0.4s;color:#fff}
.barcolor{background:#fff}
.barcolor1{background:#fff}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-5px, 6px);transform: rotate(-45deg) translate(-6px, 0px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-10px, -6px);}
.navbar-toggle {
    padding: 6px;
}

.navbar-toggle .icon-bar{
    width: 28px;
    height: 2px;
    background: gray;
    margin-bottom: 6px;
    display: block;
    transition-duration: 0.5s;
    opacity: 1;
}

.navbar-toggle .icon-bar:last-of-type{
    margin-bottom: 0;
}

.navbar-toggle.active .icon-bar.top-bar{
    transform: rotate(45deg) translate(6px, 6px)
}
.navbar-toggle.active .icon-bar.middle-bar{
    opacity: 0;
}
.navbar-toggle.active .icon-bar.bottom-bar{
    transform: rotate(-45deg) translate(5px, -5px)
}
.cont{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center; justify-content: space-between;
    padding: 10px;


}
.dropdown-toggle::after {
    display:none;
}
.dropdown-menu-center {
    left: 50% !important;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%, 0) !important;
}
.show > .dropdown-menu {
    max-height: 900px;
    visibility: visible;
}

.dropdown-menu {
    display: block;
    max-height: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    top: -80px !important;
    left: auto !important;right:20px !important;
    width:100px !important;
}

.dropbutton{
    background-color:transparent !important;width:35px !important;height:35px !important;border:none;cursor:pointer;margin-top:10px
}
.dropdown-content{
    z-index: 1000;
}
.navbar-dark{
    background:transparent !important;position:relative;bottom:10px
}
.lang_leiste{width:250px;text-align:right;padding-left:120px;color:#fff;font-size:16px}
.tp1{width:auto;height:auto;margin:auto;text-align:center}
.tp2{width:auto;height:auto;margin:auto;text-align:center}
.user_leiste{float:right;text-align:right;}
.leftmargin{margin-left:40px}
.floating-orga{float:left;width:33%}
.toppadding{padding-top:13px;}
.toppadding1{padding-top:13px;}
a.abmelden1:link{font-size:18px}
a.abmelden1:active{font-size:18px}
a.abmelden1:visited{font-size:18px}
@media only screen and (max-width : 1300px) {
     #userverwaltung_modal1{max-width:95% !important;}
    .login_kasten_neu{margin:auto;text-align:center;width:50%;border:solid 1px #45708d;margin-top:8%;padding:50px;min-height:270px}
    .name {cursor:pointer;float:none;text-align:center;margin:auto;margin-top:30px;background:red;}
    .menu ul li a:link {font-weight: normal !important;font-size:18px;}
    .menu ul li {margin-bottom:10px !important;}
    .navbar-dark{width:100% !important;padding-left:0px !important;}
    footer {width: 100%;height: 80px;background:#45708d;border-top: solid 0px #ffffff;}
    .menu{z-index:9999999999999999 !important;margin-left:0px !important;padding-left:0px !important;background:transparent;position:absolute;width:100%;bottom:0px !important;padding-top:0px;padding-bottom:10px;opacity:0.8;}
    .logostyle{background-size:contain;background-image:url(../img/toplogo.png);background-repeat:no-repeat;background-position:0px 2px;width:150px;height:44px;margin-top:5px;margin-left:0px}
    .lang_color{position:absolute;left:80px !important;text-align:right;top:27px}
    .seitenumrandung{width:100%;margin:auto;text-align:center;border:solid 1px #45708d;}
    .seitenumrandung1{width:100%;margin:auto;text-align:left;border:solid 1px #45708d;min-height:70px;padding-top:22px;color:#fff}
    .dropdown-menu {display: none;max-height: 0;visibility: hidden;transition: all 0.3s ease-in-out;position:absolute !important;left: auto !important;right:20px !important;z-index:9999999999999999999 !important;top: -20px !important}
    .tp2{width:70%;height:auto;margin:auto;text-align:center}
}
@media only screen and (max-width : 1600px) {
    #userverwaltung_modal1{max-width:95% !important;}
    .tp2{width:70%;height:auto;margin:auto;text-align:center}
    .kachel_admin{width:150px;height:150px;background-color:#45708d;padding-top:30px;margin:auto;text-align:center;color:#abc1d6;font-size:16px;;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer}
    .kachel_width{width:80%;margin:auto;text-align:center;margin-top:30px}
    .kachel_admin1{width:150px;height:150px;background-color:#45708d;padding-top:30px;margin:auto;text-align:center;color:#abc1d6;font-size:16px;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer}
    .kachel_admin3{width:150px;height:150px;background-color:#505050;padding-top:30px;margin:auto;text-align:center;color:#abc1d6;font-size:16px;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer}
}
@media only screen and (max-width : 992px) {
    .spalte1{padding-left:20px}
    .spalte2{padding-left:20px}
    .spalte3{padding-left:20px}
    .spalte4{padding-left:20px}
    .spalte_action1{padding-left:50px}
    .spalte_action2{padding-left:50px}
    .spalte_action3{padding-left:50px}
    .spalte_action4{padding-left:50px}
    .login_kasten1{margin:auto;text-align:center;width:90%;border:solid 1px #45708d;padding:50px;margin-top:3%;}
    .around_account{width:95%;margin:auto;text-align:center;margin-top:30px;}
    .col-lg-4 {margin-bottom: 30px;}
    .col-lg-6 {margin-bottom: 30px;}
    .col-lg-2{text-align:left;}
    .login_kasten_neu{margin:auto;text-align:center;width:90%;border:solid 1px #45708d;margin-top:8%;padding:50px;min-height:270px}
    .modal-dialog{max-width:100% !important}
    .toppadding{padding-top:0px;}
    .toppadding1{padding-top:10px;}
    .floating-orga{float:none;width:100%}
     footer {width: 100%;height: 80px;background:#45708d;border-top: solid 1px #ffffff;}
    .reihe{padding-left:30px !important}
    .seitenumrandung1{width:100%;margin:auto;text-align:left;border:solid 0px #45708d;min-height:70px;padding-top:22px;color:#fff}
    .leftmargin{margin-left:23px}
    .seitenumrandung{width:100%;margin:auto;text-align:center;border:solid 1px #45708d;}
    .dropmenu{position:absolute;left:0px !important;text-align:left !important;width:auto;margin-top:50px;}
    .userverwaltung{float:none;margin-right:0px !important;cursor:pointer;text-align:left;width:150px;margin-left:35px}
    .menu{z-index:9999999999999999 !important;margin-left:0px !important;padding-left:0px !important;background:#303030;position:absolute;width:100%;bottom:72px !important;padding-top:30px;padding-bottom:30px;opacity:0.8;}
    .navbar-dark{width:100% !important;padding-left:0px !important;}
    .menu ul li a:link {font-weight: normal !important;font-size:18px;}
    .menu ul li {margin-bottom:10px !important;}
     #content {max-height: calc(90% - 170px);overflow-y: scroll;margin-top:100px}
    .tp1{width:60%;height:auto;margin:auto;text-align:center}
    .tp2{width:30%;height:auto;margin:auto;text-align:center}
    .lang_color{position:absolute;right:0% !important;text-align:right;top:25px}
    .lang_leiste{width:150px;text-align:right;padding-left:0px;color:#fff;font-size:16px;height:50px;float:right}
    .user_leiste{float:left;text-align:left;margin-top:20px;margin-left:35px;}
    .login{color:#fff;position:absolute;left:0px;text-align:right;top:80px;padding-bottom:50px !important;right:0px;background:#303030}
    .logostyle{background-size:contain;background-image:url(../img/toplogo.png);background-repeat:no-repeat;background-position:0px 2px;width:150px;height:44px;margin-top:5px;margin-left:0px}
    .dropdown-menu {display: none;max-height: 0;visibility: hidden;transition: all 0.3s ease-in-out;position:absolute !important;left:10px !important;z-index:9999999999999999999 !important;top: -20px !important;width:100px !important}
}
@media only screen
and (min-device-width : 325px)
and (max-device-width : 480px)
and (orientation : landscape) {
    footer {width: 100px;height: 100px;background:transparent !important; position: absolute !important;bottom: unset;bottom: 0;right:20px;top:80px;border-top: solid 0px #ffffff;}
    .navbar-dark{width:250px !important;padding-left:0px !important;bottom: unset;background:transparent !important;}
    .navbar1{background:transparent !important;}
    .navbar-expand-lg{background:transparent !important;background-color:transparent !important;}
    .menu{background:#303030;z-index:9999999999999999 !important;margin-left:0px !important;padding-left:0px !important;position:absolute;width:100%;top:0px !important;right:230px;padding-top:0px;padding-bottom:10px;opacity:0.8;height:300px;}
    .login{color:#fff;position:absolute;left:0px;text-align:right;top:80px;padding-bottom:50px !important;right:13px;background:#303030}
}
@media (max-width: 480px) {
    .verwaltung{margin-left:40px;height:50px;}
    .userverwaltung{float:none;margin-right:0px !important;margin-left:35px !important;cursor:pointer;text-align:left;width:150px;margin-top:3px;font-size:16px}
    .user_leiste{float:left;text-align:left;margin-top:5px;margin-left:35px;font-size:16px}
    .abmelden{position:absolute;margin-top:0px;left:15px !important;font-size:16px}
    .tp1{width:70%;height:auto;margin:auto;text-align:center}
    .tp2{width:30%;height:auto;margin:auto;text-align:center}
    #content {max-height: calc(90% - 170px);overflow-y: scroll;margin-top:100px}
    a.abmelden1:link{font-size:16px}
    a.abmelden1:active{font-size:16px}
    a.abmelden1:visited{font-size:16px}
    #content {max-height: calc(90% - 170px);overflow-y: scroll;margin-top:80px}
    .dropdown-menu {display: none;max-height: 0;visibility: hidden;transition: all 0.3s ease-in-out;position:absolute !important;right: auto !important;left:140px !important;z-index:9999999999999999999 !important;top: -20px !important;width:100px !important}
}