/*
	Theme Name: König Immobilien Sylt
	Author URL: http://www.onoffice.com
*/

/*------------------------------------*\
    Fonts
\*------------------------------------*/

/**
 * @license
 * MyFonts Webfont Build ID 4014080, 2021-02-14T15:09:50-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Manus by JOEBOB graphics
 * URL: https://www.myfonts.com/fonts/joebob/manus/regular/
 * Copyright: © 2014 GEERT
 * 
 * 
 * 
 * © 2021 MyFonts Inc
*/


@font-face { font-family: 'Mada';
			 font-weight: 300;
             src: url('fonts/Mada-Light.ttf') format('truetype'); 
}

@font-face { font-family: 'Mada';
			 font-weight: 400;
             src: url('fonts/Mada-Regular.ttf') format('truetype'); 
}

@font-face { font-family: 'Mada';
			 font-weight: 500;
             src: url('fonts/Mada-Medium.ttf') format('truetype'); 
}

@font-face { font-family: 'Mada';
			 font-weight: 700;
             src: url('fonts/Mada-Black.ttf') format('truetype'); 
}

@font-face { font-family: 'NunitoSans';
			 font-weight: 400;
             src: url('fonts/NunitoSans-Regular.ttf') format('truetype'); 
}

@font-face { font-family: 'NunitoSans';
			 font-weight: 500;
             src: url('fonts/NunitoSans-SemiBold.ttf') format('truetype'); 
}

@font-face { font-family: 'NunitoSans';
			 font-weight: 700;
             src: url('fonts/NunitoSans-Bold.ttf') format('truetype'); 
}

@font-face { font-family: 'NunitoSans';
			 font-weight: 900;
             src: url('fonts/NunitoSans-Black.ttf') format('truetype'); 
}

/*------------------------------------*\
    Main
\*------------------------------------*/
.elementor-text-editor p, .elementor-widget-text-editor p {
    text-align: justify !important;
}

 .footer-wrapper {
        background-color: #8D794E;
    }
.footer-wrapper a {
	text-decoration: none !important;
}
    .footer-wrapper .row {
        padding-top: 40px;
        padding-bottom: 40px;
		border-bottom: 1px solid white;
    }
	.footer-wrapper .row:nth-of-type(3) {
		border-bottom: none;
	}

    .rechtliches {
        text-align: right;
    }
    .footer-text-big, .footer-text-small a, .footer-text-small, .footer-text-small a:hover{
        color: white;
    }

    .footer-text-big {
        font-size: 26px;
        font-family: "Nunito Sans", sans-serif;
		font-weight: 400;
    }
    .footer-text-small a { 
        font-family: "Mada", Sans-serif;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 1px;
    }
    .footer-first {
        font-weight: 400;
    }
    .rechtliches a{
        font-size: 12px;
        font-weight: 300;
        color: white;
        margin-left: 12px;
    }
.rechtliches a:hover {
	color: white;
}

	.icon-box img {
		width: 22px;
		height: 22px;
		margin-right: 15px;
	}
	.icon-list i {
		color: white;
	}
	.footer-wrapper .icon-box, .footer-text-big-wrapper {
		display: flex;
		
	}
	.footer-wrapper .icon-box {
		margin-bottom: 40px;
	}

	.footer-text-big-wrapper i {
	font-size: 25px;
		margin-right: 30px;
	}
.footer-text-big-wrapper img {
	width: 28px;
		height: 28px;
		margin-right: 15px;
}
	.footer-text-big-wrapper a {
		color: white !important;
		font-size: inherit;
	}
	.footer-text-big-wrapper {
		margin-bottom: 20px;
	}
	.footer-text-big-wrapper a:hover {
		color: white;
	}
.footer-wrapper .social-icon-wrap {
	margin-top: 20px;
}
	.footer-wrapper .social-icon-wrap img{
		height: 32px;
		width: 32px;
	}
	.footer-wrapper .social-icon-wrap .extra-height {
		height: 45px;
		width: 45px;
	}
.footer-wrapper .footer-first a, .footer-first{
	font-weight: 500 !important;
}






body {
	color: rgb(25,25,25);
	font-family: 'Mada', sans-serif;
}

h1, h2, h3 {
	position: relative;
	word-wrap: break-word;
}
h2, h3 {
	font-family: 'NunitoSans', sans-serif;
	text-transform: uppercase;

}

/*h1::before, h2::before, h3::before {
	position: absolute;
	content: '';
	background-image: url('img/fadenkreuz.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	left: 50%;
}*/

h1.elementor-heading-title {
	font-family: "Nunito Sans", Sans-serif;
    font-size: 40px;
	line-height: 45px;
    font-weight: 300;
	text-transform: uppercase;
}


h1.elementor-heading-title > div {
	font-size: 40px;
	line-height: 45px;
	font-family: "Manus", Sans-serif;
	text-transform: none;
} 

.elementor-text-editor h1 {
	margin-top: 30px;
}
.custom-manusfont {
	font-family: "Manus", Sans-serif;
	font-size: inherit;
	line-height: inherit;
	text-transform: none !important;
}

h6 {
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 3px;
}

/*h1::before {
	margin: 0 0 0 -25px;
	height: 50px;
	width: 50px;
	bottom: -75px;
}*/

h2 {
	font-size: 30px;
	line-height: 45px;
	color: #9A7942;
	font-weight: 100;
	
	
}
h4 {
    text-transform: none !important;
}

h1::before, h2::before, h3::before {
	margin: 0 0 0 -15px;
	height: 30px;
	width: 30px;
	top: -40px;
}

h3 {
	font-size: 30px;
}

/*h3::before  {
	margin: 0 0 0 -15px;
	height: 30px;
	width: 30px;
	top: -55px;
}*/

a {
	color: rgb(205,30,20);
}

/*be-on Relaunch Änderungen*/
.elementor-swiper-button {
	background: #9A7942;
    border-radius: 50%;
    padding: 10px;
}

a:hover {
	color: rgb(205,30,20);
}

a[href*="mailto"], a[href*="faxto"],a[href*="tel:"] {
	color: rgb(25,25,25);
	text-decoration: none!important;
}

a[href*="mailto"]:hover, a[href*="faxto"]:hover,a[href*="tel:"]:hover {
	color: rgb(25,25,25);
}

.clear {
	clear: both;
}

.center-align {
	align-items: center;
	align-items: flex-center;
}

.bottom-align {
	align-items: end;
	align-items: flex-end;
}

.grey-text {
	color: black;
}

.navigation a {
	color: inherit !important;
	text-decoration: none!important;
}

.red-before span,
.blue-before span,
.green-before span,
.gold-before a{
	position: relative;
	font-size: 15px;
	padding-left: 18px !important;
	color: #9A7942 !important;
	text-decoration: none !important;
}

.red-before span a,
.blue-before span a,
.green-before span a, .red-before, .red-before a, .elementor-cta__button, .page-numbers, .malinky-load-more a {
	color: inherit !important;
	text-decoration: none !important;
}
.ee-swiper .elementor-icon-list-item a, .elementor-posts-container .elementor-post__read-more, .elementor-post__title a, .elementor-toggle-title, .standort-text a{
	text-decoration: none!important;
}
.elementor-toggle-title {
	color:  #9A7942 !important;
}

.red-before span a:hover,
.blue-before span a:hover,
.green-before span a:hover {
	text-decoration: none;
}

.red-before span::before,
.blue-before span::before,
.green-before span::before,
.gold-before a::before{
	content: '';
	width: 12px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 9px;
}

.red-before span::before, .gold-before a::before{
	background-color: #9A7942;
}

.blue-before span::before {
	background-color: rgb(3,73,154);
}

.green-before span::before {
	background-color: rgb(0,129,50);
}

img.alignright {
	float: right;
	margin: 10px 0 10px 15px;
}

img.alignleft {
	float: left;
	margin: 10px 15px 10px 0;
}

img.alignnone, img.aligncenter {
	display: block;
	margin: 15px auto;
}

.rightalign {
	text-align: right;
}

.nopadding, section.content.nopadding {
	padding: 0;
}

.grey-bg {
	background-color: #efefef;
}

span.headline {
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

.noborder {
	border: none;
}

.inheritcolor {
	color: inherit;
}

.inheritcolor:hover {
	color: inherit;
}

.cicolor {
	color: rgb(205,30,20);
}

/*------------------------------------*\
    Header
\*------------------------------------*/

header {
	padding: 15px 10px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #ffffff;
}

.logo img {
	max-width: 100%;
	width: 250px;
}

.navigation nav ul {
	margin: 0;
	padding: 0;
}

.navigation nav ul li {
	display: inline-block;
}

.navigation nav ul ul li {
	display: block;
	text-align: left;
}

.navigation nav ul {
	text-align: center;
}

.navigation nav ul ul {
	display: none;
	background-color: rgba(229,234,236,0.9);
}

.navigation nav ul li {
	position: relative;
}

.navigation nav ul li a {
	color: inherit;
	padding: 5px 10px;
	font-size: 18px;
	text-transform: uppercase;
	border-right: 2px solid rgb(229,234,236); 
}

.navigation nav ul li:last-child a {
	border: none;
}

.navigation nav ul li a:hover {
	text-decoration: none;
}

.navigation nav ul li:hover > ul {
	display: block;
}

.navigation nav > ul > li > ul {
	border-top: 4px solid #fff;
}

.navigation nav ul li ul {
	position: absolute;
	top: 27px;
	left: 0;
	width: 300px;
	z-index: 999;
}

.navigation nav ul ul li a {
	color: inherit;
	padding: 10px;
	font-size: 18px;
	text-transform: uppercase;
	border: none;
	line-height: 35px;
}

.navigation nav ul ul li:hover > ul {
	display: block;
}

.navigation nav ul ul ul {
	left: 100%;
	top: 0;
}

.search {
	text-align: right;
}

.search a {
	color: rgb(25,25,25);
	margin: 0 0 0 3px;
	border: 2px solid rgba(125,125,125);
	text-align: center;
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
}

.mobile-nav-trigger {
	position: absolute;
	right: 15px;
	top: 28px;
/*	background-color: rgb(205,30,20);*/
	padding: 5px 15px;
	color: rgb(125,125,125);
	font-size: 40px;
	display: none;
	cursor: pointer;
}

.mobile-nav {
	position: fixed;
	top: 0;
	right: -302px;
	background-color: rgba(229,234,236,0.95);
	z-index: 999;
	height: 100%;
	overflow: auto;
	transition: all 0.3s;
	padding: 10px 20px;
	width: 75%;
	max-width: 300px;
}

.mobile-nav nav > ul {
	padding: 0;
	margin: 0;
}

.mobile-nav nav ul li {
	list-style: none;
}

.mobile-nav-closer {
	font-size: 45px;
	cursor: pointer;
}

.mobile-nav-closer img {
	width: 35px;
}

.mobile-nav .menu-item-has-children {
	position: relative;
}

.mobile-nav .menu-item-has-children .slidesubmenu {
	position: absolute;
	height: 40px;
	width: 30px;
	text-align: right;
	top: 5px;
	right: 0;
	cursor: pointer;
	font-size: 18px;
	color: rgb(205,30,20);
}

.mobile-nav .sub-menu {
	display: none;
}

.mobile-nav a {
	color: inherit;
	padding: 5px 0;
	display: block;
	font-size: 18px;
}

.mobile-nav a:hover {
	color: inherit;
	text-decoration: none;
}

.mobile-nav .current_page_item > a {
	color: rgb(205,30,20);
}

.mobile-nav nav > ul > li > a {
	text-transform: uppercase;
}

/*------------------------------------*\
    Content
\*------------------------------------*/

section.content, .news-details {
	padding: 145px 15px 100px 15px;
}

section.content {
	padding: 120px 0 100px 0;
}

.startseitenbuttons .elementor-column {
	width: 50%;
}

/*------------------------------------*\
    Suche
\*------------------------------------*/

.objectnumbersearch {
	position: relative;
	margin: 10px 0 0 0;
}

.furthersearch {
	text-align: center;
	display: none;
}

.objectnumbersearch input[type="text"] {
	max-width: 100%;
	width: 300px;
	border: 1px solid rgb(25, 25, 25);
	height: 35px;
	padding: 0 0 0 5px;
	font-weight: 500;
}

.objectnumbersearch button[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	border: none;
	width: 35px;
	border-left: 1px solid rgb(25, 25, 25);
	background: none;
	cursor: pointer;
	line-height: 35px;
	text-align: center;
	display: block;
}

.objectnumbersearch button[type="submit"] i {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
}

.onoffice-multiselect-popup input[type="checkbox"] {
	float: right;
	width: auto;
}

.onoffice-multiselect-edit, 
.multiselect {
	width: 100%;
}

.searchformfield input[name="kaltmiete__von"], 
.searchformfield input[name="kaufpreis__von"], 
.searchformfield input[name="grundstuecksflaeche__von"], 
.searchformfield input[name="wohnflaeche__von"], 
.searchformfield input[name="anzahl_zimmer__von"] {
	width: 49% !important;
	float: left;
	margin: 0 1% 0 0;
}

.searchformfield input[name="kaltmiete__bis"], 
.searchformfield input[name="kaufpreis__bis"], 
.searchformfield input[name="grundstuecksflaeche__bis"], 
.searchformfield input[name="wohnflaeche__bis"], 
.searchformfield input[name="anzahl_zimmer__bis"] {
	width: 49% !important;
	float: left;
	margin: 0 0 0 1%;
}
/*
.searchformfield.ind_1994_Feld_ObjTech113 > label::after {
    content: "(Entweder/Oder)";
    width: 100%;
    height: 20px;
    display: block;
	font-size: 12px;
}
.searchformfield.ind_1994_Feld_ObjTech113  label[for=cb6]::before
{
    content: "Oder";
    width: 100%;
    height: 20px;
    display: block;
	font-size: 12px;
}
*/

.data-checkbox input {
	width: auto;
	margin: 0px 5px 0 0;
}

.listenrahmen form {
	margin: 0 0 35px 0;
}

.slideshow-immo .listobject {
	padding: 15px;
	margin: 0;
}

/*------------------------------------*\
    Top Objekt
\*------------------------------------*/


.fancyobject .textbox {
	padding: 0 50px 75px 50px;
}

.fancyobject .picturelist {
	display: none;
}

.fancyobject .bigphoto {
	min-height: 250px;
}

.fancyobject .bigphoto, .fancyobject .smallone .imagewrap {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.fancyobject .smallpictures {
	margin-top: -50px;
}

.fancyobject .smallone {
	margin-bottom: 15px;
}

.fancyobject .smallone .imagewrap {
	height: 150px;
	box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.2);
}

.listobject-top {
	margin: 0 0 35px 0;
}

.listobejct-top_image-wrap {
	margin: 0 0 35px 0;
	position: relative;
}

.listobejct-top_image {
	height: 200px;
	width: 100%;
	display: block;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.onoffice.favorize {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 45px;
	position: absolute;
	right: 15px;
	bottom: -20px;
	background-color: #efefef;
	color: #909090;
	border: none;
	cursor: pointer;
}

.onoffice.favorize i {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
}

.titelspan {
	font-family: 'NunitoSans', sans-serif;
	display: block;
	text-align: center;
	color: #9A7942;
	font-weight: 500;
	font-size: 18px;
	margin: 0 0 5px 0;
	min-height: 60px;
	text-transform: uppercase;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.infospan {
	display: block;
	text-align: center;
	font-size: 14px;
}
.angebote-slider .infospan {
	min-height: 45px;
}
.infospan span {
	border-right: 1px solid rgb(158,158,158);
	padding: 0 3px;
	white-space: nowrap;
}

.infospan span:last-child {
	border: none;
}

.details-link {
	display: block;
	margin: 10px 0 0 0;
	text-align: center;
	color: inherit;
}

.details-link:hover {
	text-decoration: none;
	color: inherit;
}

/*------------------------------------*\
    Listenobjekt
\*------------------------------------*/
.desktopsearch > .container {
    padding: 0;
}
.referenzdarstellung .onoffice.favorize {
	display: none;
}

.listenansicht .listobject-kachel {
	display: none;
}
.slideshow-immo  .infoblock  {
	background-color: white;
	padding-top: 35px;
	padding-bottom: 35px;

}
.kachelansicht .infoblock {
	padding-top: 35px;
}

.kachelansicht .listobject-liste {
	display: none;
}

.listobject-kachel {
	margin: 0 0 35px 0;
}

.listenrahmen.kachelansicht.container {
    margin: 0;
}

.col-md-12.noobject {
	padding: 50px 0;
	text-align: justify;
}

.listobejct-kachel_image-wrap {
	margin: 0 0 0 0;
	position: relative;
	height: 200px;
	background-color: #bcbcbc;
}

.listobejct-kachel_image {
	height: 220px;
	width: 100%;
	display: block;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.slideshow-immo .listobejct-kachel_image {
	height: 200px;
}

.neubau-slider, .angebote-slider {
	max-width: calc(100% - 50px);
	margin: auto !important;
}

.onoffice.favorize {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 45px;
	position: absolute;
	right: 15px;
	bottom: -20px;
	background-color: #efefef;
	color: #909090;
	border: none;
	cursor: pointer;
}





.details-link {
	display: block;
	margin: 10px 0 0 0;
	text-align: center;
	color: inherit;
}

.details-link:hover {
	text-decoration: none;
	color: inherit;
}

.listobject-liste {
	margin: 0 0 100px 0;
}

.listenbild {
	position: relative;
}

.listobejct-liste_image {
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 200px;
	width: 90%;
	display: block;
	top: 40px;
	position: absolute;
	z-index: 2;
}

.listeninfo {
	z-index: 2;
	padding-top: 15px;
	padding-bottom: 15px;
}

.overlayliste {
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
	height: 100%;
	background: #efefef;
	z-index: 1;
}

.listeninfo {
	text-align: center;
}

.listentitel {
	font-weight: 500;
	color: rgb(205,30,20);
	font-size: 20px;
}

.listentabelle {
	margin: 15px 0 0 0;
	color: rgb(140,140,140);
}

.listentabelle ul {
	text-align: center;
	padding: 0;
	margin: 0;
}

.listentabelle ul li {
	display: inline-block;
	margin: 0 10px;
}

.listentabelle ul li span {
	display: block;
}

.listentabelle ul li span.icon {
	font-size: 40px;
}

.changelook {
	margin: 0 0 25px 0;
	color: rgb(140,140,140);
	font-size: 18px;
}

.lookbutton {
	margin: 0 10px 0 0;
	cursor: pointer;
}

.lookbutton.active i {
	color: rgb(205,30,20);
}

.onoffice.favorize.listenfavorit {
	bottom: -80px;
    z-index: 888;
    right: 30px;
}

.pagination {
	display: none;
}

/*------------------------------------*\
    Details
\*------------------------------------*/

.object-title, .object-subline {
	text-align: center;
}
.object-gallery .main-gallery {
    max-width: 1000px;
    margin: auto;
}
.object-title h1 {
	font-family: "Nunito Sans", sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}

.object-title {
	margin: 40px 0 25px 0;
}

.main-gallery div div {
	display: block;
	height: 600px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
}

@media only screen and (min-width: 750px) {
	.main-gallery .slick-slide > div {
		background-color: #f6f6f6 !important;
	}

}
.main-gallery .slick-slide {
	margin-right: 25px;
    margin-left: 25px;
}
.main-gallery .slick-slide:not(.slick-current):after {
	background-color: #f6f6f6 !important;
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 500 !important;
    opacity: 1 !important;
}

.slick-arrow {
	position: absolute;
	top: 50%;
	color: white;
	/*border: 1px solid rgb(64,64,64);*/
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 29px;
	border-radius: 30px;
	z-index: 88;
	cursor: pointer;
	background: #9A7942;
    border-radius: 50%;
    padding: 20px;
}
.slick-arrow::before {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.main-gallery .slick-track img {
	height: 600px;
	object-fit: cover;
	position: relative;
	width: 100%;
}



.slick-arrow.fa-chevron-left {
	left: 15px;
	
}

.slick-arrow.fa-chevron-right {
	right: 15px;
	
}

.object-subline {
	margin: 25px 0 25px 0;
}

.object-subline h2 {
	font-size: 15px;
	line-height: 25px;
	color: black;
	font-weight: normal;
}

.object-subline span {
	border-right: 1px solid;
	padding: 0 5px 0 2px;
}
.details span.wohnflaeche {
	text-transform: none;
}

.object-subline span:last-child {
	border: none;
}

.details-table {
	margin: 25px 0 25px 0;
	color: #9A7942;
}

.details-table ul {
	text-align: center;
	padding: 0;
	margin: 0;
}

.details-table ul li {
	display: inline-block;
	margin: 0 10px;
}

.details-table ul li span {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
}

.page-id-245 h4, .page-id-245 h2 {
    max-width: 1140px;
    margin: auto;
}
.beon-detail.details {
    margin-top: 130px;
}


.details-table img {
	width: 60px;
}

.anfrage {
	padding: 50px;
	border: 5px solid #efefef;
	text-align: center;
	margin: 50px 0;
}

/* Button Ojektdetailseite*/
.gold-button-wrapper {
	margin-top: 25px;
}
.gold-button {
	text-align: center;
	margin: 40px 0px;
	background-color: transparent;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #907947;
    border-radius: 0px 0px 0px 0px;
	width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
}
.gold-button i {
	color: #907947;
	font-size: 25px;
    margin-right: 15px;
}
.gold-button a{
	font-family: "Manus", Sans-serif;
    font-size: 25px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    fill: #907947;
    color: #907947;
	padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
	line-height: 30px;
	text-decoration: none;
	display: flex;
	align-items: center;
}
.gold-button a:hover{ 
	text-decoration: none;
}
.gold-button a span {
	text-decoration: underline;
}
.gold-button a:hover {
	color: #907947;
}

	.gold-button-wrapper.mobil-hide {
		display: none;
	}
@media only screen and (max-width: 767px) {
	.gold-button-wrapper h3 {
		text-align: center;
	}
	.gold-button-wrapper .gold-button {
		margin: auto;
	}
	.gold-button-wrapper {
    margin-bottom: 40px;
}
	.gold-button-wrapper.mobil-hide {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
/* Button Ojektdetailseite*/


.mobile-text-trigger {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -36px;
	z-index: 10;
	padding: 10px;
	background-color: #fff;
	cursor: pointer;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	display: none;
}

.details-freitexte {
	text-align: left;
}

.freitext {
	margin: 55px 25px;
	color: black;
	transition: all 0.3s;
}

.freitext strong {
	text-transform: uppercase;
	color: black;
	font-size: 18px;
	margin-bottom: 20px;
}

.details-asp {
	margin: 50px 0 100px 0;
	padding: 10px;
	color: rgb(64,64,64);
}

.asp-info {
	z-index: 99;
}

.asp-info ul {
	padding: 0;
	margin: 0;
}

.asp-info ul li {
	list-style: none;
}

.asp-info strong {
	display: block;
}

.overlayasp {
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
	height: 100%;
	background: #efefef;
	z-index: 1;
}

.asptitel {
	font-weight: 500;
	color: rgb(205,30,20);
	font-size: 20px;
	text-transform: uppercase;
}
.details-asp .asp-info li:first-child {
    margin-top: 10px;
    margin-bottom: -20px;
}
.details-asp .asp-info li > a{
    font-weight: normal;
}

.leaflet-top, .leaflet-bottom {
	z-index: 480;
}

.asp-image {
	margin: 0 0 25px 0;
	position: relative;
}

.asp-image-bild {
	height: 300px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 0 25px 0;
}

.mobile-asp {
	display: none;
}

.callbutton {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    right: 15px;
    bottom: -20px;
    background-color: #efefef;
    color: #909090;
    border: none;
    cursor: pointer;
}

.desktop-asp .listenbild {
	min-height: 160px;
}

.desktop-asp .callbutton {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 45px;
	position: absolute;
	right: 30px;
	bottom: -100px;
	background-color: #efefef;
	color: #909090;
	border: none;
	cursor: pointer;
	z-index: 999;
}

/*------------------------------------*\
    News
\*------------------------------------*/

.news {
	text-align: center;
}

.shadow-wrap {
	box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.2);
}

.news-slider .news {
	padding: 15px;
}

.news .view-article {
	display: none;
}

.newslist .news {
	margin: 0 0 25px 0;
}

.news-imagelink {
	display: block;
	background-color: #fff;
}

.news-image {
	height: 225px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.news-text {
	background-color: #fff;
	padding: 17px;
}

.news-headline {
	font-size: 20px;
	font-weight: 600;
	line-height: 100%;
	text-transform: uppercase;
	display: block;
	margin: 15px 0;
	min-height: 60px;
	font-family: 'NunitoSans', sans-serif;
	font-size: 0.9rem;
}

.newsteaser {
	min-height: 115px;
}

.read_more {
	display: block;
	margin: 10px 0;
	color: inherit;
}

.read_more:hover {
	text-decoration: none;
	color: inherit;
}

.news-details {
	text-align: center;
}

.news_details_image {
	margin: 0 0 15px 0;
}

.news_details_image img {
	display: block;
	margin: auto;
	width: 450px;
	max-width: 100%;
}

.news-details span.date {
	display: block;
}

.news-details h1 {
	font-size: 35px;
	margin-top: 30px !important;
	margin-bottom: 25px !important;
}

.news-details h1::before {
	display: none;
}

@media only screen and (min-width: 1025px) {

	.slick-arrow.fa-chevron-right {
		right: -30px;
	}

	.slick-arrow.fa-chevron-left {
		left: -30px;
	}

	.slideshow-immo .slick-arrow.fa-chevron-right {
		right: -40px;
	}

	.slideshow-immo .slick-arrow.fa-chevron-left {
		left: -40px;
	}

}

/*------------------------------------*\
    Formulare
\*------------------------------------*/

form#onoffice-form {
	width: 650px;
	max-width: 100%;
	display: block;
	margin: 25px auto 25px auto;
	padding: 15px;
}
#onoffice-form .data-checkbox a{
	font-size: inherit;
}

.formfield {
	margin: 0 0 10px 0;
}

.formfield label {
	display: block;
	margin-bottom: .1rem;

	text-transform: uppercase;
	letter-spacing: 0.3px;

}

.formfield input:not([type="checkbox"]), .formfield input + span, .formfield textarea, .formfield select {
	text-transform: none;
	letter-spacing: 0.3px;
	font-size: 14px;
}
.formfield input::placeholder, .formfield textarea::placeholder {
	text-transform: uppercase;
}


.formfield input:not([type="checkbox"]), .formfield textarea, .formfield select {
	width: 100%;
	border: 1px solid #ddd;
	padding: 9px 14px;
}
.desktopsearch .formfield input:not([type="checkbox"]), .desktopsearch .formfield select {
	color: #000000;
}
.formfield.newsletter span {
	color: #777;
}



/*.formfield input:focus, .formfield textarea:focus, .formfield select:focus {
	border: 1px solid rgb(205,30,20);
}
*/
.formfield input[type="checkbox"] {
	width: auto;
	margin: 0 5px 0 0;
}

/*.formfield select {
	height: 30px;
}*/
.submit_button {
    padding: 12px;
    cursor: pointer;
    background: #fff;
    color: #777;
    border: 2px solid #ccc;
    border-style: 1px solid;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
}
.formfield input[type="submit"],  {
	padding: 12px;
	cursor: pointer;
	background: #fff;

	color: #777;
	border: 2px solid #ccc;

	border-style: 1px solid;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
}

.formfield.newsletter {
	padding-top: 8px;
}

form#onoffice-form .formfeedback, .gform_confirmation_wrapper p {
    font-family: "Mada", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
	text-align: center;
	color: rgb(205,30,20);
}
form#onoffice-form .formfeedback p, .gform_confirmation_wrapper p {
	text-align: center;
	color: rgb(205,30,20);
	margin-top: 50px;
    margin-bottom: 100px;
}

form#onoffice-form .formfeedback p {
	font-size: 10pt;
	margin: auto;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D5D5D5;
    box-shadow: 12px 11px 20px -17px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 100px;
}

/*------------------------------------*\
    Anfrage
\*------------------------------------*/

/*------------------------------------*\
    Interessentenformular
\*------------------------------------*/

/*------------------------------------*\
    Footer
\*------------------------------------*/

.koenig-links {
	padding: 20px 0;
	text-align: center;
}

.koenig-links img {
	display: block;
	margin: auto;
	width: auto;
	margin: 0 auto 0px auto;
	max-width: 100%;
	height: 60px;
	object-fit: contain;
}
.koenig-links .col-md-3  {
	display: flex;
	align-items: center;
}

.footer {
	padding: 5px 0;
	background-color: rgb(64,64,64);
	color: #fff;
	text-transform: uppercase;
	font-size: 13px
}

.footer-navi {
	text-align: left;
	display: inline-block;
}

.footer-navi ul {
	padding: 0;
	margin: 0 0 0 5px;
}

.footer-navi ul li {
	display: inline-block;
}

.footer-navi ul li a {
	color: #fff;
	padding: 0 5px;
	border-left: 2px solid #fff;
}

.footer-navi ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.mobilefooter {
	text-align: center;
	line-height: 25px;
	font-weight: 300;
	font-size: 18px;
	display: none;
}

.mobilefooter ul {
	padding: 0;
	margin: 0;
}

.mobilefooter ul li {
	list-style: none;
	display: inline-block;
	border-right: 1px solid; 
	padding: 0 6px 0 0;
	line-height: 12px;
}

.mobilefooter ul li:last-child {
	border: none;
}

.mobilefooter ul li a {
	color: inherit;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
}

.mobilefooter ul li a:hover {
	color: inherit;
	text-decoration: none;
}

.mobilefooter img {
	display: block;
	margin: auto;
	padding: 10px 0;
	width: 100px;
}

.cookieoverlay {
	padding: 10px;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	max-width: 100%;
	background-color: #efefef;
	color: #1d1d1b;
	z-index: 999;
}

.cookietext {
	width: 90%;
	float: left;
}

.cookiebutton {
	float: right;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	background-color: rgb(205,30,20);
	border-radius: 5px;
	padding: 5px 10px;
	margin: 10px 0 0 0;
	cursor: pointer;
}

.malinky-load-more {
	display: block;
	width: 100%;
	margin: 0px 0 75px 0;
}

.malinky-load-more a {
	color: rgb(25,25,25);
	font-weight: 400;
	font-size: 22px;
	/*border: 3px solid rgba(125,125,125);*/
	display: block;
	width: 275px;
	padding: 5px 0 30px 0;
	margin: auto;
	position: relative;
}

.malinky-load-more a:hover {
	text-decoration: none;
}
a#malinky-ajax-pagination-button::before {
    background-color: #9A7942;
    content: '';
    width: 12px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
}

.malinky-load-more a#malinky-ajax-pagination-button {
    padding: 5px 0px 5px 15px !important;
    color: #9A7942 !important;
    width: auto !important;
    display: inline-block !important;
}
.malinky-load-more a:after {
 	font-family:Font Awesome\ 5 Free;
	content: "\f078";
	position: absolute;
	color: rgb(205,30,20);
	display: block;
	margin: auto;
	text-align: center;
	width: 100%;
}


#beon-spinner {
	background-color: rgba(255, 255, 255, .70);
	bottom: 0;
	right: 0;
	z-index: 999999;
	width: auto !important;
	height: auto !important;
	top: 0 !important;
	left: 0 !important;
	position: fixed !important;
	display: none;
}

#beon-spinner:after {
	background-image: url(/immobilien/wp-content/uploads/2019/08/KOE_Immobilien_Logo_hoch_RGB.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	border-radius: 0%;
	content: "";
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -20;
	transform: translate(-50%, -50%);
	margin-top: -40px;
}

#beon-spinner .beon-spinner-content {
	border-top: 10px solid rgb(255, 255, 255);
	border-right: 10px solid #ffffff;
	border-bottom: 10px solid rgb(255, 255, 255);
	font-size: 10px;
	margin: -100px auto 0;
	text-indent: -9999em;
	border-left: 10px solid rgb(205,30,20);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: beonrotate 1.2s infinite linear;
	animation: beonrotate 1.2s infinite linear;
	top: 50% !Important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	position: absolute;
	box-sizing: border-box;
}

@keyframes beonrotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/*------------------------------------*\
    Responsive
\*------------------------------------*/

@media only screen and (max-width: 1375px) {
	.navigation {
		display: none;
	}
	.logo, .search {
		width: 50%;
		flex: 50%;
		max-width: 50%;
	}
	.header-links {
		margin: 30px 0 0 0;
	}
	.objectnumbersearch {
		margin-right: 70px; 
	}
	.mobile-nav-trigger {
		display: block;
	}
	.header-links.onlydesktop {
		display: none;
	}
	.header-links.onlymobile {
		display: block;
	}
	.header-links.onlymobile a {
		color: rgb(25,25,25);
		margin: 0 0 10px 3px;
		border: 2px solid rgba(125,125,125);
		text-align: center;
		display: block;
		height: 30px;
		width: 30px;
		line-height: 30px;
		padding: inherit;
	}
}

@media only screen and (max-width: 1200px) {
	.mobilefooter {
		display: block;
	}
	.desktopfooter {
		display: none;
	}
}

@media only screen and (max-width: 1000px) {
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 25px;
	}
}

@media only screen and (max-width: 991px) {
	.listenrahmen .listobject-liste, .changelook {
		display: none;
	}
	.listenrahmen .listobject-kachel {
		display: block;
	}
	.main-gallery div div, .main-gallery .slick-track img {
		height: 330px;
	}
	.footer-text-big-wrapper a {
		font-size: 18px;
	}
	.footer-wrapper .row {
		padding-bottom: 10px;
	}
	
}

@media only screen and (max-width: 767px) {
	.koenig-links {
		display: none;
	}
	.main-gallery div div {
		height: 330px;
	}
	.main-gallery .slick-slide {
		margin-left: 5px;
		margin-right: 5px;
	}
	.desktop-asp {
		display: none;
	}
	.mobile-asp {
		display: block;
	}
	.page-id-245 h4, .page-id-245 h2, .page-id-245 .listenrahmen.kachelansicht.container, .beon-detail .container, .page-id-245 p > a {
		padding-left: 20px;
		padding-right: 20px;
	}
	.details-asp {
		margin: 20px 0 20px 0;
		padding: 10px;
		color: rgb(64,64,64);
	}
	.asptitel {
		margin: 0 0 15px 0;
	}
	.furthersearch {
		display: block;
	}
	.immobiliensuche .searchformfield.kaufpreis, .immobiliensuche .searchformfield.wohnflaeche, .immobiliensuche .searchformfield.anzahl_zimmer {
		display: none;
	}
	.main-gallery .slick-slide {
		margin-right: 0px;
    	margin-left: 0px;
}
	form#onoffice-form .formfeedback p  {
	padding: 50px;
}
}

@media only screen and (max-width: 675px) {
	.objectnumbersearch {
		display: none;
	}
	.mobile-nav .objectnumbersearch {
		display: block;
		width: 100%;
		margin-bottom: 25px;
	}
	.mobile-nav-trigger {
		top: 10px;
	}
	header {
		border-bottom: 1px solid rgb(125,125,125);
	}
}

@media only screen and (max-width: 675px) and (orientation: landscape) {
	header {
		position: absolute;
	}
}

@media only screen and (max-width: 575px) {
	.main-gallery .slick-track img, .main-gallery div div {

		/*height: auto;*/
		height: 270px;
	}
	.slick-arrow.fa-chevron-right {
		right: 10px;
	}
	.slick-arrow.fa-chevron-left {
		left: 10px;
	}
	.slick-arrow {
		background-color: #ffffff;
		opacity: 0.7;
	}



	.infoblock .titelspan {
		font-weight: 700;
		font-size: 0.8rem;
	}
	


}

@media only screen and (max-width: 515px) {
	.logo, .search {
		width: 100%;
		flex: 100%;
		max-width: 100%;
	}
	.logo {
		margin: 0 0 15px 0;
	}
	.logo img {
		width: 200px;
		display: block;
	}
	.search {
		text-align: left;
	}
	.header-links {
		margin: 0;
	}
	.mobile-nav-trigger {
		height: 85px;
		line-height: 85px;
	}
	h1 {
		font-size: 20px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	h1::before {
		margin: 0 0 0 -12.5px;
		height: 25px;
		width: 25px;
		bottom: -65px;
	}
	h2::before, h3::before {
		margin: 0 0 0 -12.5px;
		height: 25px;
		width: 25px;
		bottom: -50px;
	}
	p, .details-freitexte .freitext {
		text-align: justify;
	}
	.news p {
		text-align: center;
	}
	.details-freitexte .freitext {
		height: 190px;
		overflow: hidden;
		position: relative;
		margin-bottom: 70px;
	}
	.details-freitexte .freitext strong {
		text-align: center;
		display: block;
	}
	.mobile-text-trigger {
		display: block;
	}
	section.content {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (max-width: 450px) {
	img.alignright, img.alignleft {
		float: none;
		display: block;
		margin: 15px auto;
	}
	.details-table ul li {
		width: 50%;
		text-align: center;
		margin: 0;
		padding: 5px;
		float: left;
	}
}

.accordeonedit p {
	float: left;
}

.addfloatright {
	float: right !important;
	margin: 0 0 0 100px !important;
}

@media only screen and (max-width: 767px) {
	.addfloatright {
		margin: 0 !important;
		display: block;
		float: none !important;
	}
	.accordeonedit p {
		float: none;
	}
}

.coolbox h3, form h3 {
	margin-bottom: 25px !important;
}

@keyframes crossrotate {
  0%   { transform:rotate(0deg); }
  100% { transform:rotate(180deg); }
}

.rotatecross {
	  animation: crossrotate 1s ease-in; 
}

.fadenkreuz-trenner {
	width: 30px;
}

.label_status {
    background: rgb(205,30,20);
    color: #fff;
    width: max-content;
    position: absolute;
    right: 0;
    top: 25px;	
    padding: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-transform: uppercase;
}

.standortwrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.standort-text {
	width: 33.33%;
}

.standort-bild {
	width: 66.66%;
}

@media only screen and (max-width: 767px) {
	.standort-text, .standort-bild {
		width: 100%;
	}
}

.searchformfield.ind_1930_Feld_ObjTech102 > label, .searchformfield.ind_1658_Feld_ObjTech89 > label, .searchformfield.ind_1988_Feld_ObjTech113 > label {
	color: rgb(205,30,20);
}



.object-gallery[class*="status-"] div[data-slick-index="0"]:after{ 
    position: absolute;
    background: rgb(205,30,20);
    color: #fff;
    min-width: 120px;
	width: max-content;
    top: 25px;
    padding: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	text-transform: uppercase;
	text-align: left;
	float: right;
	right: 0px;
}

.object-gallery.status-neu div[data-slick-index="0"]:after {
    content: "Neu";
   
}
.object-gallery.status-preisreduktion div[data-slick-index="0"]:after {
    content: "Preisreduktion";
   
}
.object-gallery.status-preisanpassung div[data-slick-index="0"]:after {
    content: "Preisanpassung";
   
}

.object-gallery.status-top.angebot div[data-slick-index="0"]:after {
    content: "Top Angebot";

}

.object-gallery.status-reserviert div[data-slick-index="0"]:after {
    content: "Reserviert";

}
.object-gallery.status-exklusiv div[data-slick-index="0"]:after {
    content: "Exklusiv";

}
.object-gallery.status-reduziert div[data-slick-index="0"]:after {
    content: "Reduziert";

}
#alleobjekte #wrap-immo {
    width: -webkit-fill-available;
}
.object-gallery.status-referenz div[data-slick-index="0"] div:after {
    content: "Verkauft";

}
/*Referenz-Banner zu Verkauft*/
.status-referenz div[data-slick-index="0"]:after {
    content: "Verkauft";
}
.object-gallery.status-courtagefrei div[data-slick-index="0"] div:after {
    content: "Courtagefrei";

}
.object-gallery.status-objekt.des.tages div[data-slick-index="0"] div:after {
    content: "Objekt des Tages";

}
.object-gallery.status-tour div[data-slick-index="0"]:after {
    content: '  ';
    background-image: url(https://www.koenig-sylt.de/immobilien/wp-content/uploads/2020/07/360Grad_Rundgang_Icon_König.png);
    background-size: 40px 25px;
    display: inline-block;
    background-repeat: no-repeat;
	background-position: 12px;
	height: 34px;
}