/* CSS Document */
body {
/*	background-image: url("../images/schutzwaende.png");*/
     background: -moz-linear-gradient(0deg, #FFFFFF 0%, #8EA0D6 25%, #8EA0D6 75%, #FFFFFF 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #FFFFFF), color-stop(25%, #8EA0D6), color-stop(75%, #8EA0D6), color-stop(100%, #FFFFFF)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #FFFFFF 0%, #8EA0D6 25%, #8EA0D6 75%, #FFFFFF 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient     (0deg, #FFFFFF 0%, #8EA0D6 25%, #8EA0D6 75%, #FFFFFF 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, 0deg, #FFFFFF 0%, #8EA0D6 25%, #8EA0D6 75%, #FFFFFF 100%%); /* ie10+ */
    background: linear-gradient(90deg, #FFFFFF 0%, #8EA0D6 25%, #8EA0D6 75%, #FFFFFF 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8EA0D6', endColorstr='#005757',GradientType=1 ); /* ie6-9 */ 
}

/*
body:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom 12, 12, 12);
  opacity: 0.6;
}
*/
/* Aspect ratio for boxes */
.ar{
	padding-bottom: 21.6%;
}
/* Aspect ratio for nav boxes */
.arnav{
	padding-top: 1.8%;
	padding-bottom: 1.8%;
	padding-left: 0;
	padding-right: 0;
}
/* Aspect ratio for man image boxes */
.artop{
	padding-top: 1.0%;
	padding-bottom: 1.0%;
}
.leftnav
{
	padding-top: 13%;
	padding-bottom: 13%;
}
.leftnav-single
{
	padding-top: 5.1%;
	padding-bottom: 5.1%;
}
.leftnav-double
{
	padding-top: 10.8%;
	padding-bottom: 10.8%;
}

nav a {
	color: black;
}

nav ul
{
	list-style:none;
	color: black;
/*	border-left:thin #8EA0D6 solid;*/
/*	border-right:thin #8EA0D6 solid;*/
}

nav ul li
{
	list-style:none;
	border-top:thin #8EA0D6 solid;
}

nav ul li
{
	list-style:none;
}

nav ul li ul
{
	border-left:none;
	border-right:none;
}

nav ul li ul li
{
	border-top:none;
}


.navbgblue-gradient {
	background: -moz-linear-gradient(top, #d2d8ee 0%, #8fa1d6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d8ee), color-stop(100%,#8fa1d6));
	background: -webkit-linear-gradient(top, #d2d8ee 0%,#8fa1d6 100%);
	background: -o-linear-gradient(top, #d2d8ee 0%,#8fa1d6 100%);
	background: -ms-linear-gradient(top, #d2d8ee 0%,#8fa1d6 100%);
	background: linear-gradient(to bottom, #d2d8ee 0%,#8fa1d6 100%);
	background-color: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d8ee', endColorstr='#8fa1d6',GradientType=0 );
}

nav .active {
	color: #FFF;
	background: #0099FF;	
}


@media (min-width: 992px) {
	.navbar {
		padding: 0px;
		align-items: flex-start;
	}
}

.navbar-collapse {
	align-items: normal;
}

@media (min-width: 992px)  {
.maincontent {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.gridcolor {
	background-color: #444444;
}

#leftNav.navbar-collapse {
    display: block;
}

.boxer-h {
	border: 4px solid #444444;
}

.boxer-f {
	border: 8px solid #444444;
}

.boxer-tf {
	border-top: 8px solid #444444;
}
.boxer-bf {
	border-bottom: 8px solid #444444;
}
.boxer-lf {
	border-left: 8px solid #444444;
}
.boxer-rf {
	border-right: 8px solid #444444;
}

.boxer-th {
	border-top: 4px solid #444444;
}
.boxer-bh {
	border-bottom: 4px solid #444444;
}
.boxer-lh {
	border-left: 4px solid #444444;
}
.boxer-lh-b {
	border-left: 4px solid #8EA0D6;
}
.boxer-rh {
	border-right: 4px solid #444444;
}
.boxer-rh-b {
	border-right: 4px solid #8EA0D6;
}

}

@media (max-width: 991px)  {

body {
	background-image: none;
}
.gridcolor {
	background-color: #ffffff;
}

.leftnav-row {
 max-height: 3rem;
}

.leftnav-row > .leftnav {
 padding-top: 0;
 padding-bottom: 0;
}

.boxer-h {
	border: 4px solid #ffffff;
}

.boxer-f {
	border: 8px solid #ffffff;
}

.boxer-tf {
	border-top: 8px solid #ffffff;
}
.boxer-bf {
	border-bottom: 8px solid #ffffff;
}
.boxer-lf {
	border-left: 8px solid #ffffff;
}
.boxer-rf {
	border-right: 8px solid #ffffff;
}

.boxer-th {
	border-top: 4px solid #ffffff;
}
.boxer-bh {
	border-bottom: 4px solid #ffffff;
}
.boxer-lh {
	border-left: 4px solid #ffffff;
}
.boxer-lh-b {
	border-left: 4px solid #8EA0D6;
}
.boxer-rh {
	border-right: 4px solid #ffffff;
}
.boxer-rh-b {
	border-right: 4px solid #8EA0D6;
}
}


a.arnav {
	color: #444;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: bold;
}

a.leftnav {
	color: #444;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: bold;
}

a.active {
	color: #FFF;
	background: #002898;	
}

.card-body.active {
	color: #FFF;
	background: #002898;	
}

.bgblue {
	background-color: #8EA0D6;
}

.bgred{
	background-color: #FF0000;
}

.bggreen {
	background-color: #60EF00;
}

.bgyellow {
	background-color: #FFF600;
}

.bgblue-gradient {
	background: -moz-linear-gradient(top, #d2d8ee 0%, #8fa1d6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d8ee), color-stop(100%,#8fa1d6));
	background: -webkit-linear-gradient(top, #d2d8ee 0%,#8fa1d6 100%);
	background: -o-linear-gradient(top, #d2d8ee 0%,#8fa1d6 100%);
	background: -ms-linear-gradient(top, #d2d8ee 0%,#8fa1d6 100%);
	background: linear-gradient(to bottom, #d2d8ee 0%,#8fa1d6 100%);
	background-color: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d8ee', endColorstr='#8fa1d6',GradientType=0 );
}

.bgblue-gradient:hover, .bgblue-gradient:focus, .bgblue-gradient:active
 {
		background: -moz-linear-gradient(top, #002898 0%, #8ea0d6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002898), color-stop(100%,#8ea0d6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #002898 0%,#8ea0d6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #002898 0%,#8ea0d6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #002898 0%,#8ea0d6 100%); /* IE10+ */
		background: linear-gradient(to bottom, #002898 0%,#8ea0d6 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002898', endColorstr='#8ea0d6',GradientType=0 ); /* IE6-8 */
		color: #FFF;
		outline: 0 none;
		text-decoration: none;
		background-color: #002898;
 }
 
 #galery .flex-column {
	max-width: 200px;
}
        
 #galery img {
	padding: 5px;
}
        
#galery .scale {
	transform: scaleY(1.05);
	padding-top: 15px; 
}

.form-check-input {
    margin-left: 0;
}

.form-check-label {
    margin-left: 1.25rem;
}



a.link-icon:before,
a.link-icon.link-file[href]:before {
    content: "\f016"; /* generic file icon */
    font-family: "Font Awesome 5 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: 20px;
    text-align: right;
    margin-right: 10px;
}
a[href$=".txt"].link-icon:before,
a.link-icon.link-text[href]:before {
    content: "\f0f6"; /*Text*/
}

a[href$=".pdf"].link-icon:before {
  content: "\f1c1";     /* 00a0 is a non-breaking space, f1c1 is the pdf symbol */
}

a[href$=".doc"].link-icon:before,
a[href$=".docx"].link-icon:before,
a.link-icon.link-word[href]:before {
    content: "\f1c2"; /*Word*/
}
a[href$=".xls"].link-icon:before,
a[href$=".xlsx"].link-icon:before,
a.link-icon.link-excel[href]:before {
    content: "\f1c3"; /*Excel*/
}
a[href$=".ppt"].link-icon:before,
a[href$=".pptx"].link-icon:before,
a.link-icon.link-powerpoint[href]:before {
    content: "\f1c4"; /*Powerpoint*/
}
a[href$=".gif"].link-icon:before,
a[href$=".jpg"].link-icon:before,
a[href$=".jpeg"].link-icon:before,
a[href$=".png"].link-icon:before,
a[href$=".bmp"].link-icon:before,
a[href$=".tif"].link-icon:before,
a.link-icon.link-image[href]:before {
    content: "\f1c5"; /*Image*/
}
a[href$=".zip"].link-icon:before,
a[href$=".zipx"].link-icon:before,
a[href$=".rar"].link-icon:before,
a[href$=".tar"].link-icon:before,
a[href$=".gz"].link-icon:before,
a[href$=".dmg"].link-icon:before,
a[href$=".iso"].link-icon:before,
a.link-icon.link-archive[href]:before {
    content: "\f1c6"; /*Archive*/
}
a[href$=".wav"].link-icon:before,
a[href$=".mp3"].link-icon:before,
a[href$=".fla"].link-icon:before,
a[href$=".flac"].link-icon:before,
a[href$=".ra"].link-icon:before,
a[href$=".rma"].link-icon:before,
a[href$=".aif"].link-icon:before,
a[href$=".aiff"].link-icon:before,
a[href$=".aa"].link-icon:before,
a[href$=".aac"].link-icon:before,
a[href$=".aax"].link-icon:before,
a[href$=".ac3"].link-icon:before,
a[href$=".au"].link-icon:before,
a[href$=".ogg"].link-icon:before,
a[href$=".avr"].link-icon:before,
a[href$=".3ga"].link-icon:before,
a[href$=".flac"].link-icon:before,
a[href$=".mid"].link-icon:before,
a[href$=".midi"].link-icon:before,
a[href$=".m4a"].link-icon:before,
a[href$=".mp4a"].link-icon:before,
a[href$=".amz"].link-icon:before,
a[href$=".mka"].link-icon:before,
a[href$=".asx"].link-icon:before,
a[href$=".pcm"].link-icon:before,
a[href$=".m3u"].link-icon:before,
a[href$=".wma"].link-icon:before,
a[href$=".xwma"].link-icon:before,
a.link-icon.link-audio[href]:before {
    content: "\f1c7"; /*Audio*/
}
a[href$=".avi"].link-icon:before,
a[href$=".mpg"].link-icon:before,
a[href$=".mp4"].link-icon:before,
a[href$=".mkv"].link-icon:before,
a[href$=".mov"].link-icon:before,
a[href$=".wmv"].link-icon:before,
a[href$=".vp6"].link-icon:before,
a[href$=".264"].link-icon:before,
a[href$=".vid"].link-icon:before,
a[href$=".rv"].link-icon:before,
a[href$=".webm"].link-icon:before,
a[href$=".swf"].link-icon:before,
a[href$=".h264"].link-icon:before,
a[href$=".flv"].link-icon:before,
a[href$=".mk3d"].link-icon:before,
a[href$=".gifv"].link-icon:before,
a[href$=".oggv"].link-icon:before,
a[href$=".3gp"].link-icon:before,
a[href$=".m4v"].link-icon:before,
a[href$=".movie"].link-icon:before,
a[href$=".divx"].link-icon:before,
a.link-icon.link-video[href]:before {
    content: "\f1c8"; /*Video*/
}
a[href$=".css"].link-icon:before,
a[href$=".js"].link-icon:before,
a[href$=".py"].link-icon:before,
a[href$=".git"].link-icon:before,
a[href$=".py"].link-icon:before,
a[href$=".cpp"].link-icon:before,
a[href$=".h"].link-icon:before,
a[href$=".ini"].link-icon:before,
a[href$=".config"].link-icon:before,
a.link-icon.link-code[href]:before {
    content: "\f1c9"; /*code*/
}
a[href$=".exe"].link-icon:before,
a[href$=".jar"].link-icon:before,
a[href$=".dll"].link-icon:before,
a[href$=".bat"].link-icon:before,
a[href$=".pl"].link-icon:before,
a[href$=".scr"].link-icon:before,
a[href$=".msi"].link-icon:before,
a[href$=".app"].link-icon:before,
a[href$=".deb"].link-icon:before,
a[href$=".apk"].link-icon:before,
a[href$=".jar"].link-icon:before,
a[href$=".vb"].link-icon:before,
a[href$=".prg"].link-icon:before,
a[href$=".sh"].link-icon:before,
a.link-icon.link-exe[href]:before {
    content: "\f085"; /*Executable*/
}

a[href$=".com"].link-icon:before,
a[href$=".net"].link-icon:before,
a[href$=".org"].link-icon:before,
a[href$=".edu"].link-icon:before,
a[href$=".gov"].link-icon:before,
a[href$=".mil"].link-icon:before,
a[href$="/"].link-icon:before,
a[href$=".html"].link-icon:before,
a[href$=".htm"].link-icon:before,
a[href$=".xhtml"].link-icon:before,
a[href$=".jhtml"].link-icon:before,
a[href$=".php"].link-icon:before,
a[href$=".php3"].link-icon:before,
a[href$=".php4"].link-icon:before,
a[href$=".php5"].link-icon:before,
a[href$=".phtml"].link-icon:before,
a[href$=".asp"].link-icon:before,
a[href$=".aspx"].link-icon:before,
a[href$=".cfm"].link-icon:before,
a[href*="?"].link-icon:before,
a[href*="#"].link-icon:before,
a.link-icon:not([href*='.']):before,
a.link-icon.link[href]:before {
    content: "\f0c1"; /*link*/
}


.gallery-block.grid-gallery{
  padding-bottom: 60px;
  padding-top: 60px;
}

.gallery-block.grid-gallery .heading{
    margin-bottom: 50px;
    text-align: center;
}

.gallery-block.grid-gallery .heading h2{
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.gallery-block.grid-gallery a:hover{
  opacity: 0.8;
}

.gallery-block.grid-gallery .item img{
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  transition: 0.4s;
}

.gallery-block.grid-gallery .item{
  margin-bottom: 20px;
}

@media (min-width: 576px) {

  .grid-gallery .scale-on-hover:hover{
    transform: scale(1.05);
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important;
  }
}
