/*
 Theme Name:     Koncept Child
 Theme URI:      http://demo.krownthemes.com/koncept/
 Description:    A basic child theme for the Koncept theme.
 Author:         KrownThemes
 Author URI:     http://krownthemes.com
 Template:       koncept
 Version:        1.0
*/

@import url("../koncept/style.css");

/* --------------------------------------
-----   Theme customization starts here   -----
------------------------------------------*/

html, body{
	background: white !important;
}

.wp-caption{
	max-width: 100% !important;
}


/* OHNE ICONS */
.page-id-878 #header .icon-box{
	display: none;
}

/* PAGELOADER */
.loader {
	position: fixed !important;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000000;
  	overflow: hidden;
  	background: black;
	transition: inherit !important;
	-webkit-transition: inherit !important;
	-moz-transition: inherit !important;
	-ms-transition: inherit !important;
	-o-transition: inherit !important;
	-webkit-transition-delay: inherit !important;
	transition-delay: inherit !important;
	text-align: center;
	padding-top: 10%;
}

.loader h2{
	color: white;
	text-transform: none;
	font-size: 40px;
	font-weight: 900;
	margin-top: 15px;
}

.post-nav .btn-close .krown-svg{
	display: inline-block !important;
	margin-top: -15px;
}

.post-nav{
	padding-bottom: 20px;
}



/* ALLGEMEIN */
::selection{
	background: black;
	color: white;
}

html, body{
	min-height: 100.1%;
}


.wrapper{
	max-width: 1000px !important;
}

#content{
	padding-bottom: 100px;
}

#content p, #content a{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5em;
	color: black;
}

#content .button a, #content .button a.mtli_pdf{
    color: white;
    text-decoration: none;
    background: #1d1d1d;
    padding: 15px 25px !important;
    display: inline-block;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
        -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

#content .button a:hover{
	opacity: .8;
}

#content .button a strong, #content .button a b{
	font-size: 24px;
}

#content p.nomargin{
	margin-bottom: 0 !important;
}

.page-id-1209 #content p.nomargin{
	    margin-bottom: 7px !important;
}

#content ul{
	margin-bottom: 24px;
}

#content ul.tab-content{
	margin-bottom: 0 !important;
}

.page-template-home-php #content li, .page-template-default #content li, .single-portfolio #content li{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5em;
	color: black;
	background: url('/wp-content/themes/koncept-child/img/li_icon.jpg');
	background-repeat: no-repeat;
	background-position: 0 13px;
	padding-left: 21px;
	list-style: none;
}


#content .osc-res-tab .osc-res-nav > li, #content .osc-res-tab .tab-content > li{
	background: transparent !important;
	padding-left: 0px !important;
	list-style: none !important;
}


a{
	text-decoration: underline;
}

h1, h2 {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 50px;
	line-height: 60px;
	font-weight: 900;
	text-transform: none;
	font-size: 55px;
}

/*h2 {
	text-transform: none;
	line-height: 37px;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 5px;
}*/


h3{
	text-transform: none;
	line-height: 37px;
	font-size: 28px;
	font-weight: 700;
	font-family: 'PT Sans', sans-serif;
}


h4{
	text-transform: none;
	margin-bottom: 10px;
	line-height: 33px;
	font-size: 24px;
	font-weight: 400;
}

.home-helm{
	margin-bottom: 15px;
	display: none;
}


.krown-single-image{
	left: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}


.krown-column-row > .krown-column-container{
	border-style: solid !important;
	border-color: white !important;
}


.krown-column-row.no-padding-right > .krown-column-container {
	padding-right: 0;
}

.krown-column-container{
	height: auto !important;
}


.krown-column-container.text .teaser{
	padding-top: 0;
}

.krown-column-container.text .teaser h3{
	margin-top: -9px;

}

.teaser.box{
	position: relative;
}

.teaser.box h4{
	margin-bottom: 0;
}

.teaser.box.link{
	padding-bottom: 42px;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}

.teaser.box.link h3{
	margin-bottom: 0;
}

.teaser.box a.link{
	position: absolute;
	top: 0;
	text-indent: -30000px;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

.teaser.box a.link span{
	text-indent: 0;
	line-height: 25px;
}


#content a.mtli_pdf{
	background: url('/wp-content/themes/koncept-child/img/pdf_icon.png');
	background-repeat: no-repeat;
	background-size: 30px;
	padding-left: 41px !important;
	color: black;
	font-weight: bold !important;
	margin-bottom: -24px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	background-position: 0 6px;
	text-decoration: none;
}

.wp-caption.alignleft{
	width: 48% !important;
	display: inline-block;
	margin-right: 1%;
	float: none !important;
}

.wp-caption-text{
	font-weight: bold !important;
	margin-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;
}


.post-nav .btn-close{
	display: inline-block !important;
	padding-top: 9px !important;
	z-index: 1000000;
}


.post-nav .btn-next, .post-nav .btn-prev{
	display: inline-block !important;
	margin-top: -19px !important;
}



/* Toggle */
.toggle .less .button-read-less{
	display: none;
}

.toggle .less.active .button-read-more{
	display: none;
}

.toggle .less.active .button-read-less{
	display: inline-block;
}

.toggle .less a{
	bottom: 2px;
	text-transform: uppercase;
	font-size: 17px !important	;
	letter-spacing: .7px;
	line-height: 16px;
	font-weight: 900 !important;
	color: #595959 !important;
	padding-right: 0;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	border: 0;
	text-decoration: none !important;
}

.toggle .less a.button-read-more::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #595959;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

.toggle .less a:hover{
	color: black !important;
}

.toggle .less a.button-read-more:hover::before{
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent black;
}



.toggle .less a.button-read-less::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 7px 10px 7px;
	border-color: transparent transparent #595959 transparent;
	float: left;
	margin-top: 7px;
	margin-right: 7px;
}


.toggle .less a.button-read-less:hover::before{
	border-style: solid;
	border-width: 0px 7px 10px 7px;
	border-color: transparent transparent black transparent;
}



.less.active{
margin-top: 35px;
}

.toggle .more{
	margin-bottom: 	20px;
}

/* HEADER */
#header{
	height: 230px !important;
	margin-bottom: 45px !important;
}

#header{
	margin-bottom: 0 !important;
}

.single-portfolio #header #logo{
	width: 235px !important;
	margin-left: 8px;
}

#menu-opener{
	margin-top: 36px;
}

.menu-one #menu-closer{
		z-index: 100001;
	}

#header .nav{
	float: right;
	margin-top: 0px;
	width: 200px;
}

#menu-opener{
	width: auto;
}

#header #menu-opener span{
	float: left;
	padding-right: 10px;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 17px;
	color: black;
	margin-top: 2px;
	letter-spacing: .7px;
}

#menu-opener .krown-svg{
	float: right;
}

#header .icon-box{
	float: left;
	width: 200px;
	padding-left: 60px;
	margin-top: 29px;
}

#header .icon-box .icon{
	float: left;
	padding-right: 10px;
	width: 41px;
	height: 32px;
	text-indent: -30000px;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}

#header .icon-box .icon a{
	display: block;
	padding-bottom: 5px;
}


#header .icon-box .icon.mail{
	background: url('/wp-content/themes/koncept-child/img/mail_icon.png');
	background-repeat: no-repeat;
}

#header .icon-box .icon.mail:hover{
	background: url('/wp-content/themes/koncept-child/img/mail_icon-hover.png');
	background-repeat: no-repeat;
}

#header .icon-box .icon.contact{
	background: url('/wp-content/themes/koncept-child/img/contact_icon.png');
	background-repeat: no-repeat;
}

#header .icon-box .icon.contact:hover{
	background: url('/wp-content/themes/koncept-child/img/contact_icon-hover.png');
	background-repeat: no-repeat;
}

#header .icon-box .icon.tel{
	background: url('/wp-content/themes/koncept-child/img/tel_icon.png');
	background-repeat: no-repeat;
}

#header .icon-box .icon.tel:hover{
	background: url('/wp-content/themes/koncept-child/img/tel_icon-hover.png');
	background-repeat: no-repeat;
}


/* Navigation */
.menu-one #main-menu{
	background: rgba(0,0,0,.95) !important;
	z-index: 100000;
}

.menu-one .top-menu > li{
	float: left !important;
	width: 100% !important;
	margin-bottom: 10px;
}


.menu-two #menu-main-menu.top-menu > li > a, .menu-one #menu-main-menu.top-menu > li > a{
	font-size: 39px !important;
	line-height: 42px !important;
	text-decoration: none;
	color: white !important;
	border-bottom: 5px solid transparent;
}

.menu-two #menu-main-menu.top-menu > li > a:hover, .menu-one #menu-main-menu.top-menu > li > a:hover, .menu-one #menu-main-menu.top-menu > li.selected > a,
.single .menu-one #menu-main-menu.top-menu > li#menu-item-1918 > a{
	border-bottom: 5px solid white;
}



/* FOOTER */
#footer{
	padding: 70px 0 25px;
}

#footer p{
	font-weight: 400;
	font-size: 15px;
	line-height: 1.7em;
	color: black;
	margin-bottom: 0;
}

#footer a{
	text-decoration: none;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.7em;
	color: black;
	padding-right: 15px;
}

#footer .footer-right a{
	font-weight: 900;
	font-size: 17px;
	text-transform: none;
}

#footer .footer-right a.doc{
	padding-right: 30px;
}

#footer a:hover{
	text-decoration: underline;
}

#footer p b{
	font-weight: 900;
	font-size: 17px;
}

#footer-left{
	float: left;
	text-align: left;
	width:27%;
}

#footer-center-right, #footer-center-left, #footer-right{
	float: left;
}


#footer-center-left{
	width: 23%;
}

#footer-center-right, #footer-right{
	width: 25%;
}


#footer-left .contact-info{
	margin-top: 15px;
}

#footer-left .tel, #footer-left .mail, #footer-left .fax, #footer-left .anfahrt{
	background-repeat: no-repeat;
	background-position: center left;
	padding: 2px 10px 2px 30px;
	display: inline-block;
}

#footer-left .tel{
	background-image: url('/wp-content/themes/koncept-child/img/tel_icon-blank.png');
}

#footer-left .mail{
	background-image: url('/wp-content/themes/koncept-child/img/mail_icon-blank.png');
}

#footer-left .fax{
	background-image: url('/wp-content/themes/koncept-child/img/fax_icon-blank.png');
}


#footer-left .anfahrt{
	background-image: url('/wp-content/themes/koncept-child/img/anfahrt_icon-blank.png');
}

.footer-middle{
	float: right;
	text-align: left;
	width: 50%;
}

.footer-right{
	position: absolute;
	right: 0;
}

a.impressum{
	text-transform: uppercase;
	color: black;
}

.social-info{
	margin-top: 81px;
}

.widget h3{
	margin-bottom: 0;
    font-size: 17px;
    line-height: 1.7em;
    font-weight: 900 !important;
    color: black;
    text-align: left;
}

#footer-right .widget {
	margin-bottom: 1rem;
}

#footer .widget ul li{
	text-align: left;
	border: 0 !important;
}

#footer-bottom {
	clear: both;
	display: block;
	padding-top: 3rem;
}

#footer-bottom a{
	font-size: 15px;
	color: #000;
	padding-right: 0;
	opacity: 0.4;
}

#footer-bottom a:hover {
	opacity: 1;
}

#footer-socialmedia {
    width: 25%;
	text-align: left;
	display: flex;
	gap: 1.5rem;
} 

ul#menu-footer-meta-menu {
	display: flex;
	gap: 2rem;
}

@media screen and (max-width:767px) {
	#footer-socialmedia {
		gap: 0.75rem;
	}
}

.footer-socialmedia a {
	padding-right: 0;
}

#footer-socialmedia a.socialmedia {
	position: relative;
	text-indent: -30000px;
	transition: all .3s ease-in-out;
}

a.socialmedia:hover {
	opacity: .7;
}

a.socialmedia + a.socialmedia {
	margin-right: 14px;
}

a.socialmedia, a.socialmedia::before {
	width: 27px;
	height: 27px;
}

a.socialmedia::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
    background-image: url(/wp-content/themes/koncept-child/img/iconset.png);
    background-image: url(/wp-content/themes/koncept-child/img/iconset.svg);
    background-repeat: no-repeat;
    background-size: 31px;
}

a.socialmedia--linkedin::before {
	background-position: -2px -2px;
}

a.socialmedia--facebook::before {
	background-position: -2px -31px;
}




/* TOOLTIP */
.Zebra_Tooltip .Zebra_Tooltip_Message{
	padding: 5px 10px;
	box-shadow: 0 0 0;
	margin-top: -7px;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.7em;
	border-radius: 0;
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom{
	bottom: auto;
}

.Zebra_Tooltip{
	top: 43px !important;
}


/* STARTSEITE */
.home_box{
	display: block;
	position: relative;
	
}

.home_box p, .krown-column-container .teaser p{
	margin-bottom: 0;
}

.home_box h3, .krown-column-container .teaser h3, .box-teaser h3{
	font-weight: 700;
	line-height: 33px;
	font-size: 26px;
	margin-bottom: 10px;
}

.home_box a{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000
}

.home .box-teaser{
	padding: 10px 0px 15px;
}

.home #content .box-teaser p, .home #content .box-teaser h4{
	line-height: 33px;
	font-size: 24px;
	margin-bottom: 0;
}

.home_box h3{
	margin-bottom: 0;
}

.box-teaser{
	background: white;
	padding: 10px 10px 35px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7em;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	cursor: default;
}


.krown-column-container .teaser{	
	padding: 10px 0px 20px;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4em;
	color: black;
}

.home_box:hover span.moreinfo, .teaser.box.link:hover span.moreinfo, #portfolio .item:hover span.moreinfo{
	color:black;
}


.home_box:hover span.moreinfo::before, .teaser.box.link:hover span.moreinfo::before, #portfolio .item:hover span.moreinfo::before{
	border-style: solid;
	border-width: 6px 0 7px 9px;
	border-color: transparent transparent transparent black;
}


.page-id-120 .home_box{
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	margin-bottom: 70px;
	padding-bottom: 20px;
}

.home_box .img{
	overflow: hidden;
	height: 100%;
}

.home_box img, .krown-image-holder .zoom img{
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transform: translateZ(0px);
	-ms-transition: -ms-transform 1000ms cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transform: translateZ(0px);
}

.home_box:hover img, .krown-image-holder:hover .zoom img{
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-ms-transform: scale3d(1.05, 1.05, 1.05);
}

.krown-column-container.logo .krown-image-holder a{
	background: #ECECEC;
	padding: 50px 20px;
}


/* ACCRODIONS */
.accordion{
	border-bottom: 2px solid black;
}

.accordion br{
	display: none;
}

.accordion-content{
	padding: 10px 10px 20px 10px;
}

.accordion h2{
	text-transform: none;
	line-height: 37px;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 5px;
	border-top: 2px solid black;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	padding: 25px 10px;
	cursor: pointer;
	margin: 0;
	text-transform: none;
	line-height: 50px;
	font-size: 45px;
	font-weight: 600;
}

.accordion h2:hover{
	background: black;
	color: white;
}

.accordion h2.open, .accordion h2.open:hover{
	background: transparent;
	color: black;
}


/* TABS */
.osc-res-tab .nav-tabs{
	border-bottom: 0;
}

.osc-res-tab ul.tab-content{
	padding: 30px 0 !important;
}


#content .osc-res-tab .nav-tabs>li.active>a, .osc-res-tab .nav-tabs>li.active>a:hover, .osc-res-tab .nav-tabs>li.active>a:focus{
	border: 0 !important;
	background: transparent !important;
	color: black !important;
	border-bottom: 3px solid black !important;
}

#content .osc-res-tab .nav-tabs>li>a:hover{
	border: 0;
	background: transparent !important;
}

#content .osc-res-tab .nav-tabs>li>a{
	text-transform: none;
	font-weight: 700 !important;
	line-height: 33px !important;
	font-size: 26px !important;
	margin-right: 25px !important;
	color: black !important;
	width: auto;
	text-align: center;
	border: 0 !important;
	border-radius: 0 !important;
	border-bottom: 3px solid #eee !important;
}

#content .osc-res-tab .nav-tabs>li.active>a{
	font-weight: 900;
}


/* YOUTUBE */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
	padding-top: 0px; height: 0; overflow: hidden;
	margin-top: 2em;
	margin-bottom: 20px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





/* OBJEKTE */
#portfolio, .infinite-barrier{
	max-width: 1000px !important;
}


#filter-opener {
  display: none;
}
#filter {
  display: block;
}

#filter{
	border: 0;
	padding:0;
	height: 60px;
	margin-bottom: 10px;
}

#filter li{
	float: left;
	padding: 0;
	margin-left: 15px;
}

#filter li a{
	line-height: 27px !important;
	width: auto;
	display: block;
	text-decoration: none;
	padding: 4px 15px 3px 15px;
	text-transform: uppercase;
	font-size: 15px !important;
	letter-spacing: 1px;
	background: white;
	border: 2px solid black;
	color: black !important;
	margin-top: 0;
	font-weight: 900 !important;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}

#filter li a:hover{
	background: black;
	color: white !important;
}

#filter li a.selected{
	background: black;
	color: white !important;
}


#portfolio .img {
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid transparent;
}

#portfolio { 
	background: transparent; 
	margin-top: -30px;
}


#portfolio a{
	text-decoration: none;
}

.caption-custom{
	background: white;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7em;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	border: 10px solid white;
	border-left: 0;
	border-right: 20px solid white;
	border-top: 0;
}

.caption-custom .caption-content{
	padding: 10px 0px 15px;
}


.caption-custom h3{
	margin-bottom: 0px;
	font-weight: 700;
	line-height: 33px;
	font-size: 26px;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	top: 0;
}

#portfolio.show-excerpt .item span.excerpt{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7em;
	margin-bottom: 10px;
}

#portfolio .img{
	overflow: hidden;
	height: 100%;
}

#portfolio li img{
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transform: translateZ(0px);
	-ms-transition: -ms-transform 1000ms cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transform: translateZ(0px);
}

#portfolio li:hover img{
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-ms-transform: scale3d(1.05, 1.05, 1.05);
}


/* EINZELNES OBJEKT */
.headerbild{
	margin-bottom: 20px;
}

.headerbild .video-container {
	margin-top: 0;
}

.headerbild>.video-container>.fluid-width-video-wrapper {
	padding-top: 56.25%;
}

.post-nav .btn-close{
	font-weight: bold !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
}

.single-portfolio #content p{
	margin-bottom: 12px;
}


/* FERROTEKT */
.mensch_box{
	margin-bottom: 80px;
}

.mensch_box:last-child{
	margin-bottom: 0;
}

.mensch_box h2{
	line-height: 40px;
	margin-top: 14px;
	font-weight: 700;
	line-height: 33px;
	font-size: 26px;
	margin-bottom: 0;
}


.mensch_box h4{
	line-height: 33px;
	font-size: 24px;
	font-weight: 400;
}

.contact-box a{
	font-weight: bold !important;
	text-decoration: none;
}

.contact-box a.tel{
	margin-right: 25px;
	background-image: url('/wp-content/themes/koncept-child/img/tel_icon-blank.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px 10px 5px 25px;
}

.contact-box a.email{
	margin-right: 25px;
	background-image: url('/wp-content/themes/koncept-child/img/mail_icon-blank.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px 10px 5px 29px;
}

.contact-box a.mobile{
	margin-right: 25px;
	background-image: url('/wp-content/themes/koncept-child/img/mobile_icon-blank.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px 10px 5px 29px;
}

#gmap_1 .gmnoprint, #gmap_1 .gm-style-cc{
	display: none;
}


span.moreinfo, #content a.link--arrow {
	display: block;
	position: absolute;
	bottom: 2px;
	text-transform: uppercase;
	font-size: 17px;
	letter-spacing: .7px;
	line-height: 26px;
	font-weight: 600;
	color: #595959;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}

#content a.link--arrow {
	position: relative;
    text-decoration: none;
    display: inline-block;
    padding: .8em 1.2em;
}

#content a.link--arrow:hover {
	color: black;
}

.link-container.center {
	width: 100%;
	text-align: center;
}

span.moreinfo::before, a.link--arrow::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 7px 9px;
	border-color: transparent transparent transparent #595959;
	float: left;
	margin-top: 6px;
	margin-right: 10px;
}

a.link--arrow:hover::before {
	border-color: transparent transparent transparent black;
}

#footer{
	background: white;
	position: relative;
	padding-top: 0;
}

#footer .wrapper{
	border-top: 5px solid black;
	padding-top: 14px;
}

#header #menu-opener{
	margin-right: -32px;
}


.krown-column-container .teaser.headline{
	background: black;
	border: 0;
	padding: 20px;
	margin-top: 25px !important;
	position: relative;
}


#content .krown-column-container .teaser.headline h3{
	margin: 0 !important;
	color: white !important;
}

#content .krown-column-container .teaser.headline p{
	margin: 0 !important;
	color: white !important;
	font-weight: 700;
	line-height: 33px;
	font-size: 26px;
}

.krown-column-container .teaser.headline h3{
	color: white !important;
}

.krown-column-container .teaser.headline a{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	margin-left: -20px;
	z-index: 100000;
}


a.krown-single-image{
	display: inline-block;
}

a.krown-single-image.alignright{
	text-align: right;
}



/* FORMULAR */
.iphorm-labels-above > .iphorm-element-spacer > label{
	font-weight: bold !important;
	margin-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.7em;
	color: black;
}

.iphorm-element-wrap label span.iphorm-required{
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
}


.iphorm-elements .iphorm-element-wrap-text input{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7em;
	color: black;
	padding: 10px;
	height: 55px;
	border: 2px solid #AAA;
	max-width: 355px;
}

.iphorm-elements .iphorm-element-wrap-text.iphorm-element-error input, .iphorm-elements .iphorm-element-wrap-textarea.iphorm-element-error textarea{
	border: 2px solid black;
}

.iphorm-elements .iphorm-element-wrap-textarea textarea{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7em;
	color: black;
	padding: 10px;
	border: 2px solid #AAA;
	max-width: 755px;
}

.iphorm-elements .iphorm-element-wrap-text input:hover, .iphorm-elements .iphorm-element-wrap-text input:focus,
.iphorm-elements .iphorm-element-wrap-textarea textarea:hover, .iphorm-elements .iphorm-element-wrap-textarea textarea:focus{
	background: black;
	color: white;
	border: 2px solid black;
}

.iphorm-inner{
	width: 80%;
}


.simple-select-inner{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7em;
	color: black;
	height: 55px;
	border: 2px solid #AAA;
}

.simple-select-cover{
	height: 55px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7em;
}


.iphorm-elements .iphorm-element-wrap select{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7em;
}


.iphorm_1_1-input-wrap{
	max-width: 355px;
	margin-bottom: 10px;
}

.iphorm-labels-above > .iphorm-element-spacer > .iphorm-errors-wrap .iphorm-errors-list .iphorm-error{
	border: 0;
	font-weight: bold;
	font-size: 14px;
}

.iphorm-labels-above > .iphorm-element-spacer > .iphorm-errors-wrap .iphorm-errors-list .iphorm-error{
	background: transparent;
	color: black;
	padding: 5px;
	padding-left: 0;
	margin-top: -6px;
}


.iphorm-submit-wrap button em, .iphorm-submit-wrap button span{
	background: transparent !important;
	padding: 0 !important;
	border: 0 !important;
	color: white !important;
}

.iphorm-submit-wrap button{
	background: black;
	color: white !important;
	margin-top: 10px;
	display: inline-block;
	text-decoration: none;
	padding: 4px 15px 3px 15px;
	text-transform: uppercase;
	font-size: 15px !important;
	letter-spacing: 1px;
	line-height: 1.7em;
	font-weight: 400;
}


.iphorm-success-message{
	background: transparent;
	border: 0;
	padding: 0;
	border-bottom: 5px solid black;
	margin-bottom: 40px;
}

.iphorm-input-checkbox-li label, .iphorm-input-radio-li label{
	font-weight: 400;
    font-size: 18px;
    line-height: 1.5em;
    color: black;
}

.iphorm-input-radio-li input[type="radio"]{
    margin-top: -2px;
    margin-left: 2px;
    margin-right: 5px;
}

form .iphorm-input-radio-li label{
	margin-bottom: 5px;
}



/* IMPRESSUM */

.page-id-1119 h3{
	text-transform: none;
	line-height: 37px;
	font-size: 28px;
	font-weight: 700;
	font-family: 'PT Sans', sans-serif;
	margin-bottom: 0;
}



/* FACEBOOK TIMELINE */

.timeline{
	background: url('/wp-content/themes/koncept-child/img/bg_timeline.jpg');
	background-repeat: repeat-y;
	background-position: 50% 0;
	margin-top: 50px;
}

.timeline .timeline-event{
	border-radius: 0;
	border: 2px solid black;
	width: 44%;
	margin: 10px 2.5% 35px;
}

.page-template-default #content .timeline li.timeline-event, .page-template-default #content .timeline li.year{
	background: transparent;
	padding: 0 !important;
}

.timeline .timeline-event img.timeline-avatar, .timeline .timeline-share, .timeline .timeline-post h3 a{
	display: none;
}

.timeline .timeline-image img{
	border: 0;
	border-radius: 0;
	padding: 0;
}

.timeline .timeline-content{
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5em;
	color: black;
	margin-bottom: 20px;
}

.timeline .timeline-post h3{
	margin: 0;
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	color: #AAA;
}


.timeline .timeline-link{
	margin-top: 0;
	padding: 0;
	background: transparent;
}


.timeline .timeline-link h5 span{
	font-weight: 700;
	line-height: 33px;
	font-size: 17px;
	font-family: 'PT Sans', sans-serif;
}

.timeline .timeline-link h5 a{
	text-decoration: none;
	padding-top: 5px;
	display: block;
}


.timeline .timeline-description, .timeline .timeline-caption{
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5em;
	font-family: 'PT Sans', sans-serif;
	color: black;
}

.timeline .timeline-description{
	display: block;
	margin-top: 15px;
}


.timeline .timeline-event:nth-of-type(2n):after, .timeline.v1 .timeline-event:nth-of-type(2n):after{
	right: -16px;
	left: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent black;
	border-radius: 0;
	background: transparent !important;
}


.timeline .timeline-event:after, .timeline.v1 .timeline-event:after{
	left: -16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 10px 0px;
	border-color: transparent black transparent transparent;
	border-radius: 0;
	background: transparent !important;
}


.timeline .year:first-of-type{
	background: black;
	height: 33px;
	width: 33px;
	border-radius: 40px;
	clear: inherit;
	text-indent: -30000px;
	margin-bottom: 50px;
}


.js-info{
	max-width: 1000px !important;
	margin: 0 auto;
	background: black;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 25px;
}

.js-info h2{
	margin-top: 0;
	color: white;
}


.js-info p{
	color: white;
	margin-bottom: 0;
}

.js-info a{
	color: white;
	text-decoration: underline;
}


.post-nav .btn-close .krown-svg {
	display: block !important;
}


/* REFERENZEN */
.ferrotekt-big.tg-item{
	height: 630px !important;
}

.ferrotekt-small.tg-item{
	height: 435px !important;
}

.ferrotekt-big .tg-item-content-holder, .ferrotekt-small .tg-item-content-holder{
	height: 145px !important;
	padding: 10px 0px 15px !important;
	position: absolute;
    bottom: 0;
    width: 100%;
}

.ferrotekt-small .tg-item-media-holder, .ferrotekt-big .tg-item-media-holder{
	bottom: 120px !important;
}

.tg-item h2{
	margin: 0 !important;
	padding: 0 !important;
}

.tg-item h2 a{
	font-weight: 700 !important;
    line-height: 33px !important;
	font-size: 26px !important;
	text-decoration: none !important;
}

.tg-item a.full{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

#content .tg-item-content-holder p{
	font-weight: 400;
    font-size: 18px;
    line-height: 1.7em;
    margin-bottom: 10px;
}

.krown-column-container{
	overflow: hidden;
}

.tg-item span.moreinfo{
	position: relative;
}

.tg-grid-wrapper{
	padding-right: 30px;
}

.tg-grid-area-top2{
	margin-bottom: 20px;
}

.tg-filter{
	margin-right: 15px;
}

.tg-filter-name{
	line-height: 27px !important;
    width: auto;
    display: block;
    text-decoration: none;
    padding: 4px 15px 3px 15px;
    text-transform: uppercase;
    font-size: 15px !important;
    letter-spacing: 1px;
    background: white;
    border: 2px solid black;
    color: black !important;
    margin-top: 0;
    font-weight: 900 !important;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
        font-family: 'Lato', sans-serif;
}

.tg-filter-name:hover, #grid-2400 .tg-filter.tg-filter-active span{
	background: black;
    color: white !important;
}

#grid-2400 .tg-item-overlay{
	background-color: rgba(22,22,22,0.4) !important;
}

span.moreinfo::before, a.link--arrow::before, a.link--arrow {
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.tg-item:hover .dark span{
    color: #000000;
    fill: #000000;
    stroke: #000000;
}

.tg-item:hover span.moreinfo {
	color: black;
}

.tg-item:hover span.moreinfo::before{
	border-color: transparent transparent transparent #000000;
}


.timeline .timeline-post h3{
	display: none !important;
}

.ferrotekt-big .tg-item-content-holder,
.ferrotekt-big .tg-item-overlay {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.ferrotekt-big .tg-item-overlay {
	opacity: 0;
}

.ferrotekt-big:hover .tg-item-overlay {
	opacity: 1;
}


/* KONTAKT */
.quform-form{
	max-width: 750px;
}

.quform-label>label{
    font-weight: bold !important;
    margin-top: 5px;
    padding-bottom: 0;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 1.3em;
    color: black;
}


.quform-label>.quform-required{
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    color: #cc0101;
}

.quform .quform-field-text, .quform .quform-field-textarea,{
	height: 55px;
	line-height: 55px;
}

.quform .quform-field-text, .quform .quform-field-textarea,  .quform .quform-field-email{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7em;
    color: black;
    padding: 10px;
    border: 2px solid #AAA;
}

.quform .quform-field-text:focus, .quform .quform-field-textarea:focus,  .quform .quform-field-email:focus{
	background-color: black;
	border: 2px solid black;
	color: white;
}


.quform .quform-has-error .quform-field-text, .quform .quform-has-error .quform-field-textarea, 
.quform .quform-has-error .quform-field-email{
	border: 2px solid black;
}

span.quform-option-text{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5em;
    color: black;
    font-style: normal;
}

.quform-option{
	margin-bottom: 3px;
}

.quform-element-1_7 .quform-spacer{
	padding-bottom: 0;
}

button.quform-submit{
    background: black;
    color: white !important;
    display: inline-block;
    text-decoration: none;
    padding: 7px 15px 6px 15px;
    text-transform: uppercase;
    font-size: 15px !important;
    letter-spacing: 1px;
    line-height: 1.7em;
    font-weight: 400;
    border: 0;
}

span.quform-button-text{
	color: white !important;
    text-transform: uppercase;
    font-size: 15px;
}


.quform-error>.quform-error-inner{
	border-left: 2px solid #c73412;
	    padding: 3px 8px;
}

.quform-element-1_13, .quform-element-1_23, .quform-element-1_24, .quform-element-submit{
	float: left;
	width: 100%;
}

.quform-element-1_13, .quform-element-1_23{
	margin: 0 -20px;
}

.quform-element-1_13 .quform-element, .quform-element-1_23{
	float: left;
	width: 50%;
	padding: 0 20px;
}

.quform-success-message{
	background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    border-bottom: 5px solid black !important;
    margin-bottom: 40px !important;
}

.simple-select-inner{
	padding: 12px 0 0 10px;
}

.quform-element-1_17{
	margin-top: -15px;
}

/*.row>div:nth-of-type(2n) {
    max-width: 30%;
    margin-top: 5em;
}
.row>div {
    max-width: 50%;
    float: left;
    position: relative;
}

.row>div p, .row>div a {
	position: absolute;
	bottom: 0;
	left: 0;
}*/

.grid-container {
  height: 100%;
  display: grid;
  grid-template-columns: 118px 214px 118px 118px 214px 118px;
  grid-template-rows: 67px 129px 67px 129px 67px 67px 129px 67px;
  grid-gap: 20px 20px;
  grid-template-areas: "reference-1 reference-1 reference-1 reference-2 reference-2 ." "reference-1 reference-1 reference-1 reference-2 reference-2 ." "reference-1 reference-1 reference-1 reference-4 reference-4 reference-4" ". reference-3 reference-3 reference-4 reference-4 reference-4" ". reference-3 reference-3 reference-4 reference-4 reference-4" "reference-5 reference-5 reference-6 reference-6 reference-6 ." "reference-5 reference-5 reference-6 reference-6 reference-6 ." ". . reference-6 reference-6 reference-6 .";
  margin-bottom: 4em;
}

.reference-1 { grid-area: reference-1; }

.reference-2 { grid-area: reference-2; }

.reference-3 { grid-area: reference-3; }

.reference-4 { grid-area: reference-4; }

.reference-5 { grid-area: reference-5; }

.reference-6 { grid-area: reference-6; }

.reference {
	position: relative;
	overflow: hidden;
}

#content .reference::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(22,22,22,0.4);
	opacity: 0;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
	transition: all .4s ease;
	z-index: 2;
}

#content .reference:hover::before {
	opacity: 1;
}

#content .reference .picture-container {
	height: 100%;
	width: 100%;
}

#content .reference .picture-container::before, #content .reference .video_container::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);
}

.video_container.video_container--cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#content .reference .picture-container img, .video_container--cover video {
	-o-object-fit: cover;
    object-fit: cover;
    width: 100% !important;
	height: 100% !important;
}

#content .reference p {
	position: absolute;
	z-index: 3;
	left: 0;
    bottom: 0;
    padding: 0 35px 16px 18px;
	color: white;
	margin: 0;
	font-weight: bold;
    font-size: 19px;
}

a.full {
	text-indent: -300000px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.ferrotekt-big h2.tg-item-title {
    font-size: unset !important;
    line-height: unset !important;
}

.tg-filter {
    margin-bottom: 15px;
}

/* Browser support */
.edge .video_container--cover video, .ie .video_container--cover video {
	-o-object-fit: none;
	object-fit: none;
	width: 116% !important;
	height: 116% !important;
	position: relative;
	top: -8%;
	left: -8%;
}


/* ----------- Cookie message ----------- */

.moove-gdpr-company-logo-holder,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before,
.moove-gdpr-branding-cnt {
	display: none !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-right-content {
	border-radius: 0 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close {
	top: 10px !important;
	right: 10px !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
	border: none !important;
	background: transparent !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:after,
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:before,
.gdpr-icon.moovegdpr-arrow-close:after,
.gdpr-icon.moovegdpr-arrow-close:before,
i.moovegdpr-arrow-close.moovegdpr-arrow-close:after,
i.moovegdpr-arrow-close.moovegdpr-arrow-close:before {
	height: 30px !important;
	width: 2px !important;
	top: calc(50% - 15px) !important;
	background-color: #878787 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover::before, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover::after {
	background: #1d1d1d !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main h3.tab-title,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main span.tab-title {
	font-weight: 700 !important;
	line-height: 33px !important;
	font-size: 26px !important;
	margin-bottom: 10px !important;
	font-family: 'Lato', sans-serif !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content button,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content li,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p {
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 1.5em !important;
	color: black !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .tab-title {
	font-weight: 900 !important;
	font-size: 37px !important;
	height: auto !important;
	margin-top: 1rem !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {
	height: 110px !important;
	-webkit-box-shadow: 0 -6px 29px -10px #00000021 !important;
	box-shadow: 0 -6px 29px -10px #00000021 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .main-modal-content {
	max-height: 55vh !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton.moove-gdpr-modal-save-settings:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings:hover, 
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,
.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover {
	background-color: transparent !important;
}

@media all and (max-width: 1000px) {
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {
		height: 80px !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {
		padding: 20px 30px 80px 30px !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
		padding: 0 30px !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
		transform: scale(.9) !important;
	}
	
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
		width: 90vw !important;
	}
}

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

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .main-modal-content {
		padding-right: 15px !important;
		padding-bottom: 30px !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .tab-title {
		margin-bottom: 0.5rem !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-button-holder a.mgbutton,
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
		padding: 8px 20px !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close {
		top: 16px !important;
		right: 14px !important;
	}

	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
		padding: 8px 20px !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {
		padding: 20px 20px 80px 20px !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
		padding: 0 20px !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
		width: 100vw !important;
	}
}

@media all and (-ms-high-contrast:none) {
  .grid-container {
    display: -ms-grid;
    -ms-grid-columns: 128px 234px 138px 138px 234px 128px;
    -ms-grid-rows: 77px 149px 87px 149px 87px 87px 149px 77px;
  }

  .reference {
	  margin: 10px;
  }

  .reference-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }

  .reference-2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
  }

  .reference-3 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }

  .reference-4 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
  }

  .reference-5 {
    -ms-grid-row: 6;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .reference-6 {
    -ms-grid-row: 6;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }

}


@media (max-width: 1120px){
	#filter ul{
		display: block;
	}

	#filter .responsive-filter{
		display: none;
	}

	#filter li{
		margin-bottom: 10px;
		margin-left: 0;
		margin-right: 15px;
	}

	.footer-right{
		right:40px; 
	}


}

@media (max-width: 1023px) {
	.grid-container {
		display: grid;
		grid-template-columns: 344px 344px;
		grid-template-rows: 67px 110px 67px 110px 67px 67px 110px 67px;
		grid-template-areas: "reference-1 reference-2" "reference-1 reference-2" "reference-1 reference-4" "reference-3 reference-4" "reference-3 reference-4" "reference-5 reference-6" "reference-5 reference-6" ". reference-6";
	  }
}

@media all and (-ms-high-contrast:none) and (max-width: 1023px) {
	.grid-container {
	  display: -ms-grid;
	  -ms-grid-columns: 354px 354px;
	  -ms-grid-rows: 67px 110px 67px 110px 67px 67px 110px 67px;
	}
  
	.reference-1 {
	  -ms-grid-row: 1;
	  -ms-grid-row-span: 3;
	  -ms-grid-column: 1;
	  -ms-grid-column-span: 1;
	}
  
	.reference-2 {
	  -ms-grid-row: 1;
	  -ms-grid-row-span: 2;
	  -ms-grid-column: 2;
	  -ms-grid-column-span: 1;
	}
  
	.reference-3 {
	  -ms-grid-row: 4;
	  -ms-grid-row-span: 2;
	  -ms-grid-column: 1;
	  -ms-grid-column-span: 1;
	}
  
	.reference-4 {
	  -ms-grid-row: 3;
	  -ms-grid-row-span: 3;
	  -ms-grid-column: 2;
	  -ms-grid-column-span: 1;
	}
  
	.reference-5 {
	  -ms-grid-row: 6;
	  -ms-grid-row-span: 2;
	  -ms-grid-column: 1;
	  -ms-grid-column-span: 1;
	}
  
	.reference-6 {
	  -ms-grid-row: 6;
	  -ms-grid-row-span: 3;
	  -ms-grid-column: 2;
	  -ms-grid-column-span: 1;
	}
  
  }


/* RESPONSIVE */
@media (max-width: 960px){

	.home_box h3, .krown-column-container .teaser h3, .box-teaser h3, .home #content .box-teaser p, .home #content .box-teaser h4, .teaser.box h4{
		line-height: 30px !important;
		font-size: 23px !important;
	}

	#header #logo{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	#header #logo img{
		width: 235px !important;
		height: 83px !important;
	}

	h1, h2{
		font-size: 47px;
		line-height: 55px;
	}

	h3{
		line-height: 33px;
		font-size: 26px;
	}

	.krown-column-row > .krown-column-container.span4{
		width: 33.33% !important;
		float: left;
	}

	.krown-column-row > .krown-column-container.span8{
		width: 66.66% !important;
		float: left;
	}

	.ut-timeline-text-wrap-inner{
		width: 100% !important;
	}

	#content .ut-timeline-footer p{
		text-transform: uppercase;
		 
		font-weight: 900;
		margin-bottom: 0;
	}

	#col-0{
		padding-right: 0 !important;
	}

	.iphorm-inner{
		width: 100%;
	}

	.wrapper {
	    width: 100%;
	    padding-left: 20px;
	    padding-right: 20px;
	}

	#header{
		height: 200px;
	}

	.ferrotekt-big.tg-item {
    	height: 550px !important;
	}

	.ferrotekt-small.tg-item {
    	height: 380px !important;
	}

	.tg-grid-wrapper{
		padding-right: 0 !important;
	}




}

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


	.page-id-2691 #content {
		padding-bottom: 0;
	}

	.page-id-2691 #col-1 {
		padding-right: 0 !important;
		margin-bottom: 40px !important;
	}

	.page-id-2691 #col-2 {
		padding-top: 0 !important;
	}

	.page-id-2691  .symple-spacing {
		display: none;
	}

	.page-id-2691 .krown-column-row > .krown-column-container.span4.logo  {
		margin-top: -40px !important;
	}

	.grid-container {
		display: block;
		grid-template-columns: none;
		grid-template-rows: none;
		grid-template-areas: none;
		margin-top: 40px;
		margin-bottom: 2em;
	}

	.page-id-2691  .only-images {
		margin-top: 40px;
    	margin-bottom: 40px;
	}

	.reference {
		max-width: 100%;
		max-height: 45vh;
		margin: 0;
		height: 250px;
	}

	.reference + .reference {
		margin-top: 10px;
	}

	.krown-column-container#col-3 {
		padding-left: 0 !important;
		padding-right: 0 !important;

	}

}


@media all and (min-width: 761px) {
	#main-menu a:hover, #menu-closer .krown-svg, .menu-three #menu-closer:hover .krown-svg, #menu-opener:hover .krown-svg, #filter-opener:hover .krown-svg, #filter-opener.opened, #main-menu a:hover .krown-svg{
		fill: #fff !important;
	}

	.nav #menu-opener:hover .krown-svg{
		fill: black !important;
	}
}

@media all and (max-width: 760px) {

	#main-menu a:hover, #menu-closer .krown-svg{
		fill: #fff !important;
	}

	.single-portfolio #header #logo{
		width: 100% !important;
		margin-left: 0 !important;
		    text-align: center !important;
	}


	.krown-column-container#col-5, .krown-column-container#col-7, .krown-column-container#col-6{
		padding:0 !important;
	}

	.loader{
		display: none !important;
	}

	#header{
		height: 210px !important;
		margin-bottom: 10px !important;
	}

	#header #logo{
		height: auto !important;
		margin: 0 auto;
		float: none;
		display: block;
	}

	#header .nav{
		width: 100%;
		float: left;
		background: black;
		padding: 15px 0px 14px 10px;
		margin-top: 20px;
	}

	#header #menu-opener{
		float: left;
		display: block;
		width: 100%;
		margin-top: -3px;
		opacity: 1;
		top: 0px;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	#menu-opener .krown-svg, #menu-opener:hover .krown-svg{
		fill:white !important;
	}

	#header #menu-opener span{
		color: white
	}

	.home-helm{
		margin-bottom: 10px;
	}

	.home-helm img{
		width: 80px;
		height: auto;
	}

	#content{
		padding: 0 10px 100px 10px;
	}

	h1, h2{
		font-size: 35px !important;
		line-height: 40px !important;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
/*
	h2{
		font-size: 22px;
		line-height: 33px;
		margin-bottom: 5px !important;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
*/
	.accordion h2{
		margin-bottom: 0 !important;
		padding: 15px 0;
		font-size: 22px;
		line-height: 33px;
		margin-bottom: 5px !important;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.accordion h2:hover{
		background: white !important;
		color: black !important;
	}

	h3{
		font-size: 20px;
		line-height: 28px;
	}

	h4{
		line-height: 30px;
		font-size: 19px;
	}


	.menu-two .top-menu > li > a, .menu-one #menu-main-menu.top-menu > li > a{
    font-size: 32px !important;
    line-height: 45px !important;
    padding: 4px 0 0px !important;
	}

	.menu-one .top-menu > li{
		margin-bottom: 0;
	}

	.menu-one #menu-closer{
		right: 10px;
	}

	#menu-opener .krown-svg{
		left: 0;
	}

	#header #menu-opener span{
		padding-right: 0;
	}

	#content p, #content a, #content li{
		font-size: 17px;
	}

	.krown-column-row > .krown-column-container.span4, .krown-column-row > .krown-column-container.span8{
		width: 100% !important;
		padding: 0 !important;
		margin:0 !important;
		margin-bottom: 40px !important;
	}

	.home .krown-column-row > .krown-column-container.span4, .home .krown-column-row > .krown-column-container.span8{
		margin-bottom: 20px !important;
	}

	.home #col-4, .home #col-6{
		margin-bottom: 40px !important;
	}
	
	.home .krown-column-container#col-8 .teaser, .home .krown-column-container#col-9 .teaser, .home .krown-column-container#col-10 .teaser{
		padding-bottom: 10px !important;
	}


	.footer-left, .footer-right, .footer-middle{
		width: 100%;
		padding: 0 10px;
	}

	.footer-middle{
		margin-top: 20px;
	}

	.footer-right{
		width: 100%;
		float: left;
		text-align: left;
		margin-top: 20px;
		padding: 0 10px;
		position: relative;
		left: 0;
	}

	.footer-left span, #footer .footer-left p b{
		display: block !important;
	}

	.footer-left br{
		display: none;
	}

	.social-info{
		margin-top: 10px;
	}

	.krown-column-container .teaser{
		padding: 15px 0 40px !important;
		background: white !important;
		color: black !important;
	}

	.box-teaser{
		padding: 15px 0 15px !important;
		background: white !important;
		color: black !important;
	}

	#menu-class{
		padding-right: 10px;
		padding-left: 10px;	
	}

	#content .osc-res-tab .nav-tabs>li>a{
		width: auto;
		font-size: 20px !important;
		margin-right: 0 !important;
		line-height: 28px !important;
	}

	.toggle .less a{
		font-size: 15px !important;
	}

	.page-id-120 .home_box{
		margin-bottom: 0;
	}

	.krown-column-container .teaser.headline {
	background: black !important;
	color: white !important;
	border: 0;
	padding: 20px !important;
	}


	.accordion h2{
		font-size: 27px;
	}


	.accordion-content{
		padding: 0;
		padding-bottom: 35px;
	}

	#filter{
		float: left;
		height: 100%;
		margin-bottom: 30px;
	}

	#filter li{
		width: 100%;
		margin-right: 0;
	}

	#portfolio .img{
		border-right: 0;
	}


	.timeline{
		background: transparent;
		margin-top: 30px;
		padding-top: 30px;
	}

	.timeline .year:first-of-type{
		display: none;
	}

	.timeline .timeline-event, .timeline.v1 .timeline-event{
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
	}

	.contact-box a{
		display: block;
	}

	.iphorm-inner{
		width: 100%;
	}

	.iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-2cols > .iphorm-element-wrap, .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-2cols > .iphorm-group-wrap{
		width: 100%;
	}

	.iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap .iphorm-element-spacer{
		padding: 0;
	}


	.menu-one #main-menu{
		z-index: 100000;
	}


	#header #menu-opener span{
		margin-top: 0;
	}

	.wp-caption.alignleft{
		width: 100% !important;
		margin: 0 !important;
		margin-bottom: 20px !important;
	}

	.toggle .less a.button-read-less::before{
		margin-top: 6px;
	}

	#gmap_1{
		height: 300px !important;
	}

	#content .osc-res-tab li{
		float: left;
		width: 100%;
	}

	.osc-res-tab ul.tab-content{
		padding-top: 15px !important;
	}

	#portfolio .item[data-factor='1']{
	max-width: 1000px !important;
	}

	.ferrotekt-small.tg-item, .ferrotekt-big.tg-item{
    	height: 380px !important;
	}

	.tg-grid-wrapper{
		padding-right: 0 !important;
	}

	.wrapper{
		padding-left: 0;
		padding-right: 0;
	}

	.post-nav .btn-close{
		    padding-top: 25px !important;
	}

	.single-portfolio .post-nav{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#footer{
		padding-left: 15px;
		padding-right: 15px;
		    padding-bottom: 15px;
	}

	#footer-left, #footer-center-left, #footer-center-right, #footer-right{
		width: 100%;
		margin-bottom: 20px;
	}

	#footer-bottom{
		text-align: left;
	}

	#footer-right{
		margin-bottom: 35px;
	}

	.quform-element-1_13, .quform-element-1_23{
		margin: 0px;
	}

	.quform-element-1_13 .quform-element, .quform-element-1_23{
		float: left;
		width: 100%;
		padding: 0px;
	}

	.quform-element-group.quform-group-style-bordered>.quform-spacer, .quform-group-style-bordered>.quform-child-elements, .quform-spacer{
		padding: 0 0 5px 0;
	}
	
	.ferrotekt-big h2.tg-item-title a {
		font-size: 19px !important;
		line-height: unset !important;
	}

}

.quform-element-checkbox .quform-option .quform-option-label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.quform-element-checkbox .quform-option-label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.1rem;
	width: 1.2rem;
	height: 1.2rem;
	-webkit-box-shadow: inset 0px 0px 0 0.05rem var(--color-font);
	box-shadow: inset 0px 0px 0 0.05rem var(--color-font);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	border: 2px solid #AAA;
}

.quform-element.quform-element-checkbox .quform-option .quform-option-label:hover::before {
	border-color: black;
}

.quform-element.quform-element-checkbox .quform-option .quform-option-label:hover {
	cursor: pointer;
}

.quform-element-checkbox input[type="checkbox"]:checked+.quform-option-label::before {
	background-color: black;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0.833662L4.47826 7.16699L1 4.83365' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	border-color: black;
}

.quform-element-checkbox .quform-options .quform-option-text {
	display: inline-block;
	padding-left: 1.9rem;
	vertical-align: top;
	line-height: 1.3;
}

.quform-element.quform-element-checkbox .quform-option label {
	font-weight: normal;
	line-height: 0;
	cursor: pointer;
}

.quform-element-checkbox input[type="checkbox"] {
	display: none;
}

[type="checkbox"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

.inside a[href$=".pdf"]::before {
	content: "";
	background-image: url('/wp-content/themes/koncept-child/img/pdf_icon.png');
	height: 31px;
	width: 30px;
	display: block;
	background-color: transparent;
	background-size: 30px;
	margin-right: 15px;
	float: left;
}

#content a[href$=".pdf"] {
	display: inline-block;
}

/* ----------- Accordion new 2023 ----------- */
/* Bugfix: ab dem 2.klicken wird die höhe auf 0 gesetzt */
/* div.accordion__content.show {
	height: auto !important;
  } */
  
  .wpb_content_element.wpb_accordion_column {
    margin-top: 15px;
}
  /* Change H4 to your Heading*/
  h4.accordion-title.js-accordion-controller::before {
	content: "";
	background-image: url("/wp/wp-content/themes/SCHMUCKI_child/img/accordion_arrow.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	width: 25px;
	height: 25px;
	right: 25px;
	transition: transform 0.3s;
	position: absolute;
  }


  div.accordion h4 {
    text-transform: uppercase;
    font-weight: 700;
  }
  
  div.accordion:hover {
	cursor: pointer;
  }

  .accordion--active .accordion h2:hover {
	background: white;
    color: black;
  }

  /* Change H2 to your Heading*/
  div.accordion_trigger.js-accordion_trigger:not(.collapsed) h4.accordion-title.js-accordion-controller::before {
	transform: rotate(180deg);
  }
  
  .accordion.accordion--active .accordion-title > div::before {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
  }
  
  .wpb_accordion_column .accordion__content .inside {
	padding: 40px 10px 20px 10px;
  }
  
  
  .accordion__content {
	display: none;
	margin-top: -20px;
  }
  
  /* a and p same font size */
  .accordion__content p,
  .accordion__content a {
	font-size: 24px;
  }
  
  
  .accordion--active .accordion-title::after {
	background: transparent;
  }
  
  
  /* Borders */
  .accordion-title,
  .accordion {
	transition: none;
  }
  
  .accordion:not(:last-child, .accordion--active) {
	border-bottom: none;
  }
  
  .accordion--active + .accordion .accordion-title {
	border-top: none;
  }
  
  .accordion.accordion--active,
  .accordion.accordion--active .accordion-title {
	border-color: #000000;
  }
  
  
  @media (max-width: 1279px) {
	
	.accordion__content p,
	.accordion__content a {
	  font-size: 20px;
	}
  
  }
  
  @media (max-width: 767px) {
  
	.wpb_accordion_column .accordion .accordion__content .inside,
	.wpb_accordion_column .accordion .accordion__content .wpb_text_column {
	  padding-left: 0;
	  padding-right: 0;
	}
  
	.accordion__content p,
	.accordion__content a {
	  font-size: 18px;
	}
  
	.accordion__content .inside {
	  margin-bottom: 0;
	}
  
	.accordion.accordion--active .accordion-title {
	  padding-bottom: 0.5em;
	}
  
  }


  /* -------------
Google Maps Karte 
------------- */  

.googlemaps {
	display: none;
  }
  
  .googlemaps-custom {
	width: 100%;
	height: 450px;
	position: relative;
	overflow: hidden;
  }
  
  @media screen and (max-width: 760px) {
	.googlemaps-custom {
		height: 300px !important;
	}
  }
