/* cmsms stylesheet: hangl modified: Montag, 3. April 2017 13:12:53 */
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');


html,
body {
    height: 100%;
font-family: 'Roboto', sans-serif;

}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
 .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: white;
color:black;
    border-color: #337ab7;
}

.dropdown-menu > li {background-color:white;}

.carousel,
.item,
.active {
    height: 100%;
	

}

.carousel-inner {
    height: 100%;
	
}

.oh-suche ul {padding-left:0;margin-left:0}
.oh-suche li {list-style-type:none;padding-left:0;margin-left:0;margin-bottom:10px;}




@media screen and (max-width: 750px) {


.einleitungstext {padding-left:10px;padding-right:10px;margin-top:30px;}

.searchicon {position:absolute;z-index:777;right:45px;top:50px;}

}

@media screen and (min-width: 750px) {


.einleitungstext {padding-left:10px;padding-right:30%}

.searchicon {position:absolute;z-index:777;right:20px;top:36px;}

}








.navbar-header a {text-decoration:none;}

.navbar-nav a {text-decoration:none;}

.navbar-nav > li > a:link {text-decoration:none;}
.navbar-nav > li > a:visited {text-decoration:none;}
.navbar-nav > li > a:hover {background-color:white;	color:black;text-decoration:none;}
.navbar-nav > li > a:active {text-decoration:none;}





/* Background images are set within the HTML using inline CSS, not here */

.fs {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	
		
	
}

.subnavi a {color:black}
.subnavi ul {margin-left:0;padding-left:0}

.subnavi a:link {text-decoration:none}
.subnavi a:visited {text-decoration:none}
.subnavi a:hover {text-decoration:underline}
.subnavi a:active {text-decoration:none}

.subnavi li {list-style-type:none}

.subnavi .currentpage a {text-decoration:underline}


.inhaltprojekt h3 {color:black;}
.inhaltprojekt a {color:#0431B4;text-decoration:none}

.inhalt h3 {color:black;}
.inhalt a:link {color:black;text-decoration:underline;}
.inhalt a:visited {color:black;text-decoration:underline;}
.inhalt a:active {color:black;text-decoration:underline;}
.inhalt a:hover {color:black;text-decoration:none;}


.well {color:black;background-color:#efefef;border:none;box-shadow:none;border-radius:0;padding:0}
.well img {width:100%;height:auto;padding:0;margin:0}

.kastltext {background-color:#efefef;margin-left:8px;margin-right:8px;}
.kastlbild {margin-right:8px;margin-left:8px;}


.kastlbildfinal {position:relative}
.kastlbildfinal h4 {font-size:1.3em;padding:2px 4px;position:absolute;z-index:333;bottom:0px;left:10px;margin-right:10px;
background-image:url(http://www.oliverhangl.com/uploads/oliver-hangl-design/img/tra.png)
}

.kastlbildfinal a:link {color:white;text-decoration:none;}
.kastlbildfinal a:visited {color:white;text-decoration:none;}
.kastlbildfinal a:hover {color:white;text-decoration:none;}
.kastlbildfinal a:active {color:white;text-decoration:none;}

.kastlbildfinal img:hover {opacity:0.5}

.kastlbild2 {margin:0}

.kastlbild a:hover {opacity:0.5}

.kastltext h3 {padding:10px 15px 0 15px;font-size:1.5em;margin-top:0} 

.kastltext h4 {font-size:1.3em;padding:2px 4px;position:absolute;z-index:333;bottom:0px;left:15px;
background-image:url(../img/tra.png)
} 




.kastltext p {padding:5px 15px;margin:0}


footer {
    margin: 50px 0;
}



.grid-item img {width:100%;height:auto}

.grid-item-new img {width:100%;height:auto}

.grid-item-new {margin-left:8px;margin-right:8px;}

@media screen and (max-width: 700px) {
.grid-sizer,
.grid-item { width: 100%; margin-bottom:16px; }

.grid-item-new { width: 100%; margin-bottom:16px; float:left;margin-left:0;margin-right:0}

.grid-item--width2 { width: 100%; }

}

@media screen and (min-width: 700px) {
.grid-sizer,
.grid-item { width: 50%; margin-bottom:16px; }

.grid-item-new { width: 47%; margin-bottom:16px;float:left; }

.grid-item--width2 { width: 50%; }

}

@media screen and (min-width: 1000px) {
.grid-sizer,
.grid-item { width: 25%; margin-bottom:16px; }
.grid-item-new { width: 31%; margin-bottom:16px; float:left }
.grid-item--width2 { width: 50%; }

}




.navikastl {background-color:#000;padding-top:0;margin-top:0;margin-left:8px;margin-right:8px;margin-bottom:0;padding-bottom:0}

.navikastl h3 {color:white;padding-top:10px;padding-bottom:10px;margin-top:0px;padding-left:15px;border-bottom:1px solid white;}
.navikastl ul {padding-left:0;margin-left:15px;margin-bottom:0;padding-bottom:10px}
.navikastl li {color:white;font-size:1.2em;list-style-type:none;margin-bottom:0;padding-bottom:0}
.navikastl a:hover {text-decoration:none;color:silver}
.auswahl a {text-decoration:underline}







.bg {
	background-attachment:fixed;

  width: 100%;
  height:50vh; /*same height as jumbotron */
  top:0;
  left:0;
  z-index: -1;
    
}



.jumbotron {
  height:50vh;
  margin-bottom:5px;
  padding-bottom:5px;
  
  background:transparent;
}




.jumbotron h2 {
font-weight:400;


text-align:center;
color:white;
padding:0;
font-size:20px;
position:absolute;
top:35%;
width:100%;


}




.content-space-two h2 {font-size:20px;padding-left:10%;padding-right:10%;color:white;}

.inhaltprojekt img {width:100%;height:auto;padding-top:50px;padding-bottom:50px;}





.NewsDetailField {width:100%;float:none;padding-right:0;padding-top:20px}
.NewsDetailField img {width:100%;height:auto;}
.newsgesamt {width:100%;float:none;}

.NewsSummary {color:black}
.NewsSummaryPostdate {color:black}

.NewsSummaryLink h2 {font-size:22px}


@media screen and (min-width: 668px) {

.NewsDetailField {width:40%;float:left;padding-right:40px}
.newsgesamt {width:50%;float:left;}

}

@media screen and (min-width: 769px) {

.jumbotron h2 {

text-align:center;
color:white;
padding:0;
font-size:34px;
position:absolute;
top:35%;
width:100%;

}



.content-space-two h2 {font-size:34px;}
}