/*
 Theme Name:   YOOtheme MyTheme
 Template:     yootheme
 Author:       John Doe
 Description:  YOOtheme Child Theme
 Version:      1.0.0
 Text Domain:  yootheme-mytheme
*/

.tm-header .uk-sticky-fixed .uk-logo {
	scale: 1;
	transition: all .2s linear;
}

.tm-header .uk-sticky-fixed.uk-sticky-below .uk-logo {
	scale: 0.8;
}

#start-scroll a.el-content {
    z-index: 20;
    position: relative;
    transition: all .3s ease-in-out;
    width: 81.6px;
    
}

#start-scroll a.el-content:hover {
        width: 130px;
}
#start-scroll a.el-content .uk-icon {
    transition: all .3s ease-in-out;
}
#start-scroll a.el-content:hover .uk-icon{
        translate: 0px 5px;
}
#start-scroll .uk-button.uk-button-default {
    background-color: #f9f9f9 !important;
    padding: 20px;
        border: 1px solid transparent;
}

#start-scroll .uk-button.uk-button-default span svg {
    width: 40px;
    height: 40px;
}

#start-scroll:before {
position: absolute;
    content: '';
    bottom: initial;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom-right-radius: 110%;
    box-shadow: 28px 36px 0px 27px #f9f9f9;
    background-color: transparent;
    height: 24px;
    width: 31px;
    translate: -24px 13px;
}
#start-scroll:after {
    position: absolute;
    content: '';
    bottom: initial;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom-left-radius: 110%;
    box-shadow: -9px 16px 0px 8px #f9f9f9;
    background-color: transparent;
    height: 24px;
    width: 31px;
    translate: -7.7px 13px;
    z-index: 1;
}

#custom-totop .uk-child-width-expand:after {
    position: absolute;
    content: '';
    bottom: initial;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom-left-radius: 110%;
    box-shadow: -9px 16px 0px 8px #2b3944;
    background-color: transparent;
    height: 24px;
    width: 31px;
	translate: 50.3px 75px;
	transition: .1s ease-in-out;
}

#custom-totop .uk-child-width-expand:before {
	position: absolute;
    content: '';
    bottom: initial;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom-right-radius: 110%;
    box-shadow: 28px 36px 0px 27px #2b3944;
    background-color: transparent;
    height: 24px;
    width: 31px;
    translate: -40px 75px;
	transition: .1s ease-in-out;
}

#custom-totop .uk-child-width-expand {
	display: inline-flex;
    flex-direction: column;
	clip-path: border-box;
}
#custom-totop .uk-first-column {
	translate: 0 50%;
}

.uk-totop:hover {
    color: #d0a33e !important;
    background-color: #2b3944 !important;
    overflow: hidden;
    vertical-align: middle;
}

#marker-name .uk-marker {background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(4px); padding: 10px 19px 9px 9px; transition: all .3s; border-radius: 0px !important; }
#marker-name a:hover svg {border-bottom-right-radius: 12px;}

#marker-name a:hover:after {color: #666;}
#marker-name a svg {color: white; width: 25px; padding: 3px 3px; background: #9b7726; !important; margin-right: 9px; transition: all .3s; }
#marker-name a {display: flex; align-items: center;}


#marker-name .uk-card {box-shadow: 3px 3px 17px -5px rgba(0,0,0,0.56);}

.uk-card-default {border-bottom-right-radius: 23% 10%;}

.el-marker s{width: 35px; padding: 7px 7px; animation: pulse-animation 2s infinite; transition: all .3s;}

.table-wohnungen table th {width: 12% !important; padding: 10px 15px;font-size: 14px;
    color: #a3a3a3;
    font-weight: 200;
    text-transform: uppercase; }
    .table-wohnungen table {border-collapse: collapse;}
  .table-wohnungen table td {text-align: center; padding: 10px 15px; font-family: 'Playfair Display'; font-size: 1.5rem; }
.table-wohnungen table tr {width: 100vw !important; border-bottom: 1pt solid #e4e4e4; height: 93px;}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(234, 220, 201, 0.8);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(234, 220, 201, 0); 
  }

}

.page-id-2762 h1, .page-id-2762 h2, .page-id-2762 h3, .page-id-2762 h4, .page-id-2762 .uk-heading-large, .page-id-2762 .el-title  {
	font-family: Roboto !important;
}

.page-id-2762 .uk-section-primary {
	background: #DE000C;
}

.page-id-2762 .uk-tile-muted, .page-id-2762 .uk-section-muted {
	background: #E4E4E6;
}
.page-id-2762 .uk-dotnav>.uk-active>*, .page-id-2762 .uk-slidenav:hover {
	background-color: #DE000C !important;
}
.page-id-2762 .uk-button-default:hover {
	border-color: #DE000C !important;
	color: #DE000C !important;
}
.page-id-2762 .uk-text-primary {
	color: #DE000C !important;
}

header .uk-sticky #to-top{
	opacity: 0;
}

header .uk-sticky.uk-sticky-below #to-top{
	opacity: 1;
}

#to-top {
	position: absolute;
	top: 88vh;
    right: 0;
}
@media (max-width: 1560px) {.table-wohnungen table td {font-size: 18px;}}


@media (max-width: 1200px){
	
	.table-wohnungen table{width: 100%;}
	.table-wohnungen table td:nth-child(2){font-size: 1rem !important; color: #7c7c7c; margin-top: 20px;}
	.table-wohnungen table td:nth-child(4) {font-size: 1rem !important; color: #7c7c7c; }
	.table-wohnungen table td {font-size: 1.3rem; 
    text-transform: uppercase; font-family: Montserrat;}
	.table-wohnungen table td:last-child {margin-bottom: 50px !important; margin-top: 20px !important;}
	.table-wohnungen td {
	display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 3px !important;}
        
        .desktop-table {display: none !important;}
	
	.table-wohnungen tbody tr:nth-child(1){display: none;}

	.table-wohnungen table td.name-wohnung {text-transform: uppercase; font-weight: 600; font-size: 1.8rem; font-family: Playfair Display;
	}
}




/* responsive */
@media (min-width:640px) {



}
@media (min-width:960px) {
	
#marker-name a::after {
 content: attr(data-after);
    display: inline-block;
    font-size: 17px;
    text-transform: uppercase;
    color: #666;
    width: max-content;
    letter-spacing: 2px;
    font-weight: 700;
}

}
@media (min-width: 960px) {


}
@media (min-width:1200px) {
	.mobile-table {display: none;}
}
@media (min-width:1600px) {



}