body {
    background-color: #f8f9fa !important;
}

.app-menu ul li:hover {
    background-color: #cb1519 !important;
    color: #ffffff;
}

a,
a:active,
a:focus,
a:before {
    color: #000000;
    text-decoration: none;
}

.btn {
    height: 40px;
    padding: 8px 15px 0;
    min-width: 90px;
}

.btn,
.btn:focus,
.btn:visited,
.btn:hover,
.btn.disabled,
.btn[disabled],
.btn:active {
    background: #cb1519;
    border-radius: 0px;
    color: #ffffff;
}

.btn.disabled,
.btn[disabled] {
    opacity: 0.4;
}

input:required {
    box-shadow: none;
}

.wp-zoomButton .zoomImg {
    background-image: url(zoom.png) !important;
}

.wp-zoomButton .zoomImg.active {
    background-image: url(zoomout.png) !important;
}

.wp-zoomSlider .border_small {
    background-color: #868e96;
}

.wp-zoomSlider .line {
    background-color: #868e96;
}

.wp-zoomSlider .border {
    background-color: #868e96;
}

.wp-zoomSlider .dragable {
    background-color: #868e96;
}

.btn:hover,
/* Farbe für den Button Rollover */
.btn:active {
    background: #cb1519;
}

.btn.dropdown-toggle {
    background: white;
    color: black;
}

.issueButton {
    position: static;
    display: block;
    color: #cb1519;
}

.loginView {
    background-color: white;
}

.loginViewHeader {
    background-image: url(logofront.png);
    background-color: #fff;
    height: 196px;
    background-size: auto 80%;
    border-bottom: 1px solid #e3000b;
}

.loginView .howto {
    display: none;
}

.loginView .aboGetCode a {
    color: #000000;
    text-decoration: underline !important;
}
.loginView .aboGetCode a:hover {
    color: #cb1519;
}

.categoryDialog .ng-modal-dialog-content {
    padding-left: 130px;
    background-image: url(img_map@2x.png);
    background-size: 91px 90px;
    background-position: 30px 30px;
}

.categoryDialog .ng-modal-dialog {
    height: 280px;
    margin-top: -140px;
}

.categoryDialog h3 {
    color: #000000;
}

.navbar-brand {
    background-image: url(logofront.png);
    width: 260px !important;
    height: 52px;
}

.menubar {
    max-width: none;
}

.publicationMenu .publicationImage {
    height: 0px;
}

.menubar .navbar-brand {
    background-position: center;
}

.menubar .navbar-nav .selected {
    color: #ffffff;
}

.menubar .navbar-nav > li.navClose > a {
    padding-right: 10px;
}

.dropdown-menu > li > a:hover {
    color: #cb1519 !important;
}

.dropdown-menu:after {
    position: absolute;
    left: 5%;
}

.dropdown-menu:before {
    position: absolute;
    left: 5%;
}

.alert-danger {
    color: #e3000b;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    background: #ffffff;
    border-bottom: 1px solid #000000;
}

.navbar {
    background: #ffffff;

}

.menubar .navbar-nav > li > a {
    color: #000000;
}

.menubar .navbar-nav > li > a:hover {
    color: #cb1519;
}

body:before {
    background: #FFFFFF;
}

.hasNoCode {
    background: #e6e7eb !important;

}

.issueList {
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.issueList .issue {
    width: 33%;
    height: auto;
    margin: 0;
    flex: 0 1 auto;
    align-self: stretch;
    display: flex;
    padding: 15px 8px 0;
}

/*.issueList .issue:first-child {
	width: 100%;
}

.issueList .issue:first-child > div .issueDetails {
	padding: 16px;
}

.issueList .issue:first-child > div .issueDetails img {
	width: 50%;
	float: left;
	margin: -16px;
	margin-right: 32px;
}

.issueList .issue:first-child > div a.btn {
    position: absolute;
    margin-bottom: 16px;
}*/


.issueList .issue > div a.btn {
    position: relative;
    width: auto;
    left: auto;
    right: auto;
    min-width: 0;
    color: #ffffff
}

.issueList .issue > div {
    overflow: hidden;
    background: #ffffff;
    flex: 1 1 auto;
    border-radius: 0px;
    box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.1);
}


.issueList .issue .issueDetails {
    padding: 16px;
    margin: 10px;
}

.issueList .issue .issueDetails img {
    float: none;
    margin: 0 auto 20px auto;
    display: block;
    height: auto;
    margin: -16px;
    margin-bottom: 32px;
    width: calc(100% + 32px);
    border: solid 1px;
    border-color: #868e96;
}

.issueList .issue .issueDetails .issueDescription {
    /*position: absolute;*/
    /*bottom: 10px;*/
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
}

.issueListContainer {
    text-align: left;
}

@media screen and (min-width: 1024px) {
    .loginViewContainer {
        max-width: 50%;
    }
}

.publicationMenu .dropdown-menu {
    margin-top: 0px;
}

.publicationMenu {
    border-color: #868e96 !important;
    border-width: 0 0 2px;
    color: #cb1519;
    padding: 30px 15px;
    display: none;
}

@media (max-width: 1024px) {
    .issueList {
        width: 100%;
        margin: 0;
    }

}

@media (max-width: 695px) {
    .issueList .issue {
        width: 50%;
    }

}

@media (max-width: 467px) {
    .issueList .issue {
        width: 100%;
    }

    .menubar .navbar-nav > li > a {
        width: 50px;
    }

}

@media (min-width:501px) {
    .pp-player .pp-loaderBackground {
        width: 256px;
        height: 138px;
        background-image: url('preloader.gif');
        background-image: -webkit-image-seturl(url('preloader.gif') 1x, url('preloader.gif') 2x);
        background-image: image-seturl(url('preloader.gif') 1x, url('preloader.gif') 2x)
    }
}

@media (max-width:500px) {
    .pp-player .pp-loaderBackground {
        width: 124px;
        height: 67px;
        background-image: url('preloader.gif');
        background-image: -webkit-image-set(url('preloader.gif') 1x, url('preloader.gif') 2x);
        background-image: image-set(url('preloader.gif?') 1x, url('preloader.gif') 2x)
    }

}

.pp-internal-browser-container.pp-mode-modal {
    top: 0;
    z-index: 1032;
}

div[data-publication-menu] {
    display: block;
}

.sessionForm form {
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
}

.sessionForm {
    margin-right: 0;
}

.sessionForm input {
    width: auto;
    flex-grow: 1;
    min-width: 0
}

.sessionForm .btn {
    position: relative;
    left: auto;
    width: auto;
    flex-shrink: 0;
}

.app-menu ul li.active,
.app-menu ul li.active a {
    background-color: #cb1519;
}

.app-menu ul li.active:hover {
    color: white;
}

@media (max-width: 400px) {
    .sessionForm form {
        flex-wrap: wrap;
    }

    .sessionForm form > .btn {
        width: 100%;
        margin: 8px 0;
    }

}

.issueButton.preview {
    margin-left: 0px !important;
}

.issueButton.purchase,
.issueButton.preview {
    float: none;
    left: auto;
}

.publicationMenu .dropdown-menu li:nth-child(2) {
    display: none !important;
}

.issueButton.login {
    display: block !important;
    float: none;
}

.issueButton.login,
.issueButton.purchase {
    margin-top: 10px;
}