/* Zeitungsfoto.at Bilderdatenbank Stylesheet */

/* CONFIG */

:root {
    --blue: #5e72e4;
    --indigo: #5603ad;
    --purple: #8965e0;
    --pink: #f3a4b5;
    --red: #f5365c;
    --orange: #fb6340;
    --yellow: #ffd600;
    --green: #2dce89;
    --teal: #11cdef;
    --cyan: #2bffc6;
    --white: #fff;
    --gray: #8898aa;
    --gray-dark: #32325d;
    --light: #ced4da;
    --lighter: #e9ecef;
    --primary: #5e72e4;
    --secondary: #f7fafc;
    --success: #2dce89;
    --info: #11cdef;
    --warning: #fb6340;
    --danger: #f5365c;
    --dark: #212529;
    --default: #172b4d;
    --white: #fff;
    --neutral: #fff;

}



/* nunito-200 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/nunito-v25-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-200.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-200.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-300 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/nunito-v25-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-300.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-regular - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nunito-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-500 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/nunito-v25-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-500.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-600 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/nunito-v25-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-600.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-700 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/nunito-v25-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-800 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/nunito-v25-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-800.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-900 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/nunito-v25-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-900.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-200italic - latin */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/nunito-v25-latin-200italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-200italic.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-300italic - latin */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/nunito-v25-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-300italic.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-italic - latin */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/nunito-v25-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-italic.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-500italic - latin */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/nunito-v25-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-500italic.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-600italic - latin */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/nunito-v25-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-600italic.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-800italic - latin */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/nunito-v25-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-800italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-800italic.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-700italic - latin */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/nunito-v25-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-700italic.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-900italic - latin */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/nunito-v25-latin-900italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nunito-v25-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nunito-v25-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nunito-v25-latin-900italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nunito-v25-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nunito-v25-latin-900italic.svg#Nunito') format('svg'); /* Legacy iOS */
}


/* varela-round-regular - latin */
@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/varela-round-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/varela-round-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/varela-round-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/varela-round-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/varela-round-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/varela-round-v19-latin-regular.svg#VarelaRound') format('svg'); /* Legacy iOS */
}





.bg-gradient-primary {
    background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}

.bg-gradient-secondary {
    background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;
}

.bg-gradient-success {
    background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}

.bg-gradient-info {
    background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

.bg-gradient-warning {
    background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.bg-gradient-danger {
    background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}

.bg-gradient-light {
    background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}

.bg-gradient-dark {
    background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}

.bg-gradient-default {
    background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
}

/* NAVBAR */

#mainNav {
    min-height: 56px;
    background-color: #212529;
}

#mainNav a {
    color: #ffffff;
    display: block;
}


a.dropdown-item {
    color: #212529 !important;
}

#mainNav .navbar-toggler {
    font-size: 80%;
    padding: 0.75rem;
    color: #ffffff;
    border: 1px solid #ffffff;
}

#mainNav .navbar-toggler:focus {
    outline: none;
}

#mainNav .navbar-brand {
    color: #161616;
    font-weight: 700;
    padding: .9rem 0;
}

#mainNav .navbar-nav .nav-item:hover {
    outline: none;
    background-color: transparent;
}

#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
    outline: none;
    background-color: transparent;
}


@media (min-width: 992px) {
    #mainNav {
        padding-top: 0;
        padding-bottom: 0;
    }
    #mainNav .navbar-brand {
        padding: .5rem 0;
        color: #FFFFFF;
    }
    #mainNav .nav-link:hover {
        color: #FFFFFF;
    }
    #mainNav .nav-link:active {
        color: white;
    }
    #mainNav.navbar-shrink {
        background-color: #212529;
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: #FFFFFF;
    }
    #mainNav.navbar-shrink .nav-link {
        color: #FFFFFF;
        padding: 1.5rem 1rem 1.25rem ;
        border-bottom: 0.25rem solid transparent;
    }
    #mainNav.navbar-shrink .nav-link:hover {
        color: #FFFFFF;
        border-bottom: 0.25rem solid #FFFFFF;
    }
    #mainNav.navbar-shrink .nav-link:active {
        color: #FFFFFF;
    }
    #mainNav.navbar-shrink .nav-link.active {
        color: #FFFFFF;
        outline: none;
        border-bottom: 0.25rem solid #FFFFFF;
    }
    #mainNav.navbar-shrink .login .nav-link {
        border: 1px solid white;
        padding: 0.2rem 0.6rem;
        border-radius: 2px;
        transition: 0.3s ease;
    }
    #mainNav.navbar-shrink .login .nav-link:hover {
        border: 1px solid white;
        padding: 0.2rem 0.6rem;
        border-radius: 2px;
        background-color: #FFFFFF;
        color: #212529;
    }

}

#mainNav.navbar-shrink .dropdown .nav-link {
    border-bottom: 0.25rem solid transparent;
    padding: 0;
}

    #mainNav.navbar-shrink .dropdown .nav-link:hover {
    border-bottom: 0.25rem solid transparent;
}

.avatar {
    color: #fff;
    background-color: #adb5bd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    -webkit-box-shadow: 10px 10px 29px -13px rgba(0,0,0,0.76);
    -moz-box-shadow: 10px 10px 29px -13px rgba(0,0,0,0.76);
    box-shadow: 10px 10px 29px -13px rgba(0,0,0,0.76);
}

.avatar img {
    width: 100%;
    border-radius: 50%;
}

.avatar+.avatar-content {
    display: inline-block;
    margin-left: .75rem;
}

.avatar-lg {
    width: 120px;
    height: 120px;
    font-size: 0.875rem;
}

.avatar-sm {
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
}

.avatar-group .avatar {
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}

.avatar-group .avatar:hover {
    z-index: 3;
}

.avatar-group .avatar+.avatar {
    margin-left: -1rem;
}

.rounded-circle {
    border-radius: 50% !important;
}

.fa-dropdown {
    width: 2rem;
}

@media (max-width: 575.98px) {
    .navbar-brand img {
        width: 160px;
    }
}

/* GENERAL */

.oldDB {
    color: #212529;
    transition: 0.3s ease;
}

.oldDB:hover {
    color: #212529;
    border-color: #1a1e22;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

a.archiv_link {
    color: #212529;
    opacity: 0.8;
    font-size: 1.2rem;
    text-transform: uppercase;
    transition: 0.3s ease;
}
a.archiv_link:hover {
    color: #212529;
    opacity: 1;
    font-size: 1.2rem;
    text-transform: uppercase;
}

a.entry_link {
    color: black;
}
a.entry_link:hover {
    color: black;
}
a.entry_link:active {
    color: black;
}
a.entry_link:focus {
    color: black;
}

@media (max-width: 991px) {
    .entry_2 {
        display: none;
    }
    .news_entry_4, .news_entry_5 {
        display: none;
    }
}

/* LOGIN PAGE */

#login_body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.fill-height {
	flex-grow: 1;
	width: 100%; }

.nav_section_wrapper {
	background-image: url(../content/img/login_bg.png);
	background-size: cover;
	background-position: center;
}

#login_body footer {
	padding: 1.8rem 0 !important;
}

#login_body footer p {
	padding-bottom: 0.3rem !important;
	margin-bottom: 0;
}

footer a {
	color: white !important;

}

#login_card {
	width: 23rem;
	border-radius: 20px;
	padding: 15px;
	margin-bottom: 4rem;
	-webkit-box-shadow: 8px 8px 28px -3px rgba(0,0,0,0.62);
	-moz-box-shadow: 8px 8px 28px -3px rgba(0,0,0,0.62);
	box-shadow: 8px 8px 28px -3px rgba(0,0,0,0.62);
}

@media (max-width: 500px) {
	#login_card {
		width: 20rem;
	}
}
@media (max-width: 350px) {
	#login_card {
		width: 18rem;
	}
}
@media (max-width: 767px) {
	#login_nav .container {
		display: flex;
		justify-content: center;
	}
}

@media (max-width: 576px) {
	#login_body footer {
		text-align: center;
	}
}

#login_card h6 {
	font-size: 1.2rem;
	margin-bottom: 0;
}


#login_body .form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#login_body .form-control:disabled {
	background-color: #C2C2C2;
}

input.login {
	border: 1px solid ;
	border-radius: 10px;
}

button.login {
	width: 100%;
	background-color: white !important;
	border: 1.5px solid #161616 !important;
	border-radius: 10px;
	height: 2.4rem;
	transition: 0.4s ease;
	padding-top: 2px;
}

button.login:hover {
	background-color: #161616 !important;
	color: rgba(255,255,255,0.8);
}

button.login:focus {
	outline: none;
}

#login_card .divider{
	border-bottom: 2px solid #161616;
	margin: 1rem -0.8rem;
}

#login_section h2 {
	margin: 3rem 0rem 5.5rem 0rem;
}

small.wrong_pw {
	color: red !important;
	text-align: center !important;
}

/* BILDUPLOADER PUBLIC*/

#bilderupload {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#bilderupload h2 {
    margin: 3rem 0rem 0.5rem 0rem;
}

#upload_card {
    border-radius: 20px;
    -webkit-box-shadow: 8px 8px 28px -3px rgba(0,0,0,0.62);
    -moz-box-shadow: 8px 8px 28px -3px rgba(0,0,0,0.62);
    box-shadow: 8px 8px 28px -3px rgba(0,0,0,0.62);
}

#bilderupload .fileuploader {
    background-color: white;
}
#bilderupload .fileuploader-input-caption {
    color: #212529;
}
#bilderupload .fileuploader-input-button {
    background: #212529;
}
#bilderupload input, #bilderupload textarea {
    border: 1px solid #212529;
    border-radius: 5px;
}
#bilderupload input:focus, #bilderupload textarea:focus {
    outline: none !important;
}
/* HEADER */

.carousel-item {
    height: 75vh;
    min-height: 400px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.carousel-caption {
    text-align: left !important;
    padding-right: 30vw;
    -webkit-hyphens: auto;
    hyphens: auto;
}

@media (max-width: 991px) {
    .carousel-caption {
        padding-right: 0vw;
    }
}

.carousel-caption h2, .carousel-caption h1 {
    font-size: 3rem;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

@media (max-width: 575.99px) {
    .carousel-caption h2, .carousel-caption h1 {
        font-size: 2.5rem;

    }
}
@media (max-width: 767.99px) {
    .carousel-caption h2, .carousel-caption h1 {
        -webkit-line-clamp: 3;
    }
}

.carousel-caption span {
    font-size: 1.4rem;
}

.carousel-caption p {
    font-size: 1.2rem;
    opacity: 0.9;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;


}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #080d15;
    opacity: 0.5;
}

/* NEWS-SECTION */

.news-section {
  padding-top: 2rem;
  background-color: #f8f9fa;
}

.news-section p {
  margin-bottom: 5rem;
}

.news_image_container {
    height: 230px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.news_banner {
    position: absolute;
    z-index: 1;
    transform: translateX(-0.5rem);
    margin-top: 0.8rem;

}

.news_type {
    position: absolute;
    z-index: 2;
    color: white;
    margin-top: 1.25rem;
}

.news_title {
    font-size: 1.2rem;
    hyphens: auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.news_time {
    font-size: 0.9rem;
}

.news_info {
    background-color: #FFFFFF;
    padding: 0.75rem;
}

.news_entry {
    transition: 0.3s ease;
    backface-visibility: hidden;
}

.news_entry:hover {
    transform: scale(1.01);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;

}

.news_wrapper {
    -webkit-box-shadow: 10px 10px 14px -7px rgba(0,0,0,0.34);
    -moz-box-shadow: 10px 10px 14px -7px rgba(0,0,0,0.34);
    box-shadow: 10px 10px 14px -7px rgba(0,0,0,0.34);
}

/* BANNER SECTION */

p.anzahl {
    font-size: 2rem !important;
    margin-bottom: 0rem;
}

/* BEITRAG-SECTION */

.beitrag-section {
    padding-top: 2rem;
    background-color: #f8f9fa;
}

.beitrag-section p {
    margin-bottom: 5rem;
}

.beitrag_image_container {
    max-height: 230px;
    overflow: hidden;
    position: relative;
}

.beitrag_info {
    position: absolute;
    z-index: 100;
    bottom: 1rem;
    left: 1.5rem;
    color: white;
    opacity: 0;
    transition: 0.5s ease;
    padding-right: 1.5rem;
    padding-top: 10rem;
}

.beitrag_title {
    font-size: 1.2rem;
    hyphens: auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.beitrag_entry:hover .beitrag_info {
    opacity: 1;
}

.beitrag_dark {
    background-color: rgba(0,0,0,0.0);
    width: 100%;
    height: 300px;
    z-index: 1;
    position: absolute;
    transition: 0.5s ease;
}

.beitrag_entry:hover .beitrag_dark {
    display: block;
    background-color: rgba(0,0,0,0.5);
}

@media(any-pointer: coarse) {
    .beitrag_dark {
        display: block;
        background-color: rgba(0,0,0,0.4);
    }
    .beitrag_info {

        opacity: 1;
    }
}

.beitrag_picture {
    height: 230px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* NEWSLETTER-BANNER */

.newsletter-section a:link {
    width: 100%;
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    padding: 0.3rem 1.3rem;
    transition: 0.3s ease;
}
.newsletter-section a:visited {
    color: white;
    border: 1px solid white;
}
.newsletter-section a:hover {
    background-color: white;
    color: #212529;
    border: 1px solid white;
}


/* VORSCHAU-SECTION */

.vorschau-section {
    padding-top: 2rem;
    background-color: #f8f9fa;
}

.vorschau-section p {
    margin-bottom: 5rem;
}

.vorschau_image_container {
    height: 230px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.vorschau_banner {
    position: absolute;
    z-index: 1;
    transform: translateX(-0.5rem);
    margin-top: 0.8rem;

}

.vorschau_type {
    position: absolute;
    z-index: 2;
    color: white;
    margin-top: 1.25rem;
}

.vorschau_title {
    font-size: 1.2rem;
    hyphens: auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vorschau_time {
    font-size: 0.9rem;
}

.vorschau_info {
    background-color: #FFFFFF;
    padding: 0.75rem;
}

.vorschau_entry {
    transition: 0.3s ease;
    backface-visibility: hidden;
}

.vorschau_entry:hover {
    transform: scale(1.01);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;

}

.vorschau_wrapper {
    -webkit-box-shadow: 10px 10px 14px -7px rgba(0,0,0,0.34);
    -moz-box-shadow: 10px 10px 14px -7px rgba(0,0,0,0.34);
    box-shadow: 10px 10px 14px -7px rgba(0,0,0,0.34);
}

/* FOOTER */



footer {
    padding: 1.3rem 0rem;
    background-color: #212529;
}

footer a{
    color: white;
    opacity: 0.8;
    transition: 0.3s ease;
}

footer a:hover{
    color: white;
    opacity: 1;
}

body {
  font-family: 'Nunito';
  letter-spacing: 0.0625em;
}

#impressum a, #datenschutz a {
  color: #fbb140;
    transition: 0.3s ease;
}

#impressum a:focus, #impressum a:hover, #datenschutz a:focus, #datenschutz a:hover {
  text-decoration: none;
  color: #fb8f2b;
  outline: none;

}

.bg-black {
  background-color: #161616 !important;
}

@media (max-width: 1199px) {
    footer .logo {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    footer {
        text-align: center;
    }
    footer .logo {
        display: block !important;
        margin-bottom: 2rem;
    }
}

/* BEITRAG PAGE */

#header-section {
    margin-top: 7rem !important;
}

body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0;
}

.bildinfo_link {
    display: none !important;
}

.bildinfo_caption {
    overflow-wrap: break-word;
}

@media (pointer: coarse) and (max-height: 840px) {
    .bildinfo_link {
        display: flex !important;
    }
    .bildinfo_caption {
        display: none;
    }
}


@media (max-width: 768.98px) {
    .h1-beitrag {
        font-size: 1.7rem !important;
    }
    .h4-beitrag {
        font-size: 1.2rem !important;
    }
    .h5-beitrag {
        font-size: 1rem !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .h1-beitrag {
        font-size: 2rem !important;
    }
    .h4-beitrag {
        font-size: 1.3rem !important;
    }
    .h5-beitrag {
        font-size: 1.1rem !important;
    }
}

#picture-section .picture-wrapper {
    width: 100%;
    height: 233px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width: 400px) and (max-width: 767.98px) {
    #picture-section .picture-wrapper {
        height: 300px;
    }
}



.download {
    border: 1px solid #212529;
    padding: 0.5rem;
    border-radius: 5px;
    text-align: center;
    transition: 0.4s ease;
    color: #212529 !important;
    text-decoration: none !important;
    background-color: #f1ecec;
}

.download:hover {
    background-color: #212529;
    color: white !important;
    text-decoration: none !important;
}
.download:focus {
    outline: none;
}

@media all and (min-width: 600px) and (min-height: 440px) {
    /* Change color for backdrop */
    .fancybox-custom-layout .fancybox-bg {
        background: rgba(0,0,0,0.8);
    }

    .fancybox-caption__body {
        max-height: 90rem !important;
        overflow: visible !important;
    }

    .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
        opacity: 1;
    }

    /* Move caption area to the right side */
    .fancybox-custom-layout .fancybox-caption {
        background: #f1ecec;
        bottom: 0;
        color: #6c6f73;
        left: auto;
        padding: 30px 20px;
        right: 44px;
        top: 0;
        width: 256px;
        text-align: left;
        overflow: scroll;
        -webkit-overflow-scrolling: auto;
    }

    .fancybox-custom-layout .fancybox-caption h3 {
        color: #444;
        font-size: 21px;
        line-height: 1.3;
        margin-bottom: 24px;
    }

    .fancybox-custom-layout .fancybox-caption a {
        color: #444;
    }

    /* Remove gradient from caption*/
    .fancybox-custom-layout .fancybox-caption::before {
        display: none;
    }

    /* Adjust content area position */
    .fancybox-custom-layout .fancybox-stage {
        right: 300px;
    }

    /* Align buttons at the right side  */
    .fancybox-custom-layout .fancybox-toolbar {
        background: #3b3b45;
        bottom: 0;
        left: auto;
        right: 0;
        top: 0;
        width: 44px;
    }

    /* Remove background from all buttons */
    .fancybox-custom-layout .fancybox-button {
        background: transparent;
    }

    /* Navigation arrows */
    .fancybox-custom-layout .fancybox-navigation .fancybox-button div {
        padding: 2px;
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button[disabled] {
        color: #ddd;
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]) {
        color: #ddd;
    }

    /* Reposition right arrow */
    .fancybox-custom-layout .fancybox-button--arrow_right {
        right: 308px !important;
    }
}



/* PROFILE PAGE */
.pp-input-wrapper {
    position: relative;
    z-index: 99999;
}

#profile-section {
    padding-top: 6rem;
}

#modal-profile-picture a {

}

#modal-profile-picture input[type="file"]:focus {
    outline: none;
}

#modal-profile-picture button[type="submit"] {
    background-color: transparent;
    border: 1px solid white;
    border-radius: 5px;
    color: white;
    transition: 0.3s ease;
}

#modal-profile-picture button[type="submit"]:hover {
    background-color: white;
    color: #1a174d;
    transition: 0.3s ease;
}

#modal-profile-picture button[type="submit"]:focus {
    outline: none;
}

.error_profile_picture {
    color: #f5365c;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {

}

.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}

.hue {
    filter: brightness(76%) sepia(100%) saturate(10000%) hue-rotate(75deg);
    transition: 0.5s ease;
}

.fa-profile {
    width: 1.5rem;
}

button.userdaten, a.userdaten {
    background-color: white;
    border: 1px solid #212529;
    border-radius: 5px;
    padding: 3px 6px;
    opacity: 0.7;
    transition: 0.3s ease;
    color: #212529;
}
button.userdaten:hover, a.userdaten:hover {
    background-color: white;
    border: 1px solid #212529;
    border-radius: 5px;
    padding: 3px 6px;
    opacity: 1;
    color: #212529;
}
button.userdaten:focus, a.userdaten:focus {
    outline: none;
}

#modal-edit-user input:focus {
    outline: none;
}

.profile-body {
    background-color: #212529;
}

span.profile-wrapper {
    position: relative;
}

span.profile-wrapper img {
    position: absolute;
    z-index: 1;
}

#profile-section .fa-edit {
    position: absolute;
    z-index: 10;
    font-size: 2.5rem;
    opacity: 0;
    transition: 0.5s ease;
}
span.profile-wrapper:hover > #edit-pp{
    opacity: 0.8;

}

#profile-section .table td, #profile-section .table th {
    vertical-align: middle;
}

#modal-cancel i {
    font-size: 6rem;
}

a.profile-downloads {
    color: #212529;
    transition: 0.3s ease;
    opacity: 0.8;
}
a.profile-downloads:hover, a.profile-downloads:focus {
    cursor: pointer;
    color: #212529;
    transition: 0.3s ease;
    opacity: 1;
}

button.cancel, button.cancel:hover, button.cancel:focus {
    outline: none;
}

/* IMPRESSUM PAGE */

.impressum-header {
    margin-top: 7rem;
}

/* ARCHIV PAGE */

#archiv-section {
    padding-top: 6rem;
}

#archiv-body {
    background-color: #212529;
}

.suchleiste {
    border: 1px solid gray;
    border-radius: 8px;
    padding: 5px;
    background-color: #f8f9fa !important;
}

.suchleiste input[type="text"] {
    border: none;
    background-color: #f8f9fa !important;
}

.suchleiste input[type="text"]:focus {
    border: none;
    outline: none;
}

.suchleiste button {
    border: none;
    border-left: 1px solid gray;
    background-color: #f8f9fa !important;
}

.suchleiste button:focus {
    outline: none;
}

.dropdown-btn {
    border: 1px solid gray;
    border-radius: 8px;
    padding: 5px;
    background-color: #f8f9fa !important;
}

.dropdown-btn:focus {
    outline: none;
}

#archiv-section .dropdown-menu a {
    color: #212529;
    width: 100%;
    padding-left: 0.5rem;

}

.filler {
    min-height: 72vh;
}

button.next {
    border: 1px solid gray;
    border-radius: 8px;
    padding: 5px;
    background-color: #f8f9fa !important;
    opacity: 0.7;
    transition: 0.2s ease;
}

button.next:hover {
    opacity: 1;
}

button.next:focus {
    outline: none;
}

/* ABO PAGE */

#abo-section {
    padding-top: 7rem;
}

.custom-separator {
    width: 5rem;
    height: 6px;
    border-radius: 1rem;
}


/*!
 * Start Bootstrap - Grayscale v5.0.9 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */