/* Write your custom css code here */

/* */
/* begin general for dona 2 */
/* */

@import url("../../../../media/jui/css/icomoon.css");


/* für Text und Menüleiste: lato-regular - latin */

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

/* für Headings h1 h2 h3  */
/* satisfy-regular - latin */
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: url('../fontslocal/satisfy-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fontslocal/satisfy-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontslocal/satisfy-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontslocal/satisfy-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fontslocal/satisfy-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontslocal/satisfy-v11-latin-regular.svg#Satisfy') format('svg'); /* Legacy iOS */
}

/* Farben: haupt rot #c93a27 unter dunkelgrau: #525350 */

body {
  color: #666;
  font-family: 'Lato';
  font-weight: normal;
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 150px;
}

a {    
  color: #c93a27;
}
.jsn-bootstrap3 a {    
  color: #c93a27 !important;
}
a:hover, a:focus {
    color: #525350;
}

.sunfw-homepage .sunfw-header:not(.sunfw-sticky-open) {
    background-color: rgba(250, 246, 246, 0.8) !important;
   border-bottom: 6px solid #c93a27; }
.sunfw-header:not(.sunfw-sticky-open) {
    background-color: rgba(250, 246, 246, 0.8) !important;
   border-bottom: 6px solid #c93a27; }

/* Speziell bei Dona 2 : relative damit slider etc. nicht bei der Menüleiste beginnen - für größer als Tablet: */
@media (min-width: 992px){
.sunfw-homepage .sunfw-header:not(.sunfw-sticky-open) {
    position: relative;       }
}
/* für schmäleres sticky menu, durchsichtigen HG, kleineres StickyLogo und Schatten: */

#sunfw_section_header.sunfw-sticky-open {
    background-color: rgba(250, 250, 250, 0.9);
    box-shadow: 0 0 5px #000;
     border-bottom: 2px solid #c93a27;
}
.sunfw-sticky-open nav.sunfw-menu-head ul.navbar-nav > li {
    padding: 5px 0; 
 }
.sunfw-sticky-open .sunfw-logo {
    padding-top: 10px;
    padding-bottom: 10px;
    }
.sunfw-sticky-open .sunfw-logo img {
    /* height: 60px; */
    transition: width 1s, height 1s, transform 1s;
}

/* end sticky menue */
nav.sunfw-menu-head ul.navbar-nav ul.dropdown-menu {
    box-shadow: 0 5px 17px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, 0.3);
    border: #c93a27 thin solid;   
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.4;
  color: #c93a27 ;
  letter-spacing: 0px;
}

.jsn-bootstrap3 h1, .jsn-bootstrap3 h2, .jsn-bootstrap3 h3, .jsn-bootstrap3 h4, .jsn-bootstrap3 h5, .jsn-bootstrap3 h6, .jsn-bootstrap3 .h1, .jsn-bootstrap3 .h2, .jsn-bootstrap3 .h3, .jsn-bootstrap3 .h4, .jsn-bootstrap3 .h5, .jsn-bootstrap3 .h6 {
    color: #c93a27 !important;    
}

h1, h2, h3 {font-family: 'Satisfy';}

h1, .h1, .jsn-bootstrap3 h1 {
  font-size: 45px !important;
}
h2, .h2, .jsn-bootstrap3 h2 {
  font-size: 35px !important;
}
h3, .h3, .jsn-bootstrap3 h3 {
  font-size: 28px !important;
}
h4, .h4, .jsn-bootstrap3 h4 {
  font-size: 23px !important;
}
h5, .h5, .jsn-bootstrap3 h5 {
  font-size: 20px !important;
}
h6, .h6, .jsn-bootstrap3 h6 {
  font-size: 19px !important;
}
.wechselslider h1 {background-color: rgba(255,255,255,1.00); padding: 20px 30px;}
.wechselslider h2 {background-color:rgba(255,255,255,1.00); padding: 20px 30px;}
.wechselslider.slidersmart h1 {background-color: rgba(255,255,255,1.00); padding: 10px 20px;}
.wechselslider.slidersmart h2 {background-color:rgba(255,255,255,1.00); padding: 10px 20px;}
.page-header h1 { 
    margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-bottom: 10px; font-size:40px;}

.blog-featured h2 {
    font-size: 31px; margin-bottom:25px; 
}
h3.box-title {font-size: 30px !important;}

/* für POI */
.poi-f1 {background-image: url("../../../../images/gal-fewo1/1-04.jpg"); background-repeat: no-repeat; 
  background-size: cover; min-height: 400px; }
.poi-f2 {background-image: url("../../../../images/gal-fewo2/2-02.jpg"); background-repeat: no-repeat; 
  background-size: cover; min-height: 400px;  }
.poi-f3 {background-image: url("../../../../images/gal-fewo3/3-01.jpg"); background-repeat: no-repeat; 
  background-size: cover; min-height: 400px; }
.poi-f4 {background-image: url("../../../../images/gal-fewo4/4-01.jpg"); background-repeat: no-repeat; 
  background-size: cover; min-height: 400px;  }

/* Ende POI */


/* buttons */
.jsn-bootstrap3.jsn-pagebuilder .btn-primary {
    color: #ffffff !important;   
    background-color: #c93a27 !important ;
    border-color: #c93a27  !important;
    font-family: 'Lato';
    border-radius: 0px !important;
}
.jsn-bootstrap3.jsn-pagebuilder .btn { font-size: 20px !important; text-transform: uppercase;}

.jsn-bootstrap3 .pb-list-icons .pb-icon-base {
    background-color: #666768 !important;
}
.jsn-bootstrap3.jsn-pagebuilder.kontaktbuttons .btn-primary {
    font-size: 0.9em !important;
    margin: 25px;
}

.jsn-master, .jsn-uniform.jsn-master p  {font-size: 15px;}
.jsn-form-content input, .pb-element-uniform textarea {border: 1px solid #ccc; }
.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-label {
    font-weight: bolder;
}

.logo {margin: auto;}

.kopfbilder p {
    margin: 0 0 0px;
}
/* bis zum rand */
.kopfbilder .col-xs-12,.kopfbilder  .col-sm-12, .kopfbilder .col-md-12,.kopfbilder  .col-lg-12 {
     padding-left: 0; 
     padding-right: 0 
}
.kopfbild-vollebreite p {
    margin: 0 0 0;
    padding-left: 0; 
     padding-right: 0 
}
.kopfbild-vollebreite .wellness {  
    background-image: url(images/kopfbilder/wellness-1600.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

/* menü layout */
nav.sunfw-menu-head ul.navbar-nav > li > a, nav.sunfw-menu-head ul.navbar-nav > li > span.nav-header, nav.sunfw-menu-head ul.navbar-nav > li > span.separator {
    padding: 11px 10px;  
}
/* Farbe caret beim mainmenue*/
nav.sunfw-menu-head ul.navbar-nav > li > a span.caret, nav.sunfw-menu-head ul.navbar-nav > li > span.nav-header span.caret, nav.sunfw-menu-head ul.navbar-nav > li > span.separator span.caret {
    color: #c93a27;
}
/* für eigene Listings: */

.sunfw_section_content .item-page ul li, .partner ul li {padding-bottom: 5px; list-style-type: none; }

.sunfw_section_content .item-page ul li::before, .partner ul li::before {
  content: "\25A0";  /* Add content: \  unicode for a black square  */
  color: #c93a27; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */}




/* */
/* end general for dona 2 */
/* */
.fewos .jsn-bootstrap3 h3 {font-size: 30px !important;}
 
.fewos-hr {
    margin-top: 25px !important ;
    margin-bottom: 25px !important;
}

/* poiblock */

/* ohne Aussenrand und mit HGFarbe : */
.poiblock .jsn-bootstrap3 .col-xs-12, .poiblock .jsn-bootstrap3 .col-xs-12,.poiblock .jsn-bootstrap3 .col-xs-12 {padding-left: 0; padding-right: 0;}

#sunfw_section_abschnitt_17, #sunfw_section_abschnitt_17 .sunfw-item-joomla-module, .poiblock {background-color: #E6E8E7;}
/* end */

.poiblock .jsn-bootstrap3 .pb-element-container {
     margin-top: 0px;
     margin-bottom: 0px; }
.poiblock p{
     margin: 0 0 0px;} 
.poitext {
     margin: 30px 30px 0 30px; text-align: center;
}
.poiblock .jsn-bootstrap3 h2 {
    color: #c93a27;
    font-size: 35px; text-align: center !important;  padding: 95px 25px 15px 25px; margin-bottom: 10px; margin-top: 0px; }
.jsn-bootstrap3 a.poilink{
    background-color: #fff !important; padding: 5px;
}
/* end poiblock */

/* hg Bilder */
.bild1poi {
    height: 370px;
    background-image: url("../../../../images/pois/01.jpg");
    background-size: cover;
    background-position: center center;
}
.bild2poi {
    height: 370px;
    background-image: url("../../../../images/pois/02.jpg");
    background-size: cover;
    background-position: center center;
}
.bild3poi  {
    height: 370px;
    background-image: url("../../../../images/pois/03.jpg");
    background-size: cover;
    background-position: center center;
}
/* end poiblock */
.jsn-bootstrap3 a.btn-primary{
    color: #fff !important; background-color: #c93a27; padding: 5px;
}
.abschnittheading {margin-top: 30px; }
.abschnittnaturland {margin-top: 30px; margin-bottom: 30px;}

.bereichnatur { background-image: url("../../../../images/layout/watzmann2.jpg");
    background-position: center top;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 430px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    min-height: 200px;
    background-repeat: no-repeat;
}

.bereichkarte {margin-bottom: 50px;}

.bilderrechts {margin-top: 100px;}


.sunfw-homepage #sunfw_section_content {
    background: #fff;
}

.sunfw_section_bottom h3 {
    color: #000;}
.sunfw_section_bottom {
    background-color: #CACBCA;
    background-image: none; 
    font-size: 16px;
}
.sunfw_section_footer {
    background-color: #B4B5B4;
    background-image: none; 
    font-size: 16px;
}
.menu-divmenu {margin: auto;}


.kontaktunten a, .kontaktunten .jsn-bootstrap3 a {
    color: #000 !important; 
}
.kontaktunten .jsn-bootstrap3 p {
  padding: 0;
 margin: 5px 0 10px 0;  
}
.kontaktlisteunten .jsn-bootstrap3 p {
        margin: 0; 
 }
.jsn-bootstrap3 .kontaktlisteunten .pb-list-icons li {
      padding-bottom: 0px;
}
.footermenue {
    margin-top: 30px;}
.sunfw_section_footer a {
    color: #000;
}
.jsn-bootstrap3 .tabpreise td {
    padding: 15px; text-align: left; vertical-align: top;}
.tabpreise .pr1 {
    background-color: #EBEBEB;} 
.tabpreise .pr2 {
    background-color: #F7F7F7;} 
.sunfw_section_abschnitt_15, .sunfw_section_abschnitt_24 {
    background-color: #c93a27;
}
.schriftnormal {font-family: 'Lato';}
.sigplus-gallery>ul>li {
        padding-bottom: 5px !important;   
}

.kontaktoben .jsn-bootstrap3 p { margin: 0px 0 0px 0; font-size: 80%;}
.kontaktoben { background-color: #c93a27;}
.kontaktoben p, .kontaktoben .jsn-bootstrap3 a { color: #fff !important;}


/* divides text in 2 columns */
.zweispaltig {
    -webkit-column-count: 2; 
    -moz-column-count: 2;  
    column-count: 2;
}

.poi-f1 h2 a, .poi-f2 h2 a, .poi-f3 h2 a, .poi-f4 h2 a {background-color:rgba(255,255,255,0.50); padding: 15px; line-height: 2;}
.poiblock p { font-size: 16;} 
.poitext { margin: 20px 20px 0 20px; 
}


/* responsive */
/* responsive */
/* responsive */

/* reale css grenzen: */
/* smart bis max 767  */
/* tablet mit Hamburger bis  max 991  */
/* laptop von mind. 992 bis max 1199 */
/* Umschaltung auf dona LAPTOP layout erst bei max 1199  also anders als Chrome Entw. Tool */

/* layout Laptop bis max 1199 */

@media only screen and (max-width: 1199px){
    
nav.sunfw-menu-head ul.navbar-nav > li > a, nav.sunfw-menu-head ul.navbar-nav > li > span.nav-header, nav.sunfw-menu-head ul.navbar-nav > li > span.separator {
    padding: 5px 8px;  }    

 nav.sunfw-menu-head ul.navbar-nav > li {
    padding: 18px 0;   
   }
#menu_item_menu ul.navbar-nav > li > a, #menu_item_menu ul.navbar-nav > li > span.nav-header {
  font-size: 14px;
}
#menu_item_menu ul.dropdown-menu li a, #menu_item_menu ul.sunfw-megamenu-sub-menu li a, #menu_item_menu .modulecontainer ul.nav-child li a, #menu_item_menu ul.dropdown-menu li span.nav-header, #menu_item_menu ul.sunfw-megamenu-sub-menu li span.nav-header, #menu_item_menu .modulecontainer ul.nav-child li span.nav-header {
  font-size: 15px; 
}
.poi-f1 h2 a, .poi-f2 h2 a, .poi-f3 h2 a, .poi-f4 h2 a {background-color:rgba(255,255,255,0.50); padding: 15px; line-height: 2;}
.poiblock p{ font-size: 16;} 
.poitext { margin: 20px 20px 0 20px; 
}
body {
  font-size: 16px;  
}    
h1, .h1, .jsn-bootstrap3 h1 {
  font-size: 40px !important;
}
h2, .h2, .jsn-bootstrap3 h2 {
  font-size: 30px !important;
}
h3, .h3, .jsn-bootstrap3 h3 {
  font-size: 25px !important;
}
h4, .h4, .jsn-bootstrap3 h4 {
  font-size: 23px !important;
}
h5, .h5, .jsn-bootstrap3 h5 {
  font-size: 20px !important;
}
h6, .h6, .jsn-bootstrap3 h6 {
  font-size: 19px !important;
}

.page-header h1 { 
    margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-bottom: 10px; font-size:35px;}

.blog-featured h2 {
    font-size: 28px; margin-bottom:25px; 
}
h3.pb-module-title {font-size: 30px !important;}
.jsn-bootstrap3.jsn-pagebuilder .btn { font-size: 18px !important;}
    
.poiblock .jsn-bootstrap3 h2 {
      font-size: 35px; padding: 50px 15px 15px 15px; margin-bottom: 0px; margin-top: 0px; }    
.wechselslider h1 {font-size: 30px !important;}
.wechselslider h2 {font-size: 20px !important;}   
    
}

/* end Laptop */

/* layout Tablet bis max 991 mit Hamburger menue */

@media only screen and (max-width: 991px){
    
#sunfw_section_header .mainmenu ul.sunfw-tpl-menu > li > a, #sunfw_section_header .mainmenu ul.sunfw-tpl-menu > li > span.nav-header {
    background-color: rgba(235,235,235,1.00);
    color: #191818;   
 }
ul.sunfw-tpl-menu .caret:before {
       color: #000;    
}
#sunfw_section_header .mainmenu ul.sunfw-tpl-menu > li:hover > a, #sunfw_section_header .mainmenu ul.sunfw-tpl-menu > li:hover > span.separator, #sunfw_section_header .mainmenu ul.sunfw-tpl-menu > li:hover > span.nav-header, #sunfw_section_header .mainmenu ul.sunfw-tpl-menu > li.active a, #sunfw_section_header .mainmenu ul.sunfw-tpl-menu > li.active span.nav-header, #sunfw_section_header .mainmenu ul.sunfw-tpl-menu > li.active span.separator {
    color: #c93a27;
    background-color: #fff;
 }    

#sunfw_section_header .mainmenu button.navbar-toggle {
    color: #000; 
    font-size: 28px;    
 }   
.poiblock p{
    font-size: 15;} 
.poitext {
     margin: 15px 20px 0 20px; 
} 
.jsn-bootstrap3.jsn-pagebuilder .btn { font-size: 15px !important;}  

.sunfw-logo {   padding-bottom: 5px;}
.wechselslider h1 {font-size: 30px !important;}
.wechselslider h2 {font-size: 20px !important;}    
    
}
.jsn-bootstrap3.jsn-pagebuilder.kontaktbuttons .btn-primary {
    font-size: 0.8em !important;
    margin: 35px;
}

#sunfw_section_header .mainmenu ul.sunfw-tpl-menu > li ul.dropdown-menu li a {color: #000 !important;}

/* end Tablet */



/* beginn smart  */

@media (max-width: 767px) {

#menu_item_menu_mobile > i {
    font-size: 38px; }    
.sunfw_section_content {
    padding-top: 0px;
    padding-bottom: 10px; } 
 .bereichnatur { background-image: url("../../../../images/layout/watzmann2-smart.jpg");
    padding-bottom: 385px;
    min-height: 385px;}
 
.jsn-bootstrap3.jsn-pagebuilder .btn { font-size: 15px !important;}

h1, .h1, .jsn-bootstrap3 h1 {  font-size: 35px !important;}
h2, .h2, .jsn-bootstrap3 h2 {  font-size: 25px !important;}
h3, .h3, .jsn-bootstrap3 h3 {  font-size: 20px !important;}
h4, .h4, .jsn-bootstrap3 h4 {  font-size: 18px !important;}
h5, .h5, .jsn-bootstrap3 h5 {  font-size: 17px !important;}
h6, .h6, .jsn-bootstrap3 h6 {  font-size: 16px !important;}
.page-header h1 {  font-size:30px;}

.blog-featured h2 { font-size: 23px; }
h3.pb-module-title {font-size: 25px !important;}
.jsn-bootstrap3.jsn-pagebuilder .btn { font-size: 16px !important;}
    
.poiblock .jsn-bootstrap3 h2 {      font-size: 30px;  }    
.wechselslider h1 {font-size: 30px !important;}
.wechselslider h2 {font-size: 20px !important;}    
  
}
/* end max 767   */

/* 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: #c93a27 !important;
    background-color: #c93a27 !important;
}    
.cc-color-override-944417498.cc-window {
    color: rgb(255, 255, 255);
    background-color: rgba(87,91,89,1.00);
}