/*
Theme Name: Conextra Bootstrap
Theme URI: http://www.conextra.at
Description: Custom bootstrap theme
Author URI: http://www.conextra.at/
Version: 1.0
Tags: responsive, bootstrap, conextra

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

For custom usage
*/
/*generals*/

@font-face {
  	font-family: 'AHOMO-MONOSPACED';
  	src: url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/AHAMONO-Monospaced.eot'); /* IE9 Compat Modes */
  	src: url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/AHAMONO-Monospaced.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/AHAMONO-Monospaced.woff2') format('woff2'), /* Super Modern Browsers */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/AHAMONO-Monospaced.woff') format('woff'), /* Pretty Modern Browsers */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/AHAMONO-Monospaced.ttf')  format('truetype'); /* Safari, Android, iOS */
  	font-weight: normal;
}
@font-face {
  	font-family: 'ARIMO-BOLD';
  	src: url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/Arimo-Bold.eot'); /* IE9 Compat Modes */
  	src: url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/Arimo-Bold.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/Arimo-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/Arimo-Bold.woff') format('woff'), /* Pretty Modern Browsers */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/Arimo-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
  	font-weight: normal;
}
@font-face {
  	font-family: 'ARIMO-REGULAR';
  	src: url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/Arimo-Regular.eot'); /* IE9 Compat Modes */
  	src: url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/Arimo-Regular.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/Arimo-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/Arimo-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/Arimo-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
  	font-weight: normal;
}
@font-face {
  	font-family: 'GOCHIHAND-REGULAR';
  	src: url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/GochiHand-Regular.eot'); /* IE9 Compat Modes */
  	src: url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/GochiHand-Regular') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/GochiHand-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/GochiHand-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/wp-content/themes/conextrabootstrap/fonts/customFonts/convertedFonts/GochiHand-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
  	font-weight: normal;
}
html, body{
	font-family: 'AHOMO-MONOSPACED'!important;
	font-size: 14px;
    /*height: 100%;*/
    font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
	width: 100%;
}
body{
	-ms-overflow-style: scrollbar;
}

.row{
	background-color: #eff0f2 !important;
}
.row section:first-child{
	margin-top:	0;
}
section article> h2{
	visibility: hidden;
	padding: 0!important;
	margin: 0!important;
	height: 0px!important;
}
.container .customize-support{
	max-width: 100%!important;
}
.ueberschriftText{
	text-align: center;
	margin-bottom: 8%;
	font-size: 2vw!important;
	font-family: 'GOCHIHAND-REGULAR';
}
p{
	color:  #3b393c;
	margin:0px;
}
a {
	color: #aca288;
}
a:active{
	text-decoration: none;
	 outline: none;
	 white-space: nowrap;
	 background: white;
}
a:hover{
	text-decoration: none;
	cursor: pointer;
	background: white;
	
}
a:visited{
	text-decoration: none !important;
	 outline: none !important;
	 background-color: white !important;
}
a:focus{
	text-decoration: none !important;
	 outline: none !important;
	 background: white !important;
}
.textwidget {}
article{
	padding:0px;
}
section:nth-child(2){
	margin-top: 1vw;
}
section{
	margin: 1vw 0px;	
}
section:last-child{
	margin-bottom: 0px !important;
}
#googleMap #map {
	height: 60vw;
	width: 100%;
	/*filter: grayscale(80%);
	  -webkit-filter: grayscale(80%);  Safari 6.0 - 9.0 */
}
#googleMap .so-panel:first-child {
	margin-bottom: 0 !important;
}
#googleMap .so-panel:nth-child(2) .textwidget {
	height: 60vw;
}
.gm-style-pbc img:hover {
	animation-duration: 1s;
	animation-name: pulse;
	animation-iteration-count: infinite;
	
}
@keyframes pulse {
  from {width: 100%;}
  to {width: 50%;}
}

#Infocontent{
	width:200px;
	height: 116px;
}
iframe {
    height:100%;
    width:100%;
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
	pointer-events: none;
}
iframe.clicked{
	pointer-events: auto;
}
/*Header*/
.navContainer{
	position: fixed;
	height: 7vw;
	box-shadow: 0 4px 11px 0px gray;
	top: 0;
	z-index: 99;
}
.menuWrap.topNav{
	width:100%;
	height: 7vw;
}
.logoNav{
	width: 10%;
	float: left;
	height: 7vw;
	position: relative;
	transform: translateY(-50%);
	top: 50%;
	left: 5%;
}
#yakLogo{
	width: 7vw;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.header{
	width:90%;
	float: right;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	right: 0%;
}
.menu-header{
	float: left;
	width:	100%!important;
}

#menu-header{
	padding-right: 5%;	
	float: right;	
	text-align: right;
}
.nav li:first-child a{
	padding-left: 0px!important;
	padding-right: !important;
}
.nav li:last-child a{
	padding-left: !important;
	padding-right: 0px!important;
}
.nav li {
	padding: 0 1.1vw;
}
.nav li a {
    position: relative;
    display: block;
    /*padding: 0 50px;*/
    text-transform: unset !important;
    font-size: 0.9vw;
}
.nav li a:hover{
	color: #aca288;
	text-decoration:	none;
	background: white !important;
}
.nav li a:active{
	color: #aca288;	
}
.nav{
float: right;
}
.menu-header li:hover{
	color: #aca288;
}
.menu-header li:active{
	color: #aca288;	
}
.resizelinkItemsClass{
	animation-name: fontResize;
	animation-duration: 0.5;
}

@keyframes fontResize{
	from{height:100%}
	to{height:50%;}
}
/*mobile menu*/
.navbar-toggle{
	position: absolute;
	top: 10%;
	right: 5%;	
}
.menu-mobile.collapse{
	position: relative;
	top: 52px;
}
#menu-header-1{
	background-color: white;	
	padding: 10px 19px 20px 10px;
	box-shadow: 0px 4px 11px 0px gray;
	position: fixed;
	top: 62px;
	right: 0;
}
#menu-header-1 li a{
	padding:0;
	color:black;
	margin: 10px;
	font-size: 1.6vw !important;
}
.menu-mobile li{
	padding:0px;
	border: none!important;
}
.zumMarktplatz{
	font-family: 'ARIMO-REGULAR';
	text-decoration: none!important;
	color: #aca288!important;	 
}
.zumMarktplatz:hover{
		text-decoration: none;
		color: #3b393c !important;
}
.zumMarktplatz a:active{
	color: #3b393c ;
}
/*Hero*/
.section-149{
	margin-top: 7vw !important;
	position: relative;
}
#pgc-149-0-0{
	width:100%!important;
}
h3.widget-title{
	position: absolute;
	bottom: 20%;
	right: 12%;
	color: white;
	font-family:'GOCHIHAND-REGULAR';
	font-size: 4vw;
	user-select: none;
}
/*Sections*/
/*.sectons{
		
}
#panel-grid-cell{
	display: table-cell!important;
	width:50%!important;
}
#section1{
	width: 100%;
	display: table!important;
}*/
.rowStyle{
	display: table !important;
	width: 100%!important;
	background-color: white;
}
.panel-row-style{
	display: table !important;
	width: 100% !important;	
}
.panel-grid-cell{
	display: table-cell !important;
	width: 50% !important;
	vertical-align: top !important;
}
.cellText{
	display: block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 50%;
	font-size: 1vw;
	max-width: 60%;
	padding-top: 9%;
}
.cellText a {
	color: #aca288!important;

}
.cellText a:active{
	color: #aca288;
	text-decoration: none;
	 outline: none;
	 white-space: nowrap;
	 background: white;
}
.cellText a:hover{
	text-decoration: none;
	cursor: pointer;
	background: white;
	color: #3b393c !important;
	
}
.cellText a:visited{
	text-decoration: none !important;
	 outline: none !important;
	 background-color: white !important;
	 color: #3b393c;
}
.cellText a:focus{
	color: #aca288;
	text-decoration: none !important;
	 outline: none !important;
	 background: white !important;
}
	

.textwidget{
	max-width: 100%;
	font-size: 0.9vw;
	/**/
	line-height: 1.5 !important;
	
}
#pl-304{
	background-color: white;
}
.yakVerkaufueberschrift{
	font-family: 'GOCHIHAND-REGULAR';
	font-size: 2vw;
}
#pgc-295-2-0{
	width: 100%;
	background-color: white;
	height: auto;
	
}

/*special*/

#pg-295-0 {
	margin-bottom:1vw !important;
	margin-top: 7vw;
}
#pl-295 > div {
	margin-bottom:	1vw;
}
#pl-295 > div:last-child {
	margin-bottom: 0;
}
/*Footer*/
footer{
	background-color: #3b393c;
	width: 100%;
	height: 18vw !important;
	overflow: hidden;
	font-family: 'ARIMO-REGULAR';
}
.footerAdress {
	position: relative;
	height: inherit;
	float: left;
	width: 75%;
	color: #aca288;
	left:5%;
	transform: translateY(70%);	

}
.footerAdress p{
	display: inline;
	margin: 0px;
	font-size: 1.1vw! important;
	color: #aca288 !important;
}
.footerAdress a{
	text-decoration: none;
	color: #aca288;
	font-size: 1.1vw !important;	
}
.footerAdress a:hover,
.footerAdress a:active, 
.footerAdress a:focus{
	text-decoration: none;
	background-color: #3b393c !important;
	text-decoration	none;
}

.footerImpressum{
	position: relative;
	height: inherit;
	float: right;
	width: 25%;
	color: #aca288;
	transform: translateY(70%);	
}
.footerImpressum a{
	position: relative;
	font-size: 1.1vw !important;
	margin-right: 18%;
	float:right;
	color: #aca288;
	text-decoration: none;
}
.footerImpressum a{
	text-decoration: none;
	background-color: #3b393c !important;
	text-decoration	none;
}
/*footer button*/
.footerButton .fa-arrow-up {
	position: absolute;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	width: 45px;
	height: 20px;
	left: 50%;
	height: 45px;
	transform: translateXY(-50% -50%);
	transform: translateX(-50%);
	bottom: 40px;
	transition: right 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s,background-color 0.25s ease-in-out;
}
.footerButton .fa-arrow-up:hover{
	
}
.fa-arrow-up::before {
	height: inherit;

position: relative;

top: 50%;


color: #fff;
width: inherit;

transform: translateY(-50%);
}	
.impressum{
	width: 80% !important;
	margin: auto;
	margin-top: 7vw;
	padding-top: 4vw;
	padding-bottom: 4vw;
	font-family: 'ARIMO-REGULAR' !important;
}
#Impressum a{
	text-decoration: none;
	color: #aca288;!important;
	text-decoration	none;
}
iframe{
	width: 100%;
}
/*footer cookie complience popup*/
.cc-color-override-889897332 .cc-btn {
	background-color: #aca288!important;
}
@media screen and (max-width: 880px) {
	.header{
		display: none;
	}
	.section-208{
		margin-top: 3vw !important;
	}
	#pg-295-0{
		margin-top: 61.8px;
	}
	.impressum{
		margin-top:61.8px;
	}
	header, .menuWrap, .topNav{
		height:61.6px!important;
	}
	.section-149{
		margin-top:61.6px !important;
	}
	#pgc-208-0-1{
		padding-top:20.66px !important;
	}
	
	.logoNav{
		width:100%;
		height: 61.6667px;
	}
	#yakLogo{
		height: 42.3px;
		width: 61.6667px!important;
	}
	.ueberschriftText{
		margin-bottom: 3%;

	}
	.textwidget {
		font-size: 1.1vw;
		
   }
   .cellText{
   		max-width: 80%;
   }
   .nav li a{
   		font-size: 3vw !important;
   }
   /*#googleMap #map{
   	height: 264px;
   }*/
   footer{
   	height: 8vw;
   }
   .footerAdress p{
   	font-size: 1.5vw;
   }
   .footerAdress a{
   	font-size: 1.5vw;
   }
   .footerImpressum a{
   	font-size: 1.5vw;
   }
   .widget-title{
   		font-size: 4vw !important;
   }
}
@media screen and (min-width:880px){
	#menu-header-1{
		display: none;
	}
}
@media screen and (max-width: 780px){
	.panel-row-style{
		width: 100%!important;
		display: flex!important;
	}
	.panel-grid-cell{
		display: flex;
		width: 100%!important;
	}
	.cellText{
		top:0;
		padding-bottom: 8%;
		
	}
	.textwidget {
		font-size: 2.2vw;
   }
   .ueberschriftText{
		font-size: 3.6vw !important;	
   }
   .sow-image-container{
   		max-height: 100%;
		/*overflow-y: hidden;*/
   }
	#pgc-208-0-0, #pgc-199-0-1, #pgc-211-0-0, #pgc-214-0-1, #pgc-295-1-0{
		order:2;
		margin-bottom: 0px !important;
	}
	/*#googleMap #map{
		height: 520.25px;*/
	}
	.impressum{
    padding-left: 5%;
    padding-right: 5%;
	}  
} 
@media screen and (max-width: 881px) and (min-width: 781px) {
  .mediaCorrect{
  	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: 1.4
  }
}
@media screen and (max-width: 700px){
	footer{
		height: 18vw !important;
		padding-top: 2vw;
	}
	.footerAdress{
		
		height: 100%;
		float: left;
		width: 50%;
		transform: none;
		left: 5%;
		padding-top: ;
	}
	.footerImpressum{
		height: 80%;
		float:right;
		width: 50%;
		right: 5%;
	
		
	}
	.footerImpressum a{
		margin: 0;
		float: left;
		font-size: 2vw !important;
		display: block;
		float: right;
	}
	.footerAdress p{
		font-size: 2vw !important;
		width:100%;
		display: block;
	}
	.footerAdress a{
		font-size: 2vw !important;
		display: block;
	}
	.textwidget{
		font-size: 3.2vw !important;	
	}
	.ueberschriftText{
		font-size: 3.9vw !important;
	}
	.yakVerkaufueberschrift{
		font-size: 3.9vw !important;
	}
}  
@media screen and (max-width: 600px){
	#menu-header-1{
		width: 130px;
		height: 260px;
		
	}
	#menu-header-1 li a {
		
		font-size: 13px !important;
		margin: 20px 0px;
		padding-left: 25px !important;
	}	
	.panel-cell-style-for-208-0-1{
		padding-top: 17%;
	}
	footer{
		padding: 2% 0;
	}
}