html{
	/*height: 100% !important;*/
}

br.clearing{
	clear:both;
}

span.red {
    color: #A01626;
	padding: 0 1.5371%;
    font-weight: 400;
}

.headline.heros span{
	color: #515151 !important;
}

.portrait.touch .big-pic.tib h1{
	color: #A01626 !important;
}

.portrait.touch .big-pic.tib p{
	color: #515151 !important;
}

.portrait.touch .big-pic.tib .hyperlink a, .touch .big-pic .hyperlink{
	color: #515151 !important;
}

.portrait.touch .big-pic.tib .hyperlink{
	border: 1px solid #515151 !important;
}

.portrait.touch .big-pic.tib .hyperlink.noborder{
	border: 0 !important;;
}

p.ani.count {
    margin-top: 40px;
    font-size: 61px;
    margin-bottom: 30px;
}

@media (max-width: 1199px){
	#counter section.counter-item, #counter .headline{
		color: #515151 !important;	
	}
	p.ani.count {
    margin-top: 0;
    font-size: 61px;
    margin-bottom: 0;
	}
}

body{
	color: #515151;
	font-family: futura-pt, sans-serif;;
	font-size: 23px;
	display: grid;
	font-weight: 300;
	grid-template-rows: auto 1fr auto;
	margin: 0;
	max-width: 100vw;
}

.touch body{
	font-size: 21px;
}

.touch body a{
	font-size: 19px;
}

.text strong, .text strong a  {
	color: #A01626;
	font-weight: 300;
}

input{
	font-family: futura-pt, sans-serif;;
	font-size: 23px;
	font-weight: 300;
}

.counter .headline, .counter h1{
	font-family: futura-pt, sans-serif;;
	font-size: 23px;
	font-weight: 300;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px !important;
}

.headline, h1{
	font-family: futura-pt, sans-serif;;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.2;
	text-transform: uppercase;
    letter-spacing: 2px;
    margin-block-start: 1px;
    margin-block-end: 1px;
}

@media screen and (min-width: 700px) {
    .no-touch h1.superhdl{
    	font-size: 50px;
    	margin-block-start: 1px;
        margin-block-end: 1px;
    }
}

h3{
    letter-spacing: 1px;
}

.ansp .mitarbeiter .name{
	color:  #A01626;
}

.subline, h2{
	font-family: futura-pt, sans-serif;;
	font-size: 26px;
	font-weight: 300;
	letter-spacing: 1px;
}

.no-touch h2.supersl{
	font-size: 45px;
}

.teasertext, h3{
	font-family: futura-pt, sans-serif;;
	font-size: 24px;
	font-weight: 300;
}

.cookiebar__button, .cookiebar__button:hover {
    background-color: #A01626;
    color: #fff;
}

.cookiebar{
	background-color: #3c3c3c;
	font-size: 17px;
}

header .site-nav-toggle__menu-icon--burger {
    background-color: #515151;
}

header .site-nav-toggle__menu-icon--burger:after, .site-nav-toggle__menu-icon--burger:before {
    background-color: #515151;
}

header .site-nav-toggle__menu-icon--burger:after, .site-nav-toggle__menu-icon--burger:before {
    background-color: #515151;
}

.link-item span{
	font-size: 26px;
	font-weight: 300;
}

.symbol_headline_text_link .imgheadline span{
	color: #515151;
}

.zitat_zweispaltig h3.name{
	color: #A01626;
}

@media screen and (min-width: 680px) {
    body, input {
    	font-size: calc(23px + 6 * ((100vw - 800px) / 680));
    }
    .cookiebar {
    	font-size: calc(17px + 6 * ((100vw - 800px) / 680));
    }
    .headline, h1{
        font-size: calc(28px + 6 * ((100vw - 800px) / 680));
        letter-spacing: 5px;
    }
    .no-touch h1.superhdl{
        font-size: calc(50px + 6 * ((100vw - 800px) / 680));
        letter-spacing: 5px;
    }
    h3{
        letter-spacing: 3px;
    }
    .subline, h2{
        font-size: calc(26px + 6 * ((100vw - 800px) / 680));
        letter-spacing: 2px;
    }
    .no-touch h2.supersl{
        font-size: calc(45px + 6 * ((100vw - 800px) / 680));
        letter-spacing: 2px;
    }
    
    p.ani.count {
        font-size: calc(61px + 6 * ((100vw - 800px) / 680));
    }
    .teasertext, h3{
	    font-size: calc(24px + 6 * ((100vw - 800px) / 680));
    }
    .counter .headline, .counter h1{
		font-size: calc(24px + 6 * ((100vw - 800px) / 680));
	}
}

@media screen and (min-width: 1000px) {
	h1.superhdl{
        font-size: calc(50px + 6 * ((100vw - 800px) / 680));
        letter-spacing: 5px;
    }
    h2.supersl{
        font-size: calc(45px + 6 * ((100vw - 800px) / 680));
        letter-spacing: 2px;
    }
    
}

@media screen and (min-width: 1200px) {
    body, input {
    	font-size: calc(23px + 6 * ((100vw - 1200px) / 1680));
    }
    .cookiebar {
    	font-size: calc(17px + 6 * ((100vw - 1200px) / 1680));
    }
    .teasertext, h3{
    	font-size: calc(24px + 6 * ((100vw - 1200px) / 1680));
    }
    .counter .headline, .counter h1{
		font-size: calc(24px + 6 * ((100vw - 1200px) / 1680));
	}
	h1.superhdl{
        font-size: calc(50px + 6 * ((100vw - 800px) / 680));
        letter-spacing: 5px;
    }
    h2.supersl{
        font-size: calc(45px + 6 * ((100vw - 800px) / 680));
        letter-spacing: 2px;
    }
    
}

@media screen and (min-width: 2000px) {
    body, input {
    	font-size: calc(23px + 6 * ((100vw - 2000px) / 1680));
    }
	.cookiebar {
    	font-size: calc(17px + 6 * ((100vw - 2000px) / 1680));
    }
    .teasertext, h3{
    	font-size: calc(24px + 6 * ((100vw - 2000px) / 1680));
    }
    .counter .headline, .counter h1{
		font-size: calc(24px + 6 * ((100vw - 2000px) / 1680));
	}

}

.jobs li::before {
    content: "\2022";
    color: #A01626;
    font-weight: bold;
    display: inline-block;
    width: 2em;
    margin-left: -2em;
    font-size:17px;
}


a, a:hover {
  color: #515151;
  text-decoration: none;
}