.header .logo img {
  z-index: 0;
  margin: 2px 0;
  position: relative;
    display: none;
}

.box {
	width:300px;
	background:#FFF;
	height: 300px;
	border: 1px solid red;
	/*margin:40px auto;*/
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: 0;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.shadow1 {
	-webkit-box-shadow: 0 5px 6px -6px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 5px 6px -6px rgba(0,0,0,0.3);
	        box-shadow: 0 5px 6px -6px rgba(0,0,0,0.3);
}

.polaroid {
	padding: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 5px 6px -6px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 5px 6px -6px rgba(0,0,0,0.3);
	        box-shadow: 0 5px 6px -6px rgba(0,0,0,0.3);
}
.rotate {
	-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
}
.rotate2 {
	-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
}

.breadcrumbs {
    margin-top: 100px;
    border-top: solid 1px #eee;
}

/**** video

/***** Modal *****/

.modal-backdrop.in {
    filter: alpha(opacity=7);
    opacity: 0.7;
}

.modal-content {
    background: none;
    border: 0;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

.modal-body {
    padding: 0 25px 25px 25px;
}

.modal-header {
    padding: 25px 25px 15px 25px;
    text-align: right;
}

.modal-header, .modal-footer {
    border: 0;
}

.modal-header .close {
    float: none;
    margin: 0;
    font-size: 36px;
    color: #fff;
    font-weight: 300;
    text-shadow: none;
    opacity: 1;
}

img.color {
    border: 1px solid #dedede;
    padding: 2px;
    width: 32px;
    height: 32px;
    margin-right: 3px;
}
img.color:hover {
    border: 1px solid #d4d4d4;
    -webkit-box-shadow: 0 5px 6px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 5px 6px -6px rgba(0,0,0,0.3);
    box-shadow: 0 5px 6px -6px rgba(0,0,0,0.3);
}

.interactive-slider-v2 h1 {
    font-size: 55px;
    font-weight: 600;
    line-height: 63px;
    color:white;
    text-transform: initial;
    text-shadow: 3px 2px rgba(0, 0, 0, 0.68);
}
.interactive-slider-v2 .container {
    margin-top: -95px;
}
.ueber-uns-header {
    margin-top: 95px;
}
.articles-header {
    background-position: 50% 0px;
    margin-top: 90px;
}

.title-box-v2 p {
    font-size: 14px;
    /*font-weight: 300;*/
}

.article-tag {
    display: inline-block;
    padding: 14px;
    background-color: #fcfcfc;
    border: 1px solid #dedede;
    margin-right: 6px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px
}

@media (max-width: 768px) {
    .interactive-slider-v2.img-v3 h1 {
        line-height: 45px;
    }
    .navbar-brand {
        padding: 0 0;
    }
    .mobile-hidden {
        display: none !important;
    }
}

@media (max-width: 992px) {

    .breadcrumbs {
        margin-top: 10px;
    }
    .ueber-uns-header {
        margin-top: 10px;
    }

    .interactive-slider-v2.img-v3 {
        margin-top: 5px !important;
        padding: 100px 0;
        height: 300px;
    }
    .interactive-slider-v2 .container {
        margin-top: -81px;
    }

    .interactive-slider-v2.img-v3 h1 {
        font-size: 38px;
        text-transform: initial;
    }
    .articles-header {
        background-position: 50% 0px;
        margin-top: 10px;
    }
    .breadcrumb-v5 > li {
        font-size: 14px;
    }


}

.input-staffel {
    display: inline-block;
    text-align: right;
}

.banner-text {
    text-align: right;
}
.banner-button {
    text-align: left;
}

@media (max-width: 992px) {
    .banner-text {
        text-align: center;
    }
    .banner-button {
        text-align: center;
    }
}
.banner {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: #0D0D0D;
    color: white;
    padding: 10px;
    font-size: 12px;
    z-index: 1000;
}
.banner button {
    color: white !important;
}

.header-v6.banner-offset {
    top: 59px !important;
}

.side-buttons {


}

.side-buttons i {
    margin-right: 10px;
    margin-left: 4px;
}

.side-buttons .btn {
    position: fixed;
    z-index: 100;
    right: 0px;

    background-color: #72c02c;
    color: white;
    font-size: x-large;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);

}

.btn-kontakt {
    display: block;
    margin-bottom: 8px;
    /*box-shadow: 0 0 3px #bbb;*/
}
.side-buttons .btn:hover {
    margin-right: 0px;

    background-color: #79cc2d;
    color: white;
}

#mySidenav i {
    margin-right: 10px;
}
#mySidenav a {
    position: fixed; /* Position them relative to the browser window */
    top: 400px;
    z-index: 100;
    right: -180px; /* Position them outside of the screen */
    transition: 0.3s; /* Add transition on hover */
    padding: 5px 10px; /* 15px padding */
    width: 220px; /* Set a specific width */
    text-decoration: none; /* Remove underline */
    font-size: 20px; /* Increase font size */
    color: white; /* White text color */
    border-radius: 5px 0px 0px 5px !important; /* Rounded corners on the top right and bottom right side */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.09);

}
#mySidenav a span {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 4px;
    vertical-align: middle;
}
#mySidenav a:hover {
    right: 0; /* On mouse-over, make the elements appear as they should */
    color: white !important;
}

/* The about link: 20px from the top with a green background */
.sidenav #telefon-sidebar {
    top: 420px !important;
    padding-left: 12px !important;
    background-color: #72c02cde;
}

.sidenav #email-sidebar {
    top: 470px !important;
    background-color: #72c02cc2; /* Blue */
}

.sidenav #anfrage-sidebar {
    top: 520px !important;
    background-color: #72c02c9c; /* Red */
}

/*# sourceMappingURL=seifert.min.css.map */
.sky-form .checkbox input + i:after {
    font-family: 'Font Awesome\ 5 Free' !important;
    font-weight: bolder !important;
    font-size: smaller !important;
}

.hakro-image {
    border: 2px solid transparent;
}

.hakro-image.selected {
    border: 2px solid #72c02cc2;
    box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.3);
}