/* Fonts */
@font-face {
    font-family: bistiftung;
    src: url(./fonts/bistiftung.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Frutiger Next;
    src: url(./fonts/frutiger_next.2424d51a.woff2) format("woff2"),url(./fonts/frutiger_next.b6a68fd5.woff) format("woff"),url(./fonts/frutiger_next.00241a59.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Frutiger Next;
    src: url(./fonts/frutiger_next_light.5a667c59.woff2) format("woff2"),url(./fonts/frutiger_next_light.29998adb.woff) format("woff"),url(./fonts/frutiger_next_light.54606c15.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Frutiger Next;
    src: url(./fonts/frutiger_next_bold.ac0748cd.woff2) format("woff2"),url(./fonts/frutiger_next_bold.cb5838ae.woff) format("woff"),url(./fonts/frutiger_next_bold.d29e3755.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FrutigerNextPro-Regular;
    src: url(./fonts/32043F_1_0.woff2) format("woff2"),url(./fonts/32043F_1_0.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

body, h1, h2, h3, h4, h5, h6 {
    /*font-family: Frutiger Next,Tahoma,Verdana,sans-serif;*/
    font-family: FrutigerNextPro-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
}

h2, .h2 {
    font-weight: 400 !important;
    font-size: 24px;
    color: #6b111e;
}

.no-line-title {
    height: 1px;
    background-color: #ccc !important;
}

.mr-auto, .mx-auto {
    color: black;
    font-weight: bolder;
    font-family: 'FrutigerNextPro-Regular';
}

/* Width and height of header logo */
img#logo {
	width: 228px;
	height: 65px;
}



@media (min-width: 768px) {
	img#logo {
		width: 281px;
		height: 80px;
	}
}

.btn {
    border-radius: 0px;
}

.material-icons.md-3 {
    color: #8a1b27;
}

.grid-container {
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 15px;
}
/* Only use grid on wide screens */
@media (min-width: 1200px) {
	.grid-container {
    	grid-template-columns: 64% 40%;
	}
}
.tile {
    /*padding: 60px 60px 60px 90px;*/
}
.tile-headline {
	font-size:55px !important;
	line-height: 1.1em !important;
}
li .subtext {
    font-size: 16px;
}
.icon-arrow:before {
    content: "";
}

.icon-arrow {
    position: absolute;
    left: 0;
    top: 21px;
    font-size: 18px;
    color: #8a1b27;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: "bistiftung" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul.links-right>li {
    position: relative;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 50px;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
}
ul.links-right>li:last-child {
    border-bottom: 0;
}

ul.links-right>li:before {
	content: none;
}

.tile a, a:link, a:visited, a:hover, a:active { 
  text-decoration: none !important; 
}

.links-right a, a:hover, a:focus {
    text-decoration: none;
}
.links-right a {
    color: #8a1b27;
    text-decoration: none;
}

/* custom class "hidden" to hide questions */
.hidden {
	display: none !important;
}

.padding-above {
    margin-top: 2rem;
}

/* remove padding between question and help text */
.no-padding-hint p {
    margin-bottom: 0;
}

/* Replace "powered by Optimy" with BIF logo */
.page-footer__logo {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 80px;
    width: 142px;
	/* padding-top has to be >= height */
    padding-top: 80px;
    overflow: hidden;
    background: url(./logo_footer.svg) no-repeat center;
    background-size: 130px;
}


/* Buttons */
.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    border: .125rem solid #3e76e51a;
    background-color: #6b111e;
    color: #fff;
}



.btn-primary {
    box-shadow: none !important;
    background-color: #6b111e !important;
    color: #fff;
    background-image: none !important;
    background-size: 300% 100%;
    background-position: center;
}

/* Language picker (footer) */
.page-footer [data-toggle="dropdown"]:hover, .page-footer__language-menu [data-toggle="dropdown"]:hover {
    background-color: #6b111e !important;
}
.btn-dark, .btn-dark:focus, .btn-dark:hover, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
    border-color: #6b111e;
    background-color: #6b111e;
}
.page-header__language-alert .btn:not(.btn-dark) {
    color: #fff !important;
    background-image: none !important;
}

/* Color of footer */
.bg-dark {
    background-color: #6b111e !important;
}

/* Headlines */
h1, h2 {
    margin-top: 0;
    color: #6b111e;
    line-height: 1.55;
}

h3, h4, h5, h6 {
    margin-top: 0;
    color: #8a1b27;
    line-height: 1.55;
}

.card {
    color: #333;
    border-radius: 0;
    background: #eeeeee;
    background-color: #eeeeee;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
    border: none;
}

.card-header:first-child {
    border-radius: 0;
    background-color: #eeeeee;
    /*border-top: 25px solid #179cd7;*/
    /* margin-bottom: 0; */
}

.card-footer {
	background-color: #eeeeee;
}

@media (min-width: 768px) {
	.page-main__submit-project .stepper__body > .section:not(.add-remove) > fieldset > legend {
    	background-color: #eeeeee;
	}
    .page-main__project-details .section:not(.add-remove) > fieldset > legend, .page-main__submit-project .section:not(.add-remove) > fieldset > legend {
        background-color: #eeeeee;
    }
}

.stepper__item--active:before, .stepper__item:hover .stepper__marker, .stepper__item--active .stepper__marker {
    background-color: #8a1b27;
}
.stepper__item--active .stepper__marker {
    background-color: #8a1b27;
}


/* Roter Header */
.page-navigation .nav-item > .nav-link::after {
    background-color: #6b111e;
}

.page-navigation .navbar-collapse {
    background: #6b111e
}

.page-header {
    background-color: #6b111e !important;
}

.page-navigation.navbar-light .nav-item >  .nav-link {
    color: #fff;
}

.page-navigation.navbar-light .nav-item > .nav-link.active, .page-navigation.navbar-light .nav-item > .nav-link:hover {
    color: #fff;
}

.page-navigation .navbar-toggler-icon > span {
    background: #fff;
}

.page-navigation .navbar-toggler small {
    color: #fff;
}

.btn-outline-primary {
    color: #fff !important;
    border-color: #6b111e !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus:not(:focus-visible):hover {
    box-shadow: none;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #8a1b27!important;
    border-color: #8a1b27!important;
}