/*
	kg-schork.de
*/

:root {
	--farbe-marke:          #f7a40a;
	--farbe-braun:          #6d6057;
}

.p-t-0 { padding-top: 0 !important; }
.p-t-1 { padding-top: 15px !important; }
.p-t-2 { padding-top: 30px !important; }
.p-t-3 { padding-top: 45px !important; }
.p-t-4 { padding-top: 60px !important; }
.p-t-5 { padding-top: 75px !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-b-1 { padding-bottom: 15px !important; }
.p-b-2 { padding-bottom: 30px !important; }
.p-b-3 { padding-bottom: 45px !important; }
.p-b-4 { padding-bottom: 60px !important; }
.p-b-5 { padding-bottom: 75px !important; }
.m-t-0 { margin-top: 0 !important; }
.m-t-1 { margin-top: 15px !important; }
.m-t-2 { margin-top: 30px !important; }
.m-t-3 { margin-top: 45px !important; }
.m-t-4 { margin-top: 60px !important; }
.m-t-5 { margin-top: 75px !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-b-1 { margin-bottom: 15px !important; }
.m-b-2 { margin-bottom: 30px !important; }
.m-b-3 { margin-bottom: 45px !important; }
.m-b-4 { margin-bottom: 60px !important; }
.m-b-5 { margin-bottom: 75px !important; }



/*  ==========  Korrekturen nach Update auf v5.3  ==========  */

html {
	font-size: 100%;
}
body {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1 { font-size: 1.75rem !important; }
h2 { font-size: 1.5rem !important; }
h3 { font-size: 1.25rem !important; }
h4 { font-size: 1.125rem !important; }

figure.image_container figcaption, h1, #footer .submit:hover, .fa, p.socialIcons a::after, .team p.socialIcons a:hover::after, .greytxt h1, .greytxt h2, .greytxt h4, 
.ce_downloads li::before, 
.content-downloads li::before, 
.contact-home a:hover, footer a:hover {
	color: var(--farbe-marke);
}
.team p.socialIcons a::after, h2, p.footerIcons a:hover::after {
	color: #f7a40a !important;
}
a {
	color: #353535;
	text-shadow: none;
}
a:hover, 
.mainnavi .level_1 a:hover {
	color: #6d6057;
}
#header .mainnavi ul.level_2 {
	background-color: #6d6057;
}
.media {
	margin-top: 0 !important;
}
a.btn {
	background-color: #6d6057;
	border-top: 3px solid #f7a40a;
}
a.btn:hover {
	border-top: 3px solid #f7a40a;
}
a.btn::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
a.btn:hover::before {
	background-color: #f7a40a;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.gallery-home figcaption {
	color: #fff;
	opacity: 0;
	position: absolute;
	top: 50%;
	right: 45%;
	transition: opacity 0.3s;
}
.gallery-home figure {
	background-color: #6d6057;
	margin-bottom: 30px;
}
.gallery-home .content-image:hover figcaption {
  opacity: 1;
}

.formbody .mandatory span.mandatory {
	position: relative;
	display: inline-block;
	padding-left: 5px;
}
.formbody legend {
	display: inline-block;
	width: auto;
}
fieldset.zustimmung > span {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: start;
}
fieldset.zustimmung > span input[type="checkbox"] {
	display: inline-block;
}
fieldset.zustimmung > span label {
	text-align: left;;
}


a.btn, a.btn:hover, #main .newstxt p.more a, p.back a, input.submit, .newstxt p.more a:hover, p.back a:hover, input.submit:hover, div.overlay-textinput .submit:hover, div.overlay-textinput .submit:focus, div.overlay-textinput .submit:active, .newsletter .submit, .btn-primary, .mod_search .submit, .submit, p.more a {
	border-top: 3px solid #f7a40a;
	text-decoration: none;
}
table.calendar td.active, .iconTrans img, .fa-white .fa, #willkommen .image_container, .mod_quicknav select, #footer input.submit, #header .mainnavi ul.level_2, #header .mainnavi ul.level_3, 
.ce_accordion .toggler:hover, .ui-accordion-icons.active, .mod_eventlist div.header a, p.more a, p.back a, .newstxt p.more a, p.back, .gallery-home .image_container, .icon .fa, .bg-fixed .img-responsive, .event .header, .btn::before, a.btn, div.overlay-textinput .submit, input.submit, 
.ce_accordion .toggler::after, .newsletter .submit, #footer input.submit, .btn-primary, #footer .submit, .mod_search .submit, .submit, .contact-home, footer .footercontainer, footer .footercontainer .container, .clients .fa {
	background-color: #6d6057;
}
.numbers p, .scrolltop a, .bluebanner a.btn:hover, .btn:hover::before, .btn:focus::before, .btn:active::before, .newstxt p.more a:hover::before, .newstxt p.more a:focus::before, .newstxt p.more a:active::before, p.back a:hover::before, p.back a:focus::before, p.back a:active::before, input.submit:hover::before, input.submit:focus::before, input.submit:active::before, div.overlay-textinput .submit:hover::before, div.overlay-textinput .submit:focus::before, div.overlay-textinput .submit:active::before, div.overlay-textinput .submit:hover, input.submit:hover, .newsletter .submit:hover, .mod_search .submit:hover, .submit:hover, .level_2 .active, .level_2 .forward, p.more a:hover, p.back:hover, .home-headline .fa {
	border-top: 3px solid #f7a40a;
	background-color: #f7a40a;
}
.ce_downloads a:hover .downloadicon, 
.content-downloads a:hover .downloadicon, 
.footercontainer .mod_eventlist a:hover, p.footerIcons a:hover::after, p.socialIcons a:hover::after, p.teamIcons a:hover::after, p.info a:hover, .mainnavi .level_1 a:hover, .mainnavi .level_1 span:hover, #header .mod_navigation ul li:hover, .button-menu .fa, h3, .mainnavi .level_1 span:hover, .mainnavi ul.level_1 > .active, .mainnavi ul.level_2 li span:hover, .mainnavi ul.level_2 > .active, .mainnavi .level_1 span.trail, .mainnavi .level_1 a:hover, .mainnavi .level_1 span.active, .mainnavi .level_1 a:active, .greytxt h3, 
.ce_downloads li:hover::before, 
.content-downloads li:hover::before, .level_1 .active, .level_1 .forward, .mainnavi .level_1 a.trail, .mainnavi .level_1 a:hover, .overlay-menu ul.level_2 > li > a:hover, .overlay-menu ul.level_2 > li > span:hover {
	color: #6d6057;
}

/*  ==========  /Korrekturen nach Update auf v5.3  ==========  */



.content-download a {
	display: inline-block;
	border: 1px solid var(--farbe-braun);
	border-radius: 10px;
	padding: 10px 15px 10px 35px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.ext-pdf a {
	background-position: 10px center;
}
.link-back a, 
p.back {
	display: inline-block;
	margin-top: 30px !important;
}

.content-gallery ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.content-gallery ul li {
	display: inline-block;
	min-height: 120px;
}
.content-gallery--cols-3 li {
	width: 33%;
}
.ce_gallery figure::after, 
.content-gallery figure::after {
	font-family: FontAwesome;
	content: "\f002";
	color: #fff;
	position: absolute;
	top: 47%;
	right: 42%;
	font-size: 1.5rem;
	text-indent: 5px;
	padding: 22px 18px;
	cursor: pointer;
	transition: all .5s ease 0s;
}
.content-gallery figure:hover::after {
	opacity: 0;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.content-gallery img {
	padding: 0;
	opacity: 0.8;
}
.content-gallery img:hover {
	opacity: 1;
}



h1 {
	hyphens: auto;
}

.topbar {
	position: fixed !important;
	top: 0;
	z-index: 99;
	border-bottom: 2px solid #f7a40a;
}
#header > .inside {
	padding-top: 150px;
}
/*
#header .mod_article.first {
	padding-top: 150px;
}
*/

.button-menu.oeffnen .fa-navicon {
	color: #6D6057;
}
.button-menu.schliessen {
/*	background-color: #6D6057;  */
}



.mainnavi > ul.level_1 > li.submenu::after {
	margin-left: 0;
}

#header .mod_navigation.mainnavi .level_1 strong, 
#header .mod_navigation.mainnavi .level_1 a, 
#header .mod_navigation.mainnavi .level_1 span, 
#header .mod_navigation ul li {
    padding: 0 2px 0 7px;
    display: inline-block;
    text-decoration: none;
    font-size: 1rem;
    font-family: 'Roboto Regular', sans-serif;
}
#header .mod_navigation ul.level_1 > li {
    text-transform: uppercase;
}
#header .mainnavi ul.level_2 {
	width: 260px;
}
#header .mod_navigation ul.level_2 > li {
    text-transform: none;
}
#header .mod_navigation.mainnavi .level_2 li {
	padding: 0;
}
#header .mod_navigation.mainnavi .level_2 li a, 
#header .mod_navigation.mainnavi .level_2 li strong {
	padding: 4px 16px;
	display: block;
}
#header .mod_navigation.mainnavi .level_2 li a:hover {
	background-color: var(--farbe-marke);
}




.overlay-menu {
	display: block;
	background-color: var(--farbe-mobilmenu-hintergrund);
	padding: 30px 0;
	width: 100vw;
	max-width: 350px;
	left: -350px;
	transition: left 0.3s;
}
.overlay-menu.w3-show {
	left: 0;
	transition: left 0.3s;
}
.overlay-menu .container {
	width: auto;
}
.overlay-menu li {
	display: block !important;
	width: auto !important;
	line-height: 1.5 !important;
	padding: 0 !important;
	margin: 0 !important;
}
.overlay-menu li.submenu {
	margin-bottom: 10px !important;
}
.overlay-menu ul.level_2 {
	padding-left: 20px;
}
.overlay-menu ul.level_2 li a, 
.overlay-menu ul.level_2 li span, 
.overlay-menu ul.level_2 li {
	font-size: 1rem !important;
	font-weight: normal !important;
	color: var(--farbe-schrift);
	padding: 8px 0 !important;
}
.overlay-menu li a:hover { 
	background-color: #c7bdbc !important;
}
.overlay-menu li a.trail, 
.overlay-menu ul.level_2 li strong {
	font-weight: bold !important;
	padding: 8px 0 !important;
}
#header .bangb1 .mod_navigation ul.level_2 {
	margin-top: 0;
}

#header #navSmallMenu .mod_navigation ul li {
	font-size: 1rem;
}
#header #navSmallMenu.mainnavi ul.level_2 li a, 
#header #navSmallMenu .mod_navigation ul.level_2 li span, 
#header #navSmallMenu .mainnavi ul.level_2 li {
	color: var(--farbe-schrift);
}
.overlay-menu .level_1 .active, 
.overlay-menu .level_1 .forward, 
.overlay-menu .level_1 .trail {
	color: var(--farbe-marke) !important;
}
.overlay-menu .level_2 .active, 
.overlay-menu .level_2 .forward {
	background-color: transparent;
}
/*
.overlay-menu .level_2 .forward {
	color: var(--farbe-mobilmenu-highlight-schrift) !important;
	background-color: var(--farbe-mobilmenu-highlight);
}
*/
.overlay-menu .level_1 > li {
	border-bottom: 1px solid var(--farbe-marke);
}	
.overlay-menu .level_1 > li.last {
	border-bottom: none;
}
.overlay-menu ul.level_1 > li > a, .overlay-menu ul.level_1 > li > span {
	font-weight: bold !important;
}










.fa-white .fa:hover, .home #newsletter input.submit, #slider .page-scroll em, .dark-bg, #slider .slider-control a.slider-prev::before, #slider .slider-control a.slider-next::after, .slider-control a.slider-prev::before, .slider-control a.slider-next::after, .pagination li span:hover, .pagination li a:hover, .bluebanner a.btn, .slider-text-bg, .contact-home, .pagination li span:hover, .pagination li a:hover, .dark-bg .container, .mod_newsreader p.info, .layout_latest p.info, .mod_eventreader p.info, .news .info, .mod_eventlist div.header {
	background-color: var(--farbe-grau-hell);
}

figure.image_container figcaption, h1, h2, #footer .submit:hover, .fa, p.socialIcons a::after, .team p.socialIcons a:hover::after, .greytxt h1, .greytxt h2, .greytxt h4, .content-downloads li::before, 
.ce_downloads li::before, 
.content-downloads li::before, 
.contact-home a:hover, footer a:hover {
	color: var(--farbe-marke);
}





.slickslider .ce_text .textInner, 
.slickslider .content-text .rte {
/*
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
*/
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
@media only screen and (min-width: 992px) {
	.slickslider .ce_text .textInner, 
	.slickslider .content-text .rte {
		position: absolute;
		top: 12vh;
		right: 0;
		bottom: 0;
		left: 0;
	}
}

.slickslider.hero .rte p {
	font-family: 'Roboto Regular', sans-serif;
	font-size: 1.25rem;
	padding: 0 0 10px 0;
}
.slickslider.hero .rte p:first-child {
	font-family: 'Roboto Medium', sans-serif;
	font-size: 1.75rem;
	color: var(--farbe-marke) !important;
	line-height: 1.2;
	padding: 0 0 10px 0;
}


button.slick-prev,
button.slick-next {
	display: none !important;
}


.bgStyle {
	padding-top: 5%;
	padding-bottom: 0;
	height: 65vh;
	background-position: center center;
}

.bg-braun {
	background-color: var(--farbe-braun);
}

#main > .inside > .mod_article:first-child {
	padding-top: 25px !important;
}
#main a {
	text-decoration: underline;
}


/*  ==========  Formular  ==========  */

.widget-checkbox.zustimmung .checkbox {
	display: unset;
	vertical-align: bottom;
	margin-bottom: 4px;
	margin-right: 5px;
}
.formbody .widget-checkbox.zustimmung label {
	display: unset;
	float: none;
}

/*  ==========  /Formular  ==========  */




@media only screen and (max-width: 1202px) {
	.rightblock {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (max-width: 575px) {
	h1 {
		font-size: 1.75rem;
	}
	h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	.bgStyle {
		padding-top: 0;
		height: 65vh;
	}
	.overlayContent {
		height: 100%;
		background-color: rgba(255,255,255,0.7);
	}
	.rightblock {
		padding-left: 0;
		padding-right: 0;
	}
}