/**/

@font-face {
	font-family: 'trajan';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/TrajanPro3-Regular.otf') format('truetype');
}

html, body {
	font-size:14px;
	line-height:1.4em;
	color:#767676;
	overflow-x:hidden;
	scroll-behavior: smooth;
}

body.single .entry-content img{
	width:auto;
	height:auto;
	max-width:100%;
}

h1{
	margin:0;
	margin-top:2em;
	margin-bottom:1.5em;
	font-family:'trajan';
	font-size:2rem!important;
	line-height:1.4em;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:.5px;
	color:#a81815;
}

h2{
	margin:0;
	margin-top:3em;
	margin-bottom:.5em;
	font-family:'trajan';
	font-size:1.5rem;
	line-height:1.4em;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:.5px;
	color:#a81815;
}

a{
	color: #a81614;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}



.single .entry-content {
	margin: 0 auto ;
	padding: 2em;
	padding-top: 5em;
	width:100%;
	max-width:50rem;
	min-height:80vh;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.single .entry-content h1{
	margin-top:3rem;
	margin-bottom:0rem;
	display:block
}

.single .entry-content h1+small{
	margin-bottom:1rem;
	display:block
}


.single figure.post-thumb {
	margin:0;
	margin-top:-2em;
	padding:0;
	width:100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.single figure.post-thumb img {
	height:auto;
	width:100%;
	-o-object-fit:cover;
	   object-fit:cover;
}



@media screen and (max-width:1000px){
	#heroimg{
		display:none;
	}
}

@media screen and (max-width:900px){
	#masthead{
		background:none;
	}
	.toggle-nav {
		background:none;
		color: #a81614;
		position: fixed;
		font-size: 2em;
		left: 0;
		top: 0;
		margin: 0;
		z-index: 999;
		text-align: center;
		display: block;
	}
	.toggle-nav .opener {
		display: none;
		position: fixed;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		z-index: 101;
	}
	.toggle-nav .shutter {
		display: block;
		position: fixed;
		font-weight: bold;
		z-index: 101;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.site-header {
		background-color: none;
		height: 42px;
		width: 42px;
		right: 0;
		top: 0;
		left: 0;
		border: none;
	}
	.logo-head {
		float: none;
		text-align: center;
		margin: 0 auto;
		display: none;
	}
	.main-navigation {
		text-align: left;
		width: 100%;
	}
	.menu-hauptmenu-container {
		height: 100vh;
		padding: 4em 1em 4em 1em;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		border-bottom: 0px;
		border-right: 2px solid #c6c6c5;
		background-color: #fff;
		display: none;
		margin: 0 auto;
		text-align: center;
	}
	ul#primary-menu {
		list-style-type: none;
		float: none;
		margin: 0 auto;
		display: block;
		padding-left: 0;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}
	ul#primary-menu li {
		display: block;
		padding: 1.2em;
		white-space: nowrap;
		overflow:hidden;
		-o-text-overflow:clip;
		text-overflow:clip;
	}
	ul#primary-menu li a {
		color: #a81614;
		font-weight: bold;
		text-decoration: none;
	}
	ul#primary li a {
		color: #a81614;
		text-decoration: none;
		padding-bottom:2px;
	}
	ul#primary li a.active {
		border-bottom: 2px solid #a81614;
		padding-bottom:2px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		text-align: center;
		-webkit-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
	#start-hero {
		width: 100%;
		height: 40vh;
		margin: 0 auto;
		padding-top:0;
		background:#d9d9d9;
	}
}






#start-hero{
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	-ms-flex-line-pack:center;
	align-content:center;
	-ms-flex-align:center;
	-webkit-box-align:center;
	        align-items:center;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	        justify-content:center;
	background-image:url(http://lu.salm-olk.de/wp-content/themes/salmolk/img/hero_background_salcon_2019.jpg);
	background-size:cover;
}
#start-hero.v2{
	background-image:url(http://lu.salm-olk.de/wp-content/themes/salmolk/img/hero_background_salcon_2019_2.jpg);
}

#start-hero h1{
	display:block;
	width:100%;
}

#so-logo{
	zzz-height:100%;
	max-width: calc(100% - 4em);
  margin: auto;
  display: block;
	max-height:15rem;
	-webkit-filter:drop-shadow( 0 0 1.5rem white) drop-shadow( 0 0 .5rem white) drop-shadow( 0 0 1rem white);
	        filter:drop-shadow( 0 0 1.5rem white) drop-shadow( 0 0 .5rem white) drop-shadow( 0 0 1rem white);
}

@media screen and (max-width:500px){
	
	#start-hero{
		padding:0;
		background-image:none!important;
		background:#dadad9;
	}
}

@media screen and (max-width:1000px){
	
	#so-logo{
		
		margin-left:10%;
		width:200%;
		max-width:200%;
		
	}
	
}






#start-vorstellung{
	padding-bottom:4em;
}

#vorstellung-container{
	width:100%;
	max-width:80rem;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	        justify-content:space-between;
}

#vorstellung-leistung,
#vorstellung-vorteile,
#vorstellung-buero{
	margin:0;
	padding:0;
	width:calc((100% - (2 * 5rem)) / 3);
}

#vorstellung-container ul>li{
	display:block;
	padding:0!important;
	margin-top:1em;
}

#vorstellung-container ul>li:before{
	content:""!important;
	display:inline-block;
	margin-bottom:.1em;
	margin-right:.5em;
	width:.5em;
	height:.5em;
	background:#a81815;
}

@media screen and (max-width:500px){
	#vorstellung-container{
		-ms-flex-direction:column;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		        flex-direction:column;
	}
	#vorstellung-leistung,
	#vorstellung-vorteile,
	#vorstellung-buero{
		margin:0;
		padding:0;
		width:100%;
	}
}







#start-dienst{
	padding:2em;
	margin:0;
}

#start-dienst-container{
	width:100%;
	max-width:50rem;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	        justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

#start-dienst-container>div{
	width:100%;
}

@media screen and (max-width:500px){
	#start-dienst h2{
		text-align:left;
	}
	.start-dienst-teaser{
		position:relative;
		padding:2em 1rem!important;
		margin:0!important;
	}
	.start-dienst-teaser+.start-dienst-teaser:after{
		content:"";
		position:absolute;
		width:calc(100% - 4em);
		top:0;
		display:block;
		height:1px;
		background:#dadad9;
	}
}







#start-infolux{
	padding:2em;
	margin:0;
}

#start-infolux-container{
	width:100%;
	max-width:50rem;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	        justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

#start-infolux-container>div{
	width:100%;
}

@media screen and (max-width:500px){
	#start-infolux h2{
		text-align:left;
	}
	.start-infolux-teaser{
		position:relative;
		padding:2em 1rem!important;
		margin:0!important;
	}
	.start-infolux-teaser+.start-infolux-teaser:after{
		content:"";
		position:absolute;
		width:calc(100% - 4em);
		top:0;
		display:block;
		height:1px;
		background:#dadad9;
	}
}







#start-profil{
	background:#dadad9;
	height:auto;
	padding:0;
}

#start-profil>div{
	width:100%;
	max-width:50rem;
	padding:4rem 0;
	margin-left:auto;
	margin-right:auto;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	-ms-flex-line-pack:center;
	align-content:center;
	-ms-flex-align:center;
	-webkit-box-align:center;
	        align-items:center;
}
#start-profil>div>svg{
	display:block;
	width:200%;
	height:100%;
	min-height:400px;
}
#start-profil>div>div{
	width:100%;
	padding:1em;
}
#start-profil h2{
	margin-top:0;
}

@media screen and (max-width:800px){
	#start-profil>div{
		width:auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	#start-profil>div>svg{
		display:block;
		width:100%;
		height:auto;
		min-height:auto;
		margin-top:-3em;
	}
	#start-profil>div>div{
		width:auto;
		padding:0 2em 0 2em;
	}
}







#start-team{
	padding:0 0 2em 0;
}









#start-stellen{
	background:#dadad9;
	height:auto;
	padding: 1px 2rem 4em 2rem;
	overflow: auto;
}

#start-stellen>div{
	position:relative;
	display:block; 
	
	width: 100%;
  max-width: calc(50rem);
	
	margin-left:auto;
	margin-right:auto;
}









#start-links{
	display:block;
	padding:1px 2em 4em 2em;
}

#start-links h2{
	text-align:center;
}

#links-container{
	width:100%;
	max-width:80rem;
	margin-left:auto;
	margin-right:auto;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	        justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

#links-container>div{
	width:calc((100% - (2 * 2em)) / 3);
}

#links-container ul{
	margin:0;
}

#links-container ul>li{
	list-style-type:none;
}

#links-container ul>li:before{
	content:""!important;
	display:inline-block;
	margin-bottom:.1em;
	margin-right:.5em;
	width:.5em;
	height:.5em;
	background:#a81815;
}

#links-container ul>li>a{
	color:inherit;
	text-decoration:none;
}

@media screen and (max-width:800px){
	#links-container{
		-ms-flex-direction:column;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		        flex-direction:column;
	}
	#links-container>div{
		width:auto;
		margin:0;
	}
	#links-container>div:first-child{
		margin-bottom:1em;
	}
	#links-container>div ul{
		padding:0;
	}
}







#start-kontakt{
	padding:1em 2em 2em;
	margin:0!important;
}

#kontakt-container{
	width:100%;
	max-width:80rem;
	margin:0 auto 3em auto;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	        justify-content:space-between;
}

#kontakt-container>div{
	margin:0;
	padding:0;
	width:calc((100% - (2 * 2em)) / 3);
}

@media screen and (max-width:700px){
	#start-kontakt{
		padding-bottom:2em;
	}
	#kontakt-container{
		-ms-flex-direction:column;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		        flex-direction:column;
	}
	#kontakt-container>div{
		width:100%;
	}
	#start-kontakt>#kontakt-container>div:not(:first-child) h2{
		margin-top:2em;
	}
}







#start-anfahrt{
	height:auto;
	min-height:50px;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	-ms-flex-line-pack:center;
	align-content:center;
	-ms-flex-align:center;
	-webkit-box-align:center;
	        align-items:center;
	background:#dadad9;
}

#start-anfahrt svg{
	height:auto;
	width:100%;
}

#start-anfahrt svg+svg{
	border-left:1px solid #767676;
}

@media screen and (max-width:500px){
	#start-anfahrt{
		-ms-flex-direction:column;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		        flex-direction:column;
	}
	#start-anfahrt svg+svg{
		border:0;
		border-top:1px solid #767676;
	}
}















.more,
.more-big{
	margin:1em 0 0 0;
}

.gallery{
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	        justify-content:center;
	margin:0;
}

.gallery figure{
	margin:1em;
	min-width:20rem;
	background:#dadad9;
}

.gallery .gallery-icon{
	margin:0;
}

.gallery .gallery-icon img{
	width:100%;
	height:auto;
}

#gallery-2 .gallery-icon{
	height:1px;
	overflow-y:hidden;
}

.gallery-caption{
	margin:0;
	padding:1em;
}

.gallery-caption strong{
	display:inline-block;
}




.page-template-page-inhalt .entry-content{
	width:auto;
	max-width:50rem;
}

.page-template-page-inhalt h1{
	width:auto;
	max-width:50rem;
}










footer .footer-container{
	background:none;
	margin:2em auto;
	width:auto;
	max-width:70rem;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;	
}

footer .footer-container>div{
	width:100%;
}

footer .footer-container>div:nth-child(1),
footer .footer-container>div:nth-child(3){
	width:150%;
}

@media screen and (max-width:700px){
	footer .footer-container>div:nth-child(1){
		display:none;
	}
	footer .footer-container{
		-ms-flex-direction:column;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		        flex-direction:column;
	}
}



/* CORONA */

#start-corona,
#start-corona *{
	position:relative;
}

#start-corona .content{
	width:100%;
	max-width:800px;
	padding:1rem;
	margin:auto;
}

#start-corona .content .columns{
	display:flex;
}

#start-corona .content .inline-block{
	display:inline-block;
	vertical-align: text-top;
}

#start-corona .content .inline-block+.inline-block{
	margin-left:2em;
}

.coronalinks{
	
}

.coronalinks a{
	/**/display:inline-block;
	text-align: center;
	padding:.5em .75em;
	font-size:1.2rem;
	line-height:1.2em;
	color:#fff;
	text-decoration: none;
	background:#888;
	transition:all 150ms ease;
}

.coronalinks a:hover{
	background:#a81614;
}

.coronalinks a svg{
	height:1em;
	width:auto;
	margin-right:1em;
}

.feed .coronalinks a{
	/*display:block;*/
	text-align:center;
}

.feed .coronalinks a svg{
	margin:.25em auto .5em auto;
	height:2;
	display:block;
}

.coronalinks a svg polygon{
	fill:#fff;
}