@charset "utf-8";
/* CSS Document */




section, body {
	  max-width: 100vw;
    overflow-x: hidden;
	height: fit-content;}

section {overflow-y: hidden;}


/*plan IT Logo*/

#copyrights p.agentur a.logo {
    text-align: left;
    text-indent: -9999px;
    content: url(../images/planit-black.svg);
    position: relative;
    height: 25px;
    margin-left: .75rem;
	transform: translate(0px, 5px);
}

#copyrights p.agentur {
    margin-bottom: 0;
	text-align: right;
}

#copyrights p.agentur span {
    line-height: 25px;
    display: inline-block;
    vertical-align: top;
}


/*videoslider*/
#start .video-container {overflow: hidden;}

#start .video-container video {max-height: 100vh;}


@media (min-width: 1921px) {
#start .video-container {width: 100vw;
    max-height: 1080px;}
#start .video-container video {
width: 100vw;
    max-height: unset;
    height: auto;
    max-width: unset;
    object-fit: cover;}
}


/*ausrichtung*/
.vertical-center {
	align-content: center;
	flex-wrap: wrap;
}

.vertical-center p {width: 100%;}



/*Kopfbereich*/
@media (max-width: 768px){
#top-bar.transparent-top-bar.add-border-bottom.scrolled, #top-bar {
    border-bottom-color: #fff;
}	


#header .navbar-toggler, #header .navbar-light .navbar-toggler, #top-bar .top-links a {border-radius: 4px;}
	
}

/*Buttons*/
.btn {padding: 0.475rem 1.75rem;}

/*Form*/
select.form-control {appearance: auto;}


/*Social Media Icons */
.icon-facebook:before {font-size: 230% !important;}
.icon-youtube:before {content: url("../images/youtube.svg"); transform: translate(-1px, -1px);}

/*Scharfes Sliderbild */
@media (min-width: 1800px) {
.header-image .img-fluid {min-width: 1920px;}
}

/*Parallax iPhone fix */
@media (max-width: 767px) {
.parallax {
    background-attachment: revert !important;
}
}


/*-----------mobile Anpassungen-----------*/
@media (max-width:991px){ 
#header #nav {
    justify-content: start !important;
}
    .container > .row > .col-md-6 {
        width: 100%;
    }
    
    #logo {
    margin-top: 10px;
}
    
    #logo img, #footer img.footer-logo {
        width: 200px;
        height: auto;
    }
    
}

@media (max-width:575px){ 
    form#frmContact input {
        margin-bottom: 15px;
    }
}

section > figure > picture > img {
    min-height: inherit !important;
}


/*----------- Leistungen Boxen -----------*/
#cardboxhoverimage img {
	max-width: 150px;
	border-radius: 100%;
	margin-bottom: 20px;
}
#cardboxhoverimage .shadow-sm {
	box-shadow: 0 0 1.25rem rgba(0, 0, 0, .10) !important;
}
#cardboxhoverimage .card {
	border-radius: 0;
	border: none;
}
#cardboxhoverimage .card-body {
	padding: 3rem 3rem;
	transition: all 1s ease;
	border: 2px solid #fff;
}
#cardboxhoverimage .card-body:hover {
	border: 2px solid var(--bs-primary);
}


/*----------- Hoverbox Special -----------*/
#hoverbox-special .hoverbox, #hoverbox-special .hoverbox .hoverbox-title {
	transition: all 0.5s ease;
}
#hoverbox-special .hoverbox .hoverbox-title {
	border-left: 3px solid transparent !important;
    padding-left: 20px;
}
#hoverbox-special .hoverbox .hoverbox-overlay {
	background: rgba(170, 2, 61, 0.7);
}
#hoverbox-special .hoverbox .hoverbox-title {
	letter-spacing: 0;
	text-transform: none;
	font-weight: 800;
	font-size: xx-large;
	line-height: normal;
	width: fit-content;
	margin: auto;
}
#hoverbox-special .hoverbox:hover .hoverbox-title {
	text-align: left;
	border-left: 3px solid #fff !important;
}
#hoverbox-special .hoverbox .hoverbox-details {
	opacity: 1;
	transition: all 0.5s ease;
}
#hoverbox-special .hoverbox .hoverbox-details:not(#hoverbox-special .hoverbox:hover .hoverbox-details) {
	top: inherit;
	bottom: 0;
}
#hoverbox-special .hoverbox .hoverbox-details .hoverbox-title:not(#hoverbox-special .hoverbox:hover .hoverbox-details .hoverbox-title) {
	border: none;
}
@media (max-width: 991px) {
	#hoverbox-special .hoverbox .hoverbox-title {
		font-size: 1.5rem;
	}
}
#hoverbox-special .hoverbox:hover .hoverbox-details {
	left: inherit;
	top: inherit;
	transform: translate(0, -235px);
}
#hoverbox-special .hoverbox .hoverbox-details {
	transform: translate(0, -34px);
	left: inherit;
	top: inherit;
	transition: all 0.5s ease;
}
#hoverbox-special .hoverbox {
	margin-bottom: 1.5rem;
}

@media (max-width: 1599px) {
	#hoverbox-special .hoverbox:hover .hoverbox-details {
		transform: translate(0, -200px);
	}
}
@media (max-width: 1199px) {
	#hoverbox-special .hoverbox:hover .hoverbox-details {
		transform: translate(0, -150px);
	}
}
@media (max-width: 991px) {
	#hoverbox-special .hoverbox:hover .hoverbox-details {
		transform: translate(0, -100px);
	}
}
@media (max-width: 767px) {
	#hoverbox-special .hoverbox:hover .hoverbox-details {
		transform: translate(0, -150px);
	}
}
@media (max-width: 450px) {
	#hoverbox-special .hoverbox:hover .hoverbox-details {
		transform: translate(0, -130px);
	}
}
@media (max-width: 360px) {
	#hoverbox-special .hoverbox:hover .hoverbox-details {
		transform: translate(0, -110px);
	}
}

/*----------- Bilderleiste -----------*/
.row-gallery {display: flex;}

.row-gallery figure a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}