/*
 #800000 R=90 | G=0 | B=0
 #927E42 R=146 | G=126 | B=66
 #800000
 font-family: 'Open Sans', sans-serif;
*/

@font-face {
    font-family: 'Roboto-Black';
    src: url('../assets/fonts/roboto/Roboto-Black.eot');
    src: url('../assets/fonts/roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/roboto/Roboto-Black.svg#Roboto-Black') format('svg'),
    url('../assets/fonts/roboto/Roboto-Black.ttf') format('truetype'),
    url('../assets/fonts/roboto/Roboto-Black.woff') format('woff'),
    url('../assets/fonts/roboto/Roboto-Black.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../assets/fonts/roboto/Roboto-Bold.eot');
    src: url('../assets/fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/roboto/Roboto-Bold.svg#Roboto-Bold') format('svg'),
    url('../assets/fonts/roboto/Roboto-Bold.ttf') format('truetype'),
    url('../assets/fonts/roboto/Roboto-Bold.woff') format('woff'),
    url('../assets/fonts/roboto/Roboto-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../assets/fonts/roboto/Roboto-Medium.eot');
    src: url('../assets/fonts/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/roboto/Roboto-Medium.svg#Roboto-Medium') format('svg'),
    url('../assets/fonts/roboto/Roboto-Medium.ttf') format('truetype'),
    url('../assets/fonts/roboto/Roboto-Medium.woff') format('woff'),
    url('../assets/fonts/roboto/Roboto-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../assets/fonts/roboto/Roboto-Regular.eot');
    src: url('../assets/fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/roboto/Roboto-Regular.svg#Roboto-Regular') format('svg'),
    url('../assets/fonts/roboto/Roboto-Regular.ttf') format('truetype'),
    url('../assets/fonts/roboto/Roboto-Regular.woff') format('woff'),
    url('../assets/fonts/roboto/Roboto-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../assets/fonts/roboto/../assets/fonts/roboto/Roboto-Light.eot');
    src: url('../assets/fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/roboto/Roboto-Light.svg#Roboto-Light') format('svg'),
    url('../assets/fonts/roboto/Roboto-Light.ttf') format('truetype'),
    url('../assets/fonts/roboto/Roboto-Light.woff') format('woff'),
    url('../assets/fonts/roboto/Roboto-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('../assets/fonts/roboto/Roboto-Thin.eot');
    src: url('../assets/fonts/roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/roboto/Roboto-Thin.svg#Roboto-Thin') format('svg'),
    url('../assets/fonts/roboto/Roboto-Thin.ttf') format('truetype'),
    url('../assets/fonts/roboto/Roboto-Thin.woff') format('woff'),
    url('../assets/fonts/roboto/Roboto-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.btn
{
    font-family: "Roboto-Regular";
    font-style: unset;
}



.darken-50 {
    filter: brightness(50%);
}

.bg-darken {
    background-color: rgba(0, 0, 0, .40);
    background-blend-mode: darken;
}

a.td-none,
a.td-none:hover
{
    text-decoration: none;
}

.nav-top-phone,
.ct-historySection .ct-date,
.ct-historySection .ct-text
{
    color: #ffffff;
}

a[href^="mailto"] {
    color: unset;
}

a {
    text-decoration: underline;
}

body {
    background-color: #800000;
    font-family: "Roboto-Regular";
}

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

.ct-u-paddingSide20 {
    padding-left: 20px;
    padding-right: 20px;
}

.ct-u-fontType2,
footer.ct-footer .ct-footerUp ul li,
nav.ct-navComponent ul li
{
    font-family: "Roboto-Regular";
}

.ct-topBar,
footer.ct-footer .ct-footerMiddle,
nav.navbar.navbar-default,
footer.ct-footer .ct-footerMiddle .ct-scrollUpButton .ct-sectioButton--square
{
    background-color: #af0000;
}

#ct-js-wrapper > nav > div > div > ul > li > a
{
    text-decoration: none;
}

.salm-red-color,
footer.ct-footer .ct-footerBottom .ct-company i
{
    color: #af0000;
}

footer.ct-footer .ct-copyright > span > a
{
    color: #ffffff;
}

.ct-u-backgroundRed
{
    background-color: #800000;
}

.ct-iconBoxes .ct-iconBoxes-title {
    color: unset;
}

a:hover,
a[href^="mailto"]:hover,
.ct-iconBoxes .ct-iconBoxes-title:hover {
    text-decoration: underline;
    color: #800000;
}

.headline {
    border-bottom: 1px solid #927E42;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-weight: bold;
}

.headline-content {
    margin: unset;
}

.icon-altersheim:before {
    background-image: url('../img/icon-altersheim.png');
    background-size: 36px 36px;
    display: inline-block;
    width: 36px;
    height: 36px;
    content:"";
}

.icon-zuhause:before {
    background-image: url('../img/icon-zuhause.png');
    background-size: 36px 36px;
    display: inline-block;
    width: 36px;
    height: 36px;
    content:"";
}

.icon-krankenhaus:before {
    background-image: url('../img/icon-krankenhaus.png');
    background-size: 36px 36px;
    display: inline-block;
    width: 36px;
    height: 36px;
    content:"";
}

.ct-u-traingleFigure:after {
    border-right-color: #800000;
}

.ct-u-traingleFigure:before {
    border-top-color: #800000;
}

.btn.btn-default,
.ct-iconDivider--gold,
.ct-u-colorGold,
.ct-personBox .ct-personBox-name,
.ct-personBox .ct-personBox-category
{
    color: #927E42;
}

.ct-iconBoxesSection a
{
    color: #927E42;
    text-decoration: none;
}

.btn.btn-warning {
    background-color: #927E42;
    border-color: #927E42;
}

.panel-group.ct-panelSecondVariations .panel.panel-default .panel-body > p {
    color: unset;
}

footer.ct-footer .ct-footerUp ul li a {
    opacity: unset;
    text-decoration: underline;
}

footer.ct-footer .ct-footerUp ul li
{
    font-family: 'Roboto-Regular';
}

.ct-contactBox ul.ct-contactBox-list li a i,
footer.ct-footer .ct-footerMiddle .ct-scrollUpButton .ct-sectioButton--square i,
footer.ct-footer .ct-copyright,
footer.ct-footer .ct-footerBottom .ct-company,
p > a,
p > a:hover
{
    color: #ffffff;
}

div.ct-u-colorBlack p > a,
div.ct-u-colorBlack p > a:hover
{
    color: #000000;
}

footer.ct-footer .ct-footerUp,
footer.ct-footer .ct-footerBottom
{
    background-color: #800000;
}

.img-hover-zoom {
    height: 230px; /* [1.1] Set it as per your need */
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
    transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
    transform: scale(1.03);
}