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 Layout
Theme Name: Hartwich Werbetechnik
Theme URI: https://www.hartwich-werbetechnik.de
Version: 3.0 [04.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/*	Hauptfarben			*/
/*	Blau:	#004b99		*/
/********************************************************************************/

:link,:visited { text-decoration:none }
ul, ol { list-style:none }
h1,h2,h3,h4,h5,h6 { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,hr, dt, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }

/********************************************************************************/
/* Klasse .block overflow:hidden von Contao überschreiben  */
.block {overflow:visible;}
/* :focus {outline: 0;} */

/********************************************************************************/
/* Auswahltext-Farbe ändern */
::selection { background:#004b99; color:#fff; /* Safari and Opera */ }
::-moz-selection { background:#004b99; color:#fff; /* Firefox */ }

/* Highlight Searchword */
.highlight { background:#004b99; color:#fff; padding:0 2px;}

/********************************************************************************/
/* Prevent Firefox Scrollbar Jump */
html { overflow-y:scroll; }

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

body {
color					: #333;
margin					: 0 auto;
padding					: 0;
font-size				: 100%;
font-family				: arial, verdana, helvetica, sans-serif;
background				: #f6f6f6;
/* background				: url('../../files/data/img/bg-30.jpg') center center fixed no-repeat; */
/* background-size			: cover; */
}

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

#wrapper {
  /* width: 980px; */
  width: calc(100% - 20px);
  max-width: 1220px;
  /* height: 100%; */
  margin: 0 auto;
  padding: 10px;
  text-align: center;
}

#header {
width                   : 100%;
max-width				: 1220px;
height					: 140px;
/*float					: left;*/
margin					: 0;
padding					: 0;
border-bottom			: 1px solid #ccc;
background				: #f6f6f6;
}

#header .content-text {
width					: 635px;
float					: right;
text-align				: right;
/*margin					: 25px 0;*/
margin					: 5px 0;
padding					: 0;
}

#logo {
float					: left;
margin					: 25px 0;
padding					: 0;
}

/*
#container {
  margin: 0 auto;
  margin-top: 140px;
}
*/

#left {
  float: left;
  width: calc(30% - 25px);
  max-width: 300px;
  text-align: left;
  margin: 0;
  padding: 25px 25px 25px 0;
}

#main {
  float: right;
  width: calc(70% - 26px);
  max-width: 849px;
  min-height: 500px;
  text-align: left;
  margin: 0;
  padding: 25px 0 25px 25px;
  border-left: 1px solid #ccc;
}

#footer {
  width: 100%;
  max-width: 1220px;
  clear: both;
  text-align: center;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
}

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

#left .mod_navigation {
  width: 100%;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

#left .mod_navigation ul {
  margin: 0;
  padding: 0;
}

#left .mod_navigation li {
  font-size: 80%;
  line-height: 2.6em;
  margin: 0;
  padding: 0;
}

#left .mod_navigation li a,
#left .mod_navigation span,
#left .mod_navigation strong {
  display: block;
  width: calc(100% - 27px);
  color: #004b99;
  padding: 0 0 0 25px;
  border: 1px solid #f6f6f6;
}

#left .mod_navigation li a:hover,
#left .mod_navigation li a:focus {
  color: #004b99;
  padding-left: 25px;
  border: 1px solid #f6f6f6;
  background: #fff;
}

#left .mod_navigation li strong,
#left .mod_navigation li a:active,
#left .mod_navigation li span.active {
  color: #fff;
  padding-left: 25px;
  border: 1px solid #f6f6f6;
  background: #004b99;
}

#left .mod_navigation li .active.submenu,
#left .mod_navigation li .submenu {
  color: #fff;
  padding-left: 25px;
  border-bottom: none !important;
  background: #004b99;
}

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

h1 {
font-family				: arial, verdana, helvetica, sans-serif;
font-size				: 130%;
/*text-transform			: uppercase;*/
line-height				: 1.2em;
font-weight				: normal;
margin					: 0 0 10px 0;
padding					: 0;
}

h2 {
font-size				: 90%;
/*text-transform			: uppercase;*/
color					: #333;
line-height				: 1.4em;
font-weight				: bold;
margin					: 20px 0 10px 0;
padding					: 0;
}

h3 {
font-size				: 90%;
line-height				: 1.6em;
margin					: 20px 0 0 0;
padding					: 0;
}

p, th, td {
font-size				: 80%;
line-height				: 1.6em;
margin					: 10px 0 0 0;
padding					: 0;
}

#header p {
margin					: 0;
padding					: 0;
}

#footer p {
text-align				: center;
font-size				: 80%;
line-height				: 1.6em;
margin					: 10px 0 20px 0;
padding					: 0;
}

p a:link,
p a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited {
  color: #004b99;
  border-bottom: 1px solid transparent;
}

p a:hover,
p a:active,
p a:focus,
h2 a:hover,
h2 a:active,
h2 a:focus,
h3 a:hover,
h3 a:active,
h3 a:focus {
  color: #004b99;
  border-bottom: 1px solid #004b99;
}

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

#main .content-text ul{
list-style-type			: square;
font-size				     : 80%;
line-height				: 1.6em;
margin					: 0 15px;
padding					: 0;
}

#main .content-text ul li{
line-height				: 1.6em;
margin					: 0;
padding					: 0;
}

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

figure {
  line-height:0;
}

img {
  width: 100%;
}

.home .content-gallery,
.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;
}

.content-gallery ul {
  width: 100%;
}

.content-gallery ul li {
  list-style: none;
}

.content-gallery a {
  display: block;
  border: 1px solid #ddd;
  border-radius: 10px;
}

.content-gallery a:hover,
.content-gallery a:active,
.content-gallery a:focus {
  display: block;
  border: 1px solid #004b99;
  border-radius: 10px;
}

.content-gallery img {
  border-radius: 10px;
}

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

.formbody {
width					: 410px;
/*background				: #ccc;*/
}

fieldset {
border					: none;
}

.ce_form label {
font-size				: 75%;
line-height				: 1.6em;
width					: 100%;
margin					: 0;
padding					: 0;
display					: block;
/* background				: #ccc; */
}

.ce_form input {
font-family				: arial, verdana, helvetica, sans-serif;
font-size				: 75%;
/* line-height				: 1.6em; */
line-height				: 24px;
width					: 400px;
height					: 24px;
margin					: 0 8px 8px 0;
padding					: 0 4px;
/* float					: left; */
display					: inline;
-webkit-border-radius	: 2px;
-moz-border-radius		: 2px;
border-radius			: 2px;
border					: 1px solid #ccc;
box-shadow				: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow			: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow		: inset 1px 1px 1px rgba(0,0,0,0.1);
background				: #f9f9f9;
}

/* Abstand für Spam Schutz */
#lbl_4_0 {
margin					: 5px 0 0 0;
padding					: 3px 0 0 0;
}

textarea {
font-family				: arial, verdana, helvetica, sans-serif;
font-size				: 75%;
line-height				: 1.6em;
width					: 400px;
height					: 100px;
margin					: 0 0 8px 0;
padding					: 0 4px;
float					: left;
display					: inline;
-webkit-border-radius	: 2px;
-moz-border-radius		: 2px;
border-radius			: 2px;
border					: 1px solid #ccc;
box-shadow				: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow			: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow		: inset 1px 1px 1px rgba(0,0,0,0.1);
background				: #f9f9f9;
}

/* Captcha Text bei Formular und in den Kommentaren unterscheiden sich! */
.widget .captcha_text {
font-size				: 100%;
}

button {
width					: 150px;
height					: 26px;
margin					: 20px 0 0 0;
padding					: 0 8px 0 8px;
}

.widget.widget-explanation.explanation {
    padding-top: 10px;
}

/********************************************************************************/
/*	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;
  z-index: 9999;
  position: absolute;
  /* position: fixed; */
  top: 10px;
  right: 10px;
  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: #004b99;
  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 Navigation	*/

/*
.mobile_menu .inner {
  padding-top: 72px;
  background: #fff;
}
*/

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

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

.mobile_menu .nav_main li {
  font-size: 1.500rem;
  line-height: 2.500rem;
}

.mobile_menu .nav_main .level_1 a:link,
.mobile_menu .nav_main .level_1 a:visited {
  color: #004b99;
  border-bottom: none;
}

.mobile_menu .nav_main .level_1 a:hover,
.mobile_menu .nav_main .level_1 a:active,
.mobile_menu .nav_main .level_1 a:focus,
.mobile_menu .nav_main .level_1 strong {
  font-weight: normal;
  color: #333;
  border-bottom: none;
}

.mobile_menu .nav_main .level_2 li {
  font-size: 80%;
  line-height: 1.6em;
/* 	padding-left: 20px; */
}

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

@media only screen and (max-width : 999px) {
  #left,
  #header .content-text {
  display: none;
  }
  
  #header {
  z-index: 110;
  position: fixed;
  top: 0;
  left: 0;
  height: 72px;
  }
  
  #logo {
  float: none;
  width: 200px;
  margin: 10px auto;
  }
  
  #main {
  width: 100%;
  max-width: 100%;
  margin-top: 72px;
  padding-left: 0;
  border: none;
  }
  
  .mobile_menu .inner {
  padding-top: 72px;
  background: #fff;
  }
}

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