@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600|Open+Sans:400,600');

@import "uh_navigator.css";
@import "uh_jumbotron.css";
@import "uh_textblock.css";


@import "uh_footer.css";
@import "uh_header_v1.css";
@import "uh_button.css";

@import "uh_trip_reports.css";


body {

    --bg_nav:rgba(40, 56, 75, 0.02);
	--bg_nav:rgba(139, 215, 252, 0.01);
	--bg_nav:#fff;

	--bg_unav:#B2C5D7;

    --bg_footer: #9dafc1;
    --hellblau_1: rgba(80, 187, 255, 0.5);
	--hellblau_1: #a7ddff;

    --button_bg: rgba(40, 56, 75, 0.8);
    --button_bo: rgba(139, 215, 252, 0.4);
    --button_bg_hv: rgba(40, 56, 75, 1);
    --button_bo_hv: rgba(40, 56, 75, 1);



    font-family: 'Open Sans', sans-serif;
	font-size: 16px;
    font-weight: 400;
    line-height: 1.7em;

    color: #28384b;
}




.cf:after {content:"."; clear:both; display:block; visibility:hidden; height:0px;}

.mt-5 {margin-top: 5rem !important;}
.mb-5 {margin-bottom: 5rem !important;}
.mb-7 {margin-bottom: 7rem !important;}
.mb-10 {margin-bottom: 10rem !important;}

.container {max-width:1200px;}


h1, h2, h3 {
    font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
    color:rgba(40,56,75,0.9);
}



.main {margin-top:95px;}




/*

.embed-container {
	position:relative;
	background-color:rgba(177,191,205,0.3);
	height:0;
	overflow:hidden;
	max-width:100%;
}

.embed-container1 {padding-bottom:56.25%;}
.embed-container2 {padding-bottom:43.75%;}

.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embed-container .working {
	position:absolute;
	left:calc(50% - 5rem);
	top:calc(50% - 5rem);
	font-size:10rem;
	opacity:0.1;
}

*/






.kacheln .card {background-color:rgba(177,191,205,0.1);}

.kacheln .card .card-body {border-top:0;}







.news-list {width:100%;}

.news-list .news {
	display:table;
	width:100%;
	background-color:rgba(177,191,205,0.1);
	padding:0.5rem 1rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	margin-bottom:1.5rem;
	border:1px solid rgba(0, 0, 0, 0.125);
}
.news-list .news > div {display:table-cell; vertical-align:middle;}
.news-list .news > div i {font-size:2rem; padding-right:2rem; opacity:0.3;}
.news-list .news > div h3 {font-size:1.2em;}
.news-list .news > div p {font-size:0.95em; line-height:1.4em;}



.news-list .news:hover {
	background-color: var(--button_bg_hv);
	color:#fff;
	transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out;
}
.news-list .news:hover h3 {color:rgba(255,255,255,0.9);}

.news-list .news.more {
	font-family: var(--font1);
	font-weight:500;
	font-size:1.2rem;
	line-height:1em;
	color: #fff;
	background-color:var(--button_bg);
	border:1px solid var(--button_bo);
	text-align:center;
}

.news-list .news.more i {
	margin-right:0.6rem;
	font-size:1em;
	color:rgba(255,255,255,0.4);
}

.news-list .news.more:hover {
	background-color: var(--button_bg_hv);
	border: 1px solid var(--button_bo_hv);
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
}

.news-list .news.more:hover i {
	color:var(--hellblau_1);
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
}
















.spalten_text_bild .linie {
	width:60%;
	border-bottom:5px solid var(--hellblau_1);
	margin-bottom:12px;
}











.uh-image-list{
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -15px;
}

.uh-image-list .image-item{
	float: left;
	/*
        width: 25%;
    */
	padding: 10px;
}

.uh-image-list.autolist.i-100 .image-item {width:100%;}
.uh-image-list.autolist.i-50 .image-item {width:50%;}
.uh-image-list.autolist.i-33 .image-item {width:33.33%;}
.uh-image-list.autolist.i-25 .image-item {width:25%;}
.uh-image-list.autolist.i-20 .image-item {width:20%;}