/*	-------------------------------------------------------------- */
/*	CSS STYLESHEET COPYRIGHT WEBMULTIMEDIA GMBH, BERN - JAN CIBULA 
/*	-------------------------------------------------------------- */



/* 
Hauptfarbe dunkelblau   			0B00B2 
Hauptfarbe starkes blau   			0054a1 
grau 333
*/




/*	-------------------------------------------------------------- */
/*	SCHRIFTART											   
/*	-------------------------------------------------------------- */

/*@import url('https://fonts.googleapis.com/css?family=Quicksand:300');*/
@import url('https://fonts.googleapis.com/css?family=Oxygen');




/*	-------------------------------------------------------------- */
/*	BASICS 												   
/*	-------------------------------------------------------------- */



html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	box-sizing:border-box;
	background-repeat: no-repeat;
	background-attachment: fixed !important;
	background-position: top center;
	background-size: cover;
	margin:0;
	overflow-y:scroll;
	color:#000;
    font-size:1.2em;

}

/* RESET DEFINITIONEN */
div {
	box-sizing:border-box;
	margin:0px;
	padding:0px;
}

img {
	border:none;
}


/* SCHRIFTARTEN */

body, input, textarea {
	color: #000;
	font-family: 'Oxygen', sans-serif;
}
h1,h2,h3, #easyheader, #easyheader, .logotitel {
	color: #0054a1;
	font-family: 'Oxygen',  sans-serif;
}


/*	-------------------------------------------------------------- */
/*	LINKS											  			   
/*	-------------------------------------------------------------- */

a:link, 
a:visited  {
	color: #333;
	text-decoration:none;
}
a:hover,
a:active,
a.standpunkt {
	color: #0054a1;
	/*text-decoration:underline;*/
}
.linkdeaktiviert {
	pointer-events: none;
   	cursor: default;
	color:#ccc !important;
}
.not-active {
  /* pointer-events: none;*/
   cursor: default;
   opacity:0.5;
}





/*	-------------------------------------------------------------- */
/*	NAVIGATION											  			   
/*	-------------------------------------------------------------- */


.hauptmenu a {
	padding: 10px;
	display:inline-block;
}
.hauptmenu{
	/*display:table-row;
	width:100%;*/
	display:block;
	float:right;
	margin-top:10px;
	}

.untermenu{
	margin-top:10px;
	display:block;
	width:100%;
	font-size:0.85em;
	}	






/*	-------------------------------------------------------------- */
/*	FOOTER TO TOP										  			   
/*	-------------------------------------------------------------- */
#easyfooter {
	margin-top:30px;
	border-top:1px solid #ddd;
	padding:10px 0px 0px 0px;
}
#easyfooter a:link, #easyfooter a:visited, #easyfooter a:hover, #easyfooter a:active {
	background:none !important;
	font-weight:normal !important;
}
#easyfooter a:hover {
	color:#333 !important;
}
.easytotop {
	background-color:rgba(255,255,255,0.9);
	border:1px solid #333;
	padding:10px; 
	font-weight: bold;
	position:fixed;
	bottom:30px;
	right:20px;
	display:none;
}
/*	-------------------------------------------------------------- */
/*	ENDE FOOTER TO TOP										  			   
/*	-------------------------------------------------------------- */




/*	-------------------------------------------------------------- */
/*	TITEL, ABSATZ, FORMULARE										  			   
/*	-------------------------------------------------------------- */

h1, h2, h3, h4 {
	font-weight: bold;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}
h3 {

}

hr {
	border:1px solid #fff;
}
fieldset {
	border:1px solid rgba(222,222,222,0.9);	
	margin-bottom:10px;
}


input, select, textarea {
	line-height: 1.625em;
}

/* LISTEN */

ul {
	padding-start: 20px;
	-moz-padding-start: 20px;
    -webkit-padding-start: 20px;
	list-style-type: none;
}
ul li {
	line-height:1.2em;
	color:#111;
	margin-left:20px;  
	padding-left: 1em; 
  	text-indent: -.7em;
	padding-bottom:10px;
}
ul li::before {
  content: "• ";
  color:#0054a1; /* or whatever color you prefer */
}

/*	-------------------------------------------------------------- */
/*	LAYOUT ELEMENTE								  			   
/*	-------------------------------------------------------------- */

.ausblenden {
	display:none !important;	
}

.einblenden {
	display:block !important;	
}
/* AUSRICHTUNGEN */

.overflow_fix {
	overflow:hidden;	
}
.clear_fix {
	clear:both;
	height:1px;
	width:100%;	
}



.klein {
	font-size:0.8em !important;
}
.sehrklein {
	font-size:0.7em !important;
}
.erfolg {
	/*padding:30px;*/
	color:#669966 !important;
}
.fehler {
	color:#f00;
}
.icon {
	padding-right:6px;
}
.icon-klein {
	font-size:15px !important;
	margin:7px !important;
}

.easy_animation {	
	-moz-transition:all ease-in-out  0.4s;
	-o-transition:all ease-in-out  0.4s;
	-webkit-transition:all ease-in-out  0.4s;
	transition:all ease-in-out  0.4s;
}




/*	-------------------------------------------------------------- */
/*	STRUKTUR DIV-LAYOUT											  			   
/*	-------------------------------------------------------------- */
#easycontainer {
	width:100%;
	max-width:1600px;
	margin:0 auto;
}

#easycontent {
	padding:10px 60px;
}
#easyheader {
	padding:20px 40px 25px 40px;
	font-size:1em;
	overflow:hidden;
	width:100%;
	position:relative;
}

.jahre20{
	position:absolute;
	bottom:1rem;
	left:45%;
	width:4rem;
	height:4rem;
	z-index:333;
	transform: rotate(10deg);
}
.jahre20 img{
	width:100%;
}

.inhalt {
	
}
#easycontent h2 {
	margin-top:20px;
	background:rgba(255,255,255,0.6);
}
.content_header{
	background:rgba(0,84,161,0.2) !important;
}
#easyheader img {
	float:left;
}



#logoheader {
	position:relative;
	height:130px;
	overflow:hidden;
	padding:10px 0px;
}
.bild_liste_1{
	float:right;
	max-width:50%;
	padding-left:30px;
	max-height:200px;
}
.bild_liste_1:hover{
	cursor:zoom-in;
}


.logo {
	/*background:rgba(255,255,255,0.8);*/
	border-radius:0px;
	float:left;
}
.logo img{
	border-radius:0px;
	max-height:130px;
}

.treuhandsuisse{
	margin-left:30px;
	margin-top:10px;
	height:40px;
}

.logotitel {
	color:#437454;
	margin-bottom:0px;
	font-size:2.2em;
	letter-spacing:0.2em;
	text-transform:uppercase;
}
.logoclaim{
	color:#437454;
	font-size:1.2em;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}

.bild_volle_breite {
	height:450px;
	transition:all ease-in-out 0.4s;
	background-size: cover;
	background-attachment: fixed;
}

.titel_bild{
	height:550px;
}
.titel_bild img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: top;
}

@media(max-width: 1000px) {
.titel_bild{
	height:450px;
	width:100%;
}
.titel_bild img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: top;
}
}

.teamcontainer {
	display:flex;
  	flex-wrap:wrap;
}

.team {          
	width:48%;
	height:auto;
	padding:5px;		
	font-size:0.9em;
	border:1px solid #fff;
}
.team img{   
	object-fit: cover;
	object-position: top;
	width:100%;
    max-height:500px;
}
.team_link {
}
.team_info {
}


/*	-------------------------------------------------------------- */
/*	EIGENE KLASSEN											  			   
/*	-------------------------------------------------------------- */



.easygalerie {
	
}
.easygalerie div {
	width:33%;
	/*padding-bottom:24%;*/
	padding:10px;
	overflow:hidden;
	position:relative;
	float:left;
	border:0px solid #ccc;
	max-height:200px;
	text-align:center;
}
.easygalerie div img {
	max-width:100%;
	max-height:160px;

}
.easygalerie div span {
	max-height:200px;
}


.kartenfoto {
	height:auto;
	max-height:200px;	
}


/*	BILDEFFEKT ROLLOVER */
.bilderbox {
	padding:0px;
	margin:0px;
	overflow:hidden;
	width:100%;
}


.linktitel {
	display:inline-block;
	padding:10px;
	border:1px solid #ddd;
}


.seiten_titel {
	color:#0054a1;
}


	
	.table{
		display:table !important;
		width:100% !important;
	}
	
	.table_cell{
		display:table-cell !important;
		width:48% !important;
	}










@media(max-width: 1020px) {
	.bilderbox {
		padding-right:0 !important;
		background-size:cover;
		background-position:center
	}
}

.bilder {
	/*
	background-color:#efefef;
	border:5px solid #efefef;
	*/
	overflow:hidden;
	position:relative;
	margin-bottom:5px;
}

.bilder-klein {
	/*
	background-color:#efefef;
	border:5px solid #efefef;
	*/
	overflow:hidden;
	position:relative;
	height:80px;
}
.bilder img {
	padding:0;
	margin:0;
	display:block;
	width:100%;
	-ms-transform: scale(1.0); /* IE 9 */
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
}
/*
.bilder img:hover{
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2); 
}
*/
.bilder_titel {
	z-index:20;
	position:absolute;
	padding:10px;
	top:0px;
	height:auto;
	color:#fff;
	background:rgba(33,33,33,0.3);
	border-bottom:1px solid #333;
	line-height:1em !important;
}

.vorschau_objekte {
	padding:0px 10px 10px 0px; 
	line-height:1em !important;
}

#videogallery {
	
}
#videogallery a:hover {
	text-decoration: none;
	
}


/*	-------------------------------------------------------------- */
/*	FORMULAR											  			   
/*	-------------------------------------------------------------- */

#formular {
	padding:20px 0px;
	text-align:left;
	letter-spacing:1.1px;
    line-height:1.5em;
}
#formbox div {
	padding:10px 0;
	text-align:left;
}
#formbox div.captcha input {
	width:30%;
}
#formbox div.captcha img {
	
}

#formspez {
}
#formspez div,
#formspez h2 {
	background-color:#F3F3F3;
	padding:10px;
	margin:10px 0;
}
#formspez h2 {
	margin-top:30px;
}
.formspezupload div {
	padding:0;
}


input,
select,
textarea {
	font-size:1em !important;
	background-color:#cdcdcd;
	color:#121212 !important;
	border:none;
	padding:8px;
	width:98%;
}
input:focus, textarea:focus {
	color:#111;
	background-color:#cdcdcd;
}

input[placeholder], [placeholder], *[placeholder] {
	color:#343434 !important;
	padding:8px;
}
/* Webkit */
::-webkit-input-placeholder { color: #343434; 
	padding:8px;
	}
/* Firefox 4-18 */
:-moz-placeholder { color: #343434;
	padding:8px;
	}
/* Firefox 19+ */
::-moz-placeholder { color: #343434;
	padding:8px;
	}
/* IE10+ */
:-ms-input-placeholder { color: #343434;
	padding:8px;
	 }


textarea {
	height:70px;
}
input[type=submit],
input[type=button] {
	cursor:pointer;
	text-align:left;
	width:auto;
	padding:8px;
	margin:30px 10px 0 0;
	background-color:#343434;
	color:#cdcdcd !important;
}
input[type=submit]:hover,
input[type=button]:hover {
	background-color:#cdcdcd;
	color:#121212 !important;
}
input[type=radio],
input[type=checkbox] {
	width:auto;
}

table a{	
	/*color: #CF69D5 !important; */
	font-weight:bold;
}



#sendprogress {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	background-color:rgba(255,255,255,0.5);
	line-height:100%;
	display:none;
}
#sendprogress .fa {
	position:absolute;
	top:50%;
}


.smallfa{
	font-size:0.8rem !important;
	color:rgba(35,67,128,1.00);
}

/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */


 /* ---------------------------- 1050px ---------------------------- */
 /* ---------------------------- 1050px ---------------------------- */
 /* ---------------------------- 1050px ---------------------------- */


@media(max-width: 1050px) { 
	
	.hauptmenu a {
		font-size:0.85em;
        
	}
	
	.untermenu{
		font-size:0.8em;
	}
	
	#easyheader {
		padding:10px 40px 20px 40px;
	}
	

}



 /* ---------------------------- 900px ---------------------------- */
 /* ---------------------------- 900px ---------------------------- */
 /* ---------------------------- 900px ---------------------------- */


@media(max-width: 900px) { 

	html {
	}
	body {
		font-size:1em;	
	}

		#easy_header_top{
			display:none;
		}
	.einblenden {
			display:block !important;
			width:100%;	
	}

	.ausblenden {
		display:none !important;	
	}

	.links_float, .rechts_float, .inhalt_rechts, .breite_75, .breite_66, .breite_50, .breite33, .breite_25 {
			display:block;
			width:100%;
			text-align:left;
	}

	.tabellen_zelle {
			display:block;
			width:100%;	
	}
    #easycontainer {
        padding:2rem;
    }   
    #easyheader {
        display:block;
        text-align:center;
    }   
    #easyheader a{
        display:block;
        text-align:center;
    }
    .bild_volle_breite {
        display:none;
    }
    .hauptmenu {
        display:block;
        float:none;
        margin-top:150px;
    }
    .hauptmenu a {
        font-size:1em;
        display:block;
        width:100%;
        border-bottom:1px solid #888;
        text-align:center;
	}
    .hauptmenu a:first-child {
        border-top:1px solid #888;
	}
	
	
	.jahre20{
		top:6rem;
		width:4rem;
		height:4rem;
		left:80%;
		z-index:333;
}
	
	
	.untermenu{
		font-size:0.8em;
	}
    .hide {
        display:none;
    }
    .team {
        width:100%;
    }
    #easyfooter a {
        font-size:1.2em;
        display:block;
        width:100%;
        border-bottom:1px solid #888;
        text-align:center;
        padding:1rem;
	}
	h1 {
		font-size: 1.4em;
	}

	h2 {
		font-size: 1.1em;
	}




	html, body {
		margin:0px;
		padding:0px;
		width:100%;
	}

	#easycontainer {
		top:2%;
		position:relative;
		padding:0px;
		margin:0 auto;
		border-radius:5px 5px 0px 0px;
	}
	
	#easyheader {
		padding:20px 10px;
	}
	
	#easycontent {
		padding:20px 10px;
	}

	#close_container {
	display:none !important;
	}

	/* AUSBLENDEN */
	#breadcrumb, #banner-fade {
		display:none;
	}

	.fa-navicon {
		margin:10px 0px 14px 0px;
	}

	#easyiso .item { 
		width: 50%;
		width: 48%;
	}

	.easytotop {
		bottom:50px;
		right:15px;
	}
	#quicklinks {
		display:block;
		width:100%;
	}
	.easygalerie div span {
		font-size:0.8em;
	}
	#formular {
		padding:0px;
	}
	#formbox div {
		padding:0px;
	}
	.bilder-klein {
		height:auto;
	}
	.bilder-klein img {
		width:100%;
		padding-bottom:5px;
	}





	#easyiso .item { 
		display:block;
		width:100%;
		padding:0;
		margin:0 0 20px 0;
	}
	#easyiso .item img { 
		display:block;
		width:100%;
		height:initial !important;
		padding:0;
		margin:0;
	}

	
	
	.easygalerie div {
		max-height:none;
	}
	.easygalerie div img {
		max-height:none;

	}

	
	.logotitel {
		margin:0px;
	}
	
	
	
	.table{
		display:block !important;
		width:100% !important;
	}
	
	.table_cell{
		display:block !important;
		width:100% !important;
	}
	
	
}