@charset "utf-8";
/* CSS Document */
body { position: relative; }
.affix { 
	top: 0px;
	padding-top: 20px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
	animation: test 500ms;
    -moz-animation: test 500ms; /* Firefox */
    -webkit-animation: test 500ms; /* Safari and Chrome */ 
}
@keyframes test {
    from { top: 100%; } 
    to { top: 0px; } 
}
@-moz-keyframes test {
    from { top: 100%; } 
    to { top: 0px; } 
}
@-webkit-keyframes test {
    from { top: 100%; } 
    to { top: 0px; } 
}
#ooe-socialmedia {
	position: fixed;
	right: 0px;
	margin: 0px;
	z-index: 99;
}
#ooe-socialmedia.col-sm-offset-11.col-sm-1 { max-width: 60px; padding: 0px; }
#ooe-socialmedia ul {
	list-style: none;
	margin: 0px 0px 0px -40px;
}
#ooe-socialmedia ul li {
	margin: 0px;
	width: 100%;
	padding: 0px;
}
/*#ooe-socialmedia ul li:nth-child(2) { margin-bottom: 20px; }*/
#ooe-socialmedia ul li a, 
#ooe-socialmedia ul li a:active,
#ooe-socialmedia ul li a:visited { 
	width: auto;
	height: 60px;
	border: 1px solid #ffffff;
	display: block; 
	background-color: #626671;
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
#ooe-socialmedia-ul a {}
#ooe-socialmedia ul li a.ooe-icon, 
#ooe-socialmedia ul li a.ooe-icon:active { 
	width: 100%;
	text-decoration: none!important;
}
#ooe-socialmedia ul li a.facebook { 
	background-color: #3b55a7; 
	background-image: url('img/iconFB.png');
/*	border-bottom: 1px solid #e8e8ea;*/
}
#ooe-socialmedia ul li a.youtube { 
	background-color: #ff0000; 
		
	background-image: url('img/iconYT.png'); 
}
#ooe-socialmedia ul li a.instagram { 
	background: transparent;
	background-image: url('img/iconinstagram.png'); 
	background-repeat: no-repeat;
	background-image: url('img/iconinstagram.png'), radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf); 
}

#ooe-socialmedia ul li a.ooe-icon.Video { 
	border-bottom: 1px solid #e8e8ea;
	background-color: #616671;
	background-image: url('img/iconVideos.png');  
}
#ooe-socialmedia ul li a.ooe-icon.Foto { 
	background-color: #616671;
	background-image: url('img/iconFotos.png');  
}
#ooe-socialmedia ul li a:hover, 
#ooe-socialmedia ul li a:focus { 
	width: 100%;
	left: -50%;
	border: 1px solid #e8e8ea;
	background-color: transparent;
}
#ooe-socialmedia ul li a.ooe-icon:focus, 
#ooe-socialmedia ul li a.ooe-icon:hover { 
	background-color: none!important;
}
#ooe-socialmedia ul li a.ooe-icon.facebook:focus, 
#ooe-socialmedia ul li a.ooe-icon.facebook:hover { 
	left: -72%; 
	background-color: #ffffff; 
	background-image: none;
}
#ooe-socialmedia ul li a.ooe-icon.youtube:focus, 
#ooe-socialmedia ul li a.ooe-icon.youtube:hover { 
	left: -41%; 
	background-color: #ffffff; 
}
#ooe-socialmedia ul li a.ooe-icon.instagram:focus, 
#ooe-socialmedia ul li a.ooe-icon.instagram:hover { 
	left: -55%; 
	background-color: #ffffff; 
	background-image: none;
}
#ooe-socialmedia ul li a.ooe-icon.Video:focus, 
#ooe-socialmedia ul li a.ooe-icon.Video:hover { 
	left: -40%; 
	background-color: #e8e8ea;
	background-image: url('img/iconVideoshover.png'); 
}
#ooe-socialmedia ul li a.ooe-icon.Foto:focus, 
#ooe-socialmedia ul li a.ooe-icon.Foto:hover { 
	left: -60%; 
	border-top: 0px;
	background-color: #e8e8ea;
	background-image: url('img/iconFotoshover.png'); 
}

#ooe-socialmedia ul li a img, 
#ooe-socialmedia ul li a:active img { visibility: hidden; }
#ooe-socialmedia ul li a:hover img, 
#ooe-socialmedia ul li a:focus img { 
	visibility: visible; 
	text-align: left; 
	height: 100%; 
	max-height: 60px; 
}

#ooe-socialmedia ul li a.ooe-icon .ooe-linktext {
	vertical-align: middle;
	font-family: inherit;
	font-size: 22px;
	color: #414754;
	visibility: hidden;
}
#ooe-socialmedia ul li a:focus.ooe-icon .ooe-linktext,
#ooe-socialmedia ul li a:hover.ooe-icon .ooe-linktext{
	visibility: visible;
}
#ooe-socialmedia ul li a .hidden-xs { display: inline-block!important; }
#ooe-socialmedia ul li a .visible-xs { display: none!important; }

@media (max-width:768px){
	#ooe-socialmedia {
		position: fixed;
		top: 50%;
	}
	.affix { top: 20px; }
}

@media (max-width:720px){
	#ooe-socialmedia {
		top: 45%;
	}
}

@media (max-width:670px){
	#ooe-socialmedia {
		position: static;
		margin-top: 15px;
		max-width: 100%!important;
		padding-right: 15px;
		padding-left: 15px;
		
	}
	#ooe-socialmedia ul { 
		width: 70%; 
		margin: 0px auto;
		text-align: center;
		display: block;
		
	}	
	#ooe-socialmedia ul li {
		width: 60px;
		margin: 2%;
		height: 60px;
	}

	#ooe-socialmedia ul li a, 
	#ooe-socialmedia ul li a:active,
	#ooe-socialmedia ul li a:visited { 
		border: none!important;
		position: static;
	}
	#ooe-socialmedia ul li a:hover, 
	#ooe-socialmedia ul li a:focus { 
		left: 0px!important; 
	}
	#ooe-socialmedia ul li a:hover img,
	#ooe-socialmedia ul li a:focus img { 
		border: 1px solid #e8e8ea; 
	}
	#ooe-socialmedia ul li a .hidden-xs { display: none!important; }
	#ooe-socialmedia ul li a .visible-xs { display: block!important; }
}
@media (max-width:480px){
	#ooe-socialmedia ul { 
		width: 90%;
		padding: 0px 15px;
	}	
}
@media (max-width:360px){
	#ooe-socialmedia ul { 
		width: 100%; 
		padding: 0px 0px 0px 10px;
	}
}
/*** Anpassung Startseite ab 1280px abwärts ***/
#top_link { bottom: 120px; }

@media (max-width:1280px){
	#content .row .col-md-3 { 
		padding-right: 40px; 
	}
}
@media (max-width:1024px){
	.ooe-metanav-fusszeile ul { float: left; }
	#top_link { bottom: 2%; }
	#content .row .col-md-3 { margin-left: -30px; }
	#content .row.ooe-schlagzeilen .col-sm-6 { padding-right: 15px; }
	#content .row.ooe-schlagzeilen .col-sm-6:nth-child(even) { margin-left: -15px; }
}
@media (max-width:1003px) and (min-width: 768px) {
#content .row .col-md-9 { padding-right: 75px; }
}
@media (max-width:1003px){
	
	#content .row .col-md-3 { margin-left: 0px; }
	#content .row.ooe-schlagzeilen .col-sm-6 { padding-right: 0px; }
	#content .row.ooe-schlagzeilen .col-sm-6:nth-child(even) { margin-left: 0px; }
}
@media (max-width:670px){
	#content .row .col-md-3 { 
		padding-right: 15px; 
	}
}
/*** FOLGESEITEN ***/
#ooe-socialmedia.folgeseite {
	position: static!important;
	margin: 15px 0px 0px 0px;
}
#ooe-socialmedia.folgeseite #ooe-socialmedia-ul { 
	margin-left: 83.33%!important; 
	padding: 0px;
	position: static!important;
}
#ooe-socialmedia.folgeseite #ooe-socialmedia-ul li {
	width: 50%;
	margin: 0px -35px 0px 10px;
	float: right;
}
#ooe-socialmedia.folgeseite ul li a:hover, 
#ooe-socialmedia.folgeseite ul li a:focus { 
	width: 60px;
	left: 0%!important;
}
#ooe-socialmedia.folgeseite #ooe-socialmedia-ul li a.ooe-icon {
	width: 60px;
	height: 60px;
}
#ooe-socialmedia.folgeseite #ooe-socialmedia-ul li a.facebook {
	background-position: -1px -1px; 
}
#ooe-socialmedia.folgeseite #ooe-socialmedia-ul li a.facebook img {
	margin: -1px 0px 0px -1px;
}
#ooe-socialmedia.folgeseite #ooe-socialmedia-ul li a.youtube img {
	margin: 1px 0px 0px 1px;
}
#ooe-socialmedia.folgeseite #ooe-socialmedia-ul li a.instagram img {
	margin: 1px 0px 0px 1px;
}
@media (max-width:1024px){
	#ooe-socialmedia.folgeseite { padding: 0px; }
	#ooe-socialmedia.folgeseite #ooe-socialmedia-ul { 
		width: 100%;
		margin: 0px auto!important;
	}
	#ooe-socialmedia.folgeseite #ooe-socialmedia-ul li {
		max-width: 60px;
		margin: 0px 15px 0px 0px;
		float: left;
	}
}