/*
Theme Name: Feld 72, 2014
Author: Alois Gstoettner, http://www.alois-gstoettner.at
*/

/*
Html, Body
*/

html, body {
	font: normal normal 16px/1.35 FaktPro-Normal, Arial, Helvetica, Geneva;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	height: 100%;
	width: 100%;
	text-rendering: optimizeLegibility;
	text-decoration: none;
}


/*
Seiten: Page-Template
*/

	.page-template {
		background-color: #b6b1a8;
}


/*
Boxen, Studio
*/

	.studio-text {
		margin-bottom: 60px;
}

	.studio-detail {
		clear: both;
}

	.studio-links {
		width: 70%;
		float: left;
}

	.studio-rechts {
		width: 30%;
		float: right;
}

	.team {
		float: left;
		width: 33.3%;
		margin-bottom: 40px;
		font-family: FaktPro-SemiBold, Arial, Helvetica, Geneva;
}

	.ehemalige {
		float: left;
}

	.mitarbeiterinnen {
		float: left;
		width: 33.3%;
}

	.gruppenbild {
		margin-bottom: 40px;
}

	.gruppenbild img {
		width: 100%;
}

	.team img {
		margin-bottom: 10px;
}

	.box-studio-1, .box-studio-2 {
		margin-bottom: 40px;
		padding: 40px;
// 			 -webkit-hyphens: auto;
// 			    -moz-hyphens: auto;
// 			     -ms-hyphens: auto;
// 			         hyphens: auto;
}

	.box-studio-1 {
		border: 10px solid #FF4A4B;
		padding: 30px!important;
		color: #FF4A4B;
		background-color: #fff;
		border: 10px solid #FF4A4B;
}

	.box-studio-1 a {
		color: #FF4A4B;
		border: none;
}

	.box-studio-1 a:hover {
		color: #FF4A4B;
		border-bottom: 2px solid #FF4A4B;
}

	.box-studio-2 {
		background-color: #b6b1a8;
		color: #000;
}

	.box-studio-2 a {
		border: none;
}

	.box-studio-2 a:hover {
		border-bottom: 2px solid #000;
}

	.clear {
		clear: both;
}


/*
Boxen, Startseite
*/

	.box-news-out, .box-studio-out, .box-kontakt-out, .box-claim-out {
		width: 48.5%;
		margin-bottom: 50px;
}

	.box-claim-out-2 {
		width: 100%;
		margin-bottom: 50px;
}

	.box-kontakt-out {
		background-color: #b6b1a8;
}

	.box-news-out, .box-kontakt-out {
		float: left;
}

	.box-studio-out, .box-claim-out {
		float: right;
}

	.box-news, .box-claim {
		padding: 20px;
		height: 620px;
		color: #FF4A4B!important;
		border: 10px solid #FF4A4B;
}

	.box-claim a, .box-news a {
		color: #FF4A4B!important;
}

	.box-studio {
		border-style: solid;
		border-width: 2px;
		padding: 28px;
		height: 550px;
}

	.box-kontakt {
		padding: 30px 10px 30px 30px;
		height: 620px;
}

	.box-kontakt-sp {
		width: 50%;
		float: left;
}


/*
News
*/

	.archive {
		color: #FF4A4B!important;
}

	.archive a {
		color: #FF4A4B;
}

	.news-linie {
		border-top: 10px solid #FF4A4B;
		position: relativ;
		clear: both;
		padding-top: 20px;
		padding-bottom: 80px;
}

	.news-text {
		width: 60%;
}

	.news-eintrag {
		margin-bottom: 80px;
		position: relative;
		width: 100%;
		float: left;
		color: #FF4A4B;
}

	.news-eintrag a {
		color: #FF4A4B;
}

	.news-eintrag img {
		float: left;
		clear: both;
		margin-bottom: 10px;
		margin-top: 10px;
		width: 100%;
		height: auto;
}

	.size-medium {
		width: auto!important;
}

	.embed-container {
		position: relative;
		padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
}

	.embed-container iframe, .embed-container object, .embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}


/*
Liste
*/

	.site-footer li {
		display: inline;
}


/*
Tooltip, Screenshot
*/

	#screenshot {
		position:absolute;
		z-index: 10000;
		display: none;
}


/*
Current
*/

	.current-cat a, .current_page_item a {
		border-bottom: 2px solid #000!important;
		color: #000!important;
}


/*
Logo, Social
*/
	.logo-social {
		float: left;
		margin-right: 15px;
		margin-top: 30px;
}


/*
Border
*/

	.border-b, .border-l, .border-t, .border-r {
		position: fixed;
		z-index: 10000;
		background-color: #FF4A4B;
}

	.border-b {
		bottom: 0;
		height: 10px;
		width: 100%;
}

	.border-l {
		height: 100%;
		width: 10px;
		left: 0;
}

	.border-t {
		top: 0;
		height: 10px;
		width: 100%;
}

	.border-r {
		height: 100%;
		width: 10px;
		right: 0;
}


/*
Loading, Milan
*/

	.projekt {
		position: relative;
}

	.loading_container {
//		width: 1070px;
//		height: 660px;
		position: absolute;
		z-index: 1;
}

	.loading_box {
		width: 100%;
		height: 100%;
		background-color: #FFF;
		opacity: 0;
}



/* NEW BY 101 */

.bx-viewport {
	height: auto!important;
}

.underline-link, .underline-link:hover, .underline-link:active, .underline-link:focus {
	border-bottom: 2px solid #000!important;
}

#box_intro {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	margin-bottom: 50px;
}

.box-news, .box-studio {
	height: auto;
}

.box-news-out {
	display: grid;
}

.box-news-out, .box-studio-out {
	float: none;
	width: auto;
	margin-bottom: 0;
}

.header {
	z-index: 999999!important;
}

.logo-social img {
	width: 40px;
	height: 40px;
}

.logo-social a, .logo-social a:hover {
	border: none;
}

.logo-social .normal-logo {
	display: inline-block;
}

.logo-social .hover-logo {
	display: none;
}

.logo-social:hover .normal-logo {
	display: none;
}

.logo-social:hover .hover-logo {
	display: inline-block;
}


.lazyload, .lazyloading {
	opacity: 1!important;
}

#open_jobs_headline {
	display: inline-block;
	border-bottom: 2px solid #FF4A4B;
}

.box-news-out-jobs .ausgleich {
	height: auto;
}


#links {

}

#links a {
	display: block;
	text-align: center;
	border: 2px solid black;
	color: black;
	text-decoration: none;
	width: 100%;
	margin-bottom: 1.25em;
	line-height: 3em;
}

#links a:hover {
	color: white;
	background: black;
}

#links .highlighted {
	border: 2px solid #FF4A4B;
	color: white;
	background: #FF4A4B;
}

#links .highlighted:hover {
	color: #FF4A4B;
	background: white;
}

#links_social {
	padding-left: 15px;
	text-align: center;
}

#links_social .logo-social {
	float: none;
	display: inline-block;
}


input, input[type="password"], input[type="submit"] {
	box-sizing: border-box;
	margin: 0.5em 0;
	font-size: 1.5em;
	padding: 0 0.5em;
	line-height: 2em;
}

input[type="password"] {
	background: white;
	border: 2px solid #FF4A4B;
	color: #FF4A4B;
}

input[type="submit"]:hover {
	cursor: pointer;
}

.bx-wrapper .bx-controls-direction a {
	-webkit-tap-highlight-color: Transparent;
}

* {
	hyphens: auto;
}

.projekt-text {
	overflow-y: auto;
	z-index: 9999;
}

.box-claim {
	overflow-y: auto;
	-ms-overflow-style: none;
  scrollbar-width: none;
}

.box-claim::-webkit-scrollbar {
  display: none;
}

.projektlink-3 h1 {
	display: inline-block;
	border-bottom: 2px solid Transparent;
}

.projektlink-3 h1:hover {
	cursor: pointer;
	border-bottom: 2px solid black;

}

iframe {
	max-width: 100%;
}