/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
  Farben:
 ========================================================================== */
 
html {  /* 1 */   font-family: 'Roboto', Helvetica, sans-serif; }
body { background-color:#ccb38f; }
body h1, body h2, body h3 { 
	-ebkit-text-stroke: rgba(128,128,128,0.5) .5px;
}
::selection {   background: rgba(170, 170, 170, 0.5); }
h1, h2, h3, h4, h5, h6 { color:#888; line-height:130%; vertical-align:top; }
article h2 { line-height:130%; }
h1, h2, h3, h4, h5, h6 { margin: 10px 0 5px 0;   font-family: 'latoregular'; letter-spacing:1px; }
h1, .uk-h1 {   font-size:30px; margin:0 0 30px 0; }
h2, .uk-h2 {   font-size:23px; margin:0 0 20px 0; }
h3, .uk-h3 {   font-size:20px; }
h4, .uk-h4 {   font-size:17px; }
h5, .uk-h5, h6, .uk-h6 {   font-size:1rem; margin-bottom:3px; }
#tinymce .clearfix::after { content: "\00000A"; display: block; visibility: visible; height:auto; }

#full-wrap article { text-align:center; padding:0; }
#xmap li { padding:5px 0; }
.clearfix::after { content: "."; clear: both;  display: block; visibility: hidden; height: 0px; }
.foto-links { float:left; padding:0 20px 15px 0; }
.foto-rechts { float:right; padding:0 0 15px 20px; }

a {text-decoration:underline !important; }

/* Preisliste */
.div-preise { width:100%; overflow-x:auto; overflow-y:hidden; order:1px solid #ccc;  }
.preise-tabelle { border-collapse:collapse; font-size:14px;  }
.preise-tabelle td { padding:3px 6px; border:1px solid #ccc; text-align:center; vertical-align:top; }
.preise-header td { font-weight:bold; font-size:18px;  }  
.preise-titel { color:#fff; background-color:#9E6C18; min-width:80px; }  
.preise-wohnung td { color:#9E6C18; font-weight:bold; }  
.preise-bold td { font-weight:bold;  }  
.preise-spacer td { line-height:10px;  }  
.no-border { border:none !important;  }  
.preise td { background-color:#f5efe6; }
.preise2 td, .preise-bg { background-color:#faf7f2; }  /* heller  */
.uk-button-primary { font-family:inherit; font-size:16px; background-color:#9E6C18; letter-spacing:1px; padding:4px 12px; }
.uk-button-primary:hover {  background-color:#fff; border:1px solid #9E6C18; color:#9E6C18; }

.preisblase {    position: absolute; right: 392px;   top: -12px; z-index:999;
    color: white;  width: 120px;   height: 120px;   border-radius: 50%;
    background: #664b21;    font-size: 20px;     display: -webkit-box;
    display: -moz-box;    display: -ms-flexbox;    display: -webkit-flex;     display: flex;
    align-items: center;    justify-content: center;   box-sizing: border-box;
}
.preisblase_innen { color: white;  font-size: 20px; }

/* Navi */
.uk-nav > li > a { padding: 0px 0; color:#bbb; }
.uk-nav-header { padding: 4px 0; }
a.uk-nav-header { margin-top:10px;  }
.uk-navbar-nav > li > a { font-size:1rem; color:#ababab; text-decoration:none !important; }
.uk-navbar-nav > li.uk-active  > a {  color:#525252;  }
.tm-headerbar {  background:#fff; }
.tm-navbar { font-size:1rem !important; background-color:#fffdf7; argin-bottom:200px; z-index:100 !important; }
.tm-nav { padding-left:20px; }
.uk-dropdown-navbar { background:#664b21; }
#logo-suedtirol { padding-left:20px;}
#sprachen { position:absolute; right:10px; bottom:5px; float:right; }
.tm-navbar .uk-navbar-toggle { font-size:2.5rem; }
.uk-nav-navbar > li > a, ul.lang-inline > li > a, #kontakt-sidebar a { text-decoration:none !important; }

.tm-fullscreen { border-top:1px solid #999; border-bottom: 1px solid #999; }
.tm-fullscreen article { border:none !important; }
.tm-block  { padding:0 0; }
#full-wrap  {  position:relative; z-index:1; }
/* rahmen geht von top-b bis inkl. bottom-b */
#rahmen  { margin-left:auto; margin-right:auto; max-width:1300px; background-color:rgba(255,255,255,.7); z-index:20; position:relative; padding:30px 0px;  }
.tm-block-main  {  z-index:99; position:relative; min-height:350px; }
.tm-page, .tm-top-b { position: relative; z-index: 99;  }
.home .tm-top-b  .uk-panel-box { padding:10px !important; background-color:none !important; }
.tm-page { background-color:#fff; }
.tm-block-main {  margin-left:auto; margin-right:auto;  }
main { padding:30px; background-color:#fff; }
.tm-block-top-a  { padding-bottom:0;  margin-bottom:-7%; z-index:0;}
.uk-panel-box, main { background-color:#fff; border:1px solid #ccc; }

/* kontakt sidebar */
#kontakt-sidebar { position:fixed; right:0px; top:150px; z-index:200; width:250px; }
.kontakt-item { padding:15px 10px 15px 75px; color:#fff; margin-bottom:4px;  }
.link-wrap { position:relative; right:-180px; -webkit-transition: right 1s ease; -moz-transition: right 1s ease; -o-transition: right 1s ease; transition: right 1s ease; }
.link-wrap:hover { right:0px; }
.telefon { background:url("/National_Library/oe_/https://www.fohlenhof.it/templates/yoo_lykka/images/logo-telefon.png") 	12px 7px no-repeat #996f34;}
.email { background:url("/National_Library/oe_/https://www.fohlenhof.it/templates/yoo_lykka/images/logo-email.png") 		10px 3px no-repeat #996f34; }
.fb { background:url("/National_Library/oe_/https://www.fohlenhof.it/templates/yoo_lykka/images/logo-fb.png") 			08px 4px no-repeat #996f34; }
.ua-safari .link-wrap {  }

/* bottom */
.tm-bottom-c .uk-panel-box { border:none; }
.tm-block-bottom-c, .tm-block-bottom-c .uk-panel-box  { margin-top:0px; background-color:#fffdf7;  }
.tm-bottom-c  > :first-child :after { content: ""; display: block; position: absolute;  right:0px; bottom: 0; top: 0;  width: 1px; background: #ccc; margin: 20px 0px 20px 0px; }
.tm-bottom-c  > :nth-child(3) :before { content: ""; display: block; position: absolute;  left:0px; bottom: 0; top: 0;  width: 1px; background: #ccc; margin: 20px 0px 20px 0px; }
.tm-bottom-c  > :first-child { text-align:right; }
.tm-block-bottom-c   .uk-container { padding: 0 0px; }
.tm-block-bottom-c li { text-transform:uppercase; }
.links { padding:0px 20px 15px 0; float:left; }
.links img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.links a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); transition-property: filter; transition-duration: 0.3s;	
	-webkit-transition-property: filter; -webkit-transition-duration: 0.3s }
.tm-bottom { background-color:#ccc; }
.tm-footer { background-color:##282522; }

/* article */
article img.uk-align-left { max-width:50%; }


/* widgetkit */
.uk-slideshow   { border:1px solid #ccc; }
.uk-slideshow .uk-cover-background { background-position:50% 0%; }
.video { padding-left:0px; padding-right:0px; }
/* Overlay Home Top */
.uk-cover-background  .uk-overlay-panel { background-color:rgba(0,0,0,0.0); text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); font-size:1.2em; padding:50px 0px !important; }
.uk-cover-background  .uk-overlay-panel  > div { background-color:rgba(0,0,0,0.4); padding:20px; width:100%; min-height:10%; }
.uk-cover-background  .uk-overlay-panel h3 { font-size:1.7rem;  }
.uk-cover-background  .uk-overlay-panel:hover { background-color:rgba(0,0,0,0.4); }
.position article { margin-bottom:5px !important; }
.uk-button:hover, .uk-button:focus {   background-color: #fff;  color: #666666; }
.uk-button-primary:hover:before, .uk-button-primary:focus:before {   height: 0; color:#666; }
.uk-overlay-panel .uk-button:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):hover { color: #444; text-shadow:none; }
/* Galerie */
.tm-bottom-a figure.uk-overlay { border:1px solid #ccc; }
.full { padding:0; }

/*   visforms  */
form, fieldset { margin:0; }
.anfrage { padding:20px 30px;} 
.vis_mandatory { display:none; }
.visform fieldset > div { float:left; padding-right:15px; }
.anfrage h1 { float:left; margin:10px 0 10px 0; font-size:1.5rem; padding-right:30px;   }
.home .anfrage h1 > h3 { display:none;   }
.home .anfrage h1 { margin-top:22px;  }
.visform input { width:160px; }
#field28, #field29, #field30 { width:30px; }
.aptchacode { height:50px; }
.form-actions { margin:0; background:none !important; border:none; padding:24px 10px 0 0;}
.visCustomText { float:right; margin:0; padding-left:10px; }
.visform fieldset > div:nth-child(11) { lear:both;  }
.visform fieldset > div:last-child { padding-right:0; }
.visform .field1 input, .visform .field11 input, .visform .field18 input { width:75px !important; }		/* anreise */
.visform .field2 input, .visform .field12 input, .visform .field19 input, .visform .field22 input, .visform .field23 input, .visform .field24 input { width:45px !important; }
.visform .field3 input, .visform .field10 input, .visform .field17 input { width:45px !important; }		/* erwachsene */
.visform .field25 input, .visform .field26 input, .visform .field27 input { width:70px !important; } 	/* alter der kinder */
.visform  #field6, .visform  #field20, .visform  #field13 { width:90px !important; }
.visform .field28, .visform .field29, .visform .field30  { width:70%; }
.bemerkungen { width:500px; }

/* Cookies */
.home .jb h4{ font-size:13px; float:left !important; padding-left:20px; vertical-align:middle; padding-top:5px; }
.jb.cookie p { color: #555 !important; }
.jb.cookies .uk-button { box-shadow:none;  }
.jb.cookie div.cookie-bg { opacity:.9;  }
.jb.cookie  { padding:10px 10px; }
.jb.cookie  p { isplay:none; color:#555; width:90%; float:left; font-size:13px; }
.jb.cookie  h2 { display:none; }
.jb.accept { text-shadow:none; padding:3px 8px; margin:2px 20px; float:right !important; font-size:14px; min-height:10px; line-height:130%; position:absolute; bottom:5px; right:10px; }
.jb.accept { height:25px !important; line-height:25px !important; }
.jb.bottom.red .jb.cookie-bg.white, .jb.bottom.red .jb.cookie-bg.black { border-top: 1px solid #ccc; }

.uk-button { z-index:100; }
.map { width:100% !important; height:auto; }
input.uk-search-field { text-transform:none; width:200px; }

/*   safari  */
.ua-safari-5   .uk-flex { display: -webkit-box; -webkit-box-align:center; }

@media (min-width: 768px) {
	.tm-bottom { padding-top:140px; background:url(/National_Library/oe_/https://www.fohlenhof.it/templates/yoo_lykka/images/logo-bottom.png) no-repeat #ccc; 	color:#fff; background-position:center 20px; }
	.tm-bottom a  { color:#fff;  }
	.avPlayerWrapper { argin-left:-30px; width:100.2%; }
.tm-navbar-fixed .tm-navbar + #rahmen {  padding-top: 120px; }
}
@media (min-width: 100px) {
	.tm-navbar { text-align:center; }
	.tm-navbar .uk-flex { max-width:1300px; margin:auto; }

}
@media (max-width: 1380px) { 
	.tm-navbar > div { padding-left:45px; padding-right:45px; }
}
@media (max-width: 1310px) { 
	.preisblase {  right: 390px; top: -12px; }
}
@media (max-width: 1280px) { 
	#logo-suedtirol { display:none; }
}
@media (max-width: 1230px) { 
	.home-top h2 { font-size:1.7em; }
	.tm-navbar > div { padding-left: 30px; padding-right: 30px; }
	.uk-navbar-nav > li > a { font-size:.95rem; padding:0 10px; }
}
@media (max-width: 1215px) { 
	.preisblase {  right: 31%; top: -36px; }
}
@media (max-width: 1000px) { 
	.tm-nav-search { visibility:hidden; width:0px; }
}
@media (max-width: 920px) { 
	.home-top h2 { font-size:1.4em; }
	.uk-navbar-nav > li > a { font-size:.9rem; padding:0 10px; }
	.preisblase {  right: 31%; }
}
@media (max-width: 840px) {
	.uk-width-1-3, .uk-width-2-6 { width: 50%; }
}
@media (max-width: 767px) {
	.uk-navbar { background:#fff; }
	.uk-navbar-content  { height:auto; padding:0; }
	.uk-nav-header { font:16px "latoregular";   text-transform: uppercase; }
	.bemerkungen { width:300px; }
	.preisblase_innen { font-size: 20px; }
	.preisblase {  right: 9%; top: -80px;  }
}
@media (max-width: 640px) {

}
@media (max-width: 600px) {
	.tm-navbar > div { padding-left: 10px; padding-right: 10px; }
	.uk-width-1-3, .uk-width-2-6 { width: 100%; }
	.uk-article-title { font-size: 1.9em; }
	.neuigkeiten h1 { font-size:2.5em;  }
	.uk-container { padding:10px 0px; }
	#kontakt-sidebar {  top:80px; }
	main {  padding: 20px; }
	.preisblase {  right:5%;  }
}
@media (max-width: 480px) {
	.uk-article-title { font-size: 1.6em; }
	.neuigkeiten h1 { font-size:2em;  }
	.tm-navbar, .tm-navbar > div { height:80px; }
	#sprachen { top:0px; }
	main {  padding: 10px; }
	.uk-panel-box { padding: 10px; }
	.video { padding:0; }
	/* iphone */
	.ua-mobile-iphone .uk-flex { display:block; }
}