body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/********************************************************************************/
/*
Description: CSS File for Reset
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/* Contao */
header,footer,nav,section,aside,main,article,figure,figcaption {display:block;}

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea,hr {margin:0;padding:0;}

blockquote,q {quotes:none;}

fieldset,img,iframe {border:0;}

ul,ol {list-style-type:none;}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

input,button,textarea,select {font-family:inherit;font-size:99%;font-weight:inherit;}

/* body {font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000;} */

pre,code {font-family:Monaco,monospace;}

/********************************************************************************/

*, *::before, *::after {box-sizing: border-box;}

html {
   -webkit-font-smoothing: antialiased;
   overflow-y: scroll;
   height: 100%;
}

figure {line-height:0;}

:link,:visited {text-decoration: none;}

a img,:link img,:visited img {border: none;}

img {width: 100%;}

/********************************************************************************/

header,
main,
footer { 
  padding:  
   env(safe-area-inset-top)  
   env(safe-area-inset-right)  
   0  
   env(safe-area-inset-left);
}

/********************************************************************************/

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
   body {-webkit-text-size-adjust: 100%;}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for variables
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

:root {
   /* Schrift [#333] */
   --color1: rgba(51, 51, 51, 1);

   /* Farbe 2 [#FB6542] - (*Links, Footer*) */
   /* --color2: rgba(251, 101, 66, 1); */
   --color2:  color-mix(in srgb,var(--color4),#000 25%);
   
   /* Farbe 3 [#375E97] - (*Blau*) */
   /* --color3: rgba(55, 94, 151, 1); */
   
   /* Farbe 3 [#0089BC] - (*Blau*) */
   /* --color3: rgba(0, 137, 188, 1); */
   
   /* Farbe 3 [#0A7CB2] - (*Blau*) */
   --color3: rgba(10, 124, 178, 1);
   
   /* Farbe 4 [#FFBB00] - (*Gelb*) */
   /* --color4: rgba(255, 187, 0, 1); */
   
   /* Farbe 4 [#FFDE00] - (*Gelb*) */
   --color4: rgba(255, 222, 0, 1);
   
   /* Farbe 5 [#f5f5f5] */
   --color5: rgba(245, 245, 245, 1);
   
   /* Farbe 6 [#ccc] */
   --color6: rgba(204, 204, 204, 1);
   
   /* Farbe 7 [#666] */
   --color7: rgba(102, 102, 102, 1);
   
   /* Farbe 8 [#999] */
   --color8: rgba(153, 153, 153, 1);
   
   /* Farbe 9 [#CBDBE7] */
   --color9: rgba(203, 219, 231, 1);

   /*****/
   
   /* Banner: Standard [#333] */
   --banner1: var(--color1);
   
   /* Banner: Hinweis [#3F681C] */
   --banner2: rgba(63, 104, 28, 1);
   
   /* Banner: Wichtig [#cd1719] */
   --banner3: var(--color2);
   
   /*****/
   
   /* Error [#D2232A] - (*Error & Warning*) */
   --error: rgba(210, 35, 42, 1);

   /* Weiß [#fff] */
   --colorW: rgba(255, 255, 255, 1);
   
   /* Schwarz [#000] */
   --colorB: rgba(0, 0, 0, 1);
   
   /*****/
   
   --font1: 'PT Sans', arial, sans-serif;
   
   --text: 1.375rem;
   --linehT: 1.867rem;
   
   --textS: 1.000rem;
   --linehTS: 1.250rem;
   
   
   --head1: 3.000rem;
   --linehH1: 3.200rem;
   
   --head2: 2.400rem;
   --linehH2: 2.600rem;
   
   --head3: 1.500rem;
   --linehH3: 1.800rem;
   
   --head4: 1.375rem;
   --linehH4: 1.867rem;
   
   --head5: 1.375rem;
   --linehH5: 1.867rem;
   
   --head6: 1.375rem;
   --linehH6: 1.867rem;
   
   /*****/
   
   /* Navigation Header */
   --naviH: 1.375rem;
   --linehNH: 1.867rem;
   
   /* Navigation Footer */
   --naviF: 0.938rem;
   --linehNF: 1.375rem;
   
   /* Navigation Mobil */
   --naviM: 2.000rem;
   --linehNM: 3.000rem;
   
   /*****/

   /* Content-Breite */
   --contentWidth: 1400px;
   --contentPaddingW: 50px;
   --contentPaddingH: 20px;
   /* --contentPaddingV: 50px; */
   --contentPaddingV: 25px;
   --headerHeight: 105px;

   /* Border */
   --border: 5px;

   /* Border-Radius */
   --br1: 5px;
   --br2: 10px;
   --br3: 20px;

   /* Boxes */
   --padding-boxes: var(--contentPaddingH);
   --br-boxes: var(--br1);
   --bg-boxes: var(--color6);
   --bl-boxes: var(--color3);
}

@media only screen and (max-width : 1024px) {
   :root {
   --contentPaddingW: 25px;
   --contentPaddingV: 50px;
   }
}

@media only screen and (max-width : 768px) {
   :root {
   --contentPaddingW: 20px;
   --contentPaddingV: 25px;
   }
}

@media only screen and (max-width : 599px) {
   :root {
   --contentPaddingW: 15px;
   --contentPaddingV: 20px;
   }
}

@media only screen and (max-width : 400px) {
   :root {
   --contentPaddingW: 10px;
   --contentPaddingV: 20px;
   }
}

/********************************************************************************/

.bg-grau {background: var(--color3); margin: var(--contentPaddingH) 0;}
.bg-rot {background: var(--color2); margin: var(--contentPaddingH) 0;}

.center {text-align: center !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}

/********************************************************************************/
/* Auswahltext-Farbe ändern */
::selection {background: var(--color2); color: var(--color5);}

/* Highlight Searchword */
.highlight {background: var(--color2); color: var(--color5); padding: 0 2px;}

/********************************************************************************/

.margin-top-bottom-100 {margin-top: 100px !important; margin-bottom: 100px !important;}
.margin-top-bottom-90 {margin-top: 90px !important; margin-bottom: 90px !important;}
.margin-top-bottom-80 {margin-top: 80px !important; margin-bottom: 80px !important;}
.margin-top-bottom-70 {margin-top: 70px !important; margin-bottom: 70px !important;}
.margin-top-bottom-60 {margin-top: 60px !important; margin-bottom: 60px !important;}
.margin-top-bottom-50 {margin-top: 50px !important; margin-bottom: 50px !important;}
.margin-top-bottom-40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.margin-top-bottom-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.margin-top-bottom-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.margin-top-bottom-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.margin-top-bottom-0 {margin-top: 0 !important; margin-bottom: 0 !important;}

.margin-top-100 {margin-top: 100px !important;}
.margin-top-90 {margin-top: 90px !important;}
.margin-top-80 {margin-top: 80px !important;}
.margin-top-70 {margin-top: 70px !important;}
.margin-top-60 {margin-top: 60px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-0 {margin-top: 0 !important;}

.margin-bottom-100 {margin-bottom: 100px !important;}
.margin-bottom-90 {margin-bottom: 90px !important;}
.margin-bottom-80 {margin-bottom: 80px !important;}
.margin-bottom-70 {margin-bottom: 70px !important;}
.margin-bottom-60 {margin-bottom: 60px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-0 {margin-bottom: 0 !important;}

.padding-top-bottom-100 {padding-top: 100px !important; padding-bottom: 100px !important;}
.padding-top-bottom-90 {padding-top: 90px !important; padding-bottom: 90px !important;}
.padding-top-bottom-80 {padding-top: 80px !important; padding-bottom: 80px !important;}
.padding-top-bottom-70 {padding-top: 70px !important; padding-bottom: 70px !important;}
.padding-top-bottom-60 {padding-top: 60px !important; padding-bottom: 60px !important;}
.padding-top-bottom-50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.padding-top-bottom-40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.padding-top-bottom-30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.padding-top-bottom-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.padding-top-bottom-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.padding-top-bottom-0 {padding-top: 0 !important; padding-bottom: 0 !important;}

.padding-top-100 {padding-top: 100px !important;}
.padding-top-90 {padding-top: 90px !important;}
.padding-top-80 {padding-top: 80px !important;}
.padding-top-70 {padding-top: 70px !important;}
.padding-top-60 {padding-top: 60px !important;}
.padding-top-50 {padding-top: 50px !important;}
.padding-top-40 {padding-top: 40px !important;}
.padding-top-30 {padding-top: 30px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-0 {padding-top: 0 !important;}

.padding-bottom-100 {padding-bottom: 100px !important;}
.padding-bottom-90 {padding-bottom: 90px !important;}
.padding-bottom-80 {padding-bottom: 80px !important;}
.padding-bottom-70 {padding-bottom: 70px !important;}
.padding-bottom-60 {padding-bottom: 60px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-0 {padding-bottom: 0 !important;}

/********************************************************************************/

@media screen and (prefers-reduced-motion: reduce) {
   .animate { animation: none !important; }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for fonts
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../../files/data/fonts/pt-sans-v9-latin-regular.woff2') format('woff2'),
       url('../../files/data/fonts/pt-sans-v9-latin-regular.woff') format('woff');
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../../files/data/fonts/pt-sans-v9-latin-700.woff2') format('woff2'),
       url('../../files/data/fonts/pt-sans-v9-latin-700.woff') format('woff');
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Layout
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

body {
	font-family: var(--font1);
	color: var(--color1);
	margin: 0 auto;
	padding: 0;
	background: var(--colorW);
}

/********************************************************************************/
/*	Aufbau	*/

#wrapper {

}

#header {
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--headerHeight);
	/* box-shadow: 0 0 10px rgba(0,0,0,0.9); */
	transition: 0.3s;
	border-bottom: var(--border) solid var(--color3);
	background: rgba(255, 255, 255, 1);
}

.scrolled #header {
	height: 65px;
}

#header .inside {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: calc(var(--contentWidth) + 2 * var(--contentPaddingW));
	margin: 0 auto;
	padding: 10px var(--contentPaddingW);
}

.logo img {
	width: auto;
	height: 80px;
	transition: 0.3s;
}

.scrolled #header .logo img {
	height: 40px;
}

.logo .rte {
	float: left;
}

.logo .rte p {
	line-height: 80px;
	padding-left: 10px;
	transition: 0.3s;
}

.scrolled #header .logo .rte p {
	line-height: 40px;
}

#container {
	margin: 0 auto;
	margin-top: var(--headerHeight);
}

#footer {
	text-align: center;
	background: var(--color3);
}

#footer .inside {
	max-width: calc(var(--contentWidth) + 2 * var(--contentPaddingW));
	margin: 0 auto;
	padding: var(--contentPaddingH) var(--contentPaddingW);
}

/********************************************************************************/
/*	Artikel & Inhalte	*/

.mod_article {
	padding: var(--contentPaddingV) var(--contentPaddingW);
}

.mod_article.ohne-abstand {
	padding: 0;
}

.mod_article > .content-headline,
.mod_article > .content-text,
.mod_article > .ce_form,
.mod_article > .mod_newslist,
.mod_article > .mod_newsreader,
.mod_article > .content-accordion,
.mod_article > .content-table,
.mod_article > .content-gallery,
.mod_article > .rs-columns,
.mod_article > .content-swiper,
.mod_article > .content-youtube {
	max-width: var(--contentWidth);
	margin: 0 auto;
}

/********************************************************************************/
/*	Mobile Anpassungen	*/

@media only screen and (max-width : 1200px) {
	html {font-size: 14px;}
}

@media only screen and (max-width : 767px) {
	html {font-size: 12px;}

	#header .nav_main {
	display: none !important;
	}
	
	#header .logo {
	width: 100%;
	}
}

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

}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Navigation
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

#header .nav_main {
	flex-grow: 1;
	font-size: var(--naviH);
	line-height: var(--linehNH);
	text-align: right;
}

#header .nav_main li {
	display: inline-block;
	margin-left: var(--contentPaddingH);
	padding: 1px 0;
}

#header .nav_main li:nth-child(1) {
	margin-left: 0;
}

#header .nav_main .level_1 a:link,
#header .nav_main .level_1 a:visited {
	display: block;
	color: var(--color3);
	border-bottom: none;
	transition: 0.1s;
}

#header .nav_main .level_1 a:hover,
#header .nav_main .level_1 a:focus,
#header .nav_main .level_1 strong {
	display: block;
	font-weight: normal;
	color: var(--color2);
	border-bottom: none;
}

#header .nav_main li.trail a {
	color: var(--color2) !important;
}

/********************************************************************************/
/*	Sub-Navigation ein- und ausblenden	*/

#header .nav_main li.submenu ul {
	position: absolute;
	display: none;
	overflow: hidden;
	margin-left: -9999px;
	opacity: 0;
	transition: opacity .4s ease-in-out;
}

#header .nav_main li.submenu:hover ul {
	z-index: 100;
	display: block;
	margin: 0;
	opacity: 1;
	text-align: left;
	margin-left: -10px !important;
	padding: 37px 10px 10px 10px;
	background: var(--colorW);
	background: rgba(255, 255, 255, 0.95);
}

#header .nav_main .level_2 li {
	display: block;
	margin-left: 0;
	padding: 5px 0;
	border-top: 2px solid var(--color3);
}

#header .nav_main .level_2 li:nth-last-child(1) {
	border-bottom: 2px solid var(--color3);
}

#header .nav_main .level_2 a:link,
#header .nav_main .level_2 a:visited {
	color: var(--color3) !important;
	margin: 5px 0;
}

#header .nav_main .level_2 a:hover,
#header .nav_main .level_2 a:focus,
#header .nav_main .level_2 strong {
	color: var(--color2) !important;
}

/********************************************************************************/
/*	Footer Navigation	*/

.nav_footer {
	width: 100%;
}

.nav_footer ul {
	color: var(--colorW);
}

.nav_footer li {
	display: inline-block;
	font-size: var(--naviF);
	line-height: var(--linehNF);
	margin-bottom: 5px;
}

.nav_footer .level_1 a:link,
.nav_footer .level_1 a:visited {
	color: var(--colorW);
	font-weight: normal;
}

.nav_footer .level_1 a:hover,
.nav_footer .level_1 a:focus,
.nav_footer .level_1 strong {
	color: var(--colorW);
	font-weight: normal;
	border-bottom: 1px solid var(--colorW);
}

.nav_footer li:before {
	content: ' | ';
}

.nav_footer li:nth-child(1):before {
	content: '';
}

/********************************************************************************/
/*	Mobile Navigation	*/

.mobile_menu .inner {
	background: var(--colorW);
}

.mobile_menu .nav_main {
	text-align: center;
	padding: 160px 20px 20px 20px;
	transition: 0.3s;
}

.scrolled .mobile_menu .nav_main {
	padding-top: 90px;
}

.mobile_menu .nav_main li {
	font-size: var(--naviM);
	line-height: var(--linehNM);
}

.mobile_menu .nav_main .level_1 a:link,
.mobile_menu .nav_main .level_1 a:visited {
	color: var(--color3);
	border-bottom: none;
}

.mobile_menu .nav_main .level_1 a:hover,
.mobile_menu .nav_main .level_1 a:focus,
.mobile_menu .nav_main .level_1 strong {
	font-weight: normal;
	color: var(--color2);
	border-bottom: none;
}

.mobile_menu .nav_main .level_2 li {
	font-size: 80%;
	line-height: 1.6em;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for "Burger" Menu
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/*	Fehler mit mobile-menu & position:fixed umgehen	*/
body .mobile_menu_wrapper #wrapper {
	transform: none !important;
	will-change: content !important;
}

.offcanvas {
	z-index: 20;
	position: absolute;
	top: var(--contentPaddingH);
	right: var(--contentPaddingH);
	width: 40px;
	height: 32px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.offcanvas span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: var(--color3);
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.offcanvas span:nth-child(1) {
	top: 0px;
}

.offcanvas span:nth-child(2),
.offcanvas span:nth-child(3) {
	top: 14px;
}

.offcanvas span:nth-child(4) {
	top: 28px;
}

.offcanvas.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.offcanvas.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.offcanvas.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.offcanvas.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for columns
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.rs-columns {
  --auto-grid-min-size: 22rem;
  
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: 5rem 1rem;
}

.rs-column .content-text,
.rs-column h3 {
    padding: 0 !important;
}

/********************************************************************************/

.rund.rs-columns {
    display: flex;
    gap: 1em;
    width: 100%;
    padding-bottom: var(--contentPaddingV);
}

.rund .rs-column:nth-child(1) {
    display: flex;
    flex-direction: column;
    flex-basis: calc(100% - 2em - 200px);
    justify-content: center;
}

.rund .rs-column:nth-last-child(1) {
    align-content: flex-start;
    flex-basis: 200px;
}

@media only screen and (max-width : 599px) {
    .rund.rs-columns {
    flex-direction: column;
    }
    
    .rund .rs-column {
    flex-basis: 100% !important;
    }
    
    .rund .rs-column:nth-last-child(1) {
    align-self: center;
    }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Font Sizes
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font1);
	font-weight: 300;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

h1 {
	font-size: var(--head1);
	line-height: var(--linehH1);
/* 	letter-spacing: 1px; */
	padding: 0.375rem 0 0.750rem 0;
}

h2 {
	font-size: var(--head2);
	line-height: var(--linehH2);
	padding: 0.375rem 0 0.625rem 0;
}

h3 {
	font-size: var(--head3);
	font-weight: bold;
	line-height: var(--linehH3);
	color: var(--color3);
	padding: 0.375rem 0 0.438rem 0;
}

h4 {
	font-size: var(--head4);
	line-height: var(--linehH4);
	padding: 0.375rem 0 0.875rem 0;
}

h5 {
	font-size: var(--head5);
	line-height: var(--linehH5);
	font-weight: bold;
}

h6 {
	font-size: var(--head6);
	line-height: var(--linehH6);
	text-transform: uppercase;
}

.bg-grau p,
.bg-grau li,
.bg-grau h1,
.bg-grau h2,
.bg-grau h3,
.bg-grau h4,
.bg-grau h5,
.bg-grau h6 {
	color: var(--colorW);
}

.logo p {
	color: var(--color3);
}

p,
.content-hyperlink {
	font-size: var(--text);
	line-height: var(--linehT);
	padding: 0 0 1.867rem 0;
}

p:nth-last-child(1) {
	padding-bottom: 0;
}

/*****	Copy to TinyMCE ANFANG	*****/
span.hinweis-text {
	color: var(--banner3);
	font-weight: bold;
}

p.small {
	font-size: var(--textS);
	line-height: var(--linehTS);
}

p.standard-banner {
	color: var(--banner1);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner1);
}

p.hinweis-banner {
	color: var(--banner2);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner2);
}

p.wichtig-banner {
	color: var(--banner3);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner3);
}
/*****	Copy to TinyMCE ENDE	*****/

#footer p {
	color: var(--colorW);
	font-size: var(--textS);
	line-height: var(--linehTS);
	margin-bottom: 5px;
	padding: 0;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Links
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

a:link,
a:visited {
	color: var(--color2);
	/* border-bottom: 1px solid var(--color2); */
}

a:hover,
a:active,
a:focus {
	color: var(--color2);
	/* border-bottom: 1px dotted var(--color2); */
}

/*****/

#footer a:link,
#footer a:visited {
	color: var(--colorW);
	/* border-bottom: 1px solid var(--colorW); */
}

#footer a:hover,
#footer a:active,
#footer a:focus {
	color: var(--colorW);
	/* border-bottom: 1px dotted var(--colorW); */
}

/*****/

.content-hyperlink {
	margin-top: var(--linehT);
	margin-bottom: var(--linehT);
}

.rs-column .content-hyperlink,
.bg-grau .content-hyperlink {
	text-align: center;
	margin-bottom: 0;
}

.content-hyperlink a:link,
.content-hyperlink a:visited,
p.more a:link,
p.more a:visited {
	display: inline-block;
	padding: 5px 25px;
	color: var(--colorW);
	border-radius: var(--br1);
	border: var(--border) solid var(--color3);
	background: var(--color3);
	transition: 0.3s;
}

.boxen-bg .content-hyperlink a {
	color: var(--color3);
	border: var(--border) solid var(--color9);
	background: var(--color9);
}

.content-hyperlink a:hover,
.content-hyperlink a:active,
.content-hyperlink a:focus,
p.more a:hover,
p.more a:active,
p.more a:focus {
	color: var(--color3);
	border: var(--border) solid var(--color3);
	background: var(--colorW);
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for boxes
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.boxen .rs-column .media--above {display: flex; flex-direction: column;}
.boxen .rs-column .media--above figure {order: 1;}
.boxen .rs-column .media--above h3 {order: 2;}
.boxen .rs-column .media--above .rte {order: 3;}

.boxen-bg .rs-column, .boxen-bg-radius .rs-column {background: var(--bg-boxes);}
.boxen-border .rs-column, .boxen-border-radius .rs-column {border: var(--border) solid var(--bl-boxes);}

.boxen-bg .rs-column,
.boxen-border .rs-column,
.boxen-bg-radius .rs-column,
.boxen-border-radius .rs-column {
   padding: var(--padding-boxes);
}

.no-padding.boxen-bg .rs-column,
.no-padding.boxen-border .rs-column,
.no-padding.boxen-bg-radius .rs-column,
.no-padding.boxen-border-radius .rs-column {
   padding: 0;
}

.boxen .rs-column .content-hyperlink {
   padding-top: 0;
   padding-bottom: 0;
}

.no-padding.boxen-bg .rs-column h3,
.no-padding.boxen-bg .rs-column .rte,
.no-padding.boxen-bg .rs-column .content-hyperlink,
.no-padding.boxen-border .rs-column h3,
.no-padding.boxen-border .rs-column .rte,
.no-padding.boxen-border .rs-column .content-hyperlink,
.no-padding.boxen-bg-radius .rs-column h3,
.no-padding.boxen-bg-radius .rs-column .rte,
.no-padding.boxen-bg-radius .rs-column .content-hyperlink,
.no-padding.boxen-border-radius .rs-column h3,
.no-padding.boxen-border-radius .rs-column .rte,
.no-padding.boxen-border-radius .rs-column .content-hyperlink {
   padding-right: var(--padding-boxes);
   padding-left: var(--padding-boxes);
}

.no-padding.boxen-bg .rs-column,
.no-padding.boxen-bg-radius .rs-column {
   padding-bottom: var(--padding-boxes);
}

.boxen-bg-radius .rs-column,
.boxen-border-radius .rs-column {
   border-radius: var(--br-boxes);
}

.boxen .rs-column img {
   border-top-right-radius: var(--br-boxes);
   border-top-left-radius: var(--br-boxes);
}

.boxen .rs-column .media--above h3,
.no-padding.boxen-bg .rs-column h3,
.no-padding.boxen-border .rs-column h3,
.no-padding.boxen-bg-radius .rs-column h3,
.no-padding.boxen-border-radius .rs-column h3 {
   padding-top: var(--padding-boxes);
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Images
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/*	Abstand unter Bildern entfernen	*/
figure {
	line-height: 0;
}

figure a:link,
figure a:visited,
figure a:hover,
figure a:active,
figure a:focus {
	border-bottom: none;
}

#main figure {
	position: relative;
}

#main figure img {
	border-radius: var(--br1);
}

#main .media--above figure,
#main .media--below figure {
	margin: 0 0 1em 0;
}

#main .media--left figure {
	max-width: 50%;
	margin: 0 1em 1em 0;
}

#main .media--right figure {
	max-width: 50%;
	margin: 0 0 1em 1em;
}

#main .media--below {display: flex; flex-direction: column;}
#main .media--below h1 {order: 1;}
#main .media--below .rte {order: 2;}
#main .media--below figure {order: 3;}

#main figure a.cboxElement img {
	cursor: -moz-zoom-in; 
	cursor: -webkit-zoom-in; 
	cursor: zoom-in;
}

#main .mod_newslist figure a img {
	cursor: pointer;
}

@media only screen and (max-width : 599px) {
	#main .media--right {
	display: flex;
	flex-direction: column-reverse;
	}
	
	#main .media--left figure,
	#main .media--right figure {
	float: none;
	clear: both;
	text-align: center;
	width: 100%;
	max-width: 100%;
	margin: 1em 0 !important;
	}
}

/********************************************************************************/

figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 15px;
	color: var(--color3);
	line-height: initial;
	text-align: center;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.8);
}

/********************************************************************************/

.rund figure img {
	width: 150px;
	height: auto;
	border-radius: 50% !important;
}

.rund figure {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	/* background: #ccc; */
}

.rund figcaption {
	transform: rotate(-96deg);
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	background: none;
}

.rund figcaption span {
	position: absolute;
	left: 50%;
	font-family: monospace;
	font-size: 1.2rem;
	/* font-weight: bold; */
	transform-origin: 0 100px;
}

/********************************************************************************/
/* Galerie */

.content-gallery ul {
  --auto-grid-min-size: 12rem;
  
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: 1rem;
  margin-top: 1rem;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Lists
Theme Name: K&S Elektrotechnik GmbH
Theme URI: https://www.kunds-elektrotechnik-gmbh.de/
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.content-text ul {
	margin-bottom: 1.250rem;
}

.content-text p + ul {
	margin-top: -1.4em;
}

.content-text ul li {
	position: relative;
	padding-left: 20px;
	font-size: var(--text);
	line-height: var(--linehT);
}

.content-text ul li:before {
	content: '–';
	position: absolute;
	left: 0;
	/* padding: 0 0.5em 0 0; */
}

/*****/

.content-text ol li {
	list-style-type: decimal;
	font-size: var(--text);
	line-height: var(--linehT);
	margin-left: 25px;
}

/********************************************************************************/