.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap}
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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
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{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.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}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* ****************************************************************************************************************** */
/* --- Fonts -------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/webfonts/open-sans-condensed-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/open-sans-condensed-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/open-sans-condensed-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/open-sans-condensed-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/open-sans-condensed-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/open-sans-condensed-v15-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/webfonts/open-sans-condensed-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/open-sans-condensed-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/open-sans-condensed-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/open-sans-condensed-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/open-sans-condensed-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/open-sans-condensed-v15-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

/* ****************************************************************************************************************** */
/* --- Variablen ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

:root {
    --ka-bk-color:#fdf8f2;

    --ka-font-color:#6e6e6e;
    --ka-font-size:16px;
    --ka-line-height:22px;

    --ka-desktopwidth:85%;
    --ka-desktopwidth2:70%;
    --ka-desktopmargin:7.5%;
    --ka-desktopmargin2:15%;
}

/* ****************************************************************************************************************** */
/* --- Basics ------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

body {
    background-color:#fff;
    /*background:#FFFFFF url("../../files/files/intern/common/Kahru_it_web_grafik_hintergrund.jpg") center top no-repeat fixed;*/
}
#wrapper {
    width:100%;
    min-height:200px;
}
#main .inside {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    padding-top:10px;
}
a,
b,
body,
cite,
div,
em,
i,
label,
li,
ol,
p,
strong,
td,
th,
u,
ul,
fieldset,
form,
input,
optgroup,
select,
textarea {
    font-family:"Open Sans Condensed",Verdana,Arial;
    color:var(--ka-font-color);
    font-size:var(--ka-font-size);
    line-height:var(--ka-line-height);
}
div {
    line-height:1px;
}
ul {
    padding-top:4px;
    padding-left:17px;
}
li {
    margin-bottom:4px;
    padding-left:2px;
    list-style-type:square;
}
pre,
form {
    margin:0;
    padding:0;
}
p {
    margin-top:5px;
    margin-bottom:5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:Ubuntu,Arial,sans-serif;
    display:block;
}
h1 {
    margin-top:10px;
    margin-bottom:10px;
    white-space:nowrap;
    font-size:24px;
    line-height:30px;
    font-weight:bold;
    color:#CD0E2E;
}
h2 {
    margin:10px 0 2px;
    padding:0;
    font-size:16px;
    line-height:22px;
    font-weight:bold;
    color:#6e6e6e;
}
h3 {
    margin:10px 0 2px;
    padding:0;
    text-align:left;
    font-size:18px;
    line-height:22px;
    font-weight:bold;
    color:#474747;
}
optgroup {
    padding-top:3px;
    padding-bottom:3px;
}
a {
    text-decoration:none;
    color:#CD0E2E;
}
a:hover {
    text-decoration:underline;
}
table {
    margin-top:10px;
}
table thead {
    border-bottom:1px solid #9e9e9e;
}
td {
    padding:3px;
}

.ce_gallery {
    position: relative;
    margin:20px 0;
}

/*
.ce_gallery > ul li.col_first {
    clear:none;
}
.ce_gallery .flex-images a {
    float:left;
    margin-right:0px;
    margin-bottom:20px;
    width:calc(33% - 10px);
}

.ce_gallery ul {
    list-style-type: none;
}

.ce_gallery ul li {
    padding: 0;
}

.ce_gallery ul li .image_container {
    overflow: hidden;
    line-height: 1px;
}
.ce_gallery ul li .image_container a {
    line-height: 1px;
}

.ce_gallery ul li .image_container img {
    transform: scale(1.0, 1.0);
    -ms-transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0, 1.0);
    transition: all .75s ease-in-out;
}

.ce_gallery ul li .image_container img:hover {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

.ce_gallery ul.cols_2 li {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
    width: calc(50% - 14px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery ul.cols_3 li {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
    width: calc(33.3% - 14px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery ul.cols_4 li {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
    width: calc(25% - 14px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery ul.cols_5 li {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
    width: calc(20% - 14px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery ul.cols_6 li {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 14px;
    width: calc(16.6% - 4px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery ul.cols_7 li {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 14px;
    width: calc(14% - 50px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}


.ce_gallery.margin0 ul.cols_2 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 50%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery.margin0 ul.cols_3 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 33.3%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery.margin0 ul.cols_4 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 25%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery.margin0 ul.cols_5 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 20%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery.margin0 ul.cols_6 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 16.6%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery.margin0 ul.cols_7 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 14%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}

.ce_gallery .flex-images {
    display: flex;
    justify-content: space-between;
}

.ce_gallery .flex-images .item img {
    align-self: center;
    height: auto;
}
*/


.ce_gallery.masonry ul { /* Masonry container */
    column-count: 4;
    column-gap: 0.5em;
}
.ce_gallery.masonry > ul li.col_first {
    clear: left;
}
.ce_gallery.masonry li { /* Masonry bricks or child elements */
    background-color: #eee;
    display: inline-block;
    margin: 0 0 0.5em;
    padding: 0;
    width: 100%;
    float: none;
    /*width: 25% !important;*/
}



/* ****************************************************************************************************************** */
/* --- header ---------- -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#header {
    height:130px;
    /*
    background-image:url("../../files/intern/css/files/intern/header/strich.png");
    background-position:left top;
    background-repeat:repeat-x;
    */
    z-index:990;
}
#header .inside {
    min-width:320;
    min-height:120px;
    max-width:960px;
    float:none;
    margin-right:auto;
    margin-left:auto;
    padding:0;
    /*
    background-image:url("../../files/intern/css/files/intern/header/strich.png");
    background-position:right top;
    background-repeat:repeat-x;
    */
}
#HeaderLogo {
    left:-77px;
    top:25px;
    position:absolute;
}

/* ****************************************************************************************************************** */
/* --- footer ------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#footer {
    position:relative;
    display:block;
    margin-top:0;
    padding-top:8px;
}
#footer .inside {
    position:relative;
    height:108px;
    max-width:960px;
    float:none;
    margin-right:auto;
    margin-left:auto;
    padding:10px 0 10px 0;
    background-color:rgba(255,255,255,.5);
    border-top:1px solid #CD0E2E;
}
.mod_footer_contact,
.mod_footer_copyright,
.mod_footer_navi {
    min-width:300px;
    max-width:470px;
    float:left;
    margin:0;
    padding:10px 0 0 10px;
    color:#757575;
}
.mod_footer_contact {
    min-height:90px;
    max-width:470px;
}
.mod_footer_copyright,
.mod_footer_navi {
    max-width:460px;
    float:right;
    margin-top:0;
    padding-right:10px;
    text-align:right;
}
.mod_footer_copyright {
    min-height:25px;
    padding-top:2px;
    padding-bottom:2px;
}
.mod_footer_navi {
}
.mod_footer_contact strong,
.mod_footer_contact div,
.mod_footer_copyright div,
.mod_footer_navi div {
    color:#757575;
}
.mod_footer_contact a,
.mod_footer_navi a {
    color:#757575;
}

/* ****************************************************************************************************************** */
/* --- mainmenu ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media screen and (min-width: 801px) {
  #navmobil {
      display:none;
  }
  #mainnav {
      height:30;
      left:370px;
      top:85px;
      position:absolute;
      overflow:visible;
      margin:0;
      z-index: 999;
  }
  #mainnav.mod_navigation a {
      margin:5px 0 0;
      padding:0;
      text-transform:uppercase;
  }
  #mainnav.mod_navigation a:hover {
      text-decoration:none;
  }
  #mainnav.mod_navigation li {
      position:relative;
      float:left;
      list-style-type:none;
  }
  #mainnav.mod_navigation li a,
  #mainnav.mod_navigation li strong {
      height:30px;
      position:relative;
      float:left;
      margin:0 7px 0 0;
      padding:2px 5px;
      text-align:center;
      font-size:16px;
      line-height:22px;
      font-weight:bold;
      color:#6e6e6e;
      text-transform:uppercase;
      list-style-type:none;
  }
  #mainnav.mod_navigation li strong {
      color:#CD0E2E;

  }
  #mainnav.mod_navigation li a:hover,
  #mainnav.mod_navigation li a.sfhover {
      color:#CD0E2E;   /* Farbton für den Hovereffekt */
      -webkit-transition: color 500ms ease-in-out; /* WebKit   */
      -moz-transition: color 500ms ease-in-out;    /* Firefox  */
      -o-transition: color 500ms ease-in-out;      /* Opera    */
      transition: color 500ms ease-in-out;         /* Standard */
  }
  #mainnav.mod_navigation ul {
      margin:0;
      padding:0;
      list-style-type:none;
  }
  #mainnav.mod_navigation li ul {
      bottom:0;
      left:0;
      right:0;
      top:32px;
      position:absolute;
      display:none;
      padding-top:4px;
      background-color:#6e6e6e;
  }
  #mainnav.mod_navigation li ul li {
      margin:0;
      padding:0;
      border-bottom:1px solid #6e6e6e;
      border-radius:0;
  }
  #mainnav.mod_navigation li ul li a,
  #mainnav.mod_navigation li ul li strong {
      width:225px;
      height:24px;
      margin:0;
      padding:4px 0 0 5px;
      text-align:left;
      background-color:rgba(255,255,255,.8);
      background-image:none;
      color:#474747;   /* Farbton für den Link im Normalzustand */
      -webkit-transition: color 1s ease-out; /* WebKit   */
      -moz-transition: color 1s ease-out;    /* Firefox  */
      -o-transition: color 1s ease-out;      /* Opera    */
      transition: color 1s ease-out;         /* Standard */
  }
  #mainnav.mod_navigation li ul li a:hover {
      color:#CD0E2E;   /* Farbton für den Hovereffekt */
      -webkit-transition: color 500ms ease-in-out; /* WebKit   */
      -moz-transition: color 500ms ease-in-out;    /* Firefox  */
      -o-transition: color 500ms ease-in-out;      /* Opera    */
      transition: color 500ms ease-in-out;         /* Standard */
  }
  #mainnav.mod_navigation li ul li strong {
      background-color:rgba(201,150,159,.9);
      border-bottom:1px solid #adadad;
  }
  #mainnav.mod_navigation li ul ul {
      left:200px;
      position:absolute;
      top:0;
      z-index: 999;
  }
  #mainnav.mod_navigation li:hover ul {
      display:block;
  }
  #mainnav.mod_navigation ul li:hover ul ul {
      display:none;
  }
  #mainnav.mod_navigation ul ul li:hover ul {
      display:block;
  }
}


/* ****************************************************************************************************************** */
/* --- Variablen ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

/* ****************************************************************************************************************** */
/* --- news --------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#main .mod_newslist  {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

/* löst das Space-Beetween in Last Row auf */
#main .mod_newslist::after {
    content: "";
    /*flex: 0 0 calc(25% - 32px);*/
    flex: 0 0 23%;
}

#main .mod_newslist .news-blog.col3 {

    margin:0 0px 50px 0;
    /*padding: 0px 10px;*/
    padding: 0;
    /*width:calc(25% - 52px);*/
    width:23%;
    background-color: #fff;
    /*border: 1px solid var(--ka-blogborder);*/
}

#main .mod_newslist .news-blog.col3 .newsbloginside {
    position: relative;
    display: block;
    /*align-items: center;*/
    justify-content: center;
    /*
    flex-wrap: wrap;
    flex-direction: row;
    */
    width: 100%;
    height: 100%;
    /*border: 1px solid #555;*/
}

#main .mod_newslist .news-blog.col3 .blogimage {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
    /*
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    */
}
#main .mod_newslist .news-blog.col3 .blogimage img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
}

#main .mod_newslist .news-blog.col3 * {
    width: 100%;
}

#main .mod_newslist .news-blog.col3 .blogimage a {
    line-height: 1px;
    font-size: 1px;
    text-decoration:none;
    border-bottom: 0px solid #ffffff;
}

#main .mod_newslist .news-blog.col3 .blogtext {
    /*
    position: absolute;
    width:75%;
    padding: 5%;
    */
    display: flex;
    align-items: center;
    flex-direction: column;
    /*justify-content: center;*/

    background-color:#fff;

}

#main .mod_newslist .news-blog.col3:hover .blogtext {
    /*
    visibility: visible;
    opacity: 0.97;
    transform: rotateX(0deg);
    transition: visibility 0ms linear 250ms, opacity 500ms;
    */


}


.mod_newslist .news-blog.col3 .blogtext .datetime {

}
.mod_newslist .news-blog.col3 .blogtext h4 {
    margin: 10px 0 5px 0;
    text-transform:none;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0em;
    width: 100%;
}

.blogdetails {
    position: relative;
    /*
    max-width: 1200px;
    margin: 30px auto;
    background-color: #fff;
    padding: 30px 3%;
    */
}
.blogdetails .blogimage {
    position: relative;
    width: 100%;
    max-height: 66vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.blogdetails .blogimage img {
    width: 100%;
    object-fit: cover;
}
.blogdetails .blogimage .imgheadline {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    padding: 75px 0;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}
.blogdetails .blogimage .imgheadline h1 {
    color: #fff;
    max-width: 1200px;
    width: 70%;
}

.blogdetails .blogtext {
    max-width: 1200px;
    margin: 30px auto;
    background-color: #fff;
    padding: 30px 3%;
}

.blogdetails .blogsharebuttons {
    margin: 40px 0;
    padding: 0;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}

.blogdetails .back {
    margin: 40px 0 80px 0;
    padding: 0;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}

.blogdetails .blogsharebuttons .headline {
    margin: 0 0 15px 0;
}

.blogdetails .katdatetime {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogdetails h1.headline {
    width: 100%;
    text-align: center;
    /*margin: 30px 0;*/
}

.blogdetails .blogsharebuttons * {
    border-style: none !important;
    list-style-type: none !important;
}


/* ****************************************************************************************************************** */
/* --- slider ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */



/* ****************************************************************************************************************** */
/* --- alt ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#main .inside {
    margin-top:10px;
    padding:10px 0;
}
#refwork {
    min-width:200px;
    max-width:300px;
    margin-right:10px;
    margin-bottom:10px;
    padding:0;
    background-color:#fff;
}
#refwork.web {
    border:5px solid #b1ca34;
}
#refwork.grafik {
    border:5px solid #16c1f3;
}
#refwork.it {
    border:5px solid #d40046;
}
#refweb {
    width:216px;
    margin-right:10px;
    margin-bottom:10px;
    padding:5px 5px 0;
    background-color:rgba(255,255,255,.6);
    border:2px solid #16c1f3;
}
#refgrafik {
    width:295px;
    max-width:100%;
    margin-right:10px;
    margin-bottom:10px;
    padding:5px 5px 0;
    background-color:#fff;
    border:2px solid #16c1f3;
}
#refsoft {
    margin-right:0;
    margin-bottom:16px;
    padding:5px 5px 0;
    background-color:#fff;
    border:2px solid #16c1f3;
}
#team2 {
    min-width:200px;
    max-width:300px;
    margin-right:10px;
    margin-bottom:10px;
    padding:5px 5px 0;
}
#refweb:hover,
#refsoft:hover,
#refgrafik:hover,
#team2:hover {
    background-color:#16c1f3;   /* Farbton für den Hovereffekt */
    -webkit-transition: background-color 1000ms ease-in-out; /* WebKit   */
    -moz-transition: background-color 1000ms ease-in-out;    /* Firefox  */
    -o-transition: background-color 1000ms ease-in-out;      /* Opera    */
    transition: background-color 1000ms ease-in-out;         /* Standard */
}
#refwork:hover {
    background-color:#2f00ff;
    z-index:900;
}
#refwork .ktext {
    width:100%;
    top:0;
    position:absolute;
    margin:0;
    padding:0;
    text-align:center;
    background-color:rgba(255,255,255,.8);
    line-height:24px;
    z-index:909;
    opacity:0;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#refwork:hover .ktext {
    opacity:1;
}
#refweb h2,
#refsoft h2,
#refgrafik h2,
#team2 h2 {
    margin-top:6px;
    padding-top:0;
    font-size:15px;
    color:#009cd4;
}
#refweb a,
#refsoft a,
#refgrafik a {
    color:#009cd4;
}
#refweb p {
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
}
#refweb td {
    padding-top:2px;
    padding-bottom:2px;
    vertical-align:top;
}
#refweb .image_container,
#refwork .image_container {
    width:100%;
}
#refsoft .image_container {
    width:255px;
    float:left;
    margin-right:10px;
    padding:0;
}
#refgrafik .image_container {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding:0;
}
#refweb img,
#refsoft img,
#refgrafik img,
#refwork img {
    margin-right:8px;
    padding:0;
}
#webdesign,
#grafikdesign,
#software,
#intern {
    margin-top:10px;
    padding:2px 10px 10px;
    background-color:rgba(255,255,255,.6);
}
#webdesign h1,
#webdesign h2,
#grafikdesign h1,
#software h1,
#intern h1,
#grafikdesign h2,
#software h2,
#intern h2 {
    text-transform:none;
}
fredselbox {
    width:160px;
    height:160px;
    margin-right:auto;
    margin-left:auto;
    vertical-align:bottom;
    background-color:#fff;
    border:5px solid #00ff26;
}
#bigimg img,
#smallimg img {
    width:300px;
    margin-right:10px;
    margin-bottom:10px;
    -webkit-box-shadow:6px 6px 6px #8f8f8f;
    box-shadow:6px 6px 6px #8f8f8f;
}
#smallimg img {
    width:120px;
}
#dlh_googlemap_1 {
    width: 100% !important;
    height: 350px !important;
}


/* ****************************************************************************************************************** */
/* --- comments ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.ce_comments {
    padding-bottom:20px;
    border-right:0px solid #F6C500;
    border-bottom:5px solid #F6C500;
}
.ce_comments .info {
    margin-top:5px;
    padding:5px;
    background-color:#F6C500;
    font-weight:bold;
    color:#000;
}
.ce_comments .comment {
    margin-bottom:5px;
    padding:5px;
    background-color:#ddff83;
}

/* ****************************************************************************************************************** */
/* --- Form --------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.submit {
    width:260px;
    height:25px;
    margin-top:4px;
    margin-left:10px;
    background-color:rgba(22,193,243,.5);
    border:medium none;
}
fieldset {
    width:260px;
    display:block;
    margin:12px 0 24px;
    padding:12px 12px 0;
}
legend {
    color:#0000e6;
}
input.text,
input.password {
    width:260px;
    margin:1px 0 1px 10px;
    background-color:rgba(22,193,243,.5);
    border:medium none;
}
input.captcha {
    width:75px;
    margin:1px 0 1px 10px;
    background-color:rgba(22,193,243,.5);
    color:#FFF;
    border:medium none;
}
textarea {
    width:260px;
    height:100px;
    margin-top:5px;
    margin-left:10px;
    background-color:rgba(22,193,243,.5);
    border:medium none;
}
select {
    width:204px;
    margin:1px 0;
}
div.radio_container {
    margin:5px 0 1px;
}
div.radio_container span {
    display:block;
    padding-right:6px;
}
input.radio {
    top:2px;
    position:relative;
    margin:1px 2px 0 1px;
    padding:0;
}
div.checkbox_container {
    margin:5px 0 1px;
}
div.checkbox_container span {
    display:block;
    padding-right:6px;
}
input.checkbox {
    margin:3px 3px 0 1px;
    padding:0;
}
fieldset table td:first-child {
    margin:1px 0;
}
label {
    width:250px;
    margin-left:0;
}
#col_0 {
    margin-left:0;
}

/* ****************************************************************************************************************** */
/* --- Variablen ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

:root {
  --ka-tabletwidth: 90%;
  --ka-tabletmargin: 5%;
}

/* ****************************************************************************************************************** */
/* --- max-width: 1610px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */


/* ****************************************************************************************************************** */
/* --- max-width: 1210px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1210px) {
  #HeaderLogo {
      left:10px;
      top:8px;
      position:absolute;
  }

  #main .inside {
      margin:0 10px;
  }

}

/* ****************************************************************************************************************** */
/* --- max-width: 850px --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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

  #main .mod_newslist .news-blog.col3 {
      margin:0 0px 35px 0;
      width: calc(50% - 40px);
  }

}

/* ****************************************************************************************************************** */
/* --- max-width: 600px --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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

  #header {
      height:88px;
  }
  #HeaderLogo {
      position:absolute;
      max-width:60%;
      left:5px;
      top:5px;

  }
  h1 {
      font-size:20px;
  }

  #main .mod_newslist .news-blog.col3 {
      margin:0 0px 35px 0;
      width: calc(100% - 0px);
  }

}

/* ****************************************************************************************************************** */
/* --- menu-mobile -------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 800px) {
    #mainnav {
        display:none;
    }

    #navmobil {
          width:32px;
          height:32px;
          right:15px;
          position:absolute;
          top:25px;
          z-index: 990;
          cursor: pointer;
      }
      .mobile_menu_overlay {
          z-index: 990;
      }
      .mobile_menu {
          width:100%;
          height: 100vh;
          z-index: 999;
      }

      .mobile_menu #HeaderLogo {
          position: absolute;
          top:12px;
          left:10px;
          width: 120px;
          max-width: 20%;
      }

      .mobile_menu .mod_changelanguage {
          position: absolute;
          bottom: 170px;
          width:100%;
          display: flex;
          flex-direction:column;
          align-items: center;
      }
      .mobile_menu .mod_changelanguage ul {
          margin: 0;
          padding: 0;
          /*transform: translate(-15%, 0);*/
      }

      .mobile_menu .contact {
          position: absolute;
          bottom: 100px;
          width:100%;
          text-align: center;
      }
      .mobile_menu .contact *,
      .mobile_menu .mod_changelanguage * {
          color: #ffffff;
          font-size: 18px;
      }
      .mobile_menu .socials {
          position: absolute;
          bottom: 45px;
          width:100%;
          text-align: center;
      }
      .mobile_menu .socials a {
          width:20px;
          height:20px;
          margin: 0 15px 0 15px;
      }
      .mobile_menu .socials img {
          width:20px;
      }

      .mobile_menu .mobileclose {
          position: absolute;
          top:20px;
          right: 20px;
          display: block;
          width: 40px;
          height: 40px;
      }

      .mobile_menu .inner {
          height: 100%;
          background-color:#131820;
          color:#f1f1f1;
          text-transform:uppercase;
          font:18px Open Sans,Arial,sans-serif;
          z-index: 999;
          display:flex;
          align-items: center;
          justify-content: center;
          position: relative;

      }
      .mobile_menu .inner .ce_text1,
      .mobile_menu .inner .ce_text h1,
      .mobile_menu .inner .ce_text p,
      .mobile_menu .inner .ce_text a1 {
          margin-top:0;
          margin-bottom:0;
          padding:10px 0 10px 15px;
          font-size:18px;
          color:#FFF;
      }
      .mobile_menu .mod_navigation {
          clear:both;
          /*width: 100%;*/
          margin:0;
          margin-top:-125px;
      }
      .mobile_menu .mod_navigation ul.level_1 {
          min-width: 250px;
          margin:0;
          padding:0;
      }
      .mobile_menu li.active.submenu_show > ul {
          padding-top:8px;
      }
      .mobile_menu .mod_navigation ul li {
          float:none;
          clear:both;
          margin:0;
          padding:0;
          list-style-type:none;
          width:calc(100% - 15px);
      }

      .mobile_menu .mod_navigation li span {
          /*das Pfeilchen*/
          width:100%;
          position:relative;
          display:block;
          font-size:20px;
          line-height: 22px;
      }

      .mobile_menu .mod_navigation a,
      .mobile_menu .mod_navigation li span,
      .mobile_menu .mod_navigation li.active strong {
          width:100%;
          display:block;
          margin-top:0;
          margin-bottom:0;
          padding:2px 0;
          text-align:center;
          font-size:18px;
          line-height: 22px;
          text-decoration:none;
          color:#f1f1f1;
          height:auto;
          color: white;
          font-weight:500;
      }
      .mobile_menu .mod_navigation li.active strong {
          color:#CD0E2E;
      }
      .mobile_menu .mod_navigation a:focus,
      .mobile_menu .mod_navigation a:hover {
          /*color:#c2c2c2;*/
      }
      .mobile_menu .mod_navigation a.trail:focus,
      .mobile_menu .mod_navigation a.trail:hover {
          color:#fff;
      }
      .mobile_menu .submenu > a1::after,
      .mobile_menu .submenu > span::after {
          width:30px;
          height:28px;
          right:15px;
          position:absolute;
          display:inline-block;
          text-align:center;
          font-size:32px;
          line-height:32px;
          top:-6px;
          content: '›';
      }
      .mobile_menu .submenu_show > a::after,
      .mobile_menu .submenu_show > span::after {
          text-indent:4px;
          transform: rotate(90deg);
      }
      .mobile_menu .mod_navigation li.active.submenu_show {
          padding-top: 4px;
          padding-bottom:0;
          /*border:0px solid #666;*/
      }
      .mobile_menu ul.level_2 ul {
          margin-bottom: 0;
      }
      .mobile_menu ul.level_2 a,
      .mobile_menu ul.level_2 span,
      .mobile_menu ul.level_2 li.active strong {
          font-size:15px;
          line-height: 17px;
      }


      .mobile_menu ::-webkit-scrollbar {
          display:none;
      }



      .mobile_menu {
          display:none;
          -ms-overflow-style: none;
      // IE 10+
      overflow: -moz-scrollbars-none;
      // Firefox
      overflow-y: -moz-hidden-unscrollable;
          -moz-scrollbars-vertical:hidden;
      }
}