@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}
*/

/* Below are the CSS styles that aren't included with Blueprint. It's a good idea to keep them whether or not you use it unless you know what you're doing. */

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('../fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('../fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* saira-semi-condensed-500 - latin */
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/saira-semi-condensed-v3-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Saira SemiCondensed Medium'), local('SairaSemiCondensed-Medium'),
       url('../fonts/saira-semi-condensed-v3-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-semi-condensed-v3-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-semi-condensed-v3-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-semi-condensed-v3-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-semi-condensed-v3-latin-500.svg#SairaSemiCondensed') format('svg'); /* Legacy iOS */
}
.container.white.nav{
	background: #f7f7f7 !important;
}
/* Text styles */
.random-image img{
	width: 100% !important;
	height: auto !important
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?v64yx1');
  src:  url('fonts/icomoon.eot?v64yx1#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?v64yx1') format('truetype'),
    url('fonts/icomoon.woff?v64yx1') format('woff'),
    url('fonts/icomoon.svg?v64yx1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a .icon-video{
	color: #000;
}

.vidsl{
	color: #000;
	text-align: center
}
.icon-video:before {
  content: "\e900";
 font-size: 3em;
}

.icon-kastl:before{
	text-shadow: 1px 1px #646464;
}

.item119 img, .joomla-nav img{
width: 30px;
margin-right: 10px;	
}

.joomla-nav #current a{
	color: #000
} 

.joomla-nav li{
	color:#6B6A6A;
}

.icon-kastl:before, .item113:before, .item114:before, .item117:before, .item115:before, .item116:before, .item126:before, .item127:before, .item128:before,  .item133:before, .item134:before  {
  content: "\e901";
  font-size: 2em;
  margin-right: 5px;
  float: left;
  width: auto;
  
  font-family: 'icomoon' !important;
}

.item113:before, .item114:before, .item117:before, .item115:before, .item116:before,  .item119:before , .item126:before, .item127:before, .item128:before,  .item133:before, .item134:before{
	line-height: 1
}


.item115:before{
	margin-bottom: 10px;
	float: left
}

div[itemprop="articleBody"]{
	text-align: justify
}

.item-page .icons{
	display: none
}

.item120 a{
	padding:  5px 0 5px 0 !important
}

.style8{
	color: #cf2929
}
.style9{
	color: #000;
	
}
.style8{
	color: #cf2929
}
.style10{
	color: #fff
}
.style11{
	color: #468d40

}
.style12{
	color: #ffed35
}
.style13{
	color: #2e68aa;
	
}

h3.grey a {
	font-size: 18px !important
}

#current{
	font-weight: bold;
}

body{
	background: url(../images/hintergrund_beton.jpeg) no-repeat center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
  	background-size: cover;
    	background-repeat: no-repeat;
    	min-height: 100vh;
    	color: #000 !important
}



.vidinf h4{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	margin-top: 10px;
	text-align: right
}
.navbar-nav{
	width: 100% !important
}
h3.kurz{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 10px;
	margin-top: 50px;

}

.cats a{
	color: #000;
	font-size: 1.2em;
	text-transform: lowercase;
	font-style: italic;
}

.kurz{
	font-weight: bold;
	font-size: 0.8em;
}

.vidinf ul {
	list-style: none;
	padding: 0px;
	font-size:0.9em;
	font-weight: bold;
	text-align: right
}
.vidinf ul p{
	margin: 0;
	padding: 0;
}

img{
	width: 100%
}

.item-page{padding-top: 25px;}

.muted, .pagenav{ display: none; }

.navimg{
	bottom: 0;
	position: absolute;
	right: 0
}

.nav img{
	width: 30px;
	margin-right: 2px;
}

.zitat{
	background: url(../images/zitat.png) no-repeat;
	
	background-size: cover;
	background-position: center;
	padding: 130px 90px 165px 110px;
	font-style:  italic ;
}

.vidlist .col-4, .vidlist .col-3{
	padding-left: 2px !important;
	padding-right: 2px !important
}
.cats{
	font-family: Saira Semi Condensed;

	
	font-size: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
}
.cats li{
	padding-bottom: 35px;
	
}
 html .vidlist [type=button]{
	-webkit-appearance: none !important
}


.cats li a:hover{
color: #000;text-decoration: underline; 
	}

.wrapimg{
	  border: 0px solid #c7c7c7; 
    border-radius: 25px !important;
    -webkit-border-radius:  25px !important;
     -moz-border-radius:25px; 
    width:100%; /* the width of image */
    height:auto; /* the height of image */
display: inline-block;

}
.wrapimg1{
	  position: absolute;
	  float: left;
}
.wrapimg2{
	  border: 0px solid #c7c7c7; 
    border-radius: 25px !important;
    -webkit-border-radius:  25px !important;
     -moz-border-radius:25px; 
    width:100%; /* the width of image */
    height:auto; /* the height of image */
 overflow: hidden; 

}

.vidlist{
	position: relative;
}


.cat9{
  -moz-border-radius:25px; 
    
    -webkit-border-radius: 25px;
	border-radius: 25px;
    border: 5px solid #000;
    width: 100%;
}

.cat17{
	border-radius: 25px;
    border: 5px solid purple;
}


.cat8{
  -moz-border-radius:25px; 
    -webkit-border-radius: 25px;
	border-radius: 25px;
    border: 5px solid #cf2929;
    width: 100%;
}
.cat10{
  -moz-border-radius:25px; 
    -webkit-border-radius: 25px;
	border-radius: 25px;
    border: 5px solid #fff;
    width: 100%;
}
.cat12{
  -moz-border-radius:25px; 
    -webkit-border-radius: 25px;
	border-radius: 25px;
    border: 5px solid #ffed35;
    width: 100%;
}

.cat11{
  -moz-border-radius:25px; 
    -webkit-border-radius: 25px;
	border-radius: 25px;
    border: 5px solid #468d40
;
    width: 100%;
}

.cat13{
  -moz-border-radius:25px; 
    -webkit-border-radius: 25px;
	border-radius: 25px;
    border: 5px solid #2e68aa;
    width: 100%;
}


h3.land{
	font-weight: 700;
	text-transform: uppercase
}
.vidlist img{
	width: 100%;
}
 .white, .modal-content {
	 background: #fff !important;
}

 .white60 {
	 background: url(../images/white60.png) !important;
	 padding-bottom: 20px;
}

.modal-content {
	padding: 10px
}

.modal-content h2, .item-page h2{
	 font-family: Saira Semi Condensed;
	font-style: italic; 
		text-transform: uppercase;
		margin-top: 15px;
}

img.multithumb{
	width: auto !important
}

.nav{
	font-weight: bold;
	font-family: 'Saira Semi Condensed', sans-serif; 
	font-style: italic;
	font-size: 1.3em;
	text-transform: lowercase;
}

.navbar{
	padding: 0px !important
}

.nav a{
	color: #000 !important;
	text-transform: lowercase;
	margin-right: 23px !important
}

.blog-featured h2 {
	font-size: 1.5em;
	margin-bottom:0em;
}
p.readmore {
	text-indent:0;
	font-size: .9em;
}
.joomla-footer {
	font-size: .9em;
	margin-bottom: 30px;
}

/* Article functions */
ul.actions {
	clear:both;
	margin-top: -50px;
	float:right;
}
ul.actions li {
	list-style-type: none;
	float:right;
	margin-left: 10px;
}

.progressbar-text:after{
	 content: "%";
}

.statsbox small{
	font-weight: bold !important
}



/* Login styles */
p#form-login-username label,
p#form-login-password label {
	width: 160px;
	display:block;
}
p#form-login-remember label {
	font-size: .9em;
	font-weight: normal;
	line-height: 25px;
}
p#form-login-remember input {
	float:left;
	margin-right: 5px;
}
form#form-login ul {
	margin: 0;
	padding: 0;
}
form#form-login ul li {
	list-style-type: none;
	margin-left: 20px;
	font-size: .9em;
}
h3.grey a{
	color: #4a4a4a;
	font-family: Saira Semi Condensed;
	text-transform: lowercase;
	font-weight: bold
}
.grey{
	bottom: 10px;
	position: absolute
}

.cats .active{
	font-weight: bold;
	color: #000;
}

.dropdown-menu li{
	padding: 10px 20px;
}

.nav-link:hover{
	text-decoration: underline
}
#footer{
	list-style: none;
	margin-bottom: 40px;
	margin-top: 20px; 
	padding: 0;
	text-align: center
		}
		
#footer li {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-family: Saira Semi Condensed;
	font-weight: bold;
}

#footer li a{
	color: #000;
	font-size: 1.6em;
}
.square {
	// This is the magic bit
	height: 0;
	padding-bottom: 100%;
	
	position: relative;
 	background: coral;
	text-align: center;
	overflow: hidden;
}

.square-inn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	padding: .75em;
	font-size: 2.5vw;
}

.isr{
	position: absolute;
	width: 10%;
	top: 0;
	right: 20px;
	border: 3px double #000;
	padding-left: 10px;
	padding-right: 10px;
	z-index:110
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.current a span{
	text-decoration: underline !important
}


.mightyslider_carouselSimple_skin.horizontal .mSNext, .mightyslider_carouselSimple_skin.horizontal .mSPrev, .mightyslider_carouselSimple_skin ul.mSPages li.active{
background-color: grey !important
}
.flipTimer{
	text-align: center
}

 #simple .frame {
        width: 100%;
        height: 320px;
    }
    #simple .frame ul {
        list-style: none;
        height: 100%;
        padding: 0;
        margin: 0;
    }
    #simple .frame ul li {
        float: left;
        height: 250px;
        padding: 0 10px;
    }
    #simple .frame ul li img {
        max-width: none;
    }
    #simple .frame ul li .details {
        padding-top: 10px;
        font-weight: 300;
    }
    #simple .frame ul li .details strong {
        display: block;
        color: #000;
    }
    #simple .frame ul li .details b {
    }
    #simple ul.mSPages {
        float: right;
        margin-bottom: 20px;
        margin-right: 12px;
    }
    #simple .mSButtons {
        top: 91px;
        bottom: auto;
    }
    #simple .details{
	    background: #fff;
	    padding: 5px;
	    height: 180px
    }
    
    #simple .details h3{
	    min-height: 45px;
    }
    
    .mSCover, .mSLayerCover
    {
	    height: 120px !important
    }
    #simple .frame{
	    margin-top: 20px;
    }
    
    .mk6 h4{
	    font-family: 'Open Sans', sans-serif !important;
	    font-size: 1.2em !important;
	    color: #000;
	    font-weight: bold !important
    }
    .wrapimg{
	    margin-bottom: 4px;
    }
    
    .tags {
	    display: none !important;
    }
    .part img {
	    width: 100% !important
    }
.slide .mSCover{
border-top: 5px solid #ccc;
border-left: 5px solid #ccc;
border-right: 5px solid #ccc;
border-radius: 25px 25px 0 0;
}

.slide .details{
	border-bottom: 5px solid #ccc;
border-left: 5px solid #ccc;
border-right: 5px solid #ccc;
border-radius: 0 0 25px 25px ;}

.navbar-collapse.in{
	background: transparent !important
}

.item141 span{
	display:none;
}

.wrapimg:hover{ cursor: pointer; }

#footer li{
	display: inline;
	width: auto !important;
	margin-left: 20px;
}

.item142 img{
	height: 35px; 
	width: 35px;
	margin-top: -3px;
}

 img.showOnHover{
	width: 35px !important
}
.cat17{
	border-radius: 25px;
    border: 5px solid purple;
}

.visually-hidden, .dropdown-toggle{
	display: none
}
.nav{
	font-size: 1.1em !important;
	
}

.cats{
	display: block !important;
}