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

/* ========== PROMO ========== */

.jsn-homepage.jsn-demo-page #jsn-promo {

	margin: 0;

}

.jsn-homepage.jsn-demo-page .box_skitter,

.jsn-homepage.jsn-demo-page .label_skitter {

	background: none !important;

}

.jsn-color-blue.jsn-homepage.jsn-demo-page #jsn-promo {

	background-color: #41688f;

}

.jsn-color-red.jsn-homepage.jsn-demo-page #jsn-promo {

	background-color: #e74c3c;

}

.jsn-color-green.jsn-homepage.jsn-demo-page #jsn-promo {

	background-color: #1abc9c;

}

.jsn-color-orange.jsn-homepage.jsn-demo-page #jsn-promo {

	background-color: #e67e22;

}

.jsn-color-violet.jsn-homepage.jsn-demo-page #jsn-promo {

	background-color: #9b59b6;

}

.jsn-color-grey.jsn-homepage.jsn-demo-page #jsn-promo {

	background-color: #bcc6c9;

}

/* ========== MAIN FEATURES ========== */

#demo-main-features {

	padding: 80px 0;

}

#demo-main-features div.grid-layout div.grid-col div.grid-col_inner {

	margin-right: 0;

	padding: 55px;

}



#demo-main-features div.grid-layout.grid1 div.grid-col.block1 div.grid-col_inner {

	border-right: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

}

#demo-main-features div.grid-layout.grid2 div.grid-col.block4 div.grid-col_inner {

	border-top: 1px solid #e5e5e5;

	border-left: 1px solid #e5e5e5;

}

#demo-main-features div.grid-layout.grid2 div.grid-col {

	margin-top: -1px;

}

#demo-main-features div.grid-layout.grid2 div.grid-col.block4 {

	margin-left: -1px;

}

#demo-main-features div.grid-layout div.grid-col .icon {

	display: inline-block;

	float: left;

}

#demo-main-features div.grid-layout div.grid-col .icon .link-icon {

	display: block;

	padding: 0;

	width: 63px;

	height: 63px;

overflow: hidden;

}

#demo-main-features div.grid-layout div.grid-col .icon .link-icon img {

display: block;

	background-color: #555;

}

.jsn-color-blue #demo-main-features div.grid-layout div.grid-col .icon .link-icon img {

	background-color: #009aca;

}

.jsn-color-red #demo-main-features div.grid-layout div.grid-col .icon .link-icon img {

	background-color: #bf0000;

}

.jsn-color-green #demo-main-features div.grid-layout div.grid-col .icon .link-icon img {

	background-color: #429e00;

}

.jsn-color-orange #demo-main-features div.grid-layout div.grid-col .icon .link-icon img  {

	background-color: #e66000;

}

.jsn-color-violet #demo-main-features div.grid-layout div.grid-col .icon .link-icon img {

	background-color: #9e0084;

}

.jsn-color-grey #demo-main-features div.grid-layout div.grid-col .icon .link-icon img {

	background-color: #555;

}

#demo-main-features div.grid-layout div.grid-col .intro-content {

	padding-left: 90px;

}

#demo-main-features div.grid-layout div.grid-col .intro-content .intro-heading a {

	color: #000;

	font-weight: bold;

}

#demo-main-features div.grid-layout div.grid-col .intro-content .desc {

	color: #888;

	line-height: 2em;

}



/* ========== MAIN CONTENT ========== */

.jsn-homepage.jsn-demo-page #jsn-content {

	background-color: #f5f5f5;

}

.jsn-homepage.jsn-demo-page #demo-main-content {

	padding: 50px 0 80px;

}

.jsn-homepage.jsn-demo-page #demo-main-content .demo-responsive-image {

	display: block;

}

.jsn-homepage.jsn-demo-page #demo-main-content .demo-responsive-image img {

	max-width: 100%;

}

.jsn-homepage.jsn-demo-page #demo-main-content .demo-main-content-text {

	padding: 0px !important;

}

.jsn-homepage.jsn-demo-page #demo-main-content .demo-main-content-text h3.main-heading {

	font-size: 1.8em;

	margin-bottom: 30px;

}



/* ========== DEMO GALLERY ========== */

#demo-gallery {

	padding: 50px 0;

	border-bottom: 1px solid #e5e5e5;

}

#demo-gallery .item {

	padding: 40px;

}

#demo-gallery .item .img a {

	display: block;

	position: relative;

}

#demo-gallery .item .img a img {

	max-width: 100%;

}

#demo-gallery .item .desc {

	padding: 10px 20px;

	border: 1px solid #e5e5e5;

}

#demo-gallery .item .img a:before {

	content: "";

	display: block;

	position: absolute;

	width: 70px;

	height: 70px;

	top: calc(50% - 15px);

	left: 50%;

	margin-left: -35px;

	background: #000 url(../images/icons/icon-zoom.png) center center no-repeat;

	z-index: 10;

	opacity: 0;

	filter: alpha(opacity=0);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	border-radius: 100%;

	-moz-border-radius: 100%;

	-webkit-border-radius: 100%;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

}

#demo-gallery .item .img a:hover:before {

	top: calc(50% - 35px);

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

#demo-gallery .item .img a:after{

	content: "";

	position: absolute;

	display: block;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: rgba(0,0,0,0.3);

	z-index: 9;

	opacity: 0;

	filter: alpha(opacity=0);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

}

#demo-gallery .item .img a:hover:after {

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



/* ========== USERMODULES3 ========== */

.jsn-homepage.jsn-demo-page #jsn-pos-content-bottom + #jsn-usermodules3 {

	padding: 50px 0;

}

.jsn-homepage.jsn-demo-page div.jsn-modulecontainer ul.menu-sidemenu {

	border: none;

}

.jsn-homepage.jsn-demo-page #jsn-usermodules3 ul.menu-sidemenu > li > a > span {

	padding-left: 0;

	background: none;

}



@media only screen and (max-width: 768px), (max-device-width: 768px) {

	#demo-main-features div.grid-layout div.grid-col div.grid-col_inner {

		padding: 30px;

	}

	#demo-main-features {

		padding: 50px 0;

	}

	#demo-gallery .item .img a {

		right: auto;

		left: auto;

		top: auto;

	}

    [class*="jsn-themeslider-skitter-"] .label_skitter p.jsn-themeslider-caption-title {

        margin-top: 50px;

        margin-bottom: 5px;

    }

    [class*="jsn-themeslider-skitter-"] .label_skitter p.jsn-themeslider-caption-description {

        font-size: 18px;

    }	

}

@media only screen and (max-width: 480px), (max-device-width: 480px) {

    [class*="jsn-themeslider-skitter-"] .label_skitter p.jsn-themeslider-caption-title {

	    font-size: 25px !important;

	    margin-top: 25px !important;

    }

	#demo-main-features div.grid-layout.grid1 div.grid-col.block1 div.grid-col_inner {

		border-bottom: none;

		border-right: none;

	}

	#demo-main-features div.grid-layout.grid2 div.grid-col.block4 div.grid-col_inner {

		border-left: none;

		border-top: none;

	}

	#demo-main-features div.grid-layout div.grid-col div.grid-col_inner {

		padding: 20px;

	}

	#demo-gallery {

		padding: 25px 0 30px;

	}

	#demo-main-features {

		padding: 20px 0;

	}

	.jsn-homepage.jsn-demo-page #demo-main-content {

		padding: 30px 0;

	}

}

@media only screen and (max-width: 960px), (max-device-width: 960px){

	.jsn-mobile [class*="jsn-themeslider-skitter-"] .label_skitter p.jsn-themeslider-caption-description {

    	display: none;

    }

    .jsn-mobile.jsn-homepage.jsn-demo-page #demo-main-content .row-fluid .span4,

    .jsn-mobile.jsn-homepage.jsn-demo-page #demo-main-content .row-fluid .span8{

    	width: 100%;

    }

}

/* neu lissi */

body  {background-color: #9d1006;}



#jsn-content_inner {

	background-color: #FFFFBF; }

#jsn-header {height: 70px; }



.bghome {width: 960px; margin: 0 auto;  }

.bgsub {width: 960px; margin: 0 auto;  }

#jsn-body {margin-top: 420px;}

.jsn-homepage #jsn-body {margin-top: 470px;}



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

.bghome {width: 1170px; margin: 0 auto;  }

.bgsub {width: 1170px; margin: 0 auto;  }

#jsn-body {margin-top: 420px;}

.jsn-homepage #jsn-body {margin-top: 470px;}

}

@media only screen and (max-width: 960px), (max-device-width: 960px) {

.bghome {width: 100%; margin: 0 auto;  }

.bgsub {width: 100%; margin: 0 auto;  }

#jsn-body {margin-top: 300px;}

.jsn-homepage #jsn-body {margin-top: 350px;}

}







#jsn-pos-background {margin-top: 70px;}



#jsn-content_inner{border-top-width: 4px;

	border-top-style: solid;	

	border-top-color: #fff;}

#jsn-centercol{border-top-width: 1px;

	border-top-style: solid;	

	border-top-color: #9d1006;}



#jsn-pos-promo {    margin-top: -100px; z-index: -2;

}

#jsn-header {

	background-attachment: scroll;

	background-image: none;

	background-repeat: repeat;

	background-position: 0 0; background-color: #9d1006;

}

#jsn-header-inner {

	background-attachment: scroll;

	background-color: #B9C300;

	background-image: none;

	background-repeat: repeat;

	background-position: 0 0;

	height: 70px;

	border-bottom-width: 4px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

}

#jsn-header-inner, #jsn-content_inner, #jsn-content-bottom-inner, .bghome {

	border-right-width: 4px;

	border-left-width: 4px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #fff;

	border-left-color: #fff;

	

}

#jsn-logo {position: relative;

    z-index: 999;}



div.jsn-modulecontainer ul.menu-mainmenu  {padding: 14px 20px 0 0}



div.jsn-modulecontainer ul.menu-mainmenu li.active > a {

	color: #9d1006;

}



div.jsn-modulecontainer ul.menu-mainmenu li a {

	color: #333; font-size: 1.0em;

    font-weight: normal;

    padding: 5px 5px;

    text-transform: uppercase;

 

}



div.jsn-modulecontainer ul.menu-mainmenu ul li a {

	color: #000;

	   

}

h1 { font-size: 1.8em;}

#jsn-footer-inner {

	 background-color:#B9C300; border-right-width: 4px;

	border-left-width: 4px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #9d1006;

	border-left-color: #9d1006;

	}

#jsn-footer-inner div.jsn-modulescontainer {

      padding:  15px;

}

h1, h2, h3, h4, h5, h6, #jsn-gotoplink, .page-header, .subheading-category, #jsn-menu a, #jsn-menu span, .componentheading, .contentheading {

    font-family:  'Raleway', Arial,sans-serif; 

}

#jsn-usermodules3 {background-color:#999999; padding: 15px;}

body {font-size: 95%; font-family: 'Raleway', Arial,sans-serif; font-weight: 300; }

#jsn-page {

	color: #464646;

}



#jsn-usermodules3 {

	border-top-width: thin;

	border-top-style: solid;

	border-top-color: #202020;

	color: #202020;

}

#jsn-header.jsn-menu-sticky div.jsn-modulecontainer ul.menu-mainmenu > li > a {

    padding: 5px 5px;

}

#jsn-logo a {

    display: inline-block;

    line-height: 100%;

    margin: 15px 0;

}

.bildtitel {

	font-size: 0.9em;

	font-style: italic; }



h3.jsn-moduletitle {

	color: #9d1006;	font-size: 1.2em;

}

.hg-kontakt h3.jsn-moduletitle {

	color: #333333;

	font-size: 1.2em;

}

.bgsub {border-left: 4px solid #fff; border-bottom: 4px solid #fff;

    border-right: 4px solid #fff;}

div.jsn-modulecontainer ul.menu-mainmenu ul li, div.jsn-modulecontainer ul.menu-mainmenu ul {

    width: 400px; font-size: 90%;

}

#jsn-pos-user-bottom h2 {font-size: 1.2em;}

.blaueis .page-header h1 {

	background-image: url(../../../images/tuerschild-blaueis-sterne.png);

	background-repeat: no-repeat;

	background-position: 400px; line-height: 65px;

}

.halsalm .page-header h1 {

	background-image: url(../../../images/tuerschild-halsalm-sterne.png);

	background-repeat: no-repeat;

	background-position: 400px; line-height: 65px;

}

.steinberg .page-header h1 {

	background-image: url(../../../images/tuerschild-steinberg-sterne.png);

	background-repeat: no-repeat;

	background-position: 400px; line-height: 65px;

}

#jsn-mainbody {padding-bottom: 30px;}

.bilderrahmen { background-color:#fff;

	padding: 10px;

	border: thin solid #9d1006;

}

#jsn-pos-user-bottom .solid-1 {

	padding: 10px;

	border: thin solid #9d1006;

}

.preistab {background-color: #fff; }

.preistab th { padding: 5px;}

.solid-1 {background-color:#fff;}

h1, h2, h3 {color: #9d1006;}

h4, h5, h6 {

	color: #333333;

}

#jsn-maincontent.span12 #jsn-centercol.span12 {

    padding: 0 20px;

}
#jsn-footer {margin-bottom: 60px;}
body {margin-bottom: 200px;}
div.solid-2 div.jsn-modulecontainer_inner  {background-color:#b9c300;}

@media only screen and (max-width: 690px), (max-device-width: 690px) {


#jsn-body {margin-top: 130px;}

.jsn-homepage #jsn-body {margin-top: 150px;}

}

/* 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;
}

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