/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/

/* ============================================= 1.0 ALLGEMEIN ============================================= */

	/* ------ 1.1 MAIN ------ */
	html, body {
		outline: none;
		color: rgba(0,0,0,1);
	}
	body {
		z-index: 100;
	}

/* ============================================= 2.0 CONTAINER ============================================= */

	/* ------ 2.1 NAVIGATION ------ */
	.fat-nav li.nav-item {
		padding: 0px;
	}
	#fat-nav a.nav-link {
		font-size: 28px;
		margin-top: 15px;
	}
	.fat-nav ul {
		padding-left: 20px;
	}
	@media (max-width: 767px) {
		.nav-visibility {
		display: none;
		}
	}
	.fat-nav_container {
		width: 400px;
		height: 100%;
		display: table;
		margin: auto;
	}
	.fat-nav a {
		text-align: left;
		font-size: 22px;
		margin: 5px 0px;
	}
	.navbar-nav {
		text-align: right;
	}
	.dropdown-menu {
		border-width: 0px;
	}
	.dropdown-menu .dropdown-item { color: rgba(88,88,90,1); }
	.dropdown-item:hover, .dropdown-item:focus { background-color: rgba(238,235,229,0.7); }
	.dropdown-item.active, .dropdown-item:active {
		color: rgba(255,255,255,1);
		background-color: rgba(190,207,58,1);
	}
	.hamburger {
		background-color: white;
		top: 200px;
		height: auto;
		left: auto;
		padding: 8px 45px 8px 25px;
		/*Burgebutton neuer Radius*/
		border-radius: 10px 0px 0px 10px;
		box-shadow: 0px 0px 6px rgba(0,0,0,0.2);

	}
	.hamburger.active {
		background-color: transparent;
	}
	.fat-nav, .fat-nav.active {
		z-index: 200;
	}
	@media (min-width: 576px) and (max-width: 767px) { .hamburger { top: 320px; } }
	@media (min-width: 768px) {
		.hamburger { display: none; }

		.navbar {
			width: 100%;
			position: fixed;
			top: 0px;
			z-index: 100;
		}

		@media (max-width: 991px) {
			#page { padding-top: 37px; }
		}
		@media (min-width: 992px) and (max-width: 1081px) {
			#page { padding-top: 45px; }
		}
		@media (min-width: 1082px) {
			#page { padding-top: 92px; }
		}
	}

	.nav {
		padding: 7px 0px 7px;
		/*Neu für footer navi*/
		/*margin-right: 36px*/
	}
	nav.navbar-light .navbar-nav .nav-link, .fat-nav li {
		color: rgba(0,0,0,1);
		/*NAVIGATIONSBENNENUNG NAVI WIEDER IN GROSS- UND KLEINBUCHSTABEN */
		/*text-transform: uppercase;*/
	}
	.navbar-brand {
		width: 215px;
		height: 36px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left center;
		margin: 0px;
	}


	@media (max-width: 767px) {
		.navbar {
			padding: 12px 16px;
		}
	}
	@media (min-width: 768px) {
		.navbar {
			padding: 13px;
            /* padding: 23px; */
		}
	}

	@media (max-width: 575px) {
		.navbar-brand {
			height: 20px;
		}
	}
	@media (min-width: 576px) and (max-width: 767px) {
		.navbar-brand {
			height: 22px;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
			.navbar-brand {
			height: 25px;
			width: 150px;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.navbar-brand {
			width: 160px; height: 30px;
		}
	}

    .navbar-expand .navbar-collapse {
        align-items: center;
    }

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0px;
	}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,
	ul.nav .nav-item:hover a, ul.nav .nav-item.active a,
	.navbar-light .navbar-nav .nav-item.active a.nav-link span,
	.fat-nav li.nav-item.active, .fat-nav li.nav-item.active a {
	color: rgba(178,151,47,1);
	}
	.navbar-nav#nav-utility .nav-item .nav-link {
		position: relative;
		width: 40px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	@media (max-width: 767px) {
		#nav-icons.navbar-nav#nav-utility .nav-item .nav-link, li.nav-item {
			/* Netzstatus grün anpassen */
		/*height: 30px;*/
		}
		.nav-item .nav-link > .nav-bulb-icon {
			bottom: 6px;
			right: 6px;
		}
	}

	@media (max-width: 991px) {
		.navbar-nav#nav-utility .nav-item .nav-link {
			width: 30px;
		}
		.nav-item .nav-link > .nav-bulb-icon {
			width: 11px!important;
			height: 11px!important;
		}
	}

	@media (min-width: 992px) and (max-width: 1199px) {
		.navbar-nav#nav-utility .nav-item .nav-link {
			width: 40px;
		}
	}

	/* ICONS für Lupe und User ausgetauscht */

	.navbar-nav#nav-utility .nav-item .nav-link.nav-search span {
		display: block;
		width: 39px;
		height: 39px;
		background-position: center;
		background-size: 34px;
		background-repeat: no-repeat;
	}

    .navbar-nav#nav-utility .nav-item .nav-link.nav-search {
        width: 48px;
    }

    .navbar-nav#nav-utility .nav-item .nav-link.nav-bulb span {
        display: block;
		width: 47px;
		height: 47px;
		background-position: center;
		background-size: 37px;
		background-repeat: no-repeat;
    }

    .navbar-nav#nav-utility .nav-item .nav-link.nav-bulb {
        width: 55px;
    }

    .navbar-nav#nav-utility .nav-item .nav-link.nav-bulb {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-nav#nav-utility .nav-item .nav-link.nav-portal img {
        width: 32px;
		height: 40px;
    }

	.navbar-nav#nav-utility .nav-item .nav-link.nav-search span { 
        background-image: url('../img/icons/arosaenergie_web_Icon_Lupe.svg'); 
    }

	.navbar-nav#nav-utility .nav-item .nav-link.nav-bulb span { 
        background-image: url('../img/icons/nav-gluehbirne.png'); 
    }

	.navbar-nav#nav-primary {
	}
	.navbar-nav#nav-utility {
		/*margin-top: 11px;*/
		display: inline-flex;
		flex-direction: row;
	}
		#nav-icons {
			/*margin-top: 11px;*/
			display: inline-flex;
			flex-direction: row;
		}

	.navbar-nav#nav-utility .nav-item .nav-link:hover { opacity: 0.8; }

	/* Birne im Footer gleiche Höhe wie andere Navi Links*/
		.nav-item .nav-link.nav-bulb {
			display: block;
			width: auto !important; height: auto !important;
			position: relative;
		}
		.nav-item .nav-link.nav-bulb:after { content: ''; clear: both; }
		.nav-item .nav-link > .nav-bulb-icon {
			position: absolute;
			top: 35px;
			left: 30px;
            /* top: 12px;
            left: -20px; */
			width: 15px;
			height: 15px;
			border-radius: 50%;
            /* border-radius: 3px; */
		}
			#sitemap .nav-item .nav-link > .nav-bulb-icon {
				top: 14px;
				left: 0px;
			}
			#sitemap .nav-item .nav-link.nav-bulb {
				padding-left: 20px;
			}
		@media (max-width: 575px) {
			.breaker-netstatus .breaker-dot {
				bottom: 16px; left: 31px;
				width: 25px; height: 25px;
			}
		}
		@media (min-width: 576px) {
			.breaker-netstatus .breaker-dot {
				bottom: 15px; left: 37px;
				width: 30px; height: 30px;
			}
		}
		.nav-item .nav-link > .nav-bulb-icon.bulb-green, .breaker-netstatus .breaker-dot.dot-green 	{ background-color: rgba(104,164,84,1); }
		.nav-item .nav-link > .nav-bulb-icon.bulb-yellow, .breaker-netstatus .breaker-dot.dot-yellow	{ background-color: rgba(238,194,49,1); }
		.nav-item .nav-link > .nav-bulb-icon.bulb-red, .breaker-netstatus .breaker-dot.dot-red		{ background-color: rgba(177,59,60,1); }

		/*********** PHONE ***********/
		.navbar-nav#nav-utility .nav-item .nav-link.nav-bulb span {
			/*display: none;*/
		}

		/*********** DESKTOP ***********/
		@media (min-width: 1082px) {
			.navbar-nav {
				padding-top: 0px;
    		/*padding-right: 15px;*/
    		padding-bottom: 0px;
    		padding-left: 15px;
				margin-left: 105px;
			}
			.navbar-nav .nav-link {
				margin: 3px 3px 3px;
				display: table;
			}

			/*Wort Netzstatus beim Breakpoint und darüber */
			.navbar-nav .nav-link span {
				display: table-cell;
				vertical-align: bottom;
			}
		}

	/* ------ 2.2 TEASER ------ */
	#teaser {
		position: relative;
		min-height: 100px;
		width: 100%;
		background-color: rgba(230,230,230,1);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
		#teaser .page-teaser {
			max-height: 100%;
			position: relative;
		}

		#vector-125jahre {
			position: absolute;
			top: 0; bottom: 0;
			right: 0;
			width: 50%;
			height: 80%;
			opacity: 0.6;
			z-index: 34;
			background-position: right center;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url('../img/vector/125jahre.svg');
		}

	.page-teaser { height: 500px; }

	@media (max-width: 575px) {
		.page-teaser { height: 190px; }
	}
	@media (min-width: 576px) and (max-width: 767px) {
		.page-teaser { height: 370px; }
		#teaser .notification-container { padding-left: 50px; }	}
	@media (min-width: 768px) and (max-width: 991px) {
		.page-teaser { height: 400px; }
		#teaser .notification-container { padding-left: 50px; }
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.page-teaser { height: 460px; }
		#teaser .notification-container { padding-left: 50px; }
	}



		/* -- 2.2.1 TEASER-STÖRER -- */
		#teaser .breaker-netstatus {
			display: block;
			position: absolute; z-index: 50;
			right: 0px;
			height: 100px;
			background-image: url('../img/icons/statusbreaker-large.png');
			background-position: left;
			background-size: cover;
			background-repeat: no-repeat;
		}
			#teaser .breaker-netstatus:hover { opacity: 0.9; }
				#teaser .breaker-bulb {
					position: absolute;
					height: 100%;
					width: 20px;
				}
					#teaser .breaker-bulb .breaker-dot {
						position: absolute;
					}
				#teaser .breaker-text {
					position: absolute;
					top: 0;
					left: 96px;
					width: 190px; height: 100%;
					padding: 24px 2px;
				}
				#teaser .breaker-text h3 { font-size: 1.5rem; line-height: 1.5rem; margin-top: 0px; }
				#teaser .breaker-text p { font-size: 1rem; line-height: 0.9rem; }

		@media (max-width: 575px) {
			#teaser .breaker-netstatus {
				width: 245px; height: 80px;
				top: 15%;
			}
			#teaser .breaker-text {
				position: absolute;
				left: 88px;
				width: 145px;
				height: 100%;
				padding: 18px 2px;
			}
			#teaser .breaker-text h3 { font-size: 1.2rem; line-height: 1.3rem; }
			#teaser .breaker-text p { font-size: 0.8rem; line-height: 0.8rem; }
		}
		@media (min-width: 576px) and (max-width: 768px) {
			#teaser .breaker-netstatus {
				width: 290px;
				top: 15%;
			}
		}
		@media (min-width: 769px) {
			#teaser .breaker-netstatus {
				width: 360px;
				bottom: 10%;
			}
		}


	/* -- 2.3 CONTENT -- */
	#page {
		max-width: 1640px;
    	margin: 0px auto;
	}
	.bg-image {
		background-color: rgba(241,244,245,1);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	@media (max-width: 575px) {
		.page-content > .container { padding-left: 15px; padding-right: 15px; }
		#container-fields { padding-left: 45px; padding-right: 45px; }
	}

	.transparent { opacity: 0; }

	.page-content {
		padding-top: 35px;
		padding-bottom: 50px;
	}
	#content img {
		max-width: 100%;
	}

	/* -- 2.3.1 TEXT -- */
	.user-content .element-first { margin-top: 6px !important; }
	.user-content table {
		display: block;
		max-width: 100%;
		height: auto !important;
		overflow-x: auto;
		margin: 20px 0px;
	}
		.user-content table tr {
			border-bottom: 1px rgba(212,212,214,1) solid;
		}
			.user-content table tr:first-child { border-top: 1px rgba(212,212,214,1) solid; }
			.user-content table td {
				vertical-align: top;
				border: inherit;
			}
	.user-content ul, .user-content ol {
		padding: 0px 0px 0px 20px;
	}
		.user-content ul { list-style-type: disc; }
	.user-content blockquote { }
		.user-content blockquote p { margin-bottom: 0px; }
			.user-content blockquote p a { color: rgba(0,0,0,1) !important; }
	.user-content a, .user-content strong {
		font-weight: 500;
	}
		.user-content a, .block-person a { border-bottom: 1px solid rgba(0,0,0,1); }

	.user-content img {
		max-width: 100% !important;
		height: auto !important;
		margin: 15px 0px;
	}
	.user-content iframe { max-width: 100%; }

	/* -- 2.3.2 START -- */
	.pb-block a {
		background-color: rgba(57,104,170,1);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

		position: relative;
		display: block;
		overflow: auto;
		box-sizing: border-box;
		/*für rows */
		border-radius: 10px;
	}
		.pb-col { margin-top: 5px; margin-bottom: 5px; }
			.pb-block a > .row, .pb-block a > .row > div { margin: 0px; padding: 0px; height: 100%; }
		.pb-block > a > .row .ml-auto { padding-left: 0px; }
		.pb-block > a > .row .mr-auto { padding-right: 10px; }
		.pb-frame {
			background-color: rgba(57,104,170,0.5);
			background-blend-mode: multiply;
			position: relative;
			height: 100%;
			width: 100%;
			padding: 5% 5%;
			box-sizing: border-box;
		}
			.pb-block a:hover .pb-frame { background-color: rgba(57,104,170,0.6); }
			.pb-block a:active .pb-frame { background-color: rgba(57,104,170,0.7); }
			.pb-container {
				height: 100%;
				width: 100%;
				position: relative;
				display: -webkit-inline-flex;
				display: -ms-inline-flexbox;
				display: inline-flex;
			}


			.pb-frame .pb-container {
				display: table;
			}
				.pb-frame .pb-container .pb-content {
					display: table-cell;
					height: 100%;
					position: relative;

					/* Schrift im pb container */
					/*vertical-align: middle;*/
					text-transform: uppercase;
					color: rgba(255,255,255,1);
				}
					.pb-frame .pb-container .pb-content .pb-text {
						text-shadow: 0px 0px 1px rgba(0,0,0,0.5);
					}
						.pb-frame .pb-container .pb-content .pb-text span {
							border-bottom: 1px solid white;
							text-transform: none;
						}
					.pb-frame .pb-container .pb-floater {
						display: table;
						height: 100%;
					}
			.pb-block a { height: 370px; }
			@media (max-width: 575px) {
				.pb-block a { height: 135px; }
			}
			@media (min-width: 576px) and (max-width: 768px) {
				.pb-block a { height: 200px; }
			}
			@media (min-width: 767px) and (max-width: 991px) {
				.pb-block a { height: 280px; }
			}
			@media (min-width: 992px) and (max-width: 1199px) {
				.pb-block a { height: 320px; }
			}


	.tile-box {
		height: 100%;
		background-color: rgba(0,0,0,0.1);
		padding: 25px 25px;
		/* tiles */
		border-radius: 10px;
	}
	@media (max-width: 575px) {
		.tile-box {
			padding: 10px 10px;
		}
	}

	/* Grössere Schrift des Stelleninserats */
	.tile-box u a {
		font-size: 22px;
	}

		#container-tiles .col-tile { margin-top: 5px; margin-bottom: 5px; }

	/* -- 2.3.3 PRODUKTE -- */

	/* -- 2.3.4 FELDER -- */
	/* Abstand Felder nach oben */
	#container-tiles {
		margin-top: 30px;
	}

	#container-fields {
		margin-top: 0px;
	}
		#container-fields .h1, #container-infos .h1 {
			margin: 60px 0px 20px;
		}
		#container-fields .pad-field, #container-products .button-product {
			min-height: 95px;
			display: table;
			text-align: center;
			width: 100%;
			background-color: rgba(0,0,0,0.1);
			margin: 5px 0px;
			padding: 0px 10px;
			border-width: 0px;
		}

		@media (min-width: 576px) and (max-width: 767px) {
			#container-fields .pad-field, #container-products .button-product {
				min-height: 35px;
				margin-top: 4px!important;
			}
			}


		@media (max-width: 575px) {
			#container-fields .pad-field, #container-products .button-product {
				min-height: 35px;
				margin-top: 4px!important;
			}
		}
			#container-fields .pad-field span, #container-products .button-product span {
				display: table-cell;
				vertical-align: middle;
			}
				.pad-field span .field-display-title, .button-product span .field-display-title {
	 				text-transform: uppercase;
				}
				.pad-field span .field-display-description, .button-product span .field-display-description {
				}
			#container-products .button-product { margin: 10px 0px; }
			#container-fields .pad-field:hover, #container-products .button-product:hover, #container-products .button-product.button-primary  {
				color: rgba(255,255,255,1);
				background-color: rgba(205,166,0,1);
			}
				#container-products .button-product.button-primary:hover  {
					background-color: rgba(215,176,10,1);
				}

	/* -- 2.3.5 TEAM -- */
	.block-person {
		margin: 25px 0px;
	}
	.person-portrait {
		width: 100%;
		height: 280px;
		background-repeat: no-repeat;
		background-position: left;
		background-size: contain;
	}
	@media (max-width: 575px) {
		.person-portrait {
			max-width: 210px;
			background-position: left top;
			background-size: cover;
		}
	}

	/* -- 2.3.6 FORMULAR -- */
	#form-search.input-group {
		width: 100%;
		height: 50px;
	}
	input#field-searchterm {
		border: 0px;
		width: 50%;
	}
	#form-search .input-group-text{
		font-size: 22px;
		padding: 17px 0px 15px 10px;
		color: white;
	}
	input#field-searchterm, #field-searchterm {
		font-size: 20px;
		height: 35px!important
		;}

 label {
	 cursor: pointer;
 }
	.modal-footer.btn-primary {
		width: 100%!important;
		height: 65px;
	}
	#form-send.btn-primary {
		background-color: rgba(178,151,47,1);
		width: 390px;
		height: 65px;
		color: white;
	}
	@media (max-width: 575px) {
		#form-send.btn-primary {
			width: 100%;
			height: 40px;
		}
	}

	.input-group-prepend {
		width: 35%;
		background-color: rgba(170,171,169,1);
	}
	@media (max-width: 575px) {
		.input-group-prepend {
			width: 50%;
		}
	}
	.form-control {
		width: 50%;
		color: black!important;
		border: none!important;
	}
	.input-group {
		border-width: 3px 3px 3px 0px;
		border-style: solid;
		border-color: rgba(170,171,169,1);
	}

.input-group-text {
	background-color: transparent!important;
	border: none!important;
}


	form#form-template {
		opacity: 1;
		-webkit-transition: opacity ease 0.2s;
		-moz-transition: opacity ease 0.2s;
		-o-transition: opacity ease 0.2s;
		transition: opacity ease 0.2s;
	}
		form#form-template.form-inactive { opacity: 0.6; }

	#form label, #search label, #modalSearch label, #modalSearch input,
	#form-template select, #form-template input, #form-template textarea {
		box-sizing: border-box;
		border-color: rgba(212,212,214,1);
		border-radius: 0px;

		box-shadow: 0px;
		-webkit-transition: border-color ease 0.3s;
		-moz-transition: border-color ease 0.3s;
		-o-transition: border-color ease 0.3s;
		transition: border-color ease 0.3s;
		height: 25px;

	}
		#form-template textarea {
			min-height: 50px;
		}
		#form-template select:focus, #form-template input:focus, #form-template textarea:focus, #modalSearch input:focus {
			box-shadow: 0px;
			outline: 0px;
		}
		#form-template select.error, #form-template input.error, #form-template textarea.error, #modalSearch input.error { border-color: #C70D0D; }
		#form-template .text-error { color: #C70D0D; }
		#form-template select {
			height: auto;
		}
		button#form-send { opacity: 0.5; }
			button#form-send.btn-clickable { opacity: 1; }

		.btn.btn-primary, .btn.btn-secondary {
			font-weight: bold !important;
			text-transform: uppercase;
			-webkit-transition: color ease 0.3s, background-color ease 0.3s, opacity ease 0.1s;
			-moz-transition: color ease 0.3s, background-color ease 0.3s, opacity ease 0.1s;
			-o-transition: color ease 0.3s, background-color ease 0.3s, opacity ease 0.1s;
			transition: color ease 0.3s, background-color ease 0.3s, opacity ease 0.1s;
			box-shadow: none !important;
		}


			.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active,
			.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active {
				color: rgba(0,0,0,1) !important;
				box-shadow: none;
			}
			.btn.btn-primary:active, .btn.btn-secondary:active { opacity: 0.7; }

	#form label, #search label {
		background-color: rgba(212,212,214,1);
		color: rgba(255,255,255,1);
		/*margin: 0px 0px 10px;*/
	}

	/* -- 2.3.7 FRAGEN & ANTWORTEN -- */
	.accordion .card {
		border-radius: 0px !important;
		border-width: 0px;
		border-top: 1px rgba(212,212,214,1) solid;
	}
		.accordion .card:last-child { border-bottom: 1px rgba(212,212,214,1) solid; }

		.accordion .card-header {
			border-radius: 0px !important;
			border-width: 0px !important;
			background-color: transparent
		}
			.accordion .card-header h2 {
				margin: 0px;
			}
				.accordion .card-header h2 .btn {
					padding: 0px;
					text-transform: none;
					color: rgba(0,0,0,1);
					font-weight: normal;
					text-align: left;
					text-decoration: none !important;
				}
			.accordion .card-body {
				padding-top: 1px;
				padding-bottom: 5px;
			}

	/* ------ 2.4 SITEMAP ------ */
	#sitemap {
		background-color: rgba(0,0,0,0.1);
	}
		#sitemap ul li {
			/* Footer Navi schrift wieder mit Gross- und Kleinschreibung */
			/*text-transform: uppercase;*/
		}
		#sitemap ul li:last-child a { margin-left: 20px; padding-right: 0px; }

		@media (max-width: 767px) {
			#sitemap { display: none;	}
		}

	/* ------ 2.5 FOOTER ------ */
	footer {
		background-color: rgba(57,104,170,1);
		background-image: url('../img/fusszeile-gebirge.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding-top: 74px;
    padding-bottom: 54px;
	}
	@media (max-width: 575px) {
		footer {
			padding-top: 35px;
			padding-bottom: 35px;
		}
	}
		footer, footer a, footer p {
			color: rgba(255,255,255,0.6);
		}
		a.phone {
			border-bottom: 0px;
		}
		/* Unterstrich bei newsletter weg */
		a#newsletterNoUnderline {
			border-bottom: 0px;
		}

		footer p { margin-bottom: 0px; }
			footer a { border-bottom: 1px solid rgba(255,255,255,1); }
			footer a:active, footer a:focus { color: rgba(255,255,255,1); }

	/* ------ 2.5 SUCHE ------ */

/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 SCHRIFTEN ------ */
	#content ul li, #content ol li,p,.p,.subtitle, label, .field-text, .field-textarea, table, footer, select.field-select, .btn.btn-primary, .btn.btn-secondary, input, select, textarea, #cookie-law p,
	h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, .pb-text,.pad-field,.button-product,.notification-container,button, nav.navbar-light .navbar-nav .nav-link, .btn-light, .headline, #sitemap ul li, footer, .tooltip, .modal-content table th, .modal-content table td,
	#input-group-search .form-control::placeholder {
		font-family: bio-sans, sans-serif;
		font-weight: normal;
		font-style: normal;
	    -webkit-font-smoothing: subpixel-antialiased;
	}
	#input-group-search .form-control:-ms-input-placeholder {
		/*font-family: 'bio-sans light', 'Arial', sans-serif;*/
		font-family: bio-sans, sans-serif;
		font-weight: normal;
		font-style: normal;
	    -webkit-font-smoothing: subpixel-antialiased;
	}
	#input-group-search .form-control::-ms-input-placeholder {
		/*font-family: 'bio-sans light', 'Arial', sans-serif;*/
		font-family: bio-sans, sans-serif;
		font-weight: normal;
		font-style: normal;
	    -webkit-font-smoothing: subpixel-antialiased;
	}

	/* ------ 3.2 TITEL ------ */
	h1,.h1 {
		font-weight: bold;
		text-transform: uppercase;
		font-size: 38px;
		line-height: 40px;
		margin: 5px 0px 15px;
	}
	h2,.h2, h3,.h3 {
		font-weight: normal;
		margin: 18px 0px 3px;
		font-size: 21px;
		font-weight: bold;
		font-style: italic;
	}
	h4,.h4 {
		font-weight: bold;
		font-size: 20px;
	}
	.block-person h3, #form h3, .field-display-title {
		font-size: 26px;
	}

		#form-template h3, #form-template .h3 { margin-bottom: 10px; }

	.pad-field span .field-display-description, .button-product span .field-display-description {
		font-size: 15px;
		line-height: 20px;
	}
	.pb-frame .pb-container .pb-content .pb-text {
		font-size: 52px;
		line-height: 69px;
		/* Text im pad Modus linksbündig */
		text-align: left;
	}

	p,.p,#content ul li,#content ol li,#content table th,#content table td, #sitemap, #sitemap ul li, footer, footer p, footer a, .input-group-text, .tooltip, .modal-content table th, .modal-content table td {
		font-size: 19px;
		line-height: 28px;
	}

		/* Schriftgrösse im Footer anpassen */
		footer p, footer a{
			font-size: 16px;
			line-height: 24px;
		}

		/* Vertikaler Abstand zwischen newsletter Imperssum und Datenschutz */
		.col-6.text-right > p > a, .col-6.text-right > div {
			line-height: 28px;
		}

		/* Satz Ein Unternehmen der Gemeinde Arosa leicht dunkler */
		.col-6.text-right > p {
			color: rgba(255,255,255,1);
		}

		p,.p { margin-bottom: 15px; }
		#container-team h3, #container-team .h3 { text-transform: uppercase; }
		#container-team p, #container-team .p, .notification-container p, .notification-container .p { line-height: 22px; }

	.navbar-nav a.nav-link, .nav a.nav-link {
		font-size: 16px;
	}
	@media (min-width: 767px) and (max-width: 991px) {
		.navbar-nav a.nav-link, .nav a.nav-link {
			font-size: 14px;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.navbar-nav a.nav-link, .nav a.nav-link {
			font-size: 16px;
		}
		/*Footer Schriftgrösse der Links */
		a.nav-link span {
			/*font-size: 14px;*/
		}
	}
	@media (max-width: 575px) {
		h1,.h1,.pb-frame .pb-container .pb-content .pb-text {
			font-size: 19px;
			line-height: 20px;
			margin: 5px 0px 8px;
		}
		h2,.h2, h3,.h3 {
			font-size: 19px;
		}
		.block-person h3, #form h3, .field-display-title, .btn {
			font-size: 16px;
		}
		h4,.h4 {
			font-size: 11px;
		}
		.input-group-text {
			font-size: 13px;
			padding: 0px 7px;
		}
		p,.p, #sitemap, #sitemap ul li, footer, footer p, footer a {
			font-size: 13px;
			line-height: 24px;
		}
		#content ul li,#content ol li,#content table th,#content table td {
			font-size: 13px;
			line-height: 18px;
		}

		.navbar-nav a.nav-link, .nav a.nav-link {
			font-size: 13px;
		}

		.pb-frame .pb-container .pb-content .pb-text {
			font-size: 18px;
			line-height: 22px;
		}
	}

	@media (min-width: 576px) and (max-width: 767px) {
		h1,.h1,.pb-frame .pb-container .pb-content .pb-text {
			font-size: 26px;
			line-height: 30px;
			margin: 5px 0px 8px;
		}
		h2,.h2, h3,.h3 {
			font-size: 24px;
		}
		.block-person h3, #form h3, .field-display-title, .btn {
			font-size: 19px;
		}
		p,.p, #sitemap, #sitemap ul li, footer, footer p, footer a {
			font-size: 15px;
			line-height: 21px;
		}
		h4,.h4 {
			font-size: 13px;
		}
		.input-group-text {
			font-size: 17px;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		h1,.h1,.pb-frame .pb-container .pb-content .pb-text {
			font-size: 26px;
			line-height: 32px;
			margin: 5px 0px 8px;
		}
		h2,.h2, h3,.h3 {
			font-size: 28px;
		}
		.block-person h3, #form h3, .field-display-title, .btn {
			font-size: 21px;
		}
		p,.p, #sitemap, #sitemap ul li, footer, footer p, footer a {
			font-size: 17px;
			line-height: 24px;
		}
		h4,.h4 {
			font-size: 16px;
		}
		.input-group-text {
			font-size: 17px;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		h1,.h1,.pb-frame .pb-container .pb-content .pb-text {
			font-size: 32px;
			line-height: 40px;
			text-transform: none;
			display: flex;
		}
	}

	/* ------ 3.3 ALLGEMEIN ------ */
	a {
		color: rgba(0,0,0,1);
		outline: none !important;
		text-decoration: none !important;
		cursor: pointer;

		-webkit-transition: color ease 0.3s;
		-moz-transition: color ease 0.3s;
		-o-transition: color ease 0.3s;
		transition: color ease 0.3s;
	}

		a:hover { color: rgba(0,0,0,0.8); }
		a:active, a:focus { color: rgba(0,0,0,0.7); }

		.user-content a:hover, .block-person a:hover, footer a:hover { color: rgba(178,151,47,1); }

	.bg-transparent	{ background-color: rgba(255,255,255,0); }

	.bg-white	{ background-color: rgba(255,255,255,1); }
	.bg-white .pb-frame-tint { background-color: rgba(255,255,255,0.6); }

	.text-primary, .modal-body p a, .modal-body td a { color: rgba(238,194,49,1) !important; }

	.bg-theme { background-color: rgba(57,104,170,1); }
	.btn-light, .btn-primary { background-color: rgba(238,194,49,1); }
		.btn-light:hover, .btn-primary:hover { background-color: rgba(260,212,67,1); }
		.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
			background-color: rgba(250,202,57,1); }

	.btn-secondary { background-color: rgba(231,226,225,1); }
		.btn-secondary:hover { background-color: rgba(251,246,245,1); }
		.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
			background-color: rgba(241,236,235,1); }

	/* ------ 3.4 BUTTONS ------ */
	.btn {
		text-shadow: none;
		border-radius: 0px;
		border-width: 0px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.btn-light, .btn-primary,.btn-secondary {
		color: rgba(0,0,0,1);
		border-width: 0px;
	}
		.btn-primary,.btn-secondary {
			padding: 9px 35px;
			cursor: pointer;
			margin: 5px 0px 10px;
		}
	/*.btn-light { background-color: rgba(231,226,225,1); }*/
		a.btn-light:hover, a.btn-primary:hover { color: rgba(0,0,0,1) !important; }

		button:focus, .btn:focus, input:focus, select:focus { outline: 0 !important; box-shadow: none !important; }

	/* ------ 3.5 ICONS ------ */
	.icon-social {
		width: 28px;
		height: 28px;
		margin-top: 1px;
		display: inline-block;
		background-position: center;
		background-repeat: no-repeat;
	}
		.icon-social.icon-facebook {
			background-size: 12px;
			background-image: url('../img/socialmedia-facebook.png');
		}

	/* ------ 3.6 LISTEN ------ */
	ul {
		padding: 0px 0px 0px 0px;
	}
		ul li {
			margin-bottom: 0px;
		}

	#content ul {
		padding: 0px 0px 0px 20px;
	}

		#content ul li {
			list-style: disc;
		}

		/* Navi-Schrift im Header auf eine Linie gebracht */
		.navbar-collapse {
			flex-grow: 1;
			align-items: flex-start;
		}

/* ============================================= 4.0 FORMULAR ============================================= */


/* ============================================= 5.0 TABELLEN ============================================= */

table td {
	padding: 3px 10px;
	border: 1px #FFF solid;
}

td, tr {
	vertical-align: top;
}


/* ============================================= 6.0 SONSTIGES ============================================= */

	.fullwidth { width: 100%; }
	.clearer { clear: both; }

	/* ------ 6.1 ANIMATIONEN ------ */
	#teaser a, .pb-block a, .pb-block a .pb-frame, .btn, .pad-field, .button-product {
		-webkit-transition: background-color ease 0.3s, color ease 0.3s, filter ease 0.3s;
		-moz-transition: background-color ease 0.3s, color ease 0.3s, filter ease 0.3s;
		-o-transition: background-color ease 0.3s, color ease 0.3s, filter ease 0.3s;
		transition: background-color ease 0.3s, color ease 0.3s, filter ease 0.3s;
	}
	.navbar-nav#nav-utility .nav-item .nav-link, #teaser .breaker-netstatus {
		-webkit-transition: opacity ease 0.3s;
		-moz-transition: opacity ease 0.3s;
		-o-transition: opacity ease 0.3s;
		transition: opacity ease 0.3s;
	}

	/* ------ 6.2 ABSTÄNDE ------ */
	.nomargin {
		margin-bottom: 0px !important;
	}
	.my-content { margin-top: 80px; }
	.my-light { margin-top: 10px; margin-bottom: 10px; }
	.my-medium { margin-top: 20px; margin-bottom: 20px; }
		.my-heavy-top		{ margin-top: 80px; }
		.my-heavy-bottom	{ margin-bottom: 80px; }
		.my-strong-top		{ margin-top: 45px; }
		.my-strong-bottom	{ margin-bottom: 45px; }
		.my-medium-top		{ margin-top: 20px; }
		.my-medium-bottom	{ margin-bottom: 20px; }
		.my-light-top		{ margin-top: 12px; }
		.my-light-bottom	{ margin-bottom: 12px; }

	.py-light	{ padding-top: 20px; padding-bottom: 20px; }
	.p-all		{ padding: 20px; }

	@media (max-width: 991px) {
		.my-light-top {
			margin: 0px;
		}
	}

	/* ------ 6.3 ROYALSLIDER ------ */
	.royalSlider { overflow: hidden; }
	#teaser-royalSlider {
		width: 100%;
		max-height: 100%;
		color: #000;
	}
	.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
		background-color: transparent !important;
	}
	.sliderContainer {
		z-index: 100;
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
	}
		#teaser-royalSlider .rsMinW .rsBullets {
			left: 45%;
			right: 35%;
		}

	/* ------ 6.4 MODAL ------ */
	.modal {
		z-index: 99999!important;

	}
	.modal-content {
		position: absolute;
		border-radius: 0px;
	}
		.modal-dialog .modal-header {
			border-bottom-width: 0px;
		}
		.modal-dialog .modal-body {
			padding: 0rem 2rem;
		}
			.modal-dialog .modal-body table td {
				vertical-align: top;
			}
		.modal-dialog .modal-footer {
			border-top-width: 0px;
			padding-left: 35px;
			padding-right: 35px;
		}
			/*.modal-dialog .modal-footer .btn {
				margin: 0px;
			}*/

	/* ------ 6.5 HYPHENATOR ------ */
	.textmodule {
		hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
	}

	/* ------ 6.6 EU-Banner ------ */
	#cookie-law {
		width: 700px;
	    max-width: 100%;
	    background: rgba(51,102,153,0.8);
	    margin: auto;
		position: fixed;
		z-index: 1000;
		color: #FFF;
	}
		#cookie-law > .container { position: relative; }
		#cookie-law p {
			color: rgba(255,255,255,1);
			display: inline-block;
			text-transform: uppercase;
			text-align: right;
			margin: 0px;
		}
		#cookie-law a { color: rgba(255,255,255,1); text-decoration: underline !important; }
			#cookie-law a:hover { opacity: 0.8; }
		#cookie-law button {
			background-color: transparent;
			border-width: 0px;
			position: absolute;
			width: 30px;
			height: 30px;
			opacity: 1;
			cursor: pointer;

			-webkit-transition: opacity ease 0.3s;
			-moz-transition: opacity ease 0.3s;
			-o-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
		}
	/* X Button */
	/*	#cookie-law button:before, #cookie-law button:after {
			position: absolute;
			top: 2px;
			left: 14px;
			content: ' ';
			height: 25px;
			width: 3px;
			background-color: rgba(255,255,255,1);

			-webkit-transition: background-color ease 0.3s;
			-moz-transition: background-color ease 0.3s;
			-o-transition: background-color ease 0.3s;
			transition: background-color ease 0.3s;
		}
			#cookie-law button:before { transform: rotate(45deg); }
			#cookie-law button:after { transform: rotate(-45deg); }

			#cookie-law button:hover { opacity: 0.8; }*/

		/* OK Button */
		.Cookie-Button{
			font-weight: bold!important;
		}
	/*********** STUFE 1 XS ***********/
	@media (max-width: 575px) {
		#cookie-law {
			width: 100%;
			left: auto;
			right: auto;
			bottom: 0px;
			padding: 15px 70px 15px 20px;
		}
			#cookie-law button {
				top: 12px;
				right: 30px;
			}
	}
	/*********** STUFE 2 SM ***********/
	@media (min-width: 576px) and (max-width: 767px) {
		#cookie-law {
			width: 560px;
			top: 130px;
			left: auto;
			right: 0px;
			padding: 25px 78px 25px 30px;
		}
			#cookie-law button {
				top: 22px;
				right: 40px;
			}
	}
	/*********** STUFE 3-5 MD-XL ***********/
	@media (min-width: 768px) {
		#cookie-law {
			width: 700px;
			top: 150px;
			left: auto;
			right: 0px;
			padding: 35px 115px 35px 40px;
		}
			#cookie-law button {
				top: 34px;
				right: 70px;
			}
	}

	/* ------ 6.8 PRINT ------ */
	.visible-print {
		display: none;
	}

	#devmsg { font-family: 'Consolas','Verdana',sans-serif; position: fixed; z-index: 9999; top: 0px; left: 0px; background-color: rgba(0,0,0,0.6); color: rgba(255,255,255,1); padding: 5px 10px; text-transform: uppercase; font-size: 11px; }

	/*********** STUFE 1 XS ***********/
	@media (max-width: 575px) {

	}
	/*********** STUFE 2 SM ***********/
	@media (min-width: 576px) and (max-width: 767px) {
	}
	/*********** STUFE 3 MD ***********/
	@media (min-width: 678px) and (max-width: 1081px) {
	}
	/*********** STUFE 4 LG ***********/
	@media (min-width: 1082px) and (max-width: 1389px) {
	}
	/*********** STUFE 5 XL ***********/
	@media (min-width: 1390px) {
	}

	@-webkit-viewport   { width: device-width !important; }
	@-moz-viewport      { width: device-width !important; }
	@-ms-viewport       { width: device-width !important; }
	@-o-viewport        { width: device-width !important; }
	@viewport           { width: device-width !important; }