a,
a:hover,
a:active,
a:focus,
a:before {
    color: rgb(0, 173, 239);
    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: rgb(0, 173, 239);
	border-radius: 0;
    color: white;
}

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

}

.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: #a6b8ca;
}

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

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

.wp-zoomSlider .dragable {
background-color: #335f86;
}

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

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

.issueButton.purchase, .issueButton.preview, .issueButton.login {
    float: right;
    left: auto;
    width: calc(100% - 5px);
    margin-bottom: 10px;
}
.issueButton.login {
	display: block;
}
.issueButton {
	position: static;
	display: block;
}

.loginView {
    background-image: url(bg_login.jpg);
}
.loginView .hasNoCode {
	display: none;
}

.loginViewHeader {
    background-image: url(logo.jpg);
    background-color: white;
    height: 140px;
    background-size: 40%;
}
.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: #ea244b;
}

.navbar-brand {
    background-image: url(logo.jpg);
    width: 260px !important;
}

.menubar {
  max-width: none;
}

.publicationMenu .publicationImage {
  height: 0px;
}

.menubar .navbar-brand {
	background-size: auto 90%;
	background-position: center;
}

.menubar .navbar-nav > li > a:hover,
.menubar .navbar-nav .selected{
    color: #919191;
}

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

.dropdown-menu > li > a:hover {
    color:  rgb(0, 173, 239) !important;
}

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

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

.alert-danger {
    color:  #335f86;
}

.navbar {
	background: white;
	border-bottom: 2px solid rgb(0, 173, 239);
}

.menubar .navbar-nav>li>a {
    color: rgb(0, 173, 239);
}


body:before {
    background: #FFFFFF;
}

.hasNoCode {
	background: #e1e6eb !important;

}

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

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

.issueList .issue > div {
	padding: 15px;
	background: #f3f3f3;
	flex: 1 1 auto;
}

.issueList .issue .issueDetails img {
    float: none;
	margin: 0 auto 20px auto;
	display: block;
	width: 100%;
	height: auto;
}

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

.issueListContainer {
	text-align: left;
}

.loginViewContainer {
  max-width: 50%;
}

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

.publicationMenu {
	border-color: #e1e6eb !important;
	border-width: 0 0 2px;
	color: rgb(0, 173, 239);
    padding: 30px 15px;
}

.web-kiosk-sharing-cta .btn {
	text-transform: uppercase;
    border-radius: 2px;
    letter-spacing: 0.5px;
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 25%);
    font-weight: bold;    
    padding: 8px 16px;
	height: 50px;
}

@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;
    }

}