/* Write your custom css code here */
@import '/media/jui/css/icomoon.css';

/* orange: #548C2E; */
/*@import url("https://fonts.googleapis.com/css?family=Euphoria+Script|Cabin condensed" );*/

/* cabin-condensed-regular - latin */
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fontslocal/cabin-condensed-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cabin Condensed'), local('CabinCondensed-Regular'),
       url('../fontslocal/cabin-condensed-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontslocal/cabin-condensed-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontslocal/cabin-condensed-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fontslocal/cabin-condensed-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontslocal/cabin-condensed-v13-latin-regular.svg#CabinCondensed') format('svg'); /* Legacy iOS */
}

/* euphoria-script-regular - latin */
@font-face {
  font-family: 'Euphoria Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fontslocal/euphoria-script-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Euphoria Script'), local('EuphoriaScript-Regular'),
       url('../fontslocal/euphoria-script-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontslocal/euphoria-script-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontslocal/euphoria-script-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fontslocal/euphoria-script-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontslocal/euphoria-script-v9-latin-regular.svg#EuphoriaScript') format('svg'); /* Legacy iOS */
}



body {
	color: #474747;
	font-size: 14px;
	line-height: 1.4;
	font-family: Verdana, Geneva, sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Euphoria Script';
  line-height: 1.4;
  color: #548c2e;
  letter-spacing: 0px;
}
#menu_item_hauptmenu ul.navbar-nav > li > a, #menu_item_hauptmenu ul.navbar-nav > li > span.nav-header {
  font-size: 17px;
  color: #548c2e;
  text-transform: uppercase;
  font-family: 'Cabin Condensed';
}
#menu_item_unsere-ferienwohnungen ul.navbar-nav > li > a, #menu_item_unsere-ferienwohnungen ul.navbar-nav > li > span.nav-header {
  font-size: 18px;
  color: #548c2e;
    font-family: 'Cabin Condensed';}

a { color: #548C2E ;	}
a:hover, a:focus {  color:#548C2E ;	}
.jsn-bootstrap3 a {
    color: #548C2E !important;
}
.jsn-bootstrap3.jsn-pagebuilder .btn-warning, .jsn-bootstrap3.jsn-pagebuilder.buttonorange .btn-default {
    color: #ffffff !important;    
}

h2, .jsn-bootstrap3 h2 {color: #548C2E  !important; }
h4, .jsn-bootstrap3 h4, .jsn-bootstrap3 .h4 {font-size: 22px !important;}
.sunfw-homepage h4,.sunfw-homepage .jsn-bootstrap3 h4{font-weight:normal;}

.sunfw-homepage h2,.sunfw-homepagee .jsn-bootstrap3 h2{font-weight:bold;}
.sunfw-homepage h3,.sunfw-homepage .jsn-bootstrap3 h3{font-weight:normal;}
.sunfw-homepage .custombox-3er .jsn-bootstrap3 h2 {font-weight: bold;}

.unterseite h1, .jsn-bootstrap3 .unterseite h1 {color: #548C2E !important; font-weight:bold !important; }
.unterseite h2,.unterseite .jsn-bootstrap3 h2{font-family: 'Cabin Condensed'; font-size: 25px; font-weight:normal;}
.unterseite .kontaktunten h2, .unterseite .kontaktunten .jsn-bootstrap3 h2 { font-family: 'Euphoria Script'; }
.unterseite h3,.unterseite .jsn-bootstrap3 h3{font-family: 'Cabin Condensed'; font-size: 20px; font-weight:normal;}
.unterseite h4,.unterseite .jsn-bootstrap3 h4{font-family: 'Cabin Condensed'; font-size: 18px; font-weight:normal;}
.customkontaktunten .jsn-bootstrap3 h2 {font-weight: bold;}
.customkontaktunten .jsn-bootstrap3 h2, .customkontaktunten h2 {color: #548C2E  !important; font-size: 1.8em;  }
.kontaktunten h3, .unterseite .kontaktunten h3 {
font-size: 22px !important;font-family: Impact, Charcoal, sans-serif;
    color: #548C2E!important;text-transform: uppercase;letter-spacing:0.1em;}  
.starttext1 h1 {font-size:38px!important; font-family: 'Euphoria Script', cursive;color: #548C2E !important; font-weight: bold !important;	
}
.starttext1 h2 {font-size: 22px !important;
	font-family: Impact, Charcoal, sans-serif;
	color: #B4B4B4 !important;
	text-transform: uppercase; letter-spacing:0.1em;
}
.starttext2 h2 {font-size:35px!important; font-family: 'Euphoria Script', cursive;color: #548C2E !important; font-weight: bold !important;
}
.starttext2 h3 {
	font-size: 22px !important;	font-family: Impact, Charcoal, sans-serif;
	color: #B4B4B4 !important;	text-transform: uppercase;letter-spacing:0.1em;
}
.unterseite .articleBody h3 {color: #548C2E; font-size:24px; margin-top: 40px; margin-bottom: 35px;  }



.jsn-bootstrap3.jsn-pagebuilder.buttonrund .btn-default {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: 1px solid rgba(83,83,83,1);
}
.jsn-bootstrap3.jsn-pagebuilder.buttonrund  .btn-default [class^="fa-"]:not(.custombox-3er){
	margin-right: 0px;	font-size: 36px;}
.jsn-bootstrap3.jsn-pagebuilder.buttonrund .btn-default {
        border: 1px solid #548C2E;}	
.kontaktunten {	padding: 15px;}
#sunfw_section_unten {background-color:rgba(211,211,211,1);}
.custombox-3er {margin-top: 25px;}
.custombox-3er .col-md-4  {
	border: thin solid #548C2E;
	height: 250px;}
.custombox-3er .jsn-bootstrap3 a [class^="fa-"], .custombox-3er a[class*=" fa-"]
{padding-right: 0; margin-right: 0;}


.karte {margin-top: 30px;}

.topmenu .navbar-default .navbar-nav > li > a
 {color: #ffffff !important;}

.topmenu .navbar-default .navbar-nav > .active > a,
.topmenu  .navbar-default .navbar-nav > .active > a:hover,
.topmenu .navbar-default .navbar-nav > .active > a:focus {
	color: #C0C0C0 !important;
}

#menu_item_hauptmenu .navbar-default .navbar-nav > .active > a,
#menu_item_hauptmenu  .navbar-default .navbar-nav > .active > a:hover,
#menu_item_hauptmenu .navbar-default .navbar-nav > .active > a:focus {color: #548C2E !important;}

.unterseite #sunfw_section_section-1 ul  {
	list-style: none;
}

.preistab td {vertical-align:top; padding: 5px 5px 10px 5px;}
.preistab .farb1 td {background-color: rgba(234,234,234,1);}
.preistab .farb2 td {background-color: rgba(234,234,234,1);}

.tabkopf td {color: #548C2E; font-size: 1.2em; font-family: 'Cabin Condensed'; font-weight: normal;}

body#sunfw-master .module-style-4 .module-title .box-title {
  font-size: 14px;
  font-weight: normal;
}
.jsn-bootstrap3 [class^="fa-"], [class*=" fa-"]	 {
	margin-right:10px;} 
.jsn-bootstrap3 a [class^="fa-"], a[class*=" fa-"]	{
	color: #818181;
	font-size: 1.4em;
	padding-right: 10px;
} 

.customlogo {
	padding-top: 5px;
	padding-bottom: 1px;
	background-color: rgba(255,255,255,1);
	background-image: url(../../../../images/logo-bg-grau.png);
	background-repeat: repeat-x;
	color: rgba(255,255,255,1);
}
.customlogo p {margin: 0;}	


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {   
    color: #548C2E;
}



div[id*=stickr] {
	float: right;
	top: 50%;
	position: fixed;
	font-family: Alegreya;
	z-index: 888888;
	right: 0px;
}
.stickr .container { width: 100px;}


.topmenu {float: right;}

.galerieunten {margin-top: 35px;}


.jsn-bootstrap3 hr {
     margin-bottom: 15px !important;  
    border-top: 2px solid #548C2E !important;}
#sunfw_section_abschnitt-23  ul li {
	list-style-type: circle;
	padding-left: 10px;
	list-style-image: none;
	line-height: 1.8em;
	list-style-position: outside;
	margin-left: 45px;
}	

#sunfw_section_abschnitt-23 ul.liste li{list-style-type: circle; padding-left: 10px;}
#sunfw_section_startseite .starttextoben ul.liste li{list-style-type: circle; padding-left: 10px; margin-left: 20px;}

#sunfw_section_abschnitt-23 ul.haken li{
	list-style-type: none;
	padding-left: 10px;
	list-style-image: url(../../../../images/list-arrow1-gruen.png); line-height:1.8em;
}
	
#sunfw_section_abschnitt-23  ul.menumenu-sidemenu li {
	list-style-type: ;
	padding-left: 0px;
	list-style-image: none;
	line-height: 1.4em;
	list-style-position: outside;
	margin-left: 0px;
	list-style-type: none;
}	

.custompara01 {
	background-attachment: fixed;
	background-image: url(../../../../images/parallax/pool.jpg);
	background-repeat: no-repeat; 
padding-bottom: 400px;}

.random-image img {width: 100%; height:100%;}
.sunfw-sticky.sunfw-sticky-open {
    background: #ffffff !important;}
nav.sunfw-menu-head ul.navbar-nav > li > a {
    padding: 11px 8px ;
}
.btn-danger {
    color: #000;  
}
body#sunfw-master .module-style-1 {margin-top: 20px !important;}

.bilder-service {margin-top:20px !important;}
.jsn-bootstrap3.jsn-pagebuilder .btn-warning {
       background-color: #548C2E !important;
    border-color: #548C2E !important;
}
.jsn-master {
   font-size: 14px;}

#sunfw_section_footer .nav > li:before {
    content: ':'; margin-right: 2px; margin-left: 5px;
}
#sunfw_section_footer .nav > li {
    padding-left: 15px;
}
.copyr p {color: #777;}
.buttonleiste {margin-top: 15px;}
.jsn-bootstrap3.jsn-pagebuilder.buttonorange  .btn-default {
    color: #333333;
    background-color: #548C2E !important;
    border-color: #cccccc;
}
ul.nav[class*='menu-sidemenu'] li a {padding: 5px 5px;}
.fixbild1-startseite {
	background-image: url(../../../../images/bilderweitextrem/bild1.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 600px;
	padding-left: 0px;
	padding-right: 0px;
}
.fixbild1-startseite-smart {
	background-image: url(../../../../images/bilderweitextrem/bild1-smart.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 200px;
	padding-left: 0px;
	padding-right: 0px;
}
.fixbild2-startseite {
	background-image: url(../../../../images/bilderweitextrem/bild2.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 600px;
	padding-left: 0px;
	padding-right: 0px;
}
.fixbild2-startseite-smart {
	background-image: url(../../../../images/bilderweitextrem/bild2-smart.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 200px;
	padding-left: 0px;
	padding-right: 0px;
}

nav.sunfw-menu-head ul.navbar-nav > li {
	padding-top: 2px !important; padding-bottom: 2px !important;}
#sunfw_section_abschnitt-23	ul li {
	list-style-type: none;
	padding-left: 10px;
	list-style-image: url(../../../../images/list-arrow1-gruen.png); line-height:1.8em;
}
body {margin-bottom: 400px;}
	
/* Grenzen:
bis max width 480 smartphone,
bis max width 767 tablet 
bis max       991 wide tablet
ab min 992 kein mobile menü mehr
*/
/*für zentriertes Hauptmenü notwendig, ab 992 kein mobile menü mehr: */
@media (min-width: 992px) {

}
@media (max-width: 991px) {
/* Einstellungen für mobile layouts */
nav.sunfw-menu-head ul.navbar-nav > li {
    /* padding: 28px 0; */
    padding: 0 !important ;
}


}
@media (max-width: 767px) {
/* Einstellungen für tablets layouts */
.custompara01 {
	background-attachment: fixed;
	background-image: url(../../../../images/parallax/pool-smart.jpg);
	background-repeat: no-repeat; 
padding-bottom: 400px;}
#sunfw_section_fixbild-1-startseite .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}
#sunfw_section_fixbild-2-startseite- .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}

}


@media (max-width: 480px) {
/* Einstellungen für smartphones */
.custompara01 {
	background-attachment: fixed;
	background-image: url(../../../../images/parallax/pool-smart.jpg);
	background-repeat: no-repeat; 
padding-bottom: 400px;}


}


/* für Logo links neben topmenü:
.topmenu {float: right;}
.customlogo {
	 float: right; margin: 10px 25px;
}
*/		
/*	 braunrot: #548C2E – gelb #E17100 */

/* Gerry gdpr css code here */

@media only screen and (min-width: 960px), (min-device-width: 960px) {
		div.cc-window.cc-floating {
			max-width: 100%!important;
		}

	.cc-banner .cc-message {
		flex: none!important;
		width: 100%;
		letter-spacing: normal;
	}
	.cc-btn.cc-deny,
	.cc-btn.cc-dismiss {
		width: 150px;		
		font-size: 15px;		
		font-weight: normal;
				
	}
	.cc-compliance {
		margin: 15px auto 4px auto;	
	}
	.cc-btn.cc-allow {
		width: 450px;
		margin: 3px 40px;
		text-transform: uppercase;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 2px;
	}
	.cc-revoke.cc-bottom {
		bottom: 1em;
		left: 3em;
		border-radius: 45px!important;
		text-align: center;
		width: 90px;
		height: 90px;
		padding-top: 20Px;
		background-color: #1C304B !important;
		color: #fff !important;
	}
	.cc-revoke.cc-bottom p {
			color: #fff !important;
	}	
	.cc-revoke.cc-bottom:hover {
		text-decoration: none;
		color: #C0C0C0;
	}
	.cc-revoke:after {
		font-family: 'IcoMoon';
	    font-style: normal;
	    speak: none;
	    content: "\39";
	    text-align: center;
	    width: 90px;
	    font-size: 25px;
	}
	.cookiebutton {
		text-align: center;
		width: 100%;
		line-height: 10px;
	}
	.cc-cookie-settings-toggle {
		position:absolute;
		left: 25px; 
		top: 50px;
		font-size: 14px!important;
		margin-top: 10px;
		border: 0!important;
		background-color: transparent!important;
	}
	/*input.cc-cookie-checkbox:checked+span:after {
	    background-image: none!important;
	}
	input.cc-cookie-checkbox+span:before {
	    border: none!important;
	    background: transparent!important;
	    width: 16px;
	    height: 16px;
	    left: -1px;
	    border-radius: 4px;
	}
	input.cc-cookie-checkbox[readonly] {
		opacity: 1!important;
	}*/
}
div.gdprlock-placeholder.gdprlock-placeholder-action {
	margin-bottom: -70px;
	z-index: 999;
}
div.gdprlock-placeholder-text {
	font-size: 25px!important;
}
.clickbutton {
	margin-top: 15px;
	text-transform: uppercase;
}

.clickbutton  {
	background: #3D94F6;
	background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	font-family: 'Open Sans', Arial;
	font-size: 18px;
	font-weight: 100;
	padding: 10px;
	box-shadow: 1px 1px 10px 0px #000000;
	-webkit-box-shadow: 1px 1px 10px 0px #000000;
	-moz-box-shadow: 1px 1px 10px 0px #000000;
	text-shadow: 1px 1px 10px #000000;
	border: solid #337FED 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

.clickbutton:hover {
	border: solid #337FED 1px;
	background: #1E62D0;
	background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
/* Zusätze Lissi : */
a.cc-link label {
    color: #fff;
}
   
.cc-color-override-944417498.cc-window {
    color: rgb(255, 255, 255);
    background-color: rgba(87,91,89,1.00);
}
/* für gleichwertige Darstellung der Buttons */
.cc-color-override-944417498 a.cc-btn.cc-allow, .cc-color-override-944417498 .cc-highlight .cc-btn.cc-deny, .cc-color-override-944417498 .cc-highlight .cc-btn.cc-dismiss {    
    border-color: #548C2E !important;
    background-color: #548C2E !important;
}
.cc-btn.cc-allow {
    width: 150px;
    margin: 3px 4px;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1px;
}