@charset "utf-8";
/* latin-ext */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
src: local('Varela Round'), local('Varela-Round'), url('../fonts/Varela_Round/Varela_Round_latin_ext.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
src: local('Varela Round'), local('Varela-Round'), url('../fonts/Varela_Round/Varela_Round_latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h1, h3, p {
text-align: center;
font-family: 'Varela Round', sans-serif;
font-style: normal;
font-weight: 400;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #71AE47;
background-color: transparent;
text-decoration: underline;
}
footer {
margin-bottom: 6px;
padding-top: 5px;
padding-bottom: 2px;
}
.navbar.navbar-default {
border-width: 0px;
border-radius: 0px;
background-color: #FFFFFF;
font-family: 'Varela Round', sans-serif;
font-style: normal;
font-weight: 600;
padding-top: 0px;
}
.navbar-brand {
padding-top: 10px;
}
.navbar-right {
padding-top: 30px;
}
#main {
width: 75%;
max-width: 750px;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
margin-bottom: 4px;
}
.image-fill {
max-width: 500px
}
#wrapper {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
/**Bootstrap Carousel FADE**/
.carousel img {
width:100%
}
.carousel-caption {
background-color: rgba(0,0,0,0.5);
position: absolute;
right: 0;
bottom: 0px;
left: 0;
z-index: 10;
padding-top: 0;
padding-bottom: 0px;
color: #fff;
text-align: left;
padding-left: 4%;
}
.carousel-caption h3 {
font-family: 'Varela Round', sans-serif;
font-style: normal;
/*
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
letter-spacing: -1px;*/
font-size: 24px;
font-weight: bold;
margin-bottom: 0;
margin-top: 6px !important;
text-align: left;
text-shadow: 2px 1px 2px rgba(0,0,0,0.9);
}
.carousel-caption p {
margin-top: 0;
font-size: 14px;
text-align: left;
}
.carousel-control { width: /*15%*/ 8% }
.carousel-indicators {margin: 0 0 0 0; bottom: 8px}
.carousel-indicators .active { background: #FDF7DE }
/**arrows**/
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
width: 25px;
height: 25px;
font-size: 25px;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
max-height: 600px !important;
object-fit: none;
object-position: 50% 50%;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
.nav.navbar-nav.navbar-right li a {
padding-top: 0px;
top: 0px;
}
/*WHAT'S NEW IN BS 3.3: Added transforms to improve carousel performance in modern browsers. now override the 3.3 new styles for modern browsers & apply opacity*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
height: auto;
}
}
.Hauptueberschrift {
background-color: #DBDBDB;
}
.linksbuendig {
text-align: left;
/*margin-left:25px;*/
padding-left: 8.33%;
padding-right:8.33%;
}
.rechtsbuendig {
text-align: right;
padding-left: auto;
padding-right: 4%;
}
.zeilenabstand {
line-height: 2.0;
}
.img-carousel{
height: 100%;
max-height: 600px;
width: 100%;
}
.object-fit_fill { object-fit: fill }
.object-fit_contain { object-fit: contain }
/*.object-fit_cover {object-fit: cover }*/
.object-fit_cover {
object-fit: cover;
font-family: 'object-fit: cover;'
}
.object-fit_none { object-fit: none }
.object-fit_scale-down { object-fit: scale-down }
/*
.post__featured-image {
width: 120px;
height: 120px;
object-fit: cover;
}*/
.post {
&__image-container {
width: 220px; // the same width and height as for the ![]()
height: 220px;
&.compat-object-fit {
background-size: cover;
background-position: center center;
.post__featured-image { // hide image if object fit is not supported - opacity to 0 for the link area
opacity: 0;
}
}
}
&__featured-image {
width: 220px;
height: 220px;
object-fit: cover;
}
}
.post__image-container{
width: 100%; // the same width and height as for the ![]()
height: 100%;
}
.post__image-container.compat-object-fit {
background-size: cover;
background-position: center center;
}
.post__image-container.compat-object-fit.post__featured-image
{ // hide image if object fit is not supported - opacity to 0 for the link area
opacity: 0;
}
.post__featured-image {
height: 100%;
max-height: 600px;
width: 100%;
object-fit: cover;
}
.test {
height: 100%;
max-height: 600px;
width: 100%;
// data-object-fit: cover;
object-ft: cover;
}
.map-label {
position: absolute;
width:1000px;
font-size:20px;
}
.text-labels {
position: absolute;
font-size: 15px;
font-weight: 700;
width: 500px;
color: #005555;
opacity: 0.5;
/* Use color, background, set margins for offset, etc */
}
.scrollable-menu {
height: auto;
max-height: 500px;
overflow-x: hidden;
}
.thumbnail {
border: 0 none;
box-shadow: none;
}
.valign {
/* font-size: 0; */
}
.valign > [class*="col"] {
display: inline-block;
float: none;
vertical-align: middle;
}
.align-middle {
margin-top: 25%;
margin-bottom: 25%;
}
#erschienen {
//color: blue;
background: #51EE20;
}
#in_Erstellung {
//color: green;
background: #FFBB00;
}