@charset "UTF-8";
/* Template (Standard) CSS - Noi Vita */
@font-face {
  font-family: 'Calluna';
  font-style: normal;
  font-weight: 300;
  src: local('Calluna'), url('../fonts/CallunaSans-Light.otf') format('opentype');
}

@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Ubuntu-Regular.ttf") format("truetype");
}

/* @font-face {
  font-family: 'Material Icons' !important;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
} */

/* fallback */
/* @font-face {
  font-family: 'Material Icons' !important;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2') format('woff2');
} */

/* .material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
} */


/* GENERAL */
*{
	margin:0;
	padding:0;
	border:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;}

html, body{
	font-family:'Ubuntu', arial, sans-serif;
	text-align:left;
	font-size:1em;
	color:#666;
	height:100%;
	background:#fff;}

/* BARRIEREFREIHEITSPLUGIN (Joomla) */
._access-menu li{
	font-family: unset;
	position: unset;
}

._access{
	background-color: #e9a239 !important;
}

._access ._menu-close-btn, ._menu-reset-btn{
	font-size: 40px !important;
	color: #fff !important;
}

._access._access-icon{
	border-radius: 50% !important;
	left: 20px !important;
	bottom: 20px !important;
	padding-top: 3px !important;
	box-shadow: unset;	
}

._access._access-icon:hover{
	box-shadow: unset;
	transform: unset;
}

body ._access-menu h3{
	color: #fff !important;
}

/* SWIPER */
.swiper-wrapper {
  transition-timing-function: ease-in-out !important;
  font-size: 0;
}

.swiper-slide div{
	position: absolute;
	background: rgba(246, 158, 0, 0.8);
	border-radius: 8px;
	color: #fff;
	font-size: 1.5rem;
	padding: 10px 15px;
}

.swiper-slide div.text1{
	top: 50px;
	right: 50px;
}
.swiper-slide div.text2{
	bottom: 50px;
	left: 50px;
}
.swiper-slide div.text3{
	bottom: 50px;
	right: 50px;
}

 /* Fancybox */
.galerie-thumbs{
	margin: -40px -20px -40px -20px;
	border-radius: 2px;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 5px;
}

.galerie-thumbs a{
	line-height: 0
}

.galerie-thumbs img{
	width: 100%;
	max-height: 150px;
	object-fit: cover;
	object-position: center;
}



/* S C H R I F T E N */
h1, .contentheading, .componentheading{
	font-weight:400;
	font-size:1.875em;
	line-height:normal;
	margin-bottom:0.938em;
	color:rgb(246,158,0);}

h2{	font-weight:400;
	font-size:1.125em;
	color:rgb(246,158,0);
	line-height:normal;
	margin:0 0 0.625em 0;}

h3{font-weight:700;
	font-size:1em;
	margin-bottom:0.625em;}

p{	margin-bottom:1.250em;
	font-size:1em;
	line-height:170%;}

br{	line-height:1em;}



/* S O N S T I G E */
img{border:none;}
.clear{clear:both;}

/* Listen */
#content ul, #content li{margin:0 0 0 20px;line-height:180%;list-style-type:disc;}
#content ul{margin-bottom:0.938em;}

.leitbild_aufzaehlung li{margin:0 0 0 13px !important;list-style-type:none !important;}


/* LINKS */
a:link, a:active, a:visited{text-decoration:none;color:#666;}
a:hover{text-decoration:none;color:#666;}
#content a:link,#content a:active,#content a:visited{text-decoration:none;color:rgb(150,136,124);}
#content a:hover{text-decoration:underline;color:rgb(150,136,124);}



/* P O S I T I O N E N   U N D   B O X E N */
/* header Bilder */
#header_img{
	width:1000px;
	height:auto;
	margin:0 auto;
	margin:105px auto 0 auto;
  	border:5px solid #fff;
  	-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.3);
  	box-shadow:0 0 15px 0 rgba(0,0,0,0.3);
  	-moz-border-radius:		5px;
  	-webkit-border-radius:	5px;
  	border-radius:			5px;
  	position: relative;
  	z-index:1;}



.box-2-l{width:461px;float:left;margin-right:15px;}
.box-2-r{width:461px;float:left;margin-left:15px;}


/* TOPMENÜ */
.logo img{width:270px;height:auto;float:left; margin-right: 18px;}
.logo{width: 600px; float: left;}

#logo{
	width:1000px;
	height:133px;
	padding:15px 0 20px 0;
	margin:0 auto;}

#logo a[href^="tel"]:link,
#logo a[href^="tel"]:active,
#logo a[href^="tel"]:visited,
#logo a[href^="tel"]:hover{
	margin-top:20px;
	font-size:50px;
	font-family:corbel,'Ubuntu', arial, sans-serif;
	float:right;
	color:#ccc;
	cursor:pointer;}

.logo-schrift{
	display: block;
	margin-top: 66px;
	font-family: 'Calluna', arial, tahoma, sans-serif;
	font-size: 15px;
	line-height: 135%;
	color: #000 !important;}

#volle_breite{
	width:100%;
	position:absolute;
	z-index:3;
	overflow:auto;
	background:rgb(246,158,0);
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
	box-shadow:0 0 5px 0 rgba(0,0,0,0.5);}

.fixed{
	position:fixed !important;
	top:0 !important;
	height:50px !important;
	-webkit-transition:all 500ms ease-in-out;/* Firefox */
	-moz-transition:all 500ms ease-in-out;/* WebKit */
	-o-transition:all 500ms ease-in-out;/* Opera */
	transition:all 500ms ease-in-out;/* Standard */}

/* NAVIGATION ANGEDOCKT	*/
#volle_breite.fixed nav{
	width:1100px;
	float:left;
	height:auto;
	padding:0px 0;
	margin:0 auto;}

	/* 1. EBENE */
	#volle_breite.fixed nav ul{
		list-style-type:none;
  		padding:0;
  		height:44px;}

	#volle_breite.fixed nav li{
		list-style-type:none;
		display:block;
 		float:left;
		position:static;}

	/* Die Links */
	#volle_breite.fixed nav a{
		display:table-cell;
		color:#fff !important;
		font-size:21px;
		height:auto;
		padding:12px 20px 3px 20px;}

	#volle_breite.fixed nav a:hover{
		color:#ededed !important;}
	#volle_breite.fixed nav li.current>a, #volle_breite.fixed nav .active>a{
		border-bottom:3px solid #fff;}


/* NAVIGATION NORMAL */
.nav-mitte{width:1100px;margin:0 auto;}

nav{
	width:1100px;
	float:left;
	height:auto;
	padding:18px 0;
	margin:0 auto;}
	
	.icon-menu{
		height: 30px;
		width: auto;;
	}
	.visually-hidden{
		display: none;
	}


	/* 1. EBENE */
	nav ul{
		display: flex;
		align-items: center;
		justify-content: center;
		align-content: center;
		list-style-type:none;
  		padding:0;
  		height:44px;
  		text-align: center;}

	nav li{
		list-style-type:none;}
		

	/* Die Links */
	nav a{
		display:table-cell;
		color:#fff !important;
		font-size:21px;
		height:auto;
		padding:10px 20px;}

	nav a:hover{
		color:#ededed !important;}
	nav li.current>a, nav .active>a{
		border-bottom:3px solid #fff;}


/* ANGEHÖRIGEN MENÜ */
ul.mod-menu._button{
	width: 100%;
	display: inline-block;
	padding-right: 20px !important;
}


.mod-menu._button li{
	margin: 0 20px 0 0 !important;
	padding-left: 10px;
	display: inline-block;
	height: 50px;
	float: right;}

.mod-menu._button a{
	color:				#fff !important;
	background-color:	rgb(129,179,39);
	padding:			10px 20px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	-webkit-transition:	all .3s ease;
	-moz-transition:	all .3s ease;
	-o-transition:		all .3s ease;
	transition:			all .3s ease;}

.mod-menu._button a:hover, .mod-menu._button li.current a{
	text-decoration: none !important;
	-moz-box-shadow:		0px 2px 4px   rgba(0,0,0,0.25);
	-webkit-box-shadow:		0px 2px 4px   rgba(0,0,0,0.25);
	box-shadow:				0px 2px 4px   rgba(0,0,0,0.25);}


#content{
	width:1000px;
	overflow:visible;
	height:auto;
	margin:25px auto 20px auto;
}

.content-border{
	position: relative;
	z-index: 1;
	border:4px solid #ededed;
	overflow: auto;
	padding:40px 20px 40px 20px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
}

.content-border-pfeil{
	position: absolute;
	z-index: 2;
	bottom: -22px;
	background: rgb(255, 255, 255);
	width: 40px;
	height: 40px;
	border-bottom: 4px solid #ededed;
	border-right: 4px solid #ededed;
	transform: rotate(45deg);
}

.content-border-pfeil.left{left: calc(25% - 21px)}
.content-border-pfeil.right{left: calc(75% - 21px)}

.linkbilder{
	overflow: visible;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 50px;
	height: 400px;
	margin: 50px 0;
}

.linkbild{
	position: relative;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	border: 4px solid #ffffff;
	overflow: hidden;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
}

.linkbild-i{
	display: grid;
	grid-gap: 20px;
	padding: 15px 30px;
	grid-template-columns: auto 50%;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	background: rgba(233, 162, 57, 0.85);
	width: calc(100% - 40px);
	height: 80px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate3d(-50%,0,0);
	align-content: center;
	align-items: center;
	justify-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.7rem;
	line-height: 100%;
}

.linkbild img{
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.linkbild-i img{
	max-width: 100%;
	height: 60px;
	margin-top: 8px;
	object-fit: contain;
	object-position: center;
}

/* Footer */
footer{
	width:100%;
	height:80px;
	border-bottom:6px solid rgb(246,158,0);}

.footer_mitte{width:1000px;margin:0 auto;}
footer ul{padding:0 20px;width:100%;float:left;}


/* Impressum */
footer li{
	display:inline;
	list-style-type:none;
	text-decoration:none;
	color:#666;
	padding:0 3px;
	margin-right:0;
	font-weight:300;
	font-size:0.750em}

footer li:first-child{padding-left:0;}
footer li:last-child{margin-right:0;padding-right:0;}
footer li a:link, footer li a:active, footer li a:visited{color:#666;line-height:80px;}
footer a:hover{text-decoration:underline;}
footer li.current>a, footer li.active>a{
	color:#fff !important;
	background:rgb(246,158,0);
	padding:3px 5px;
	-moz-border-radius:		2px;
  	-webkit-border-radius:	2px;
  	border-radius:			2px;}


/* Jobs Störer */
#stoerer{
	width:200px;
	height:auto;
	margin:0 auto;
	border-left:4px solid #ededed;
	border-right:4px solid #ededed;
	border-bottom:4px solid #ededed;
  	-moz-border-radius:		5px;
  	-webkit-border-radius:	5px;
  	border-radius:			5px;
  	position:relative;
  	z-index:0;}

.jobs_stoerer{
	background:rgba(246, 158, 0, 0.8);
	color:#fff;
	font-size:50px;
	font-weight:bold;
	display:block;
	padding:0px 10px 10px 10px;
	width:100%;
	text-align:center;}

a.jobs_stoerer {color: #fff !important;}

/* Mobiles Menü nicht anzeigen */
.button_menu{display:none;}

/* RESPONSIVE EINSTELLUNGEN */
.mobile{display:none;}
.desk{display:block;}

/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/* ---------------------------------------- Media Queries ---------------------------------------- */
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/

/* -------------------- SMARTPHONE -------------------- */
@media only screen and (max-width:550px) {

/* P O S I T I O N E N   U N D   B O X E N */
/* header Bilder */
#header_img{
			width:100%;
	height:auto;
	margin:0 auto;
		margin:15px auto 0 auto;
	  	border-right:none;
	  	border-left:none;
  		border-top:5px solid #fff;
	 	border-bottom:5px solid #fff;
  	-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.3);
  	box-shadow:0 0 15px 0 rgba(0,0,0,0.3);
  	-moz-border-radius:		5px;
  	-webkit-border-radius:	5px;
  	border-radius:			5px;}

		.box-2-l{width:100%;float:none;margin-right:0px;margin-bottom:50px;}
		.box-2-r{width:100%;float:none;margin-left:0px;}

/* TOPMENÜ */
.logo{width:100%;max-width:270px;height:auto;display:block;float:none;margin:0 auto;}
.logo img{margin: 0;}
.logo-schrift{display: none;}



#logo{
	width:100%;
	min-height:122px;
	padding:10px 10px 20px 10px;
	margin:0 auto;}



/* ---------------------------- Topmenü Navigation (MOBILE) ---------------------------- */
#volle_breite{
	width:100%;
	min-height:45px;
		height:auto;
	position:relative;
	z-index:3;
	overflow:auto;
	background:rgb(246,158,0);
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
	box-shadow:0 0 5px 0 rgba(0,0,0,0.5);}

.fixed{
	position:fixed !important;
	top:0 !important;
	height:auto !important;}

.fixed_header_img{margin:60px auto 0 auto !important;}

/* Mobiler Menübutton */
.button_menu{
	background:url('/images/icons/menu_icon.png') no-repeat 3.8em center rgb(246,158,0);
	background-size:30px;
	border-right:1px solid #fff;
	cursor:pointer;
	position:relative;
	z-index:100;
	display:block;
	float:left;
	line-height:45px;
	width:100%;
	height:45px;
	text-align:left;
	padding:0 10px;
	font-size:18px;
	color:#fff;}

.nav-mitte{width:100%;margin:0 auto;}


/* NAVIGATION ANGEDOCKT	*/
#volle_breite.fixed nav{
			width:100%;
			background:rgb(246,158,0);
	float:left;
	height:auto;
			position:relative;
			z-index:10;
	padding:0;
	margin:0 auto;
			display:none;}

	/* 1. EBENE */
	#volle_breite.fixed nav ul{
		list-style-type:none;
  		padding:0;
  				margin-top:0px;
  				margin-bottom:0 !important;
 		 		height:auto;}

	#volle_breite.fixed nav li{
		list-style-type:none;
		display:block;
		float:none;
		position:static;
			border-bottom:2px solid #fff;}

			#volle_breite.fixed nav li:last-child{border-bottom:none;}
			#volle_breite.fixed nav li:first-child{border-top:2px solid #fff;}

	/* Die Links */
	#volle_breite.fixed nav a{
		display:block;
		color:#fff !important;
		font-size:21px;
		height:auto;
		padding:15px 20px;}

	#volle_breite.fixed nav a:hover{
		color:#ededed !important;}
	#volle_breite.fixed nav li.current>a, #volle_breite.fixed nav .active>a{
				background:#fff;
		color:rgb(246,158,0) !important;
		border-bottom:none;}


/* NAVIGATION NORMAL */
nav{
			width:100%;
			background:rgb(246,158,0);
	float:left;
	height:auto;
			position:relative;
			z-index:10;
	padding:0;
	margin:0 auto;
			display:none;}

	/* 1. EBENE */
	nav ul{
		display:inline;
		float:left;
		position:static;
		width: 100%;
		list-style-type:none;
  		padding:0;
		margin-top:0px;
		margin-bottom:0 !important;
 		height:auto;}

	nav li{
		list-style-type:none;
		display:block;
		float:none;
		position:static;
			border-bottom:2px solid #fff;}

			nav li:last-child{border-bottom:none;}
			nav li:first-child{border-top:2px solid #fff;}

	/* Die Links */
	nav a{
		display:block;
		color:#fff !important;
		font-size:21px;
		height:auto;
		padding:15px 20px;}

	nav a:hover{
		color:#ededed !important;}
	nav li.current>a, nav .active>a{
		background:#ffffff;
		color:rgb(246,158,0) !important;
		border-bottom:none;}

			.mobile_menu{width:50%;height:auto;position:relative;}


/* SCHRIFTGRÖßE ändern */
/* .button_fontsize{
	background:url('/images/icons/font_icons.png') no-repeat right 6.8em top 8px rgb(246,158,0);
	background-size:30px;
	border-left:1px solid #fff;
	cursor:pointer;
	z-index:100;
	display:block;
	float:right;
	line-height:45px;
	width:50%;
	height:45px;
	text-align:right;
	padding:0 10px;
	font-size:18px;
	color:#fff;} */

/* #fontsize{display:none;float:right;border-left:none;padding:0;color:#fff;height:auto;width:100%;border-top:2px solid #fff;}
#fontsize h3{font-size:21px;font-weight:400;margin-bottom:10px;}
.unseen{display:none;}

#volle_breite.fixed .schriftgroesse{display:none;}
.schriftgroesse{display:none;}

.plus, .lupe, .minus{
	float:left;
	height:0px;
	width:0px;
	padding: 30px 0;
	background:url('/images/icons/font_icons.png');
	background-size:27px !important;
	background-repeat:no-repeat;}

.lupe{width:33%;margin:0;background-position:50% 17px;border-right:2px solid #fff;}
.plus{width:33%;margin:0;background-position:50% -54px;border-right:2px solid #fff;}
.minus{width:33%;margin:0;background-position:50% -125px;} */


#content{
	border:4px solid #ededed;
	height:auto;
	overflow:auto;
			width:100%;
			margin:15px auto 20px auto;
			padding:40px 10px 40px 10px;
  	-moz-border-radius:		5px;
  	-webkit-border-radius:	5px;
  	border-radius:			5px;}


/* Footer */
footer{
	width:100%;
		min-height:50px;
	height:auto;
	border-bottom:6px solid rgb(246,158,0);}

.footer_mitte{
			width:100%;
	margin:0 auto;}
footer ul{
		padding:0 10px;
	width:100%;
		float:none;
		text-align:center;}

li.item-113.divider, li.item-114.divider{display:none;}


/* Sitemap */
/* #jmap_sitemap .instance1{margin-bottom: 30px;} */


/* Impressum */
footer li a:link, footer li a:active, footer li a:visited{color:#666;line-height:3em;}


/**********************************************************************/
/********************** RESPONSIVE EINSTELLUNGEN **********************/
/**********************************************************************/
.mobile{display:block;}
.desk{display:none;}

}

/* -------------------- SMARTPHONE quer / TABLET -------------------- */
@media only screen and (min-width:551px) and (max-width:730px) {}

/* -------------------- KELINES LAPTOP -------------------- */
@media only screen and (min-width:731px) and (max-width:980px) {}

/* -------------------- LAPTOP -------------------- */
@media only screen and (min-width:981px) and (max-width:1100px){}

/* -------------------- DESKTOP -------------------- */
@media only screen and (min-width:1101px) and (max-width:1440px){}