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%}
.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: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.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%;}

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

/********************************************************************************/
/*
Description: CSS File for variables
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

:root {
   /* Schrift [#333] */
   --color1: rgba(51, 51, 51, 1);
   
   /* Farbe 2 [#ff191f] - (*Stern*) */
   --color2: rgba(255, 25, 31, 1);
   
   /* Farbe 3 [#878787] - (*V*) */
   --color3: rgba(135, 135, 135, 1);
   
   /* Farbe 4 [#b2b2b2] - (*15*) */
   --color4: rgba(178, 178, 178, 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: rgba(51, 51, 51, 1);
   
   /* Banner: Hinweis [#1EB100] */
   --banner2: rgba(30, 177, 0, 1);
   
   /* Banner: Wichtig [#cd1719] */
   --banner3: var(--color2);
   
   /*****/
   
   /* Error [#cd1719] */
   --error: var(--color2);

   /* 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; */
   
   --head1: 2.000rem;
   --linehH1: 2.100rem;
   
   --head2: 2.000rem;
   --linehH2: 2.100rem;
   
   --head3: 1.500rem;
   --linehH3: 1.800rem;
   
   --head4: 1.375rem;
   --linehH4: 1.867rem;
   
   --head5: 1.375rem;
   --linehH5: 1.867rem;
   
   --head6: 1.375rem;
   --linehH6: 1.867rem;
   
   /*****/

   /* Padding */
   --padding1: 10px;
   --padding2: 20px;
   --padding3: 30px;
   --padding4: 40px;
   --padding5: 50px;

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

   /* Boxes */
   --padding-boxes: var(--padding2);
   --br-boxes: var(--br2);
   --bg-boxes: var(--color6);
   --bl-boxes: var(--color2);
}
   
/********************************************************************************/

.bg-grau {background: var(--color6);}
.bg-rot {background: var(--color2);}

.center {text-align: center;}
.right {text-align: right;}
.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: 100px 0;}
.margin-top-bottom-90 {margin: 90px 0;}
.margin-top-bottom-80 {margin: 80px 0;}
.margin-top-bottom-70 {margin: 70px 0;}
.margin-top-bottom-60 {margin: 60px 0;}
.margin-top-bottom-50 {margin: 50px 0;}
.margin-top-bottom-40 {margin: 40px 0;}
.margin-top-bottom-30 {margin: 30px 0;}
.margin-top-bottom-20 {margin: 20px 0;}
.margin-top-bottom-10 {margin: 10px 0;}
.margin-top-bottom-0 {margin: 0;}

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

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

/*
.padding-top-bottom-100 {padding: 100px 0 !important;}
.padding-top-bottom-90 {padding: 90px 0 !important;}
.padding-top-bottom-80 {padding: 80px 0 !important;}
.padding-top-bottom-70 {padding: 70px 0 !important;}
.padding-top-bottom-60 {padding: 60px 0 !important;}
.padding-top-bottom-50 {padding: 50px 0 !important;}
.padding-top-bottom-40 {padding: 40px 0 !important;}
.padding-top-bottom-30 {padding: 30px 0 !important;}
.padding-top-bottom-20 {padding: 20px 0 !important;}
.padding-top-bottom-10 {padding: 10px 0 !important;}
.padding-top-bottom-0 {padding: 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: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.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: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.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 {

}

/*
#top-bar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 30px;
	background: var(--color2);
}

#top-bar .inside {
	max-width: 1400px;
	margin: 0 auto;
	padding-right: var(--padding2);
	padding-left: var(--padding2);
}
*/

#header {
	z-index: 110;
	position: fixed;
	/* top: 30px; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	/* box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.9); */
	transition: 0.3s;
	/* background: #fff; */
	background: transparent !important;
}

.scrolled #header {
	height: 70px;
}

#header .inside {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: var(--padding2);
	/* box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.9); */
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	background: var(--colorW);
}

#header .ce_image {
	flex-grow: 1;
}

#header .nav_main {
	flex-grow: 1;
	text-align: right;
}

.logo {
	display: inline-block;
}

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

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

#container {
/* 	max-width: 1200px; */
	margin: 0 auto;
	/* margin-top: 100px; */
}

#main {
/* 	background: #eee; */
}

#main .inside {
/* 	padding: 50px 20px; */
}

#footer {
	text-align: center;
	margin-top: 30px;
	background: var(--color2);
}

#footer .inside {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px 20px 70px 20px;
}

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

/*
.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 .rs-columns,
.mod_article .content-swiper,
.mod_article .content-youtube,
*/

.mod_article > div:not(.mod_article:nth-child(1) div.content-image):not(.mod_article:nth-child(1) div.mod_randomImage):not(.mod_article:nth-child(1) div.content-swiper),
.mod_article > h1,
.mod_article > h2,
.mod_article > h3 {
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px 20px;
}

.mod_article .content-youtube .content-text {
	padding-top: 0;
}

.mod_article.bg-grau {
	background: var(--color4);
}

@media only screen and (max-width : 767px) {
	.mod_article > div:not(.mod_article:nth-child(1) div.content-image):not(.mod_article:nth-child(1) div.mod_randomImage):not(.mod_article:nth-child(1) div.content-swiper),
	.mod_article > h1,
	.mod_article > h2,
	.mod_article > h3 {
	padding: 20px;
	}
}

/********************************************************************************/
/*	Überschriften & Text	*/

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font1);
	font-weight: 300;
	/* hyphens: auto; */
}

@media only screen and (max-width : 767px) {
	h1, h2, h3, h4, h5, h6 {
	hyphens: auto;
	}
}

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

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

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

.big-numbers h3 {
	font-size: 3.400rem;
	line-height: 3.600rem;
	color: var(--color2);
	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);
}

p,
.content-hyperlink {
	font-size: var(--text);
	line-height: var(--linehT);
	padding: 0 0 1.867rem 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;
}

a:link,
a:visited {
	color: var(--color2);
}

a:hover,
a:active,
a:focus {
	color: var(--color2);
}

/*****/

#main a:link,
#main a:visited {
	border-bottom: 1px solid transparent;
}

#main a:hover,
#main a:active,
#main a:focus {
	border-bottom: 1px solid var(--color2);
}

/*****/

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

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

/*****/

.content-hyperlink {
	margin-bottom: 1.867rem;
}

.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: 3px;
	border: 1px solid var(--color2);
	background: var(--color2);
	transition: 0.3s;
}

.boxen-bg .content-hyperlink a {
	color: var(--color2);
	border: 1px 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(--color2);
	border: 1px solid var(--color2);
	background: var(--colorW);
}

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

hr {
	overflow: visible; /* For IE */
	margin-top: 50px;
	padding: 0;
	border: none;
	border-top: medium double var(--color2);
	color: var(--color2);
	text-align: center;
}

hr:after {
	content: "« »";
	display: inline-block;
	position: relative;
	top: -0.8em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}

/********************************************************************************/
/*	Listen	*/

.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; */
}

/*****/

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

.historie .content-text ul li strong {
	font-size: var(--head3);
	line-height: var(--linehH3);
}

.historie .content-text ul li:before {
	content: '»';
	top: -0.1em;
	color: var(--color2);
}

/*****/

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

/********************************************************************************/
/*	Top-Bar	*/

#top-bar p,
#top-bar ul li {
	font-size: var(--textS);
	line-height: 30px;
	color: var(--colorW);
	padding: 0;
}

#top-bar ul li {
	display: inline-block;
	margin-right: 20px;
}

#top-bar ul li:nth-last-child(1) {
	margin-right: 0;
}

#top-bar ul li:before {
	content: '';
}

/********************************************************************************/
/*	Bilder	*/

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

#main figure {
	position: relative;
}

#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: zoom-in;
}

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

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

.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 10px;
	background: rgba(255, 255, 255, 0.8);
}

.mod_randomImage img.teaser,
.content-image img.teaser {
	filter: grayscale(100%);
	object-fit: cover;
	height: 70vh;
	margin-bottom: 30px;
	border-bottom: #999 20px solid;
}

.content-image img.teaser {
	/* height: 35vh; */
}

.icon {
	width: 120px;
}

/******************************/
/*	Background / Hintergrund Bilder	*/

.teaser .inside {
	max-width: 100vw;
	padding: 0 !important;
}

.ce_image .responsive-background-image {
	display: inline-block;
	width: 100vw;
	height: 60vh;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.ce_image .responsive-background-image img {
	display: none;
}

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

.content-gallery ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  gap: 2em;
}

/********************************************************************************/
/* Icons */

li a.phone,
li a.mail {
	padding-left: 18px;
}

li a.phone {
	background: url('/files/data/icon/phone.svg') 0 2px no-repeat;
	background-size: 14px;
}

li a.mail {
	background: url('/files/data/icon/mail.svg') 0 2px no-repeat;
	background-size: 14px;	
}

/********************************************************************************/
/*	Downloads	*/

.ext-pdf {
	padding-left: 30px;
	background: url("../../files/data/img/icon-pdf.svg") left center no-repeat;
	background-size: 20px;
}

.ext-doc,
.ext-docx,
.ext-docm {
	padding-left: 30px;
	background: url("../../files/data/img/icon-word.svg") left center no-repeat;
	background-size: 20px;
}

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

/*	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: 26px;
	right: 20px;
	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(--color2);
	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%;
}

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

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

@media only screen and (max-width : 1020px) {
	.logo {
	margin: 0 auto;
	}
}

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

@media only screen and (max-width : 600px) {
	.logo {
	margin-left: 0;
	}
}

@media only screen and (max-width : 460px) {
	.logo img {
	width: calc(100% - 60px);
	height: auto;
	}
}

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

}

@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 Navigation
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

#header .nav_main {
	display: inline-block;
	float: right;
	font-size: 1.125rem;
	line-height: 1.125rem;
}

#header .nav_main ul {
	
}

#header .nav_main li {
	display: inline-block;
	margin-left: 20px;
	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(--colorB);
	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;
}

@media only screen and (max-width : 1200px) {
	#header .nav_main li {
	margin-left: 15px;
	}
}

@media only screen and (max-width : 1020px) {
	#header .nav_main {
	display: none !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: 30px 10px 10px 10px;
	background: var(--colorW);
}

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

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

#header .nav_main .level_2 a:link,
#header .nav_main .level_2 a:visited {
	color: var(--colorB) !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 {

}

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

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

.nav_footer .level_1 a:link,
.nav_footer .level_1 a:visited {
	color: var(--colorW);
	font-weight: normal;
	border-bottom: 1px solid transparent;
}

.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(--color4);
}

.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: 2.000rem;
	line-height: 3.000rem;
}

.mobile_menu .nav_main .level_1 a:link,
.mobile_menu .nav_main .level_1 a:visited {
	color: var(--colorW);
	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 columns
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.rs-columns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(290px, 100%), 1fr));
  gap: 5vw;
}

.rs-column,
.rs-column .media--below {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}

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

@media only screen and (min-width : 1600px) {
  .rs-columns {
  gap: 5em;
  }
}

.rs-columns.four {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  gap: 2em;
}

.rs-columns.two {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
  gap: 2em;
  justify-content: center;
}

/*****/

.spalten {
  width: 50%;
  float: left;
  padding-bottom: 2%;
}

.erste-spalte {
  padding-right: 2%;
}

.zweite-spalte {
  padding-left: 2%;
}

.fullwidth {
  clear: both;
}

@media only screen and (max-width : 767px) {
  .spalten {
  width: 100%;
  padding: 0 !important;
  padding-bottom: 2% !important;
  }
}

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

/********************************************************************************/
/*
Description: CSS File for boxes
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.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: 1px 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 .rs-columns,
.no-padding.boxen-bg .rs-columns,
.no-padding.boxen-border .rs-columns,
.no-padding.boxen-bg-radius .rs-columns,
.no-padding.boxen-border-radius .rs-columns {
   padding: 0;
   gap: 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);
   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 Swiper Slider
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.swiper-button-next,
.swiper-button-prev {
    color: var(--colorW) !important;
    border: none;
    background: transparent;
}

.swiper-button-next,
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
    fill: var(--colorW);
}

.swiper-pagination-bullet {
    opacity: .5;
    background: var(--colorW) !important;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--colorW) !important;
}

/* Wenn Swiper nebeneinander in Columns verwendet werden soll */
.swiper-slide {
    width: 100% !important;
    background: #fff;
}

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

/********************************************************************************/
/*
Description: CSS File for YouTube
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.content-youtube .yt_wrapper {
	margin-bottom: 10px;
}

.content-youtube .yt_wrapper figure {
	position: initial !important;
}

.content-youtube .yt_wrapper {
  position: relative;
  padding-bottom: 56%;
  padding-top: 0px;
  height: 0px;
  overflow: hidden;
  cursor: pointer;
}

.content-youtube .yt_wrapper figure img,
.content-youtube .yt_wrapper iframe,
.content-youtube .yt_wrapper object,
.content-youtube .yt_wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content-youtube .yt_wrapper figure img {
  height: auto;
}

.content-youtube .content-text p {
	padding-bottom: 0;
}

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

/********************************************************************************/
/*
Description: CSS File for Accordion
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.content-accordion {
    border-bottom: 0 !important;
}

.handorgel__header {
    position: relative;
    font-family: var(--font1);
    font-size: var(--text);
    line-height: 2.500rem;
    color: var(--color1);
    cursor: pointer;
    align-items: center;
    margin-right: auto;
    padding: 0;
    border-top: 1px solid var(--color6);
    border-bottom: 1px solid var(--color6);
    transition: 0.3s;
}

.handorgel__header--open {
    border-bottom: 0;
}

.handorgel__header ~ .handorgel__header {
    border-top: none;
}

.handorgel__header::after {
    z-index: 1;
    position: absolute;
    top: calc(1.575rem / 2);
    right: 0;
    content: '+';
    color: var(--color1);
    font-size: 1.575rem;
    margin-left: auto;
    transition: 0.3s;
    pointer-events: none;
}

.handorgel__header:hover::after {
    transform:rotate(180deg);
}

.handorgel__header--open::after {
    content: '-';
}

.handorgel__header__button {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: 0 !important;
}

.handorgel__content {
    /* display: none; */
    /* overflow: hidden; */
    /* height: 0; */
    border-top: 0 !important;
    border-bottom: 1px solid var(--color6);
    background: transparent !important;
    transition: height .1s ease .1s;
}

.handorgel__content__inner,
.handorgel__content__inner .content-text {
    padding: 0 !important;
}

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

/********************************************************************************/
/*
Description: CSS File for Tables
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

th,
td {
    font-size: 1.375rem;
    line-height: 1.867rem;
    padding: 15px 5px;
    border-bottom: 1px solid var(--color6);
}

td {
    /* text-align: right; */
}

thead th {
    text-align: left;
    border-top: 1px solid var(--color6);
    background: var(--color5);
}

tr:nth-child(even) th,
tr:nth-child(even) td {
    background: var(--color5);
}

tr:nth-child(odd) td:nth-child(even) {
    /* background: var(--color5); */
}

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

/********************************************************************************/
/*
Description: CSS File for forms
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.ce_form {
	max-width: 100%;
	font-size: 1.375rem;
}

.ce_form .widget-text,
.ce_form .widget-textarea {
	position: relative;
	min-height: 80px;
	margin: 0;
}

.ce_form .widget-textarea {
	min-height: 190px;
}

.ce_form label {
	position: relative;
	z-index: 2;
	display: block;
	min-height: 17px;
	font-size: 1rem;
	font-weight: normal;
	padding: 0 10px;
   margin-bottom: 6px;
	transform: translateY(33px);
	transition: all 0.3s;
}

.is-active label {
	color: var(--color2);
}

.is-completed label {
	font-size: 12px;
	transform: translateY(0);
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
select,
textarea {
	display: inline-block;
   position: relative;
	width: 100%;
	min-height: 25px;
	padding: 10px;
	border: 1px solid var(--color2);
   border-radius: 3px;
	background: transparent;
   box-shadow: inset 0 1px 1px #eee;
	outline: none;
}

input[type="text"].error,
input[type="password"].error,
input[type="date"].error,
input[type="datetime"].error,
input[type="email"].error,
input[type="number"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="time"].error,
input[type="url"].error,
textarea.error {
	border: 1px solid var(--color2);
}

.widget-submit {
	text-align: center;
}

form button,
input[type="submit"],
.button {
	display: block;
	font-size: 1.375rem;
	line-height: 1.867rem;
	color: var(--colorW);
	padding: 5px 25px;
	border: 1px solid var(--color2);
	border-radius: 3px;
	background: var(--color2);
}

form button:hover,
form button:active,
form button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:hover,
.button:active,
.button:focus {
	color: var(--color2);
	background: var(--colorW);
}

p.error {
	position: absolute;
	bottom: -3px;
	right: 10px;
	font-size: 1.000rem;
	line-height: 1.250rem;
	color: var(--color2);
}

/****/

.form-confirmation {
   text-align: center;
   padding: var(--padding2);
   border: 1px solid var(--color2);
}

.form-confirmation p {
   color: var(--color2);
   padding: 0;
}

/*****/

@media only screen and (max-width : 1200px) {
	p.error {
	bottom: 5px;
	}

	.widget-textarea p.error {
	bottom: 10px;
	}
}

@media only screen and (max-width : 991px) {
	p.error {
	bottom: 10px;
	}

	.widget-textarea p.error {
	bottom: 30px;
	}
}

@media only screen and (max-width : 767px) {
   .ce_form .widget-textarea {
   min-height: 160px;
   }
}

/********************************************************************************/
/*	Checkbox - http://doodlenerd.com/html-control/css-checkbox-generator	*/

.widget-checkbox {
	padding: 10px 0 10px 20px;
   border: 1px solid var(--color2);
   border-radius: 3px;
   /* background: var(--color6); */
}

.widget-checkbox label {
/* 	display: inline !important; */
	transform: none;
	padding: 0 20px 0 5px;
}

.widget-checkbox .control {
   cursor: pointer;
	display: block;
   position: relative;
   margin-top: 10px;
   padding-top: 5px;
   padding-left: 30px;
}

.widget-checkbox .control input {
	z-index: -1;
	position: absolute;
	opacity: 0;
}

.widget-checkbox .control_indicator {
   position: absolute;
   top: 3px;
   left: 0;
   width: 20px;
   height: 20px;
   border: 1px solid var(--color2);
   border-radius: 0;
   background: var(--colorW);
}

.widget-checkbox .control:hover input ~ .control_indicator,
.widget-checkbox .control input:focus ~ .control_indicator {
   background: var(--color5);
}

.widget-checkbox .control input:checked ~ .control_indicator {
   background: var(--color2);
}

.widget-checkbox .control:hover input:not([disabled]):checked ~ .control_indicator,
.widget-checkbox .control input:checked:focus ~ .control_indicator {
   /* background: var(--color5); */
}

.widget-checkbox .control input:disabled ~ .control_indicator {
   opacity: 0.6;
   pointer-events: none;
   /* background: #e6e6e6; */
}

.widget-checkbox .control_indicator:after {
   box-sizing: unset;
   content: '';
   position: absolute;
   display: none;
}

.widget-checkbox .control input:checked ~ .control_indicator:after {
   display: block;
}

.widget-checkbox .control-checkbox .control_indicator:after {
   top: 0;
   left: 5px;
   width: 4px;
   height: 11px;
   border: solid var(--colorW);
   border-width: 0 3px 3px 0;
   transform: rotate(45deg);
}

.widget-checkbox .control-checkbox input:disabled ~ .control_indicator:after {
   /* border-color: #7b7b7b; */
}

.widget-checkbox .control-checkbox .control_indicator::before {
   z-index: 99999;
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 4.5rem;
   height: 4.5rem;
   margin-top: -1.3rem;
   margin-left: -1.3rem;
   border-radius: 3rem;
   opacity: 0.6;
   transform: scale(0);
   background: var(--color2);
}

@keyframes s-ripple {
   0% {
      transform: scale(0);
   }
   20% {
      transform: scale(1);
   }
   100% {
      opacity: 0;
      transform: scale(1);
   }
}

@keyframes s-ripple-dup {
   0% {
      transform: scale(0);
   }
   30% {
      transform: scale(1);
   }
   60% {
      transform: scale(1);
   }
   100% {
      opacity: 0;
      transform: scale(1);
   }
}

.widget-checkbox .control-checkbox input + .control_indicator::before {
   animation: s-ripple 250ms ease-out;
}

.widget-checkbox .control-checkbox input:checked + .control_indicator::before {
   animation-name: s-ripple-dup;
}

/********************************************************************************/
/*	Radiobutton - http://doodlenerd.com/html-control/css-radio-button-generator	*/

.widget-radio {
   padding: 20px 0 40px 20px;
   border: 1px solid var(--color2);
   border-radius: 3px;
	/* background: var(--color6); */
}

.widget-radio legend {
	/* Abstand unter "legend" entfernen */
	position: absolute;
}

.widget-radio .control {
   cursor: pointer;
   display: block;
   position: relative;
   margin-bottom: 10px;
   padding-top: 5px;
   padding-left: 30px;
}

.widget-radio .control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.widget-radio .control_indicator {
   position: absolute;
   top: 5px;
   left: 0;
   height: 20px;
   width: 20px;
   border: 1px solid var(--color2);
   border-radius: 0;
   background: var(--colorW);
}

.widget-radio .control:hover input ~ .control_indicator,
.widget-radio .control input:focus ~ .control_indicator {
   background: var(--color5);
}

.widget-radio .control input:checked ~ .control_indicator {
   background: var(--color2);
}

.widget-radio .control:hover input:not([disabled]):checked ~ .control_indicator,
.widget-radio .control input:checked:focus ~ .control_indicator {
   background: var(--color2);
}

.widget-radio .control input:disabled ~ .control_indicator {
   background: var(--color5);
   opacity: 0.6;
   pointer-events: none;
}

.widget-radio .control_indicator:after {
   box-sizing: unset;
   content: '';
   position: absolute;
   display: none;
}

.widget-radio .control input:checked ~ .control_indicator:after {
   display: block;
}
.control-radio .control_indicator {
   border-radius: 50%;
}

.control-radio .control_indicator:after {
   left: 6px;
   top: 6px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: var(--colorW);
   transition: background 250ms;
}

.control-radio input:disabled ~ .control_indicator:after {
   /* background: #7b7b7b; */
}

.control-radio .control_indicator::before {
   z-index: 99999;
   opacity: 0.6;
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 4.5rem;
   height: 4.5rem;
   margin-top: -1.3rem;
   margin-left: -1.3rem;
   border-radius: 3rem;
   background: var(--color2);
   transform: scale(0);
}

@keyframes s-ripple {
   0% {
      opacity: 0;
      transform: scale(0);
   }
   20% {
      transform: scale(1);
   }
   100% {
      opacity: 0.01;
      transform: scale(1);
   }
}

@keyframes s-ripple-dup {
   0% {
      transform: scale(0);
   }
   30% {
      transform: scale(1);
   }
   60% {
      transform: scale(1);
   }
   100% {
      opacity: 0;
      transform: scale(1);
   }
}

.widget-radio .control-radio input + .control_indicator::before {
   animation: s-ripple 250ms ease-out;
}

.widget-radio .control-radio input:checked + .control_indicator::before {
   animation-name: s-ripple-dup;
}

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

/********************************************************************************/
/*
Description: CSS File for News Modul
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.mod_newslist {
    /* clear: both; */
    /* display: inline-block; */
    /* width: 100%; */
}

.layout_latest {
    margin-block: 20px;
    padding: var(--padding2);
    border-radius: var(--br2);
    border: 2px solid var(--color6);
    background: var(--color6);
}

.layout_latest:nth-child(even) {
    background: none;
}

.layout_latest img {
    border-radius: 5px;
}

.layout_latest h3 a {
    color: var(--color1);
    border: none;
}

.mod_newsreader .layout_full {
    width: 100%;
}

/*****/

p.back {
    /* display: flex; */
    /* justify-content: flex-end; */
    width: 100%;
    text-align: right;
}

p.back a {
    display: flex;
    align-items: center;
    border-bottom: none;
}

p.back svg {
    height: 20px;
    color: var(--color2);
    margin-right: 5px;
    transition: 0.3s;
}

p.back a:hover svg {
    color: var(--color1);
    margin-right: 10px;
}

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

/********************************************************************************/
/*
Description: CSS File for Pagination
Theme Name: Oertli Induflame GmbH
Theme URI: https://www.oertli-induflame.de
Version: 1.0 [03.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.pagination {
  margin: 40px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px dotted var(--color4);
}

.pagination p {
  margin: 0 0 10px 0;
}

.pagination li {
  list-style-type: none;
  display: inline;
  margin: 0 5px 0 0;
}

.pagination a:link,
.pagination a:visited {
  
}

.pagination a:hover,
.pagination a:active, 
.pagination a:focus {
  
}

.pagination .current {
  font-weight: bold;
}

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