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%}
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}
legend{width:100%;display:block;font-weight:700;border: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],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
/*Schmuckfarbe maisgelb: #f7b32a  oder f5ce7f*/
/****** G L O B A L S  ******/
body,html{
    height:100%;
    font-family:'Roboto', Calibri, Arial, Helvetica, Sans-Serif;
    font-size:100%;
    line-height: 1.35;
    color:var(--textcolor);
    /*overflow-x:hidden; */
}
html{
    overflow-y:scroll;
    -webkit-tap-highlight-color:rgba(255,0,0,.5);
    box-sizing:border-box}
body{
    margin:0;
    max-width:1903px;
    min-height:100vh;
}
*,::after,::before{box-sizing:inherit}
:root {
    --dist: calc(3rem  * ((100vw - 370px) / (1300 - 370)));
    --normfont:100%/130% 'Roboto',Arial,Sans-Serif;
    --font-size-sm: clamp(0.63rem, 0.46vw + 0.52rem, 0.88rem);
    --font-size-base: clamp(0.69rem, 0.67vw + 0.53rem, 1.05rem);
    --font-size-md: clamp(0.76rem, 0.93vw + 0.54rem, 1.26rem);
    --font-size-lg: clamp(0.83rem, 1.25vw + 0.53rem, 1.51rem);
    --font-size-xl: clamp(1.1rem, 1.66vw + 0.62rem, 1.81rem);
    --font-size-xxl: clamp(1.21rem, 2.16vw + 0.49rem, 2.18rem);
    --font-size-xxxl: clamp(1.31rem, 2.78vw + 0.45rem, 2.61rem);
    --condfont:'Roboto Condensed', 'Arial Narrow';
    --rocksicons:rocksolid-icons;
    --lightblue:#A7D2E6;
    --h1blue:#286A88 ;
    --mais:#e9aa1c;
    --hoverbg:#477565;
    --hintergr:#286A88;
    --linkblue:#2c51cc;
    --perc: 2%;
    --bigfont:calc(1.2*calc(8px + (17 - 8)*(100vw - 380px)/(1900 - 380)));
    --smallfont:calc(1.0*calc(8px + (17 - 8)*(100vw - 380px)/(1900 - 380)));
    --tinyfont:calc(.8*calc(8px + (17 - 8)*(100vw - 380px)/(1900 - 380)));
    --lspacing:.05vw;
    --textcolor:rgb(56,56,56);
    --lgrey:#F2F2F2;
    --dgrey:#e4e4e4;
    --underl:underline;
/*Max Page-Breite, 78 = 1248px  */
    --pagewidth:1248px;
    --columns: 10;
    --gap: 1.2rem;
    --desktop-gap:1.1rem;
    --mobile-gap:.6rem;
    --column-width: calc((--pagewidth / --columns) - --gap);
    --break528: 33rem;
    --break750: 47rem;
}



::marker{font-family:arial,helvetica;}
.xl_half_1{
    grid-column:1/6;
}
.xl_half_6{
    grid-column:6/11;
}
.xl_fullwidth{
    grid-column:1/11;
}
.cont_elem, .text_bild_links, .text_bild_rechts{
    margin-top:1.2rem;
    margin-bottom:1.2rem;
}
.last{border-right:none}
.flexibel{width:100%;display:flex;flex-direction:row;justify-content:space-between;}
.caption{font-size:.8em}
.padding{padding:0 3%}
.video{
    margin-bottom:.8em}
.clear{clear:both}
.halbfett{
    font-weight:600}
.pointing{
    list-style-type: '\261E';
    font-size:x-large;
}
.linktext{
    font-size:var(--smallfont);
}

.agblink{
    margin: 0 0 1.8rem;
    font-size:large;
}
.agblink:hover{
    text-decoration:underline;
 }
.agblink .more a{
        padding-right:1.6em;background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22%23e9aa1c%22%20points%3D%222%2C5%203%2C5%203%2C3%209%2C3%209%2C9%207%2C9%207%2C10%2010%2C10%2010%2C2%202%2C2%22/%3E%3Cpolygon%20fill%3D%22darkorange%22%20points%3D%220.5%2C10.5%203.5%2C7.5%202%2C6%205.5%2C6%205.5%2C10%204.5%2C8.5%201.5%2C11.5%22/%3E%3C/svg%3E") no-repeat right;
}
.linkto_subpage ul li a, .more a, .mod_sitemap ul li a{
        padding-right:1.6em;background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22%23e9aa1c%22%20points%3D%222%2C5%203%2C5%203%2C3%209%2C3%209%2C9%207%2C9%207%2C10%2010%2C10%2010%2C2%202%2C2%22/%3E%3Cpolygon%20fill%3D%22darkorange%22%20points%3D%220.5%2C10.5%203.5%2C7.5%202%2C6%205.5%2C6%205.5%2C10%204.5%2C8.5%201.5%2C11.5%22/%3E%3C/svg%3E") no-repeat right;
}
.fremdfont{
    font:100%/120% 'Times New Roman', Caslon, Garamond;
}
.grau{
    color:var(--graytextcolor)
}
.invisible{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.hyphenate,.mainbox{hyphens:auto}
a,a:hover,a:link{text-decoration:none;background:0 0;color:inherit;cursor:pointer}
a:active,a:hover{color:var(--linkblue);outline:0}
a img, .twoelem_bar img, img{
    border:none;
    outline:0;
    max-width:100%;
    height:auto;}
/****** Headlines ******/
h1,h2{font-weight:600}
h1,h2,h3{
    color:var(--h1blue);
}
h1{
    display:inline-block;
    font-size:var(--font-size-xl);
    box-sizing:border-box;
    padding-bottom: 10px;
}

h2{ margin:15px 0 8px;
    padding:0;
    font-size:var(--font-size-lg);
}
#main h2 {
    font-weight:500;
    margin: 1.8rem 0 .9rem;
    padding-left:0;
    grid-column: 1 / 10;
}
h3{
    margin:.6rem 0;
    font-size:var(--font-size-md);
    font-weight:500;
    line-height:1.1rem;
}
h4{margin:0 0 10px;font-size:1rem;font-weight:500;}
/* ==== Ende Headlines ==== */

/* ==== Ende G L O B A L S ==== */

/****** F O N T S ******/
@font-face{font-family:edicons;src:url(../../files/Ingbuero/fonts/edicons.eot);src:url(../../files/Ingbuero/fonts/edicons.eot#iefix) format('eot'),url(../../files/Ingbuero/fonts/edicons.ttf) format('truetype'),url(../../files/Ingbuero/fonts/edicons.woff) format('woff'),url(../../files/Ingbuero/fonts/edicons.svg) format('svg');font-weight:400;font-style:normal}
[class*=" icon-"],[class^=icon-]{
    font-family:rocksolid-icons;font-size:var(--font-size-sm);
    font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
.icon-fax::before,.icon-mail::before{font-size: var(--font-size-md); line-height: 1.5;font-family:rocksolid-icons;margin-right:.6em;display:inline-block;position:relative}
@font-face{font-family:rocksolid-icons;src:url(../../files/Ingbuero/fonts/rocksolid-icons.eot);src:url(../../files/Ingbuero/fonts/rocksolid-icons.eot?#iefix) format('eot'),url(../../files/Ingbuero/fonts/rocksolid-icons.woff) format('woff'),url(../../files/Ingbuero/fonts/rocksolid-icons.ttf) format('truetype'),url(../../files/Ingbuero/fonts/rocksolid-icons.svg) format('svg');font-weight:400;font-style:normal}
.icon-mail::before{content:"\40"}
.icon-fax::before{content:"\e078"}
.icon-home3::before,.icon-office:before,.icon-phone300:before{font-size:var(--font-size-md);line-height:1.5;font-family:edicons;}
.icon-phone300::before{content:"\e900";position:relative;display:inline-block;margin-right:.6rem}
.icon-home3::before,.icon-office:before,.ulist li:before, .level1 li:before{margin-right:.6em;display:inline-block}
.icon-home3::before{content:"\e901"}
.icon-office::before{content:"\e902"}
/* roboto-regular - latin */
@font-face{font-family:'Roboto';  font-style:normal;  font-weight:400;  src:url('../../files/Ingbuero/fonts/roboto-v18-latin-regular.eot');
/* IE9 Compat Modes */
src:local('Roboto'),local('Roboto-Regular'),url('../../files/Ingbuero/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('../../files/Ingbuero/fonts/roboto-v18-latin-regular.woff2') format('woff2')
/* Super Modern Browsers */
}
/* roboto-condensed-regular - latin */
@font-face{font-family:'Roboto Condensed';  font-style:normal;  font-weight:400;  src:url('../../files/Ingbuero/fonts/roboto-condensed-v16-latin-regular.eot');
/* IE9 Compat Modes */
src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url('../../files/Ingbuero/fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('../../files/Ingbuero/fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'),
/* Super Modern Browsers */
url('../../files/Ingbuero/fonts/roboto-condensed-v16-latin-regular.woff') format('woff'),
/* Modern Browsers */
url('../../files/Ingbuero/fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'),
/* Safari,Android,iOS */
url('../../files/Ingbuero/fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg');
/* Legacy iOS */
}
/* ==== Ende Fonts ==== */

/****** B O D Y - U - W R A P P E R - G R I D     ***********/

/*#wrapper,html{
    /*position:relative;*/ /* !!!!!überprüfen, ob nötig!!!!!
}*/
#wrapper{
    display: grid;
    grid-template-columns: [full-start] minmax(2px, 1fr) [main-start] minmax(1rem, 1248px)  [main-end] minmax(2px, 1fr) [full-end];
    grid-template-rows:[header-start] auto [main-start] auto [footer-start] auto  [footer-end];
    grid-gap:0 var(--mobile-gap);
    min-height: 100vh;
    font-size:var(--font-size-base);
}
.grid_box{
    padding:1vmin 0;
}
/****** H A U P T- B E R E I C H E ******/
/***** HEADER *****/

header div.inside, footer div.inside {
    max-width: var(--pagewidth);
    margin:0 auto;
}
header div.inside{
    display:grid;
    grid-template-columns:repeat(10,1fr);
}
@media screen and (max-width: 788px) and (orientation:portrait)   {
header div.inside {
    min-height: 9vh;
}
}
/*#header div.inside div.mod_article, {
    display:grid;
    grid-template-columns:repeat(10,1fr);
    grid-template-rows:40% 60%;
}        */
#container div.inside div.mod_article{
    display:grid;
    grid-template-columns:repeat(10,1fr);
}

/*@media only screen and (orientation: landscape) and (max-width:920px) {
#logodiv{
    grid-column: 1 / 6;
    grid-row: 1 / 3;
    text-align:left;
    width:46%;
    height:auto;    
}
.jubilee{
    grid-column: 5 / 8;
    grid-row: 1 / 3;
}
.jubilee img{
    width: 15vw;
    height: auto;
}
}   */

#logodiv{
    grid-column: 1 / 4;
    grid-row: 1 / 2;
    text-align:left;
    width:auto;
    height:auto; 
    align-self: center;
}
.jubilee{
    grid-column: 4 / 6;
    grid-row: 1 / 2;
    justify-self:end;
}
.jubilee img{
    width: 12vw;
    height: auto;
}

#toggle-menu{
    grid-column: 8 / 10;
    grid-row: 1 / 3;
    align-self: center;
}
.metanav, .mainnav{
    display:none;
}

/********************* M A I N ********************/
main{
    grid-column: main-start / main-end;
    grid-row: 3 / 4;
}
.mainbox {
    display:grid;
    grid-template-columns: repeat(10,1fr);
    width:100%;
}
.mainbox_home {
    padding-right:1em;
}
/*.mainbox_home, .mainbox{
    margin-top:1.5em
}    */
.mainbox  h1{
    grid-column: 1 / 11;
}

h1.h1start, h1.h1pages {
    grid-column: 1 / 11;
    width:100%;
}
aside{
    grid-column: 2 / 3;
    margin-top:1.5em
}
/*.contslide{
}
.ce_sliderStart
.ce_player.video  {
    grid-column: 8 / main-end;
    grid-row: 4 / 5;
}  */
.sidewidget{
    background-color:#d8e7f4;
    padding:3%;margin-bottom:1.1rem;
    width:100%;
    font-size:1rem;
    line-height:1.2;
    min-height:5em;
}
.contslide p, .contslide ul,
.slider-wrapper .teastext {
    font-size:var(--font-size-base);
}
.slider-wrapper .teastext{
    padding: .6rem;
    background-color: var(--h1blue);
    color: lightgrey;
    text-align: right;
    width: 10em;
    margin-left: 1px;
}
.teastext a:hover{
    color:white;
    text-decoration: underline;
}
.ce_player video{
    width: 100%;
    height: auto;
    padding: 0 1%;
}
.top_bar_inner {
  position:relative;
  padding: 0.5rem 0;
}
.nav-address{
    font-size: .9rem;
}
.nav-info{
    font-size: .9rem;
}
.mod_article .mainbox .maintext{
    grid-column:1/11;
}
.text_middle {
    grid-column:2 / 11;
}
ul.tank_list li, .start_list li, .ulist li {
    display: list-item;
    list-style-position: outside;
    position: relative;    
    min-height: 1em;
    padding-left: .8em;
    line-height: 1.6;
    margin-bottom: .3em;
    margin-left: 1rem;
}
.twoelem_bar{
    grid-column: 2/10;
    display:flex;
    flex-wrap:wrap;
    background-color:var(--lightblue);
    padding:1.5%;
    margin:2rem 0;
}
.start_list li::marker{
    content: "\2714";
    font-size:1em;    
}
ul.tank_list li::marker,.ulist li::marker{
    content:"\e94c";
    font:1em/1 edicons;
    /*padding-right:.6em;
    content:"\21D2\0020 ";        
    font-size:1em;*/
}  

.text_bild_rechts, .text_bild_links{
    grid-column:2/10;
    display:flex;
    /*flex-flow: column wrap;    */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a7d2e6+0,a7d2e6+50,ffffff+50,ffffff+50,ffffff+100 */
    background: linear-gradient(83deg,  #a7d2e6 0%,#a7d2e6 24%,#ffffff 24%,#ffffff 100%);
    padding:1.5%;
}
/**+++++++++++++++  KONTAKT ++++++++++++++++++++*/
.article_kontakt .kont_form, .article_kontakt .osm_map{
    grid-column:1 / 11;
}
/*======= P O R T A L S E I T E N  mit Icons  ====*/
.mod_article.anlagenbau .mainbox .teaser,.mod_article.anlagenbau .mainbox .teaser_short{
    grid-column: 1/11;
}
.teaser, .teaser_short{
    margin:1rem 0;
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-column-gap: 7vh;
    grid-row-gap:3vw;
}
.teaser > div,.teaser_short > div{
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.anlagen_teasbox   {
    padding: 0 1.1rem;
    background:linear-gradient(var(--dgrey) 5%, var(--lgrey) 70%);
    border-radius:5%;
    text-align:center;
}
.anlagen_teasbox figure{
    margin-bottom:1em;
    margin-left:auto;
    margin-right:auto;
}
.anlagen_teasbox p{
    font-size:var(--smallfont);
    margin-left:auto;
}
.anlagen_teasbox img{
    max-width:140px;
    height:auto;
}
.more{
    margin-top:auto;
}
.anlagen_teasbox .more{
    font-weight: 500;
    color:var(--linkblue);
}
.anlagen_teasbox a.more:hover{
    /*color:#562CD1;   */
    text-decoration:underline;
}
/*======= E N D E   P O R T A L S E I T E N   ======*/
/* """"""""""""""" REFERENZEN  """"""""""""""*/
.referenzen_wrap{
    display: inline-flex;
    flex-wrap: wrap;
    margin: -14px 0 0 -14px;
    width: calc(100% + 14px);
    justify-content: center;
}
.ref_box{
    margin: 14px 0 0 14px;
    width:auto;
    background:linear-gradient(var(--dgrey) 5%, var(--lgrey) 70%);
    padding:.7em;
    text-align:center;
    border:1px solid #545454;
    display: table;
    border-radius: 7%;
}
.ref_box p{
    display: table-cell;
    vertical-align: middle;
}
.not_handy{
    display:none;
}
/*§§§§§§§§§§§§§§§§§§ F O O T E R §§§§§§§§§§§§§§§§§§§§§§§§§*/
footer  {
    grid-column: full-start / full-end;
    grid-row: 3 / 4;
    background: var(--hintergr);
    margin-top: 1.5rem;
    padding:1rem 0;
    margin-top:auto;
}
div.footer {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    box-sizing:border-box;
    font-weight:400;
    padding-left: 1%;
    padding-right: 1%;
    color:var(--lgrey);
}
#footer h3 {
    font-size:calc(1.0*var(--font-size-md));
    color:var(--lgrey);
}
.footer ul {
    font-size: calc(.8*var(--font-size-base));
    line-height: 1.9;
}
#footer .footer .fblock{
    display:inline-block;
    vertical-align:top;width:auto;
}
#footer .footer .fblock ul{
    padding:0;
    margin-top:0;
}
#footer .footer ul li:first-of-type {
    margin-top:0;
}
#footer .line{
    display:none;
}
/****************** L O G I N - F O R M U L A R ******************/
#anmelden .mod_login{
    grid-column:1/3;
    width:95vw;
}
.login_form button.submit {
    font-size:inherit;
    cursor:pointer;
}
.login_form widget-submit {
    text-align: right;
}
.logged_in{
    display:inline-block;
}
#logged_in a button{
    cursor:pointer;
}
/***************************************************************/
/*======================== P H A B L E T ======================*/
/***************************************************************/
@media (min-width: 450px){
body, #footer h3 {
    font-size: calc(8px + (18 - 8)*(100vw - 380px)/(570 - 380));
}
}
@media (min-width: 530px){
body, html, #footer h3 {
    font-size:calc(8px + (17 - 8)*(100vw - 380px)/(800 - 380));
}
.homeoffer ul, .linkto_subpage ul{
    font-size:calc(7px + (16 - 8)*(100vw - 380px)/(900 - 380));
    line-height: 1.6;
    grid-column:7/11;
    width: max-content;
    position:relative;
    top:50%;
    transform: translatey(-50%);
    background-color:rgba(255,255,255, 0.8);
    margin-bottom:0;
    padding: 3%;
    display:block;
    border-radius: 4%;
}
#main h2 {
    font-size: calc(9px + (20 - 8)*(100vw - 380px)/(800 - 380));
}
.ce_player video{
    width: 100%;
    height: auto;
    padding: 0 2%;
}
}
@media (min-width: 610px) {

div.bighero{
    display:block;
}
div.mobilehero{
    display:none;
}

#footer h3 {
    font-size: calc(9px + (16 - 8)*(100vw - 380px)/(800 - 380));
}
.footer ul {
    font-size: calc(8px + (14 - 8)*(100vw - 380px)/(800 - 380));
    line-height: 1.6rem;
}
.mainbox_home, .mainbox {
    margin-top: 1.5em;
}
}
/***************************************************************/
/*======================== T A B L E T =======================*/
/**************************************************************/
@media (min-width: 789px) {
body, html {
    font-size:calc(8px + (17 - 8)*(100vw - 380px)/(1000 - 380));
}
#logodiv {
    grid-row: 1 / 2;
   }
nav.klicknav{
    display:none;
}   
.metanav, .mainnav{
    display:inline-block
}
.metanav{
    grid-column: 7 / 11;
    grid-row: 1 / 2;
    width:auto;font-size:.9em;
    text-align:right;
}
.metanav ul li{top:0;float:right;padding:0;text-align:right;list-style-type:none}
.metanav ul li:before{content: "\a0 \a0 | \a0 \a0 ";}
.metanav ul li.last:before{content:" "}
.metanav a{font-size:calc(8px + (17 - 8)*(100vw - 380px)/(1300 - 380))   ;text-decoration:none}
.metanav a:focus, .metanav a:hover, 
.metanav span.active{
    color:var(--linkblue);
}
.mainnav{
    grid-column: 6 / 11;
    grid-row: 1 / 2;
}
.mainnav a,.mainnav strong{
    font-size:calc(8px + (17 - 8)*(100vw - 380px)/(1200 - 380));
}
.mainnav ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    margin-bottom: 0;
    width: auto;
}

/***** ZWEITE EBENE     *******/
/******************************/
/* Zweite Ebene ausblenden   */
nav.mod_navigation > ul.level_1 > li > ul.level_2, .mainnav>ul.level_1>li>ul.level_2 {
    position: absolute;
    max-height:0;
   text-align:left;
    overflow:hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    list-style-type: none;
    opacity: 0;
   /*transition: opacity 0.2s 1s, max-height 0s 1.2s;*/
    white-space: nowrap;
    margin-bottom:0;
    min-width:152px;
    background-color: #e1e7ed;
    transition: max-height 0s 0.7s,padding 0s 0.3s,opacity 0.7s;
    transform: translate3d(0, 0, 0);
    /*  Rand und Schatten */
   /* -webkit-border-radius: 0 4px 4px 4px;
    -moz-border-radius: 0 4px 4px 4px;
    border-radius: 0 4px 4px 4px;*/
    -webkit-box-shadow: 0.5em 0.5em 0.2em rgba(68, 69, 68, 0.55) ;
    -moz-box-shadow: 0.5em 0.5em 0.2em rgba(68, 69, 68, 0.55);
    box-shadow: 0.5em 0.5em 0.2em rgba(68, 69, 68, 0.55);
    z-index:1000;
}
/* Zweite Ebene bei Mouseover einblenden */
nav.mod_navigation > ul.level_1 > li:hover > ul.level_2,
.mainnav>ul.level_1> li:hover> ul.level_2 {
    box-sizing:content-box;
    background: #e1e7ed;
    max-height: 9999px;
    /*top:100%;	left:0;*/
    transition: opacity 1.2s;
    max-width:98%;
    opacity: 1;
}
nav.mod_navigation > ul.level_2{
    padding-left:0;
}
/* Zweite Ebene darunter wird formatiert */
nav.mod_navigation .level_2 li, .mainnav .level_2 li{
    position:relative;
    display:block;
    box-sizing: content-box;
    margin:0;
    padding-left:0;
    border-bottom: 2px solid darkgrey;
}
/*nav.mod_navigation .level_2 li:first-child{
    border-top: none;
}
nav.mod_navigation .level_2 li:first-child{
    border-bottom:2px solid darkgrey;
}  */
/* Links und span gestalten   */
nav.mod_navigation .level_2 a, nav.mod_navigation .level_2 span,
.mainnav .level_2 a, .mainnav .level_2 span  {
    display:block;
}
/*nav.mod_navigation .level_2 a:hover, nav.mod_navigation .level_2 span, nav.mod_navigation .level_2 a:focus, */
nav.mainnav .level_1 a:hover, nav.mainnav .level_2 a:hover/*, .mainnav .level_2 a:focus*/{
    text-decoration:underline;
}

#main h2 {
    font-weight: 500;
    margin: 1.8rem 0 .9rem;
    padding-left: 0;
    grid-column: 1 / 8;
}
#main .mod_article .text_bild_rechts, #main .mod_article .text_bild_links{
    grid-column:1/11;
    display: -webkit-flex;
    display:flex;
    padding:1.5%;
    position:relative;
}
#main .mod_article .text_bild_rechts>*, #main .mod_article .text_bild_links>* {
    width:48%;
    flex:1 1 auto;
    height:auto;
}
.cont_elem {
    right: 0;
    background:var(--lightblue);
    border-radius: 13px 65px;
    /*transform: skewY(-3deg);*/
}

.bild_links_image_container, .bild_rechts_image_container{
    max-width:48%;
    height:auto;
}
.article_kontakt .kont_form, .article_kontakt .osm_map{
    grid-column:2 / 10;
}


.footer ul {
    line-height: 1.8;
}
#footer .line, .not_handy{
    display:block;
}
#anmelden .mod_login{    
    width:95%;
}
}
/***************************************************************/
/*=============== G R O ß E S  T A B L E T ===================*/
/**************************************************************/
@media (min-width: 900px){
    body, html {
    font-size:calc(8px + (17 - 8)*(100vw - 380px)/(1400 - 380));
}
    .homeoffer ul, .linkto_subpage ul{
    font-size:calc(8px + (14 - 8)*(100vw - 380px)/(900 - 380));
    grid-column-start:6;
    justify-self:start;
    position:relative;
    top:50%;
    transform: translatey(-50%);
    background-color:rgba(255,255,255, 0.8);
    margin-bottom:0;
    padding: 2%;
    display:block; border-radius: 4%;
}
    #logodiv{
    grid-column: 1 / 6;
    grid-row: 1 / 2;
    text-align:left;
}
#logodiv img{
    width:190px;
    height:auto;
}
    .text_middle {
    grid-column:2 / 10;
    justify-content:center;
}
    #main h2 {
    font-size: calc(9px + (20 - 8)*(100vw - 380px)/(1000 - 380));
}
    .ref_box{
    margin: 14px 0 0 14px;
    width:auto;
    background:linear-gradient(var(--dgrey) 5%, var(--lgrey) 70%);
    padding:1em;
    }
    .bild_links_image_container, .bild_rechts_image_container{
    max-width:100%;
    height:auto;
}
    .text_links, .text_rechts {
    width: 100%;
    height:auto;
}
    .article_kontakt .kont_form, .article_kontakt .osm_map{
    grid-column:3 / 9;
}
    #footer h3 {
    font-size: calc(9px + (18 - 8)*(100vw - 380px)/(750 - 380));
}
   #footer h3 {
    font-size: calc(9px + (18 - 8)*(100vw - 380px)/(750 - 380));
}
    .footer ul {
    font-size: calc(8px + (13 - 8)*(100vw - 380px)/(800 - 380));
    line-height: 1.6rem;
}
}

/***************************************************************/
/*======================== D E S K T O P ======================*/
/***************************************************************/
@media (min-width: 1100px){
body,html{
    height:100%;
    font-family:'Roboto',Arial,Sans-Serif;
    font-size:var(--font-size-base);
    line-height: 1.5;
    color:#2d2d2d;
    /*overflow-x:hidden; */
}
html{
    overflow-y:scroll;-webkit-tap-highlight-color:rgba(255,0,0,.5);
    box-sizing:border-box}
body{
    max-width:1903px;
}
#wrapper{
    min-height: 100vh;
}
#header{
    grid-column: 2/3;
    grid-row:1/2;
}
#header div.inside  {
    display:grid;    
    grid-template-columns:repeat(10,1fr);
    grid-template-rows: 50% 50%;
    height:13vh;
    position:static;
    transition: all 0.5s ease;;
    -webkit-transition: height 0.5s ease;
    background-color:white;
    width: var(--pagewidth);

}
#logodiv{
    grid-column: 1 / 4;
    grid-row: 1 / 3;
    text-align:left;

}
#logodiv img {
    height: auto;
    width:220px;
    transition: width 0.5s ease;;
    -webkit-transition: width 0.5s ease;
}
.jubilee{
   grid-column: 3 / 6;
   grid-row: 1 / 3;
   align-self: center;
   justify-self: start;

}
.jubilee img{
    width:150px;
    height:auto;
    transition: width 0.5s ease;;
    -webkit-transition: width 0.5s ease;
    /*transition: 0.3s; */
}
#header div.inside.shrink{
    position:fixed;
    top: 0;
    z-index: 99;
    height:10vh;
}
#header div.inside.shrink #logodiv img{
    width: 150px;
    height:auto;
}
/*header#header div.inside.shrink #logodiv img{
    max-height: 54.3px;
    width:auto;
} */

#header div.inside.shrink .jubilee img{
    width: 120px;
}

/*header#header div.inside.shrink .jubilee img{
    max-width: 120px;
    height:auto;
}  */

/*.jubilee figure{/* wird durch grid_box - padding bewirkt */
   /* margin-top:1.2%;
} */

/********** M A I N N A V ************/
nav.mainnav{
    display:inline-block;
    grid-column: 6 / main-end;
    grid-row: 2 / 3;
    justify-self:end;
    align-self:center;
    transition: All 0.5s ease;;
    -webkit-transition: All 0.5s ease;
}
/*nav.scroll-up,
nav:focus-within {
    top: 0;
}*/
.mainnav a, .mainnav strong{
    font-size:var(--font-size-base);
    transition: All 0.5s ease;;
    -webkit-transition: All 0.5s ease;
}
.mainnav a, .mainnav strong{
    color: var(--h1blue);
    display: inline-block;
    text-decoration: none;
    font-family: 'Roboto Condensed';
    padding: 0.8rem 1.5rem;
    text-transform: uppercase;
    line-height: 2rem;
    transition: box-shadow .33s ease-out;
}
#header div.inside.shrink nav.mainnav {
    line-height:1.3;
}

#header div.inside.shrink nav.mainnav a, #header div.inside.shrink nav.mainnav strong{
    font-size:var(--small-font);
}


/*########## C O N T A I N E R  ############*/
#container{
    grid-column: 2/3;
    grid-row: 2/3;
}
/***************** M A I N **************/

/*.text_middle {
    max-width: 65%;
    margin: 0 auto;
}   */


.startpage main .inside .mod_article, .loginpage main .inside .mod_article{
    display:grid;
    grid-template-columns:minmax(360px,60%) minmax(240px,40%);
}
.mainbox {
    display:grid;
    grid-template-columns: repeat(10,1fr);
    width:100%;
}
.mainbox h1 {
    grid-column: 1/11;
    font-size:1.8rem;
    border-bottom: 5px solid var(--mais);
}
#main h2 {
    font-size: calc(9px + (20 - 8)*(100vw - 380px)/(1800 - 380));
}
#aside  {
    grid-column: main-start / main-end;
    grid-row: 4 / 5;
    display:flex;
    flex-direction:column;
    align-content:flex-start;
    }
.contslide{
    line-height:1.2;
    }

.ce_sliderStart
.ce_player.video  {
    grid-column: 8 / main-end;
    grid-row: 4 / 5;
    }
.sidewidget{
    background-color:#d8e7f4;
    padding:3%;margin-bottom:1.1rem;
    width:100%;
    min-height:5em;
   }


/*======= T H E M E N S E I T E N  Text - Bild Leisten ====*/
.twoelem_bar{
    grid-column: 1/11;
    display:grid;
    grid-template-columns:repeat(10,1fr) ;
    grid-column-gap:1%;
    grid-template-rows:1fr;
    background-color:var(--lightblue);
    padding:1.5%;
    margin:2rem 0;
}
.twoelem_bar figure{
    float:none;
}
.media {
    display: unset;
}
.media--left{
    display: unset;
}
.media--left > figure {
    float:none ;
    display:block;
}
.media.media--left{
    display:flex;
    flex-direction:row;
}

.text_bild_rechts, .text_bild_links{
    margin:2rem 0;
    border-radius: 10px;
    display:flex;
}
.bild_rechts_image_container{
    grid-column: 6 / 11;
    grid-row:2 / 3;

}
.bild_links_image_container{
    grid-column: 1 / 6;
    grid-row:2 / 3;
}

.text_middle{
    grid-column: 2 / 10;
    border-radius: 10px;
}

ul.start_list, ul.ulist{   
    padding-left: 1.6em;
}
ul.tank_list{
    padding-left: 1.7em;
}
.start_list li::marker{
    content: "\2714";
    font-size:1em;    
}

ul.tank_list li, .start_list li, .ulist li{
    display: list-item;    
    position:relative;       
    min-height: 1em;       /* Gem. mediaevent */
    padding-left:.8em;
    line-height:1.4;
    /*margin-bottom: .3em;*/
}
ul.start_list.slide_list li{
    padding-left:.9em;
}
ul.tank_list li::marker,.ulist li::marker{
    content:"\e94c";
    font:1em/1 edicons;
    padding-right:.6em;    
}  

.bild_links_image_container figure, .article_kontakt .kont_form{
    float:none;
}
/*.pointing{                      /* Aufzählungssymbol */
/*}*/
/*.ulist li:before{
    content:"\e94c";
    font:14px/1 edicons
}  */
.article_kontakt .kont_form, .article_kontakt .osm_map{
    grid-column:2 / 10;
}
#right::after,.top-bar:before{content:""}

/************* Referenzen ****************/
.ref_box{
    height:6rem;
    }
/************* Dienstleistungen **********/
#main .article_planung h2{
    grid-column:1/4;
}

/************* Karriere **********/
.mod_article.job_offer h3{
    font-weight:600;
}
.jobangebot{
    margin-left:2em;
}
.mod_article.job_offer h4.hiring{
    margin-bottom:.5em;
}

.mod_article.job_offer ul.profil_list{
    list-style-type:square;
    list-style-position: outside;
}

.mod_article.job_offer span.indented{
    margin-left:2em;
}

/* %%%%%%%%%%%%%%%% --- Impressum -- Datenschutz --- %%%%%%%%%%%%*/
.mod_article .mainbox .maintext{
    grid-column:2/10;
}
/*======= P O R T A L S E I T E N  mit Icons  ====*/
.mod_article.anlagenbau .mainbox .teaser,.mod_article.anlagenbau .mainbox .teaser_short{
    grid-column: 1/11;
}
.teaser, .teaser_short{
    margin:1rem 0;
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-column-gap: 7vh;
    grid-row-gap:3vw;
}
.teaser > div,.teaser_short > div{
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.anlagen_teasbox   {
    padding: 0 1.1rem;
    background:linear-gradient(var(--dgrey) 5%, var(--lgrey) 70%);
    border-radius:5%;
    text-align:center;
}
.anlagen_teasbox figure{
    margin-bottom:1em;
    margin-left:auto;
    margin-right:auto;
}
.anlagen_teasbox p{
    font-size:var(--smallfont);
    margin-left:auto;
}
.anlagen_teasbox img{
    max-width:140px;
    height:auto;
}
.more{
    margin-top:auto;
}
.anlagen_teasbox .more{
    font-weight: 500;
    color:var(--linkblue);
}
.anlagen_teasbox a.more:hover{
    color:#562CD1;
    text-decoration:underline;
}
/* Hier Grid Formatierung der TOP-BAR  */
/*#logo {
    position: relative;
    margin-top: 1.3em;
}  */
#data a:hover{color:orange;}
#data{width:75%;}
#teldiv{font:.9rem/1rem Roboto,Arial,'Sans Serif';display:inline-block;}
.metaandsearch{
    width:auto;
    display: flex;
    justify-content: flex-end;
    }
meta {text-align: right;}
.meta nav ul {margin-bottom:0;}
.meta nav ul li {display:inline-block;margin-bottom:0;  }
.meta ul li a:not(last), .meta ul li:not(last) strong{
    padding-right:0.6rem;
}

/*#header .inside:after { content: '';display: block;}*/

.slideshow  {                                       /* Artikel "Headarticle" , der den Hero enthält */
    overflow: visible;
    margin:0 auto;
    height:460px;
    position:relative;
    max-width: 1903px;
    background-image:url("../../files/Ingbuero/heads/1903-chemieproduktion.jpg");
  }
.slideshow::after {
   content: " ";
   display: table;}
.starthead{position:relative; }
.akt_slide_wrap{
    display: grid;
    grid-template-columns: repeat(10,1fr);
    grid-column-gap: 1%;
    grid-template-rows: 1fr;
    background-color: #d8e7f4;
    padding: 1.5%;
    margin: 2rem 0;
    grid-column: 1/11;
}
.akt_slide{
    grid-column: 1 / 7;
    grid-row: 1 ;
}
.akt_text{
    grid-column: 8 / 11;
    grid-row: 1;
}
#claimdiv{position:relative;display:none}

	 /* seinerzeit Flex Für die vertikale Flex-Box des Body für den sticky Footer*/

/*.strdpage #main{width:73%;}*/
#main, #left, #right {float:none;}
.startpage #main .inside ul,
 .startpage #main .inside p  {
    line-height:1.5em;
  }
/*#main .inside{
    line-height:1.35em;
    font-weight:400;
    box-sizing:border-box
    }
.underscore{
    content: "";
    margin-top:.3em;
    height: 20px;
    margin-bottom:1.4em;
  background-image: -webkit-linear-gradient(-89deg,  #e29f22 0%, #e29f22 50%, #ffffff 50%, #ffffff 100%);
  background-image: -moz-linear-gradient(-89deg,  #e29f22 0%,#e29f22 50%,#ffffff 50%,#ffffff 100%);
  background-image: -o-linear-gradient(-89deg,  #e29f22 0%,#e29f22 50%,#ffffff 50%,#ffffff 100%);
  background-image:  linear-gradient(180deg, #e9aa1c 0%,#e9aa1c 25%,#fff 25%,#fff 100%);
}  */
.underscore.twocol {
    width:100%;
}
#main p.inside{margin-bottom:.3em}
.ce-text .mainbox ul{list-style-position:outer}
.sec{margin-bottom:1.5rem}

.slider-control{display:none;}

.ft_address{
    grid-column: 9 / main-end;
    grid-row: 5 / 6;
}
.ft_info{
    grid-column: 7 / 9;
    grid-row: 5 / 6;
}
.ft_orient{
    grid-column: 4 / 7;
    grid-row: 5 / 6;
}

#main .columns{column-count:2;column-width:37%;column-gap:30px;column-rule-width:2px;column-rule-style:solid;column-rule-color:#626262;hyphens:auto}
#right::after{display:table;clear:both}
#right .inside{width:100%;font-size:0.9em;line-height:1.2em;font-weight:400;margin-left:0;text-align:left;}
#right h3{
    font:1rem/1.1rem 'Roboto Condensed',sans-serif;font-weight:400}
.sidewidget h2{font-weight:500}
#right .ce_player h2{margin-left:3%;font-weight:500}
#right .ce_player .mejs-container{margin-left:1%;margin-bottom:.6rem}
.lastwid{border-bottom:none}
.ce_page_teaser p{margin-bottom:0}
.teasarea {
max-width:100%;
position:relative;
display:grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
 grid-gap: 30px;
}
.teasarea a:link.more,.startpage .ce_page_teaser a.more{color:#35574b}

#right .aktuell{margin:0 0 2em;min-height:5em;padding:3%;width:99%}
.innerbox,body.fullwidth #main .inside{width:100%}
.colwrap{margin:1.5rem 0}

/*.textteaser {max-width:30%;font-size:.86rem;line-height:1.2rem;} */
.teas_box_first{margin-left:0}
.teas_box{padding:0;text-align:left;position:relative;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
.teas_box img{height: 268px;width: 100%;object-fit:cover;opacity:.6;background-color:#567C9E;
}
.teas_box img:hover{opacity:1;transition: opacity 0.9s;}
div.teastext{position:absolute;bottom:0;text-align:justify;font:.88rem/1.03rem 'Roboto Condensed',sans-serif;font-weight:400;padding:0.4rem .4rem;color:#2d2d2d;background:#ececec;text-align: left;margin-bottom: 1%;width: 100%;opacity: 0.8;
}
.teastext a.more, .scroll-text a,
.linkto_subpage ul li a, .more a, .mod_sitemap ul li a{
    padding-right:1.6em;background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22%23e9aa1c%22%20points%3D%222%2C5%203%2C5%203%2C3%209%2C3%209%2C9%207%2C9%207%2C10%2010%2C10%2010%2C2%202%2C2%22/%3E%3Cpolygon%20fill%3D%22darkorange%22%20points%3D%220.5%2C10.5%203.5%2C7.5%202%2C6%205.5%2C6%205.5%2C10%204.5%2C8.5%201.5%2C11.5%22/%3E%3C/svg%3E") no-repeat right;
}
.scroll-text a{padding-left: 1.3rem;}
.teas_box h3{font-size:1.1rem;font-weight:500;}
.teas_box a:hover{color:inherit}
.teas_box a.more:hover{
    color:#3350B6;
    text-decoration:underline;
}
.teas_box p{margin:0;}
.teas_box h3{letter-spacing:.04em;margin-top:0;margin-bottom:0.4em;text-align:left;width:100%;}    

/*.teas_box .image_container{margin-bottom:1em}  */
/*.more{right:.4rem;color:#35574b;font-style:italic;margin-bottom:5px;width:95%;text-align:right}    
.innerbox,.more,img.mittig{position:relative}
.innerbox{box-sizing:border-box;height:100%;padding:3%}           */
/* Horizont Bildblock */
.text_image_bar {
    display:flex;
    justify-content:space-between;
}
.text_image_bar figure, .text_image_bar .textblock{
  width:48%;
}
.sc{padding-left:.8rem}
.gridgal {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 1vw;
  align-items: stretch;    
  margin: 0.5rem 0 1rem 0;
  }
.ce_gallery.gal2pics {
    margin:1.5em 0;
    background-color:var(--lightblue);
    padding:1.5%;}
.gal2pics ul{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    grid-column:1/11;
  }
.gal2pics ul li{
  flex:0 1 49.2%;}
.ce_gallery.gal>ul li.col_last{float:right}
.ce_gallery.gal > ul li.col_0, .ce_gallery.gal > ul li.col_1 {
    width: 49%;
}
.ce_gallery.gal{margin-top:1rem;}



img.mittig{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#referenzen .ce_text{margin-top:1.6em}
/*==== Impressum ====*/
.legaldata{
    line-height:150%;
    margin-bottom:2em;
}

#impressum h4, #referenzen h4{font-size:1em;font-weight:600}
#videos .ce_avp{margin-top:3.5em}
.ce_form{float:left}
.kontakt{
    padding:0 13px;
    width:67%;
}
.ce_form .kontakt .widget-text label, .ce_form .kontakt .widget-textarea label{
    font-weight:500;
}

#kontakt .ce_form{margin:2em 1.5em 2.5em 1.5em;line-height:1.1em;width:90%}
#kontakt .widget{display:block;margin:.8em 0 .4em;cursor:pointer;width:100%}
#kontakt input{display:inline-block}
#kontakt label{width:32%;display:inline-block}
#kontakt input.captcha{width:6em}
.kontakt input[type=email], .kontakt input[type=tel], .kontakt input[type=text], .kontakt textarea{padding:.25em;box-shadow:inset -6px 6px 12px rgba(170,170,185,.3);border:1px solid #c1c2c3}
#kontakt .message{display:inline-block;vertical-align:top}
#kontakt textarea{width:67%}
#kontakt .widget-checkbox{width:100%;display:block;overflow:hidden;margin-top:.9em}
#kontakt .widget-checkbox input{margin-left:.1em;width:1.2em;box-shadow:inset -2px 2px 3px rgba(170,170,185,.3)}
#kontakt .widget-checkbox label{float:left;margin-left:0}

.kontakt .widget-submit button[type="submit"] {
    font-size:1em;
    color: #373737;;
    padding: .4em 1.1em;
    background-color:var(--linkblue);
}
.kontakt .widget-submit button:hover, input[type="submit"]:hover, .button:hover {
    text-decoration: none;
    background-position: 0 -30px;
    color: #eee;
}   
#kontakt input[type=submit]{margin-top:1em;text-align:center;width:6em}
main p.error{margin-bottom:.25em;padding:1em;background:pink;color:2d2d2d}

#footer, .top_bar{position:relative}
#mbCloseLink, #mbNextLink, #mbPrevLink, #mbTitle{display:inline;color:#fff;font-weight:700;line-height:30px;font-size:12px}
#mbImage{padding:0}
.mod_sitemap{margin:16px 20px 0}
.mod_sitemap .sibling{font-size:1em;line-height:1.5em;font-weight:600}
.mod_sitemap ul.level_1{
    margin-left:3em;
    line-height:.94em;
    letter-spacing:.03em
}
.mod_sitemap ul.level_1 li:not(.submenu){
    margin-bottom:1em;
}
.mod_sitemap ul.level_2{
    margin-left:1.7em;
    font-size:1.05em;
    line-height:1.5em;
    font-weight:400
}
.mod_sitemap ul.level_2 li{
    margin-bottom:.7em;
}

.mod_sitemap .level_2 .first{
    margin-top:.9em
}
.mod_sitemap a{font-family:Roboto,Arial,sans-serif}
.mod_sitemap a:focus,.mod_sitemap a:hover{line-height:1.5em;color:var(--linkblue);}

/* ############## F O O T E R ############### */
footer  {
    grid-column: full-start / full-end;
    grid-row: 3 / 4;
    margin-top: 1.5rem;
}
div.footer {
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    box-sizing:border-box;
    margin-top:2rem;
    font:.9rem/1.1em Roboto,sans-serif;
    font-weight:400;
    /*max-height: 30vh; */
}
[class*=" icon-"],[class^=icon-]{
    font-family:rocksolid-icons;font-size:var(--font-size-sm);
}
#footer .footer{
    max-width:var(--pagewidth);
    margin:0 auto;
    padding:1.5rem 0;
    display:flex;flex-direction:row;
    justify-content:space-between;
    flex-wrap: wrap;
    box-sizing:border-box;
}
#footer .footer .fblock{
    display:inline-block;
    vertical-align:top;width:auto
}
#footer .footer h3{
    font-variant-caps:normal;
    font-size:calc(8px + (17 - 8)*(100vw - 380px)/(1250 - 380));
    margin-top:0;
    margin-bottom:.7rem
}
#footer .footer .fblock .trail, #footer .fblock span.active,
 #footer a:focus, #footer a:hover{
 text-decoration:underline;color:var(--linkblue);
}
#footer .footer ul li{
    margin:8px 0 0;list-style-type:none
    }
.footer ul li,
 footer ul li strong{
    font-size: var(--smallfont);
    line-height: 1.7rem;
}
#footer .footer .wide{letter-spacing:.2em}
#footer .footer .fblock1{padding-left:0}
#footer .footer #adr{
    text-align:left;
    font:.9rem/1.1em Roboto,sans-serif
}
#footer .footer p{
    margin:0;padding:0
}
.ce_download{margin-top:1rem;}
#datenschutzerklaerung a:link{text-decoration:underline;}
.osm_map{
    display:block;margin-top:3rem;margin-right:0;}
}
/**************** L O G I N - F O R M U L A R ******************/
#anmelden .mod_login{    
    width:65%;
}
.login_form button.submit {
    font-size:inherit;
}
.login_form widget-submit {
    text-align: right;
}
.downl_files{
    background-color:var(--lightblue);
}
/*.login_form input.username::placeholder{
    Benutzername
}*/
/*=============== C O O K I E - B A N N E R ==================*/
#cookieChoiceInfo{z-index:1000;
text-align:center;
border:1px solid #111;
border-radius:5px;
position:fixed;
width:300px;
overflow:auto;
-webkit-animation: fadeInRight ease-in 1;
animation: fadeInRight ease-in 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
}
#cookieChoiceInfo a{box-sizing:border-box;padding:4px 13px;color:#e4e4e3;margin:5px;display:block;clear:both;background:#35574b;border:2px solid transparent;border-radius:5px;letter-spacing:1px;font-size:12px;
  font-weight:500;text-decoration:none;text-transform: uppercase;}       
#cookieChoiceInfo a:hover{font-weight:400;color:#fff;background:#4b7c6b;text-decoration:none;outline:0}


@media screen and (max-width:49rem){
    #adressdiv, #adressdiv::before{display:none;}
}
/* ==== S E A R C H ================*/
/* ---- Jakes Hidden Suchfeld https://codepen.io/jakestuts/pen/xaLof  */
.top_bar div#searchtoggl {
        max-width: 1vw;
        max-height: 1vw;
        margin: 0 2%;
        justify-self: end;
}

img.lupeicon{
        width:100%; height:auto;
}
img.lupeminus {
        width:100%; height:auto;
}
img.lupeminus.replace {
        display:none;
}
    /** hidden search field **/
#searchform {
        position:absolute;
        display:none;
        /*float: right;*/
        top:0;left:0;
        right:0;bottom:0;
        margin:auto;
        width: 60vw;
        height: 2.2em;
        padding:0 3px;
        z-index: 9999;
    }
 /** Show  SEARCH field **/
 #searchform.show-search {
        display:block;
        z-index: 9999;
 }
#searchform.hide-search {
        display:none;
 }
#searchform form{
        margin-bottom:0;
}
#searchform .search {  /*das Such-Input-Feld */
        display: inline-block;
        width: 39vw;
        line-height:1.27rem;
        outline: none;
        padding-left:2px;
        height: 2.0em;
        font-size: 1.0em;
    }
    #searchform .search input, .submit_container input{
        border: 1px solid rgb(118,118,118);
        border-radius: 3px;
    }
 #searchform .submit {    /*das Submit-Feld */
        display: inline-block;
        height: 2em;
        margin-left:1vw;
        outline: none;
        cursor: pointer;
    }
.submit_container input {
        padding:0 2px;
        width:12vw;
        background:var(--grau);
    }
#suchseite input.text{
        left: .2em;
        width:36vw;
        border-radius:3px;
        border-width:1px;
        line-height:1.27rem;
}
#suchseite input.submit{
        margin-left: 1em;
        width:auto;
        border-radius:3px;
        border-width:1px;
        line-height:1.27rem;
}
#suchseite fieldset.radio_container{
        display:block;
        margin-top:.8em;
}
    /** clearfix **/
    .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
    .clearfix { display: inline-block; }
    html[xmlns] .clearfix { display: block; }
    * html .clearfix { height: 1%; }
/*  Ende Jakes Suche */
/* ENDE SUCHE ============*/

@media screen and (min-width:var(--pagewidth)){
    footer  {
    padding:0;
}
}


/****************************************/
/****** Desktop NAVIGATION ausblenden****/
/**===================================*/
@media screen and (max-width:788px) {
#header .mod_navigation, #header .mainnav {
    display: none;
}
/* Sticky Head Menü ausblenden */
div.navi-section.banner{
        display:none;
}
}
/****** Ende "Desktop Navigation ausblenden"****/

/**************************************************************/
/************** MOBILE NAVIGATION Media Queries****************/
/**===========================================================*/
/*-----------Mobile navigation Ausblenden------*/
@media screen and (min-width:789px) {
/* Mobiles Balkenmenü ausblenden */
nav#w3menu {
    display:none;
}
}
/*---------Ende ab wann Einblenden -----*/


.startpage #w3menu,  #w3menu {
    /*grid-column: 6 / 11;
    grid-row: 1 / 3; */
    position: absolute;
    z-index:99;
    top:5%;
    right:1%;
    text-align:left;
}

@media all and (max-width : 530px) {
/*label#toggle-menu, #w3menu .main-menu  {
    font-size: calc(8px + (18 - 8)*(100vw - 380px)/(550 - 380));
}*/
/*#w3menu{
    margin-top:1rem;
}*/
label#toggle-menu{
    width:28vw;
}
#w3menu ul {
    margin: 0;
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 60vw;
}
}
@media screen and (min-width:531px) and (max-width: 788px) {
#w3menu ul, #w3menu #toggle-menu {
    /*margin-top:calc(3% - 0.6vw);
    margin-bottom:1rem;  */
    font-size:calc(8px + (18 - 8)*(100vw - 380px)/(800 - 380));
}
#toggle-menu  {
    width: 30vw;
}
}
#w3menu ul {
    margin: 0;
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-width: 40vw;
}
#w3menu .main-menu {
    display: none;
}

#w3menu input#tm[type="checkbox"]:checked + .main-menu {
    display: block;
}
#w3menu input[type="checkbox"],
#w3menu ul span.drop-icon {
    display: none;
}
#w3menu li,
#toggle-menu,
#w3menu .sub-menu {
    border-style: solid;
    border-color: rgba(0, 0, 0, .05);
}
#w3menu li,
#toggle-menu {
    border-width: 0 0 1px;
    background-color: #3c6b93 ;
}
#w3menu .sub-menu {
    background-color: #3c6b93;  ;
    border-width: 1px 1px 0;
    margin: 0 1em;
}
#w3menu .sub-menu li:last-child {
    border-width: 0;
}
#w3menu li,
#toggle-menu,
#w3menu a {
    position: relative;
    display: block;
    color: white;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}
#toggle-menu, #w3menu a {
    padding: 1em 1.5em;background-color: #a9d6fd;
}
#w3menu a {
    transition: all .125s ease-in-out;
    -webkit-transition: all .125s ease-in-out;
}
#w3menu a:hover {
    text-decoration:underline;
    background-color:#6D97CC;
}
#w3menu .sub-menu li a{
    background-color:#518ec2
}
#w3menu .sub-menu {
    display: none;
}
#w3menu input[type="checkbox"]:checked + .sub-menu {
    display: block;
    clear:both;
}
#w3menu .sub-menu a:hover {
    text-decoration:underline;
    background-color:#6D97CC;
}
#toggle-menu .drop-icon,
#w3menu li label.drop-icon {
    position: absolute;
    right: 1.5em;
    top: 1.3em;
}
#w3menu label.drop-icon, #toggle-menu span.drop-icon {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    text-align: center;
    background-color: rgba(0, 0, 0, .125);
    text-shadow: 0 0 0 transparent;
    color: rgba(255, 255, 255, .75);
}
#w3menu .drop-icon {
    line-height: 1;
} 

/************** MODAL JUBI-POPUP ****************/
/**============================================*/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  border:solid 3px gold;
  background: #fff url("../../files/Ingbuero/img/25-jahre-lorbeer.webp") no-repeat center;
  background-blend-mode: overlay;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/************* Thierry Koblentz SLIDER  *******/
/** * Copyright 2011 - css-101.org 
 * www.css.mojo.
 */
/* slideshow - adapted from http://cssmojo.com/ken-burns-effect/ */
div#slides {
    grid-column: 1 / 11;
    grid-row: 2 / 3;
    width: 100%;
}
#slides { margin:0.4rem 0 2rem 0;position:relative; overflow:hidden; max-width:100%; padding-bottom:40%; } /* (img px height / img px width x 100) = padding-bottom % */
#slides div { position:absolute; z-index:2; width:101%; height:101%; top:-1%; left:-1%; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:0;
	-webkit-transition:opacity 3s, -webkit-transform 8s; -ms-transition:opacity 3s, -ms-transform 8s; transition:opacity 3s, transform 7s 
	}
#slides div { -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left }
#slides div:nth-of-type(2n+1) { -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right }
#slides div:nth-of-type(3n+1) { -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left }
#slides div:nth-of-type(4n+1) { -webkit-transform-origin:bottom right; -ms-transform-origin:bottom right; transform-origin:bottom right }

#slides .fx:first-child + span + div ~ div, #slides .fx1 { z-index:1 }
#slides .fx, #slides .fx1 { /*-webkit-transform:scale(1.1) translate(1%); -ms-transform:scale(1.1) translate(1%); transform:scale(1.1) translate(1%); */ opacity:1 }
#slides div:nth-of-type(1) { background-image:url("../../files/Ingbuero/img/rohre-u-tanks.webp") }
#slides div:nth-of-type(2) { background-image:url("../../files/Ingbuero/img/chemikalientanks.webp") }
#slides div:nth-of-type(3) { background-image:url("../../files/Ingbuero/img/tank-mit-ruehrwerk.webp") }


/* captions */
#slides span { position:absolute;
 z-index:2;
 bottom:0; right:0; 
 display:inline-block;
 padding:2% 3%;
 margin:5%;
 font-size:1.2rem;
 color:transparent; }
#slides .fx:first-child + span + div ~ div + span, #slides .fx1 + span { z-index:1 }
#slides .fx + span, #slides .fx1 + span {  color:#fff; -webkit-animation:caption 5s 1s both; animation:caption 5s 1s both }
@-webkit-keyframes caption {
  0% { opacity:0; -webkit-transform:translate3d(100%,0,0) }
  20% { opacity:1; -webkit-transform:none }
  70% { opacity:1; -webkit-transform:none }
  100% { opacity:0; -webkit-transform:translate3d(-500%,0,0) }
}
@keyframes caption {
  0% { opacity:0; transform:translate3d(100%,0,0) }
  20% { opacity:1; transform:none }
  70% { opacity:1; transform:none }
  100% { opacity:0; transform:translate3d(-500%,0,0) }
}
@media(min-width:42em) { /* bigger than 672px */

#slides span { padding:1em 1.5rem; margin:2rem; font-size:1rem }
	
}

/************* ENDE Thierry Koblentz SLIDER  *******/