/* Write your custom css code here */

@import '/media/jui/css/icomoon.css';
/* orange: #b30059; grün: #217257;
  */

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


body {
	color: #000000;
	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: Julee;
  line-height: 1.4;
  color: #97004b;
  letter-spacing: 0px;
}

a { color: #b30059 ;	}
a:hover, a:focus {
	color: #F00012;
}
#menu_item_hauptmenu ul.navbar-nav > li > a, #menu_item_hauptmenu ul.navbar-nav > li > span.nav-header {
  font-size: 17px;
  color: #97004b;
  text-transform: uppercase;
  font-family: Verdana, Geneva, sans-serif;
}
h1, .jsn-bootstrap3 h1 {
	color: #b30059  !important;
	font-family: 'Julee', cursive;
	font-size: 40px !important;
	
}
h2, .jsn-bootstrap3 h2 {
	color: #b30059  !important;
	font-family: 'Julee', cursive;
	font-size: 30px !important;
	
}
h3, .jsn-bootstrap3 h3 {
	color: #b30059  !important;
	font-family: 'Julee', cursive;
	font-size: 25px !important;
	
}
h3.module-title, .jsn-bootstrap3 h3.module-title {
	color: #b30059  !important;
	font-family: 'Julee', cursive;
	font-size: 30px !important;
	
}
h4, .jsn-bootstrap3 h4, .jsn-bootstrap3 .h4 {
	font-family: 'Julee', cursive;
	font-size: 15px !important;}

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

h2.normalfonts {font-family:Verdana, Geneva, sans-serif !important; font-size:25px !important;}

/*.unterseite h1, .jsn-bootstrap3 .unterseite h1 {color: #b30059 !important; font-weight:normal !important; } */
.unterseite h2,.unterseite .jsn-bootstrap3 h2 {}
.unterseite h3,.unterseite .jsn-bootstrap3 h3{}
.unterseite h4,.unterseite .jsn-bootstrap3 h4{}
.fewos h2,.fewos .jsn-bootstrap3 h2 { font-size: 30px !important;}

.customholiday #hcWidget h1 a,.customholiday .jsn-bootstrap3 .unterseite #hcWidget h1 a {font-size: 30px !important; }
.customkontaktunten .jsn-bootstrap3 h2, .customkontaktunten h2 {color: #fff  !important; font-size: 1.8em;  }
.kontaktunten h3, .unterseite .kontaktunten h3 {
font-size: 22px !important; font-family: 'Lato', sans-serif;
    color: #fff!important;text-transform: uppercase;letter-spacing: .1em;}  
.customkontaktunten .jsn-bootstrap3 p, .customkontaktunten p {color: #fff  !important;  }
.customkontaktunten .jsn-bootstrap3 a {
    color: #fff !important; text-decoration:underline;
}
#sunfw_section_abschnitt-28 .customkontaktunten p {color: #000  !important;  }
#sunfw_section_abschnitt-28 .customkontaktunten .jsn-bootstrap3 a {
    color: #000 !important; text-decoration:underline;
}
.starttext1 h1 {
	font-size:50px !important;
	font-family: 'Julee', cursive; color: #b30059 !important; font-weight: normal !important;	
}
.starttext1 h2 {
	font-size: 40px !important; color: #217257 !important;
	font-family: 'Julee', cursive; text-transform: none;
	letter-spacing: normal;
}
.starttext2 h2 {font-size:48px !important; font-family: 'Julee', cursive; }
.starttext2 h3 {
	font-size: 40px !important; color: #217257 !important;
	font-family: 'Julee', cursive; }

.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 #b30059;}	
.kontaktunten {	padding: 15px;}

.custombox-3er {margin-top: 25px;}
.custombox-3er .col-md-4  {
	border: thin solid #b30059;
	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: #b30059 !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(238,238,238,1);
}
.preistab .farb2 td {
	background-color: rgba(210,210,210,1);
}

.tabkopf td {color: #b30059; font-size: 1.2em; font-family:  'Lato', sans-serif; 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 p {margin: 0;  }	
#column_spalte-82.col-xs-12, #column_spalte-82.col-sm-2, #column_spalte-82.col-md-2, #column_spalte-82.col-lg-2 {padding-left: 0; padding-right: 0;}

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



div[id*=stickr] {
	float: right;
	top: 50%;
	position: fixed;
	z-index: 888888;
	right: 0px;
}

.topmenu {float: right;}

.galerieunten {margin-top: 35px;}


.jsn-bootstrap3 hr {
     margin-bottom: 15px !important;  
    border-top: 2px solid #b30059 !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: circle;
	padding-left: 10px;
	list-style-image: none;
	line-height: 1.8em;
}
	
#sunfw_section_abschnitt-23  ul.menumenu-sidemenu li {
		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-color: #8CB06C !important;
}
nav.sunfw-menu-head ul.navbar-nav > li > a {
    padding: 11px 8px ;
}
.btn-danger {
    color: #000;  
}

.hauptmenu img {padding-left:0px; padding-right: 12px;}
.hauptmenu .heading-data-title {padding-left:10px; padding-right: 12px;}


body#sunfw-master .module-style-1 {margin-top: 20px !important;}

.bilder-service {margin-top:20px !important;}
.custombuttorange .jsn-bootstrap3.jsn-pagebuilder .btn-warning {
       background-color: #b30059 !important; color: #ffffff !important;
    border-color: #b30059 !important;
}
 .jsn-bootstrap3.jsn-pagebuilder .btn-warning a {
       color: #ffffff !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: #000;}
.buttonleiste {margin-top: 15px;}
.jsn-bootstrap3.jsn-pagebuilder.buttonred  .btn-default {
    color: #ffffff !important;
    background-color: #b30059 !important;
    border-color: #b30059;
}
ul.nav[class*='menu-sidemenu'] li a {padding: 5px 5px;}
.fixbild2-startseite {
	background-image: url(../../../../images/bilderweitextrem/bild3.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 540px;
	padding-left: 0px;
	padding-right: 0px;
	background-attachment:fixed;
}
.fixbild2-startseite-smart {
	background-image: url(../../../../images/bilderweitextrem/bild3-smart.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 210px;
	padding-left: 0px;
	padding-right: 0px;
	background-attachment:fixed;
}

.fixbild1-startseite {
	background-image: url(../../../../images/bilderweitextrem/bild2.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 630px;
	padding-left: 0px;
	padding-right: 0px;
	background-attachment:fixed;
	width: 100%;
}
.fixbild1-startseite-smart {
	background-image: url(../../../../images/bilderweitextrem/bild2-smart.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 300px;
	background-attachment:fixed;
	padding-left: 0px;
	padding-right: 0px;
	background-attachment:fixed;
}
/* neu  */
#sunfw_section_abschnitt-25 nav.sunfw-menu-head ul.navbar-nav > li {
    padding: 10px 0 !important ;   
}
#sunfw_section_abschnitt-25 nav.sunfw-menu-head ul.navbar-nav > li.item-273, #sunfw_section_abschnitt-25 nav.sunfw-menu-head ul.navbar-nav > li.item-272 {
    padding: 21px 0 !important ;   
}
 
.jsn-bootstrap3 a {
    color: #b30059 !important;
}
.jsn-bootstrap3.jsn-pagebuilder .btn-danger {
    color: #ffffff !important;
    background-color: #b30059 !important;
    border-color: #b30059 !important;
}
#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group.anfrageformunten { padding-top: 15px !important; padding-bottom: 5px !important;}

.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .anfrageformunten  label {margin-bottom: 0;}
.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .anfrageformunten  label.checkbox {margin-top: 2px;}
.quali .item-image img, .urlaub .item-image img{width: 200px; margin-right: 20px; margin-bottom: 60px;}

.customzimmerueber div.jsn-bootstrap3 {margin-bottom: 25px !important;}

/* weg. cookie Fenster ging nicht mehr weg - Supportlösung von JSN: */.cc-theme-block.cc-type-info.cc-invisible {
display: none; 
}
.readmore {margin-bottom: 50px;}

/* für wiesenrand extra */
.customlogo img {margin: 20px;}
.abstandrechtsoben {margin-top: 25px;}
#sunfw_section_abschnitt-23 ul.haken li {
	list-style-type: none;
	padding-left: 10px;
	list-style-image: url(../../../../images/layoutbilder/hakerl.png);
	line-height: 1.8em;
}
#sunfw_section_abschnitt-23 .customzimmerueber ul li {
	list-style-type: circle;
	padding-left: 10px;
	list-style-image: none;
	line-height: 1.8em;
}
#sunfw_section_stickr p {margin: 0;}

.fixbild-zimmer {
	background-image: url(../../../../images/bilderweitextrem/fixbild-zimmer.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 530px;
	padding-left: 0px;
	padding-right: 0px;
	background-attachment:fixed;
	width: 100%;
}
.fixbild-zimmer-smart {
	background-image: url(../../../../images/bilderweitextrem/fixbild-zimmer-smart.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 0px;
	padding-bottom: 245px;
	padding-left: 0px;
	padding-right: 0px;
	background-attachment:fixed;
}
.rund .jsn-bootstrap3.jsn-pagebuilder .btn {border-radius:50% !important; }
.logobereich {
	background-image: none;
	background-color: #8CB06C;
}

.boxauswahl  {
	border: medium solid #8CB06C;
	margin: 30px;
	background-color: #8CB06C;
	 }
.stickr img {
	-webkit-box-shadow: -5px 5px 10px black;
-moz-box-shadow: -5px 5px 10px black;
box-shadow: -5px 5px 10px black;
}
.custompartnerhome  {margin-top: 55px;}	 

	 
#sunfw_section_abschnitt-36	 nav.sunfw-menu-head ul.navbar-nav > li, #sunfw_section_abschnitt-36	 nav.sunfw-menu-head ul.navbar-nav > li > a {padding: 1px 10px 1px 3px; font-size:12px; }


.jsn-bootstrap3.jsn-pagebuilder .btn-success:hover, .jsn-bootstrap3.jsn-pagebuilder .btn-success:focus, .jsn-bootstrap3.jsn-pagebuilder .btn-success:active, .jsn-bootstrap3.jsn-pagebuilder .btn-success.active, .jsn-bootstrap3.jsn-pagebuilder .open .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #8CB06C !important;
    border-color: #8CB06C !important}
	
.galhausstart {margin-top: 30px;}
#sunfw_section_abschnitt-23 {padding-bottom: 30px;}

#sunfw_section_abschnitt-36 .navbar-nav > li > a {color: rgba(0,128,0,1);}

/* Grenzen:
bis max width 480 smartphone,
bis max width 767 tablet 
bis max       991 wide tablet
ab min 992 kein mobile menü mehr
*/

@media (min-width: 992px) {
/*ab 992 und breiter normales menü, mobile menü nur für weniger breit */
/*für zentriertes Hauptmenü notwendig plus keine vollständige Breite einstellen im Framework beim Menüblock: */
.sunfw-menu {margin-left: auto; margin-right:auto;}
.sunfw-tpl-menu {display: table; float:none; margin-left: auto; margin-right:auto;}
/*Ende Einstellung zentriertes Hauptmenü notwendig: */

#sunfw_section_abschnitt-36 .sunfw-tpl-menu	{margin: 0px;}
#sunfw_section_abschnitt-36 .navbar {min-height: 10px; }
 
.stickr .container { width: 80px;} 
}
@media (max-width: 991px) {
/* Einstellungen für mobile layouts */


.sunfw-menu-head.navbar-default .navbar-nav > li > a {
    padding: 0px !important;
}

}
@media (max-width: 767px) {
/* Einstellungen für tablets layouts */

#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 */
h1, .jsn-bootstrap3 h1 {
	font-size: 35px !important;	
}
h2, .jsn-bootstrap3 h2 {	
	font-size: 33px !important;	
}
h3, .jsn-bootstrap3 h3 {	
	font-size: 30px !important;
}
h3.module-title, .jsn-bootstrap3 h3.module-title {	
	font-size: 30px !important;}
h4, .jsn-bootstrap3 h4, {	
	font-size: 25px !important;}


.fewos h2,.fewos .jsn-bootstrap3 h2 { font-size: 30px !important;}
.starttext1 h1 {	font-size:40px !important;}
.starttext1 h2 {	font-size: 35px !important; color: #217257 !important;	}
.starttext2 h2 {font-size:40px !important; }
.starttext2 h3 {font-size: 30px !important; }
	
}


/* für Logo links neben topmenü:
.topmenu {float: right;}
.customlogo {
	 float: right; margin: 10px 25px;
}
*/		
/*	 braunrot: #b30059 – 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 a.cc-btn.cc-allow {
    
    border-color: #8CB06C !important;
    background-color: #8CB06C !important;
}    
.cc-color-override-944417498.cc-window {
    color: rgb(255, 255, 255);
    background-color: #8CB06C;
}