@CHARSET "UTF-8";
@import "/theme/ulber/style-w3norm.css";
@import "/theme/ulber/style-vorlagen1.css";  
@import "style-fontface.css";


:root {
	--col1: #333333; /* fast schwarz  Normal u Footerschrift*/
	--col2: #397b98; /* überschrift, links */
	--col3: #e4e4e4; /* hellgrau*/
	--col4: #749ab6; /* bg akzent*/
	--col5: #3E5865; /* rosagrau */
	--col6: darkgray; /* mobile navibg */
	//--col7: #E49D5D; /* Teas1*/
	--col8: darkgray; /* schrift */
	--col9: #CCCCCC; /* h bg */
	--col10: white; /* alt Schriftfarbe*/
	--col11: lightgray; /* body bg */
	--colpg29: #397b98; /* pg Start */
	--colpg44: #b9387b; /* pg Firma */
	--colpg46: #3e5766; /* pg Steuer, footer */	
	--colpg47: #638aa1; /* pg Insolvenz */	
	--colpg48: #cece11; /* pg Karriere */	
	--colpage: red; /* default */ 	
	--pad1: 15px;
	--pad2: 40px; /*Seitenpadding flixcontent*/
	--pad3: 150px; /*korr contentsatz*/	
	--wimax: 1200px; /*maxwidth*/
	--startimg: url(/theme/ulber/img/startheader.jpg); 
}
/* page-color */
.pg-29 {
	--colpage: var(--colpg29);
}
.pg-44 {
	--colpage: var(--colpg44);
}
.pg-46 {
	--colpage: var(--colpg46);
}
.pg-47 {
	--colpage: var(--colpg47);
}
.pg-48 {
	--colpage: var(--colpg48);
}
/* colpagecheck */
#colpage {
	width: 100%;
	height: 10px;
	background-color: var(--colpage);
	display: none;
}

/*allgemeine Formate*/

* {
	//box-sizing: content-box !important;
	//box-sizing: border-box !important;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.3em;
	overflow-x: hidden;
	color: var(--col1);
	background-color: var(--col10);
}
h1, h2, h3, h4, h5 {
	color: var(--col2);
	font-weight: 300;
	line-height: 1em;
	padding-top: 0.5em;
}
h1, h1.pgheader {
	width: 100%;
	margin: 0;
	padding: var(--pad2);
	font-weight: bolder;
	//font-size: 2.9rem;
	line-height: 1em;
	color: var(--col10);
	background-color: var(--colpg47);
}
h2 {
	font-size: 2.0em;	
}
h3 {
	font-size: 1.3em;	
}
a, a:focus, a:visited {
	color: var(--col2);
	text-decoration: none;
}
a:hover {
	//color: var(--col4);
	text-decoration: underline;
}

/* Liste spezial */
ul.ok{
	list-style: none;
	padding: 0;
}
ul.ok li{
	padding-left: 1.4em;
}
ul.ok li::before {
	content: "\f14a";
	font-family: "fontawesome";
	font-style: normal;
	font-weight: normal;
	font-size: inherit;
	display: inline-block;
	text-decoration: inherit;
	width: 1.4em; 
	margin-left: -1.4em;  
}

/*Boxes*/
#logo {
	position: relative;
}
#logo img {
	max-width: 320px;
	margin-top: 22px;
}
#main {
	//padding-top: 100px;
	background-color: var(--col10);
	margin: auto;
	max-width: var(--wimax);	
}

#flixcontent {
	//margin-bottom: 40px;
	//padding-left: var(--pad2);
	//padding-right: var(--pad2);
	background-color: var(--col10);
}
#flixcontent:after{
	
}
#headimg {
    //min-height: 70px;
}
header.top {
	background-color: transparent; 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 0px;
}
#startpageheader-wrp {
	position: relative;
}
.startpageimg {
	position: relative;
	line-height: 0;
  	background-image: var(--startimg);
  	width: 100vw;
  	height: 30vh;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;	
  	right: calc(50vw - 50%);
	margin-bottom: 50px;

}
#cloudbtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 225px;
	height: 200px;
	padding-left: 40px;
	text-transform: none;
	text-align: initial;
	overflow: hidden;

}
#cloudbtn a {
	display: block;
	position: relative;
	font-size: 0.9em;
	font-weight: bold;
	color: white;
	width: 250px;
	height: 150px;	
	padding-top: 70px;
	padding-left: 25px;
	background-color: rgb(0, 0, 0, 0.6);
	transform:  rotate(15deg);
	top: -25px;
	//z-index: 10;
}
#cloudbtn i.fa-cloud {
	font-size: 1.7em;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

/* mobile navi */
#menubtn {
	position: absolute;
	top: 0px;
	right: 0px;
	display: inline-block;
	width: 60px;
	height: 60px;
	color: var(--col10);
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
	background-color: var(--col4);
	padding: 0px;
	text-align: center;
	line-height: 1.4em;
}
nav.mobile {
	position: relative;
	background: rgba(20, 20, 20, 0.9);
	width: 100%;
	height: 100vh;
}
nav.mobile > ul {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
nav.mobile ul, nav.mobile li {
	list-style: none;
	padding: 0;

}
nav.mobile a, nav.mobile a:focus, nav.mobile a:visited {
	display: block;
	text-decoration: none;
	padding: 8px 20px;	
	font-size: 18px;
	font-size: 1.5em;
	line-height: 1.3em;
	color:  var(--col11);
	text-align: center;
	//text-transform: uppercase;
}
nav.mobile li li a, nav.mobile li li a:focus, nav.mobile li li a:visited  {
	//padding-left: 35px;
}
nav.mobile a.active, nav.mobile a:hover {
	//background-color: var(--col11);
	color:  var(--col11);
	text-decoration: none;
	font-weight: bold;
}

/* Desktop Navi*/
nav.desktop {
	position: absolute;
	top: 0;
	font-size: 1.5rem;
	padding: 10px;
	padding-top: 5px;
	//color:  var(--col2);
	text-align: center;
	min-height: 115px;
	width: 100%;
	//color: var(--col2);
	//background-color: var(--col10);
	background-color: transparent;
	//z-index: 1;
	//text-transform: uppercase;
}	
nav.desktop ul li {
	list-style: none;
	display: inline-block;
	position: relative;
}
nav.desktop ul ul {
	display: none;
	position: absolute;
	//top: 35px;
	//left: 18px;
	background-color: black;
	text-align: left;
	padding: 0;
}
nav.desktop ul ul a {
	display: block;
	width: 220px;
	padding: 15px;
	color: white;
}
nav.desktop li:hover ul {
	display: block;
}
nav.desktop li:hover ul li{
	display: block;
}
nav.desktop li+li::before {
	content: "|";
	padding: 0px;
	color: white;
}
nav.desktop li ul li+li::before {
	content: "";
	padding: 0px;
}
nav.desktop a {
	//color: var(--col2);
	color: white;
	padding-left: 10px;
	padding-right: 12px;
	padding: 10px;
	text-decoration: none;
}
nav.desktop a.active, nav.desktop a:hover {
	font-weight: bold;
	text-decoration: none;
}
.mobnavon nav.desktop {
	display: none;
}

#footertopborder.shiftright {
	height: 10px;
	background-color: #cece11 !important;
	border-color: #cece11 !important;
	width: 100vw;
}
#footerwrp.shiftright {
	background-color: var(--colpg46) !important;
	border-color: var(--colpg46) !important;
}
footer, #footerwrp {
	/* display: flex; */
	font-size: 0.9em;
	//font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	background-color: var(--colpg46);
	border-color: var(--colpg46);
	color: white;
}
.footerbox {
	min-height: 30px;
	padding: 10px var(--pad2);
	background-color: inherit;
	color: white;
}
.footerbox h2, .footerbox h3 {
	color: white;
}
.footerbox ul {
	list-style: none;
	padding: 0;
}
.footerbox a, .footerbox a:hover, .footerbox a:focus, .footerbox a:visited {
	text-decoration: underline;
	color: white !important;	
}
.footerbox a:hover {
	font-weight: bold;
}



/* Vorlagen */
.pg.wr, .pg .wri {
	border: none !important;
	padding: 0;
}
.wri {
	background-color: var(--col10);
}
.pg .wri.welcome {
	background: none;
}
.pg.p1 {
	background-color: var(--col10);
	padding: var(--pad2);
}

.pghome .grd {
	display: grid;
	grid-template-columns: auto;
	grid-gap: var(--pad2);
	padding: 0;
}
.pghome .grd > div {
	color: white;
}

.pghome .feature {
	background-color: inherit;
	height: 100%;
	padding-top:  var(--pad2);
	padding-bottom:  caLc(var(--pad2) / 2);
	font-size: 1.15em;
}
.pghome .c1 {
	background-color: var(--colpg46);
}
.pghome .c2 {
	background-color: var(--colpg48);
}
.pghome .c2 img {
	padding: 0;
	height: auto !important;	
}
.pghome .c3 {
	background-color: var(--colpg47);
	padding: 0;
	line-height: 0;
	/* padding: 40px; */
	text-align: center;
}
.pghome .c3 img{
	width: 100%;
	height: 400px !important;
	object-fit: cover;
}
.pghome .c4 {
	background-color: #4c7b8f;
}
.pghome .feature p, .pghome .feature h3, .pghome .feature ul {
	padding-left: var(--pad2);
	padding-right: var(--pad2);
	color: var(--col10) !important;
	font-weight: bolder;
}
.pghome .feature h3 {
	font-weight: bolder;
	font-size: 1.5em;
}
.pghome .feature ul {
	padding-left: calc(var(--pad2) * 1.5);
}
.pghome .feature a {
	color: var(--col10) !important;
	font-size: 1.15em;
}
.pghome .feature p:last-of-type {
	text-align: right;
}




.wr.spaltensatz {
	padding: var(--pad2) !important;
	column-width: 350px;
	column-gap: 40px;
}

.extra1 .pg.p1 {
	background-color: var(--colpg47);
	color: var(--col10);
	padding-top: 0;
	//font-weight: bolder;
	font-size: 1.2em;
	line-height: 1.2em;
}
.extra1 .pg.p1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.3em;
	line-height: 1.3em;
}
.extra1 .pg.p1 a, .extra1 .pg.p1 a:hover, .extra1 .pg.p1 a:focus, .extra1 .pg.p1 a:visited {
	text-decoration: underline;
	color: white !important;	
}
.extra1 .pg.p1 a:hover {
	font-weight: bold;
}


/* Img, Imgcaption & float */
img {
	max-width: 100%;
	height: auto !important;
}
figure {
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0, 0, 0, 0.05);
	padding: 10px;
	margin: 0px 0px;
	display: inline-block;
	max-width: 95%;
}
figure>figcaption {
	text-align: center;
	display: block; /* For IE8 */
}
a>img {
	padding: 1px;
	border: none;
	/* outline: 1px solid #0782C1; */
}
img.mwinopen:HOVER, a:HOVER>img {
	opacity: 0.4;
}

img.buw {
	 filter: grayscale(100%);
}
img.buw:hover {
	filter: none;
}

/* Positionenierung in Edit-Klassen*/
.align-left {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 3px;
	margin-bottom: 15px;
}
.align-right {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 3px;
	margin-bottom: 15px;
}
.align-center {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 15px;
}

/* accordion */
.accordion:nth-of-type(odd), .accordion:nth-of-type(odd) + div {
	background-color: #c6c6c6;
}
.accordion-wrp {
	background-color: #F6F6F4;
}
h6.accordion {
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #842e84;
}

/** Sonderformate **/
blockquote {
	display: block;
	color: white;
	background-color: var(--colpage);
	border: none;
	padding: 20px;
	margin: 0;	
}
blockquote * {
	color: white;
}
blockquote a {
	font-weight: bolder;
}
blockquote a::hover {
	text-decoration: underline;
}
blockquote strong {
	font-weight: bold;
}

#mymap {
	width: 100vw;
	position: relative;
	right: calc(50vw - 50%);
}

/* po, Beitrïäge (#po90 | .powrap90 markiert Beitrag 90) */
.aktuelles {
	display: flex;
  	flex-wrap: wrap;
  	align-content: stretch;	
}
.powrap {
	background-color: #E8E8E8;
	padding: 15px;
	margin-bottom: 50px;
  	width: 40%;
  	flex-grow: 1;	
}
.powrap:nth-of-type(even), .iseven .powrap:nth-of-type(even) {
	margin-left: 20px;
}
.powrap p, .powrap ul, .powrap ol {
	//color: #666666;	
}
.powrap h2, .powrap h3 {
	//color: #4a4a4a;
	margin-top: 0;	
}
.pocontent * {
	padding-left: 0px;
}
h2.po, .pocontent p, .pocontent h3, .pocontent h2 {
	//padding-left: 20px;
	//padding-right: 15px;
}
.pocontent ul {
	//margin-left: 20px;
}
.pocontent p:first-child img {
	//max-width: 250px;
	margin-right: 20px;
	//float: left;
}
.powrap:after {
	content: ' ';
	display: block;
	clear: both;
}
.powrap.active .pomor, .powrap .pozu {
	display: none;
	clear: both;
}
.powrap.active .pozu {
	display: inline-block;
}
.pomor, .pozu, .poslinks a {
	//color: white;
	font-weight: 500;
	//background-color: #842e84;
	display: block;
	clear: both;
	//padding: 0 20px 0 20px;
	line-height: 2.5em;
	//margin-top: 40px;
}
.poslinks a {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 10px;
	margin: 10px 10px 0 0 ;
}
a.pomor {
	text-decoration: none;
}
.pomor:HOVER, .pozu:HOVER  {
	cursor: pointer;
}
span.pomor:after {
	content: 'MEHR INFO >';
	text-decoration: none;	
}
.pozu {
    width: 100%;
	text-align: right;
}
.pozu:after {
	content: "\f139";
	font-family: "FontAwesome";
	font-size: 1.5em;
	clear: both;
}
.poslinks::before {
	display: block;
	content: '';
	clear: both;
}
.ponext:after {
	content: "vor";
}
.poback:after {
	content: "zurück";
}
.posummary:after {
	content: "Übersicht";
}

/* Imgage aspect ratio scaling */
.img-aro {
	position: relative;	
	padding-top: 45%;
	width: 100%;
}
.img-ari {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.img-ari img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;		
}

/* carousel */
.carousel {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}
.carousel .aro {
	position: relative;	
	padding-top: 45%;
	width: 100%;
}
.carousel .ari {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.carousel img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;	
}
.carousel .dots {
	position: absolute; 
	top: -40px;
	width: 100%;
	height: 40px;
	background-color: transparent;
	z-index: 1;
}
.carousel .dot {
  	height: 10px;
  	width: 10px;
  	margin: 0 4px;
  	background-color: #bbb;
  	border-radius: 50%;
  	display: inline-block;
}
.carousel .dot.active {
	background-color: var(--col4);
}
.carousel .txt {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px 30px;
	max-width: 90%;
	min-width: 60%;
	color: white;
	font-size: 2.8rem;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	background-color: rgba(0, 85, 143, 0.8);
	hyphens: manual;
}
.carousel .txt span {
	font-size: 1.8rem;
	line-height: 1.8rem;
	display: inline-block;
	hyphens: manual;
}
.carousel .hide {
	display: none;
}

/* container styles for individual page  */
.imgcover {
	line-height: 0;
	padding: 0;
	margin: 0;
}
.imgcover * {
	padding: 0;
	margin: 0;
	line-height: 0;
}
.imgcover img {
	object-fit: cover;
	height: 100% !important;
	filter: grayscale(100%);
}
.imgcover img:hover, img .buw:hover {
	filter: none;
}

.pg.p1.bgcol1, .bgcol1 {
	background-color: #f1f1f1;
}
img .buw {
	filter: grayscale(100%);
}

@media (max-width:400px) {
}

@media (min-width:601px) {
	.fc.feature > div {
		width: 48.2%;
		float: left;
		margin-right: 20px;
	}
	.fc.feature > div:nth-of-type(2), .fc.feature > div:nth-of-type(4) {
		margin-right: 0px;
	}
	.startpageimg {
		height: calc(100vh - 145px);
	}
	.pghome .c3 img{
		height: 700px !important;
	}
}
@media ( max-width: 600px) {
	.carousel .txt {
		font-size: 1.5rem;
	}
	.carousel .txt span {
		display: none;
	}
	.dots {
		display: none;
	}
	.carousel .aro {
		padding-top: 60%;
	}
	body {
		font-size: 16px;
		--pad2: 18px;
	}
	.imgcover {
		display: none;
	}
	h1, h1.pgheader, #footerheading {
		//font-size: 2em;
	}
	h1, h2, h3, h4, h5 {
		font-weight: 400;
	}
	#hometxt.pghome {
		font-size: 10px !important;
	}
	#logo img {
		max-width: 230px !important;
	}
	.extra1 .pg.p1 {
		font-weight: 300;
	}
	.pghome .feature p, .pghome .feature ul {
		font-weight: 300;
	}
	.pghome .feature ul {
		padding-left: 35px;;
	}
	#footerwrp {
		//padding-left: 15px;
	}
	.pghome .wri.c1, .pghome .wri.c2 {
		margin: 0 0 17px 0;
	}
	#cloudbtn {
		width: 270px;
		right: -60px;
	}
	#cloudbtn a {
		height: 130px;
		top: -35px;
	}
}

@media (min-width:936px) {
	#menubtn  {
		//display: none !important;
	}
	.pghome #menubtn {
		display: none;
	}
	.pghome.mobnavon #menubtn {
		display: block;
	}
	.pghome .grd {
		grid-template-columns: auto auto;
	}
	.pghome .c3 {
		padding: 0px;
	}
	.pghome .c3 img{
		width: 100%;
		height: 630px !important;
	}
	footer, #footerwrp {
		display: flex;
	}
	.footerbox {
		width: 33.3%;
	}
}
}
@media (max-width:935px) {
	nav.desktop {
		display: none;
	}
	#logo {
		//padding-bottom: 20px;
	}
	#logo img {
		//max-width: 350px;
		//margin-left: 22px;
	}
	#footerwrp {
		display: block;
	}
	#footerwrp .footerbox {
		width: 100%;
	}
	
	#hometxt.pghome {
		font-size: 16px;
	}
}

@media ( min-width: 1201px) {
	* {
		--borderwi: calc(50vw - var(--wimax) / 2);
		--shiftx: calc(var(--wimax) / 2 - 50vw);
		//--shiftcol: red;	
		
	}		
	.shiftright, .imgwide2.wri {
		position: static;
		width: 100vw;
		transform: translateX(var(--shiftx));
		border: solid var(--borderwi) var(--colpage, gray) !important;
		border-top: none !important;
		border-bottom: none !important;
		background-color: var(--colpage);
	}
	div.imgwide2.wri img {
		width: var(--wimax) !important;
	}
	#cloudbtn {
			right: calc(var(--wimax) / 2 - 50vw);
	}
}
@media ( max-width: 1200px) {
	.wr.spaltensatz {
    	//padding: 0px 0 0px 0 !important;
	}
	#hometxt.pghome {
		font-size: 17px;
	}
	div.imgwide2.wri img {
		//border-top: 10px solid var(--colpage) !important;
		border-top: 10px solid #cece11 !important; 
	}
}
@media ( min-width: 1470px) {
	#logo img {
		transform: translateX(-125px);
	}
	#menubtn {
		width: 90px;
		height: 90px;
		font-size: 60px;
		right: calc(50vw - var(--wimax) / 2 - 140px);
	}
}

@media print {
  nav, #menubtn, #startpageheader-wrp, #footertopborder {
	  display: none;
  }
  #footerwrp.shiftright * {
	  color: black !important;
	  background-color: lightgray !important;
  }
}