/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fileadmin/webfonts/open-sans-v27-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html {
margin: 0 50px 50px 50px;
background-color: #f2f2f2;
}

@media only screen and (max-width: 992px) {

html {
margin: 0;
}


}


body {
max-width: 1920px;
margin: 0px auto;
}

/* ### NAVIGATION ### */

div.nav-meta .nav-link {
padding: 0.9rem 1rem 0.9rem .1rem;
}

.navbar {
border: none;
}

.navbar-light .navbar-nav .nav-link:hover {
color: #d20019 !important;
}

.main-navbarnav a.nav-link {
font-size: 1.3em;
color: #212529 !important;
padding-right: 0 !important;
padding-left: 1rem !important;
padding-top: 2.9em;
}

.dropend .dropdown-menu {
left: auto !important;
right: 100% !important;
}

.navbar-light .navbar-toggler {
color: rgb(55 58 60);
border-color: transparent;
/*margin-top: 2.25rem;*/
}

.navbar-toggler-icon {
width: 1.8em;
height: 1.8em;
}

@media only screen and (max-width: 992px) {

.navbar-brand {
padding: 0;
max-width: 75%;
}

}

@media only screen and (max-width: 767px) {

button.navbar-toggler {
margin-top: 1.3em;
}

.main-navbarnav a.nav-link {
font-size: 1.3em;
color: #212529 !important;
padding-right: 0 !important;
padding-left: 0 !important;
padding-top: 0;
}

.dropdown-item {
hyphens: auto;
white-space: normal;
}

.pt-1 {
padding-top: 0.75rem !important;
}

}

/* ### Carousel Modal ### */

.carousel-indicators {
display: none !important;
}

div#c3 .carousel-item h2 a, .carousel-item h2 a {
text-decoration: none;
color: #212529;
}

div#c3 .carousel-caption.caption-animated.animated, .carousel-caption.caption-animated.animated {
top: unset !important;
bottom: 0 !important;
padding: .5em 0 0 0 !important;
width: 100%;
left: 0;
background: rgba(245,245,245,.75);
}

@media only screen and (max-width: 992px) {

.carousel-item h2 a {
font-size: calc(1rem + 0.9vw);
}


}

@media only screen and (max-width: 767px) {

.carousel-caption.caption-animated.animated {
display: none;
}


}

.toast-container {
z-index: 9999 !important;
top: 3.5% !important;
}

.toast {
font-size: 1em;
background-color: rgba(255, 255, 255, 1);
}

.toast-header {
color: inherit;
font-size:1.5em;
font-weight: normal !important;
}

.toast-header strong {
font-weight: normal !important;
}

.toast-body {
}


/* ### Sitemap ### */

ul.list-unstyled ul, ul.list-unstyled ul ul, ul.list-unstyled ul ul ul {
list-style: none;
}

ul.list-unstyled ul ul li {
border-bottom: 1px solid #f2f2f2;
}

/* ### HEADER ### */

.h-line-1 h3::before, .h-line-1 h3::after {
content: "";
position: absolute;
border-top: 5px solid #f3f3f3 !important;
top: 50%;
width: 2000px;
}

.h-line-1 h5::before, .h-line-1 h5::after {
content: "";
position: absolute;
border-top: 5px solid #f3f3f3 !important;
top: 50%;
width: 2000px;
}

/* ### Footer ### */

footer {
max-width: 1920px;
}

footer a {
color: inherit;
text-decoration: none;
}

footer a:hover {
color: #d20019;
}


@media only screen and (max-width: 767px) {

#page-footer {
border-top: 50px solid #f2f2f2;
background: none !important;
}

}

@media only screen and (max-width: 992px) {

#page-footer {
border-top: 50px solid #f2f2f2;
/*background-image: url("/fileadmin/user_upload/Logos/bertsch_wuerfel_grau.gif");
background-size: 200px auto;
background-repeat: no-repeat;
background-position: 96%;*/
}

}

@media only screen and (min-width: 994px) {

#page-footer {
border-top: 50px solid #f2f2f2;
/*background-image: url("/fileadmin/user_upload/Logos/bertsch_wuerfel_grau.gif");
background-size: 150px auto;
background-repeat: no-repeat;
background-position: 3%;*/
}

}

/* ### Icons ### */

.magnifying-glass-icon {
border: none;
background: rgba(245,245,245,.75);
color: #d20019;
font-size: 2em;
padding: 15px 10px 0 15px;
}

.back-to-top {
    position: fixed;
    bottom: 0px;
    right: 46%;
    text-decoration: none;
    color: #ccc;
    background-color: transparent;
    opacity: .75;
    padding: 0;
    z-index: 1030;
}

.back-to-top:hover {
    color: #d20019;
}

/* ### Images # Galleries ### */

.image-gallery .ig-col {
margin-bottom: 0;
}

img.border {
border: 1px solid #f2f2f2 !important;
}

img.border:hover {
background-color: #C22826 !important;
transition: 1s;
}

.img-thumbnail {
border: 1px solid #f2f2f2;
border-radius: 0;
}

.news .article .news-img-wrap {
float: none;
margin: 0;
background: #transparent;
}

.news .article {
/*margin-bottom: 1rem !important;*/
}

.float-right {
float: right;
margin-left: .5em;
}

/* ### Filter ### */

div.ftmid span.button {
white-space: nowrap;
}

.news .article {
padding-bottom: 0 !important;
/*margin-bottom: 1.5rem;*/
margin-bottom: 10px !important;
}

.news .article .news-img-wrap a:hover {
border: 1px solid #f2f2f2;
background-color: #CCC !important;
transition: 1s;
}

div#c54 .btn-group, .btn-group-vertical, div#c71 .btn-group, .btn-group-vertical {
display: inline-block;
}

div#c54 div.row, div#c71 div.row {
justify-content: center;
}

.fttabs {
max-width: 242px;
}

.filtertab ul li {
list-style: none;
}

.filtertab ul li.active {
color: #d20019;
}

.filtertab ul li:hover {
color: #d20019;
cursor: pointer;
}

.ftstart {
border-left: 3px solid #fff;
max-width: 220px;
}

.ftmid {
border-left: 3px solid #fff;
border-right: 3px solid #fff;
max-width: 400px;
min-width: 383px;
}

.ftend {
border-right: 3px solid #fff;
max-width: 220px;
}

div#c54 span.active, div#c54 span:hover, div#c71 span.active, div#c71 span:hover {
color: #d20019;
cursor: pointer;
}

.ft2tabs {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}


@media only screen and (max-width: 767px) {

.ftstart {
border: none;
border-bottom: 3px solid #fff;
max-width: unset;
padding-left: 1.5rem;
padding-bottom: .5em;
}

.ftmid {
border: none;
border-bottom: 3px solid #fff;
max-width: unset !important;
padding-left: 1.5rem;
padding-top: .5em;
padding-bottom: .5em;
}

.ftend {
border: none;
max-width: unset;
padding-left: 1.5rem;
padding-top: .5em;
}

.ft2tabs {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}

.sm-hide {
display:none;
}

}

/* ### TOOLTIPS ### */

/* Base tooltip styles */
        [data-tooltip] {
            position: relative;
            cursor: pointer;
            display: inline-block;
        }
        
        [data-tooltip]::before,
        [data-tooltip]::after {
            position: absolute;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.3s, visibility 0.3s;
            z-index: 100;
            pointer-events: none;
        }
        
        [data-tooltip]:hover::before,
        [data-tooltip]:hover::after {
            visibility: visible;
            opacity: 1;
            transform: 1s;
        }
        
        /* Style 1: Classic Tooltip */
        .classic-tooltip[data-tooltip]::before {
            content: attr(data-tooltip);
            background-color: #f2f2f2;
            color: #333;
            padding: 8px 12px;
            border-radius: 0;
            font-size: 0.85rem;
            font-weight: bold;
            white-space: nowrap;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            margin-bottom: 8px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
        }
        
        .classic-tooltip[data-tooltip]::after {
            content: '';
            border: 5px solid transparent;
            border-top-color: #CCC;
            top: -6px;
            left: 50%;
            transform: translateX(-50%);
	    /*display: none;*/
        }

/* ### Ähnliche Projekte ### */

.one-row .article {
margin-bottom: .5rem !important;
}

.one-row .grid {
max-height: 138px !important;
overflow: hidden;
}

.one-row .grid .news-img-wrap {
width: 120px;
height: 120px;
margin: 3px 12px 5px 0;
}

.one-row .grid img {
max-width: 110px;
max-height: 110px;
}

@media only screen and (max-width: 1408px) {

.one-row .grid {
max-height: 262px !important;
overflow: hidden;
}


}

/* ### Typo ### */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-weight: 400;
}

ol, ul {
padding-left: 1.3em;
}

a {
color: #d20019;
text-decoration: none !important;
}

table a {
color: inherit;
cursor: pointer;
text-decoration:none;
}

table a:hover {
color: #d20019;
cursor: pointer;
text-decoration:none;
}