/* Georgi Aufzugtechnik */
/* www.florian-diederich.de */


body {}

.astroid-header-section header .d-flex.col-auto .header-block-item {
  border-right: 1px solid #d5d5d5;

}

#astroid-sticky-header  .header-block-item {
  	border-left: 1px solid #d5d5d5 !important;
  	border-bottom: 1px solid #d5d5d5 !important;
	border-right: 1px solid #d5d5d5;
}

#astroid-sticky-header  .header-block-item,
#astroid-header .d-flex.col-auto  .header-block-item {
	background: transparent url(images/images_layout/icon-search-1.png) 0px 0px no-repeat;
	width:60px;
	max-width:60px;
	height: 60px;
	position: relative;
}

#astroid-sticky-header  .header-block-item .mod-finder, 
#astroid-header .d-flex.col-auto  .header-block-item .mod-finder {
	opacity:0;
	position:absolute;
	top:60px; 
	width: 305px;
  	right: 0;
	text-align: right;
  	background: #004D91;
	transition: 0.3s linear;
    	transition-property: all;
  	transition-property: height, opacity;
}

#astroid-sticky-header  .header-block-item:hover .mod-finder ,
#astroid-header .d-flex.col-auto  .header-block-item:hover .mod-finder {
	opacity:1
}


#astroid-sticky-header  .header-block-item .mod-finder .btn,
#astroid-sticky-header  .header-block-item .mod-finder input, 
#astroid-header .d-flex.col-auto  .header-block-item .mod-finder .btn,
#astroid-header .d-flex.col-auto  .header-block-item .mod-finder input {
	border-radius:0px !Important;	
	font-size: 20px;
}

#astroid-sticky-header  .header-block-item .mod-finder .btn.btn-primary,
#astroid-header .d-flex.col-auto  .header-block-item .mod-finder .btn.btn-primary {
	background:#004D91;
	font-size: 20px;
  	border: 0;
}
#astroid-sticky-header  .header-block-item .mod-finder .btn.btn-primary  .icon-search,
#astroid-header .d-flex.col-auto  .header-block-item .mod-finder .btn.btn-primary .icon-search {
	display:none
}

#astroid-sticky-header  .header-block-item .mod-finder .awesomplete > input,
#astroid-header .d-flex.col-auto  .header-block-item .mod-finder .awesomplete > input {
  	display: block;
  	width: 210px;
	border-radius: 0;
}

#georgi-header header .logo-wrapper {
  position: relative;
  top: 15px;
}

#georgi-header .py-2 {
  	padding-top: 0rem !important;
  	padding-bottom: 0rem !important;
	position: relative;
  	top: 20px;
  	background: #fff;
}

#georgi-header #astroid-sticky-header .mx-auto {
  	margin-right:0 !important;
  	margin-left: 0 !important;
	width: 100%;
}

#georgi-header #astroid-sticky-header {
  background-color: transparent;
}

#georgi-header #astroid-sticky-header .logo-wrapper {
  	top: 0px;
	padding-left: 15px;
}

#georgi-header  .astroid-header-section .astroid-header-sticky > div {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #fff;
}
.astroid-header-section .astroid-header-sticky > div {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #fff;
}

#georgi-header {
	position:relative;
}
#georgi-header .servicebox {
	text-align: right;
	color:#ED0916;
  	font-size:20px;
	right: 0;
  	top: 40px;
  	position: absolute;
  	z-index: 10;
}
#georgi-header .servicebox h3 {
  	font-size: 20px;
  	margin-bottom: 0;
	color:#ED0916
}
#georgi-header .servicebox::before {
	content:'';
	width:35px;
	height:35px;
	background: url(images/images_layout/icon-clock-1.png);
	display: block;
  	position: absolute;
  	left: -40px;
  	top: -6px;
  	background-size: contain;
  	background-position: top left;
}

#georgi-header ul.nav.astroid-nav { 
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
#georgi-header li.nav-item.nav-item-level-1 { 
  	border-bottom: 1px solid #ddd;
  	border-right: 1px solid #ddd;
	display: flex !important;
	width:100%;
}
#georgi-header li.nav-item.nav-item-level-1 a { 
	width:100%;
	text-align:center;
	padding-top: 0;
  	padding-bottom: 0;
}

#georgi-header ul.nav-submenu {border:0px !important}
#georgi-header ul.nav-submenu li.nav-item-submenu.nav-item-level-2  a { 
	text-align:left;
	border-top:1px solid #2873B3
}

.megamenu-container, .megamenu-container .nav-submenu .nav-submenu {
  border: 0px solid var(--bs-border-color);
}

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

#georgi-header #astroid-sticky-header .nav-item.nav-item-id-101 {
	display:none !important
}

.nav-item.nav-item-id-168,
.nav-item.nav-item-id-101 {
	max-height:61px;
	overflow:hidden;
	max-width:59px;
}
.homelink {
	padding: 0;
  	margin: 0;
	width: auto !important;
	background:#004D91
}
.searchlink {
	padding: 0;
  	margin: 0;
	width: auto !important;
	background:#fff !important
}

.searchlink-img,
.homelink-img {
	padding:0;
	margin:0
}
}

@media screen and (max-width:992px) {
.homelink-img {
	display:none
}
}

#georgi-banner .homebanner .carousel-item {
  	height: 100VH;
	height: calc(100vH - 180px);
}

#georgi-banner {
	color:#fff !important
}
#georgi-banner .carousel.slide {
	border-radius:0 !Important
}


#georgi-banner .astroid-heading {
	position:absolute;
	bottom:8%;
}

.home-alias #georgi-banner .astroid-heading {
	position:relative;
	bottom:auto;
}


#georgi-banner .astroid-image-overlay-cover::after {
  background: rgba(0, 0, 0, 0.4);
}


#georgi-banner h1,
#georgi-banner h2,
#georgi-banner h3,
#georgi-banner h4 {
	color:#fff !important
}

#georgi-banner a.btn, 
#georgi-banner a.dropbtn {
  border: 1px solid #fff !important;
  margin: 0 !important;
  font-size: 20px !important;
  color: #fff !important;
  background: transparent !important;
  padding: 15px 60px 15px 60px !important;
}

#georgi-banner a.btn:hover, 
#georgi-banner a.dropbtn:hover {
  border: 1px solid #fff !important;
  margin: 0 !important;
  font-size: 20px !important;
  color: #fff !important;
  background: #004D91 !important;
  padding: 15px 60px 15px 60px !important;
}


#georgi-banner .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: white;
  background-clip: padding-box;
  border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1.0;
  transition: opacity 0.6s ease;
  border-radius: 50%;
background: transparent;
  border: 2px solid #fff;
}

#georgi-banner .carousel-indicators .active {
  opacity: 1;
  background: #fff !important;
}

#georgi-banner .carousel-indicators {
	display:none;
}
.home-alias #georgi-banner .carousel-indicators {
	display:block;
}

.home-alias .georgi-slider {
  background: #fff;
}

#georgi-banner .carousel-indicators {
  	position: absolute;
  	right: 0;
  	bottom: 50%;
  	left: auto;
	margin-right: 5%;
	transform: rotate(90deg);
}
#georgi-banner .carousel-control-prev,
#georgi-banner .carousel-control-next {
	display:none
}

.carousel-caption  {
  	max-width: 1240px;
  	margin: 0 auto;
	padding:0;
/*	width: 100%; */
	left:0;
	right:0;
}

.mod-breadcrumbs {
	border: 0;
  	font-size: 16px;
}

.mod-breadcrumbs.px-3 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.mod-breadcrumbs.px-3 .float-start {
  display: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  	content: '';
	width:20px;
	height:30px;
	background: url(images/images_layout/icon-splitter-1.png) no-repeat 0 5px;
}

.georgi-content {
	padding-top:60px;
	padding-bottom:0px
}

.georgi-content .csColumn {
    overflow: hidden;
}

.georgi-content #phocagallery {
}

.georgi-content .has-dark-blue-color {
	color:#004D91
}
.georgi-content .com-content-article a {
	color:#004D91
}

.georgi-content .convertforms .cf-form-wrap {
  padding: 0px;
}

.georgi-content #form1_datenschutz_0 {
	position: relative;
  	top: -14px;
	background:#F0F0F0
}

#search-results {
	padding-bottom:90px;
}


.blog-items.items-leading ul li,
.com-content-article__body ul li {
	list-style:square;
}
.blog-items.items-leading ul,
.com-content-article__body ul {
  	padding-left: 1rem;
}

.blog-items.items-leading ul li::marker,
.com-content-article__body ul li::marker {
  	color: #004D91 !important;
}

/* Phoca Gallery*/
.pg-item-box-icons-box {
  position: absolute;
  right: 0em;
  padding: 0em;
  background-color: rgba(4, 106, 182, 0.5);
  width: 100%;
  height: 100%;
  bottom: 0%;
  justify-content: center;
  align-items: center;
background:transparent;
}

.pg-item-box-icons-box:hover {
	bottom:0;
  	height: 100%;
}


.pg-magnific2-button {
	height:10%;
	width:100%;
  	display: block;
	opacity:0;
	background: url(images/images_layout/icon-plus-1.png) no-repeat center center;
	background-color: rgba(4, 106, 182, 0.5);
  	transition: 0.3s linear;
    	transition-property: all;
  	transition-property: height, opacity;
}

.pg-item-box-icons-box:hover .pg-magnific2-button {
	opacity:1;
	height:100%;
}

.pg-item-box-icons-box svg.ph-si {
	display:none;
}

.pg-item-box, .pg-category-box {
  border: 1px solid #fff;
  margin: 0.3em;
}

.pg-category-box-image svg, .pg-detail-item-image-box img, 
.pg-item-box-image img, 
.pg-item-box-image svg, .pg-category-box-image img {
  	border-radius: 0px;
  	box-shadow: unset
}

a.btn,
a.dropbtn {
	border:1px solid #dddddd !important;
  	margin: 0 !important;
	font-size: 20px !important;
  	color: #004D91 !important;
  	background: #ffffff !important;
  padding: 15px 60px 15px 60px !important;
}

a.btn:hover,
a.dropbtn:hover {
	color:#fff !important;
	border:1px solid #dddddd !important;
	background:#004D91 !important;
	box-shadow:unset !important;
}

.mfp-bottom-bar {
	display:none
}

img.content-image {
	height: auto !important;
}

/* djs slider */


.georgi-slider {
	margin-left: calc( (100vW - 1240px) / -2 );
	background:#F5F5F5;
  	width: 100vW;
  	margin-bottom: 0;
}

.georgi-slider {
	padding-bottom:0 !Important
}

.georgi-slider .djslider-default .slider-container {
  background: #f5f5f5;
}

.home-alias .georgi-slider .djslider-default .slider-container {
  background: #fff;
}
.home-alias .button-referenzen {
  background: #fff;
}

.georgi-slider h2,
.georgi-slider h3  {
	width: 100%;
  	max-width: 1240px;
  	margin: 0 auto;
  	padding: 90px 0px 30px 0px;
}

.djslider-default .navigation-container {
  top: calc(50% - 40px) !important;
}

.djslider-default .navigation-container .play-button, 
.djslider-default .navigation-container .pause-button {
  cursor: pointer;
  display: none !important;
  position: absolute;
  left: 50%;
}

.button-referenzen {
	margin-left: calc( (100vW - 1240px) / -2 );
	background:#F5F5F5;
  	width: 100vW;
	padding-top:60px;
	padding-bottom:60px !important;
	margin-top:0
}
.button-referenzen-wrapper {
	width:100%;
	max-width:1240px;
	margin:0 auto;
}

/* Raster */

.csRow {
	margin-bottom:120px;
}
.georgi-fullbox .csRow {
	margin-bottom:0px;
}

.container {
  --bs-gutter-x: 0;
}

.internal-fullbox {
	margin-left: calc( (100vW - 1240px) / -2 );
	background:#F5F5F5;
  	width: 100vW;
	padding-top:60px;
}
.internal-fullbox .csRow {
	max-width:1240px;
  	margin: 0 auto;
}

.georgi-fullbox {
	margin-left: calc( (100vW - 1240px) / -2 );
	background:#F5F5F5;
  	width: 100vW;
}

.georgi-fullbox div {
	padding:0 !important;
}
.georgi-fullbox  .csColumn img {
	max-width: 100vW;
	height:100% !important;
/*  	width: 100%; */
}

@media screen and (max-width:838px) {
.georgi-fullbox  .csColumn img {
	height:100% !important;
}
	
}

@media screen and (min-width:1921px) {
.georgi-fullbox  .csColumn img {
	max-width: 100vW;
 	width: 100%  !important; 
  	height: auto !important;
}
}


.georgi-fullbox p,
.georgi-fullbox h1,
.georgi-fullbox h2,
.georgi-fullbox h3,
.georgi-fullbox p ul {
	max-width:620px;
	padding-left:60px;
}
.georgi-fullbox h2,
.georgi-fullbox h3 {
	padding-top:60px;
}


.georgi-fullbox  .csColumn_text:nth-child(2) {
}

.neubau-alias .georgi-slider,
.neubau-alias .button-referenzen {
  background: #fff;
}

.imac_wrapper {
  background: url(images/images_layout/monitor-1.webp) top no-repeat;
    background-size: auto;
  width: 100%;
  height: 520px;
  background-size: contain;
  display: block;
  position: relative;
}

.imac_wrapper iframe {
  max-width: 100%;
  width: 100%;
  height: 74%;
  padding: 3%;
  margin-top: -15px;
  height: 29vw;
  max-height: 365px;
}

.footer-section p {
	margin-top: 0;
  	margin-bottom: 0;
}

.footer-section .astroid-grid .card-body {
  --bs-card-spacer-y: 0rem;
  --bs-card-spacer-x: 0rem;
}

.footer-section .astroid-grid .card-body p {
	color:#fff;
}

.footer-section .astroid-grid img {
	position: relative;
  	max-width: 90%;
  	height: auto;
  	max-height: 80px;
  	width: auto !important;
} 

.footer-section .astroid-text {
	position:relative;
	top:10px;
font-size:17px;
line-height:28px;
}
.footer-section  a {
font-size:17px;
line-height:28px;
}

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

.georgi-content .csColumn {
	max-width:48%;
	width: calc(50% - 40px) ;
}
.georgi-content .csColumn:not(:first-child) {
	margin-left:40px !important
}

.georgi-content .georgi-fullbox .csColumn:not(:first-child) {
	margin-left:0px !important
}

.ansprechpartner-alias .georgi-content .csColumn:not(:first-child) {
	margin-left:0px !important
}
}


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

.georgi-content .csColumn {
	max-width:46%;
	width: calc(50% - 40px) ;
}

.georgi-content .georgi-fullbox  .csColumn {
	max-width:100%;
	width: c50%;
}


}



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

#astroid-header {
	padding-left: 35px !important;
  	padding-right: 35px !Important;
}
#georgi-header #astroid-sticky-header {
	padding-left: 35px !important;
  	padding-right: 35px !Important;
}
#georgi-header .servicebox {
  padding-right: 35px;
}

.carousel-caption  {
	left:35px;
	right:35px;
}
}

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


.georgi-content {
	padding: 30px 30px 0px 30px;
}

.internal-fullbox {
	margin-left: calc( (100vW - 1210px) / -2 );
  	width: 100vW;
	padding-top:60px;
}
.internal-fullbox .csRow {
	max-width:1210px;
  	margin: 0 auto;
}

.georgi-slider,
.button-referenzen,
.georgi-fullbox {
	margin-left: calc( (100vW - 1210px) / -2 );
  	width: 100vW;
}

.footer-section {
	padding:0 30px
}


.imac_wrapper iframe {
  max-height: 345px;
}
}


@media screen and (min-width: 1280px) and (max-width: 1310px) {
  #astroid-header {
    padding-left: 0px !important;
	padding-right:0;
}
}


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

.imac_wrapper iframe {

}

.internal-fullbox {
	margin-left: -30px;
  	width: 100vW;
	padding-top:60px;
}
.internal-fullbox .csRow {
	max-width:100%;
  	margin: 0 auto;
}

.georgi-slider h2, .georgi-slider h3 {
  padding: 90px 0px 30px 30px;
}

.georgi-slider,
.button-referenzen,
.georgi-fullbox {
	margin-left:-30px;
  	width: 100vW;
}

.button-referenzen {
	padding-left:30px;
}

.georgi-fullbox h2, .georgi-fullbox h3 {
  padding-top: 20px;
}
}

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

.imac_wrapper iframe {
  	max-height: 310px;
}
}

@media screen and (max-width: 1080px) {
.imac_wrapper {
  height: 440px;
}

  .imac_wrapper iframe {
    margin-top: -5px;
    max-height: 280px;
  }
}

@media screen and (max-width: 1040px) {
  .imac_wrapper iframe {
    max-height: 260px;
  }
}

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

.imac_wrapper {
  height: 360px;
}


  .imac_wrapper iframe {
    margin-top: -10px;
    max-height: 260px;
  }

.csRow {
  margin-bottom: 60px;
}

/* mobile menu rechts */

.burger-menu-button .box {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
/*  left: 20px;*/
}

.burger-menu-button.active {
	background:#f0f0f0
}

#astroid-sticky-header .container.d-flex.flex-row.justify-content-between,
#astroid-header .w-100.d-flex.justify-content-center.py-3 {
	flex-direction: row-reverse !important;
}
.astroid-mobilemenu {
	width:100%;
}

.astroid-mobilemenu-open .burger-menu-button .box {
  left: auto;
  right: 0px;
}  

.georgi-banner {
	padding: 0 !important
}
.georgi-content {
}

#georgi-header .servicebox {
	display:none;
}
#georgi-header header .logo-wrapper {
  position: relative;
  top: 0;
}

.astroid-section.footer-section .astroid-column,
.astroid-section.footer-section .astroid-grid.text-start,
.astroid-section.footer-section .astroid-text,
.astroid-section.footer-section .text-end {
	text-align:center !Important;
    	padding-top: 10px;
}

.astroid-logo > .astroid-logo-mobile {
  max-height: 55px !important;
}
}

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

#georgi-header #astroid-sticky-header {
    background: #fff;
}

#georgi-header #astroid-sticky-header .logo-wrapper {
	top: 15px;
    	padding-left: 15px;
    	left: 15px;
    	position: absolute;
}

.astroid-header-section .astroid-header-sticky > div {
	padding-top: 20px;
	padding-bottom: 20px;
}

#astroid-header .d-flex.flex-md-shrink-0.flex-grow-1.justify-content-center.justify-content-lg-start {
  justify-content: left !important;
}

a.btn, a.dropbtn {
  font-size: 17px !important;
  padding: 10px 30px 10px 30px !important;
}
}

@media screen and (max-width: 930px) {
  .imac_wrapper iframe {
	margin-top:0;
    	max-height: 230px;
  }
}

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

 .imac_wrapper {
    height: 560px;
  }

 .imac_wrapper iframe {
    width: inherit;
    height: 50vw;
    max-height: 60%;
    margin: auto;
    display: block;
    padding: 19px;
    max-width:80%;
  }

.georgi-fullbox .article-intro-text .csRow { 
	display:inline-grid;
}
.georgi-fullbox .article-intro-text .csRow .order-row {
	order:2;
} 


.home-alias {}
.georgi-content .csColumn {
	max-width:100%;
	width: 100% !important;
}
.georgi-content .csColumn:not(:first-child) {
	margin-left:0px !important
}
}

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

a.btn, a.dropbtn {
  font-size: 16px !important;
  padding: 10px 30px 10px 30px !important;
}
}

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


 .imac_wrapper {
    height: 400px;
  }

.home-alias #georgi-banner .carousel-indicators {
  display: none;
}

#georgi-banner  .carousel-caption {
  	bottom: 0rem;
	left:35px;
	right:35px;
}

#georgi-banner a.btn, #georgi-banner a.dropbtn {
  padding: 5px 10px 5px 10px !important;
}
#georgi-banner a.btn:hover, 
#georgi-banner a.dropbtn:hover {
  padding: 5px 10px 5px 10px !important;
}

#georgi-banner .mt-5 {
  margin-top: 1rem !important;
}
}

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

 .imac_wrapper iframe {
    width: inherit;
    height: 50vw;
    max-height: 280px;
    margin: auto;
    display: block;
    padding: 19px;
    max-width: 442px;
  }
}

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

 .csRow {
    margin-bottom: 30px;
  }

 .imac_wrapper {
    height: 320px;
  }

#georgi-banner.carousel-item,
#georgi-banner .homebanner .carousel-item {
  height: 230px;
}

#georgi-banner .homebanner .carousel-caption {
	display:none
}
}


@media screen and (max-width: 480px) {
  .imac_wrapper {
    height: 350px;
  }
}

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

 .imac_wrapper {
    height: 330px;
  }
}