*{box-sizing:border-box
        }
        html{ 
            scroll-behavior:smooth;
            appearance:none
        }
#maincontent{letter-spacing: 1px;}
@media screen and (max-width: 480px)
{
    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega 
    {
        height: 300px;
        overflow-y: scroll;
    }
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    padding-left: 5px;
}
.last-updated-date{font-size:10px; float: right;margin-top:-40px!important}

.vorteil:before {content: "Ihre Vorteile:";font-size: 110%;font-weight: 700}


@media screen{body {overflow-x: hidden;overflow-y: scroll;font-family: Arial, Helvetica, sans-serif;background-color:#fafafa}.hint1,.hint2,.hint3,.hint4{margin-bottom:40px;box-shadow: 10px 20px 15px silver}

  .ling:before{    font-family:"Font Awesome 5 Free";
            font-weight:900;
            margin:0 7px;
            content:"\f0c1" }

}

        body{border-radius: 0;
             hyphens:auto;
            margin:0;
            font-size:18px;
            max-width:100%;
            line-height:1.42857143
        }

 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out}


        #maincontent section, #maincontent ul{
            margin:40px 0;
            padding-bottom:30px}

 
        figcaption{
            font-size:90%;
           letter-spacing: 0px;
        }

        .fa-bars::after{
            content:"\f0c9\0020\0020\0020\0020 Menü";
            height:20px;
            position:absolute;
            right:10px;
            top:18px
        }

        figure{
            margin:20px 20px 20px 0
        }

        small{
            font-size:80%;clear:both
        }

      

        blockquote, figcaption{
            margin-bottom:20px;
            font-style:italic;
        }

        ::-webkit-scrollbar{
            width:1.2em
        }


        ::-webkit-scrollbar-track{
            background:#f1f1f1;
        }

        /* Handle */
        ::-webkit-scrollbar-thumb{
            background:#888;
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover{
            background:#555;
        }

        .col-lg-4, .col-lg-8, .col-md-4, .col-md-8, .col-sm-12, .col-sm-4, .col-xs-12{
            float:left;
            position:relative;
            min-height:1px;
            padding-right:15px;
            padding-left:15px
        }

        .eu{
            background-image:url(https://www.beton-tille.de/wp-content/uploads/eu-.png);
            background-repeat:no-repeat;
            width:230px;
            height:19px;
            margin-right:10px
        }

        .ubermenu{
            box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);
            -webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);
            border:none;
            background:#fff !important
        }

        .ubermenu-skin-vanilla-bar.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu-skin-vanilla-bar.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop{
            margin-top:0;
            background-color:#fff
        }

        .ubermenu-submenu-type-mega > .ubermenu-item-level-1{
            margin:0 10px
        }

        .ubermenu .ubermenu-item-layout-image_above > .ubermenu-image{
            margin:0
        }

        .besch:before{margin-top:19px;
            z-index:9;
            display:inline-block;
            text-rendering:auto;
            font-family:"Font Awesome 5 Free";
            font-weight:900;
            content:"\f00e";
            position:absolute;
            color:#41b3e5;
            font-size:16px;
            background:#fff
        }

        /*#maincontent img{margin-top:20px}
        */
#maincontent img{margin-top:20px;overflow-x:hidden;max-width:99%;height:auto}

        h2, h3, h4, h5{
            padding:30px 0 8px;
            position:relative
        }

       

        .ubermenu-item-home .ubermenu-target{
            background-color:#fff
        }

        .container{
            padding-right:15px;
            padding-left:15px;
            margin-right:auto;
            margin-left:auto
        }

        h2, h3{
            margin-top:20px;
            margin-bottom:10px
        }

        h1, h2, h3, h4, h5, h6{
            font-weight:700;
            line-height:1.1;
            color:#000;
            clear:both;

        }

        h1{
            letter-spacing:-1px;
            font-size:36px
        }

        h2{
            font-size:30px
        }

        h3{
            font-size:24px
        }

        h4{
            font-size:130%;
            line-height:140%;
            margin-top:45px;
            margin-bottom:10px
        }

        /*
        #maincontent a{color:#1a0dab;text-decoration:underline;font-weight:700}
        a:link{color:#1a0dab}
        */

        #maincontent a{
            text-decoration:underline;text-decoration-thickness:1px;
            font-weight:700;
            color:#1a0dab
        }


        .b, b, strong{
            font-weight:700
        }

        .frei,.clear, p, small, ul, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .row:after, .row:before{
            clear:both;
            display:table;
            content:" "
        }

        .wrapper1{
            margin:0 0 0 15px
        }

        .container-fluid{
            padding-right:15px;
            padding-left:15px;
            margin-right:auto;
            margin-left:auto
        }

        .row{
            margin-right:-15px;
            margin-left:-15px
        }

        p, ul{font-weight:normal;
            font-size:18px;
                   }

        li{
            padding:15px 0;
            list-style-type:none
        }

        .fa-external-link-alt{
            margin:0px 8px
        }

        .aside1:before{
            color:green;
            content:"\2714 ";
            font-weight:700;
            padding-right:10px
        }

        .ubermenu-searchform{
            margin:0
        }

        .lo1{
            clear:both;
            width:269px
        }

        .lo2{
            font-weight:700;
            font-size:20px;
            font-style:italic;
            color:#000
        }

        .lo3{
            font-size:13px;
            color:#000
        }

        .lo4{
            font-size:13px;
            clear:left;
            margin-left:47px;
            color:#000
        }

        .fa, .fas{
            margin-right:7px
        }

        #site_sidebar a{
            text-decoration:underline
        }

        #site_sidebar hr{
            border:1px solid #fff;
            margin:10px 0
        }

        .hint1{
            background:#0277BB
        }

        .hint2{
            background:#0267A2
        }

        .hint1, .hint2, .hint3, .hint4{
            padding:10px 20px
        }

        #site_sidebar a, #site_sidebar{
            color:#fff
        }

        #site_sidebar figure{
            padding:10px 0;
            margin:0 0 10px 0;
            background:#fff
        }

        .align-center{
            text-align:center
        }

        .frei{clear:both;
            padding-top:25px
        }

        #seite{
            clear:both;
            max-width:1300px
        }

        .ubermenu-sub-indicator fas fa-angle-down{
            padding-left:10px
        }

        .ubermenu-sub-indicator fas fa-angle-down{
            padding-left:5px
        }

        .ubermenu-custom-content-padded{
            padding:0
        }

        .ubermenu .ubermenu-search .ubermenu-search-submit{
            width:20px
        }

        .ubermenu .ubermenu-search input.ubermenu-search-input{
            padding:8px 20px 8px 5px
        }

        .ubermenu .ubermenu-search .ubermenu-searchform{
            max-width:100%;
            width:99%;
            margin:0
        }

        #menu-item-15704 .ubermenu-custom-content-padded{
            padding:0;
            padding-top:25px
        }

        .ubermenu-search-input, .ubermenu-searchform{
            background-color:#fff;
            border-style:solid;
            border-width:1px;
            border-color:#1c1c1c
        }

        .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{
            margin-left:-5px
        }

        .unterstrich{
            color:#fff;
            background-color:#0277BB;
            -webkit-box-decoration-break:clone;
            box-shadow:1.2rem 0 0 .4rem #0277BB, -1.6rem 0 0 .4rem #0277BB, inset 2px 0 0 4px #0277BB, inset -2px 0 0 4px #0277BB
        }

        #inhalt{
            min-width:250px;width:90%;
            margin:110px 20px 50px 0;
           float: left;
            background-color:#fff;
            padding:1px 20px;
            border:1px solid #42b3e5
        }

        #breadcrumbs, .rank-math-breadcrumb{
            font-size:80%;
            float:right;
            margin-bottom:50px;
            border-bottom:2px solid #eee
        }
.print{
            font-size:80%;
            float:left;
            clear:both;
            margin-bottom:50px;
            border-bottom:2px solid #eee
        }
        .rank-math-breadcrumb p{
            font-size:80%
        }

        .ubermenu-skin-vanilla-bar{
            border-bottom:1px solid #000
        }

        .fa-file-pdf{
            color:red;background-color:#fff
        }

        .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{
            left:10px
        }

        #ubermenu-main-10{
            border-bottom:1px dotted #000
        }

        .bull::before{
            content:"• ";
            font-weight:bold
        }

        h5{
            font-size:120%;
            margin-top:40px;
    line-height: 140%;
      margin-bottom: 10px
        }

 /*       .laehr{
            display:none
        }
*/

        .fa-angle-down:before{
            content:"\f107"
        }

        .fa-search:before{
            content:"\f002"
        }

        .fa-file-pdf:before{
            content:"\f1c1"
        }

@media screen and (max-width: 480px){img {max-width: 99%;overflow: hidden}}

        @media screen and (min-width:601px){
            .main{
                margin:0 0 0 10px
            }
        }

        @media screen and (max-width:641px){
      
 

      a:link{
                padding:10px
            }

            #b{
                display:block
            }

            #b img{
                max-width:99%;
                max-height:82px
            }

            .bild3, .bild4{
                float:left
            }

            #menu-item-14509, .ff, .ubermenu .ubermenu-content-align-right{
                float:left
            }

            .ubermenu-skin-vanilla-bar.ubermenu-responsive-toggle{
                margin-top:-10px;
                font-size:20px;
                color:#000;width: 100%
            }

            #ubermenu-main-10, .ubermenu-skin-vanilla-bar{
                border-bottom:1px solid #000;
                color:#000
            }

            .ubermenu-skin-vanilla-bar.ubermenu-responsive-toggle{
                height:45px;
                color:#000
            }

            #ubermenu-responsive-toggle ubermenu-responsive-toggle-main ubermenu-skin-vanilla-bar ubermenu-loc- ubermenu-responsive-toggle-content-align-left ubermenu-responsive-toggle-align-full ubermenu-sticky{
                border:2px solid #000
            }
        }

        @media screen and (min-width:642px){
            .bild3{
                float:left;
                max-width:180px;
margin-bottom:40px
            }

            .bild4{
                padding:0 15px 10px 0;
                float:left;
  max-width:50%;
margin-bottom:40px
            }

            .ubermenu-skin-vanilla-bar .ubermenu-item-level-0 > .ubermenu-target{
                font-weight:900;
                font-size:120%
            }

            #ubermenu-main-10{
                margin-left:auto;
                margin-right:auto;
                width:100%
            }
        }

        @media screen and (max-width:767px){
 p, ul{
            line-height:28px
        }
            .col-xs-12{
                width:99%
            }

            .img-fullwidth{
                display:none
            }
        }

        @media screen and (min-width:768px){
 p, ul{
            line-height:31px
        }
            .container{
                width:750px
            }

            .img-fullwidth{
                width:99%
            }
        }

        @media screen and (min-width:768px) and (max-width:991px){
            .col-sm-12{
                width:99%
            }

            .col-sm-4{
                width:99%
            }
        }

        @media screen and (max-width:800px){

            
#maincontent h2::before, #maincontent h3::before, #maincontent h4::before, #maincontent h5::before {
    content: "";
    position: absolute;
    left: 100px}

	#maincontent a:link{
                padding:10px 10px 10px 0;
                line-height:49px
            }

            ul{
                padding-left:0
            }

            h1{
                line-height:120%;
                margin-top:20px
            }

            h2{
                line-height:110%;
                margin-top:50px;
                margin-bottom:0
            }

            body{
                width:99%;
                height:auto
            }

            a:link{
                line-height:140%;
                font-size:110%
            }
        }

        @media screen and (min-width:801px){
 #maincontent h2::before, #maincontent h3::before, #maincontent h4::before, #maincontent h5::before{
            content:"";
            position:absolute;
            left:7%;
            bottom:2px;
            width:150px;
            height:14px;
            transform:skew(-12deg) translateX(-50%);
            background:rgba(46, 204, 250, 0.5);
            z-index:-1
        }
            h3{
                font-size:140%;
                margin-top:70px
            }

            #seite{
                margin:75px auto 0
            }

            h1{
                font-size:180%;
                line-height:150%;
                margin-top:60px
            }

            h2{
                font-size:170%;
                margin-top:80px
            }
        }

        @media screen and (min-width:901px){
            #m1, #m2, #m3, #m4{
                display:none
            }
        }

        @media screen and (max-width:959px){
            .ubermenu-responsive-toggle, .ubermenu, .ubermenu.ubermenu-sticky{
                position:fixed !important
            }

            .lo1{
                background-color:#fafafa;
                margin-top:10px
            }

            .ubermenu-skin-vanilla-bar.ubermenu-responsive-toggle{
                color:#000;
                font-size:20px;
                font-weight:600
            }


            #ubermenu-main-10{
                margin-top:0px;
                position:fixed;
                z-index:999
            }
        }


        @media screen and (min-width:960px){
            #breadcrumbs, .rank-math-breadcrumb,.print{
                margin-top:0px
            }

            body{
                overflow-y:scroll;
                min-height:101vh
            }
.col-md-8 p {
    margin-top: 30px;
}
            .wrapper{
                margin-top:50px
            }

            .ubermenu-item-level-0 > a > .ubermenu-target-text{
                line-height:40px
            }

            .onlymobil{
                display:none
            }
        }

        @media screen and (min-width:961px) and (max-width:1200px){
            .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target{
                padding:10px 5px !important
            }

            .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator{
                display:none
            }

            .ubermenu .ubermenu-search input.ubermenu-search-input{
                width:100px
            }
        }


        @media screen and (max-width:992px){
            #m1, #m2, #m3, #m4{
                text-decoration:none;
                text-align:center;
                float:left;
                padding:7px 0;
                background:rgba(216, 216, 216);
                border:1px solid #000;
                bottom:0;
                position:fixed;
                z-index:9;
                display:block;
                font-size:12px;
                font-weight:700
            }

            #m1{
                left:0;
                width:40%
            }

            #m2{
                left:40%;
                width:20%
            }

            #m3{
                left:60%;
                width:20%
            }

            #m4{
                left:80%;
                width:20%
            }

            #top, .nomobile{
                display:none

            }
        }

        @media screen and (min-width:992px){

.birne{padding-top:15px;padding-left:20%;z-index: 1000; text-align: center;  position: fixed; width:100%; height:100px; background: #E6E6E6; }




            #site_sidebar{
                margin-top:50px
            }
.hint1{margin-top:100px}
            #top{
                background-color:#fff;
                bottom:67px;
                float:right;
                right:30px;
                font-size:20px;
                display:inline;
                position:fixed
            }

            .col-md-5{
                width:50%
            }

            .col-md-8{
                width:66.66%
            }

            .col-md-4{
                width:33.33%
            }

            .container{
                width:970px
            }
        }


        @media screen and (max-width:1100px){
            .ubermenu .ubermenu-item-layout-image_above > .ubermenu-image{
                margin-top:10px;
                max-width:200px
            }
        }

        @media screen and (min-width:1200px){
            .container{
                width:1170px
            }
        }

        #cboxClose{bottom:auto;top:0;}
   


/*img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }*/

#suchform{max-width:600px}



/** UberMenu Custom Menu Styles (Customizer) **/
/* main */
 .ubermenu-main { max-width:100%; border:1px solid #aaaaaa; }
 .ubermenu-main .ubermenu-nav { max-width:100%; }
 .ubermenu-main, .ubermenu-main > .ubermenu-nav { -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:15px; color:#000000; }
 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target.ubermenu-item-notext > .ubermenu-icon { line-height:2px; }
 .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color:#000000; }
 .ubermenu-main .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight { color:#000000; }
 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size:18px; }
 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { color:#000000; }
 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover { color:#000000; }
 .ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-current-menu-item > .ubermenu-target { color:#000000; }
 .ubermenu-main .ubermenu-item-normal > .ubermenu-target { color:#000000; font-size:16px; }
 .ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-target:hover, .ubermenu.ubermenu-main .ubermenu-item-normal.ubermenu-active > .ubermenu-target { color:#000000; background-color:#D8D8D8; }
 .ubermenu-main .ubermenu-item-normal.ubermenu-current-menu-item > .ubermenu-target { color:#000000; }
 .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main { font-size:14px; color:#000000; }
 .ubermenu.ubermenu-main .ubermenu-search input.ubermenu-search-input, .ubermenu.ubermenu-main .ubermenu-search button[type='submit'] { font-size:14px; }
 .ubermenu.ubermenu-main .ubermenu-search input.ubermenu-search-input::-webkit-input-placeholder { font-size:14px; }
 .ubermenu.ubermenu-main .ubermenu-search input.ubermenu-search-input::-moz-placeholder { font-size:14px; }
 .ubermenu.ubermenu-main .ubermenu-search input.ubermenu-search-input::-ms-input-placeholder { font-size:14px; }
 .ubermenu-responsive-toggle-main, .ubermenu-main, .ubermenu-main .ubermenu-target, .ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target { font-family:Arial; }
 .ubermenu-main .ubermenu-icon { width:2em; }



/** UberMenu Sticky CSS **/
 .ubermenu.ubermenu-sticky, .ubermenu-responsive-toggle.ubermenu-sticky{ z-index:1000; } .ubermenu-sticky.ubermenu-sticky-full-width{ left:0; width:100%; max-width:100%; }
 .ubermenu-sticky-full-width.ubermenu-sticky .ubermenu-nav{ padding-left:1px; }
@media screen and (max-width: 959px){ 
   .ubermenu-responsive-toggle.ubermenu-sticky{ height:43px; left:0; width:100% !important; } 
   .ubermenu.ubermenu-sticky{ margin-top:43px; left:0; width:100% !important; } 

	 .ubermenu-responsive-toggle{position:relative !important; margin:0 !important; min-height:0 !important; }
	 .ubermenu.ubermenu-is-mobile.ubermenu-sticky.ubermenu-responsive-collapse{ max-height:0;}  /* Mobile Sticky */
   .ubermenu.ubermenu-is-mobile.ubermenu-sticky { min-height:400px; max-height:600px; overflow-y:auto !important; -webkit-overflow-scrolling:touch; }
   .ubermenu.ubermenu-is-mobile.ubermenu-sticky > .ubermenu-nav{ height:100%; }
   .ubermenu.ubermenu-is-mobile.ubermenu-sticky .ubermenu-active > .ubermenu-submenu-drop{ max-height:none; }
}
/* Special Classes */  .ubermenu .ubermenu-item.um-sticky-only{ display:none !important; }  .ubermenu.ubermenu-sticky .ubermenu-item-level-0.um-sticky-only{ display:inline-block !important; }  .ubermenu.ubermenu-sticky .ubermenu-submenu .ubermenu-item.um-sticky-only{ display:block !important; }  .ubermenu .ubermenu-item-level-0.um-unsticky-only{ display:inline-block !important; }  .ubermenu .ubermenu-submenu .ubermenu-item.um-unsticky-only{ display:block !important; }  .ubermenu.ubermenu-sticky .ubermenu-item.um-unsticky-only{ display:none !important; }
@media screen and (min-width:783px){ .admin-bar  .ubermenu.ubermenu-sticky, .admin-bar  .ubermenu-responsive-toggle.ubermenu-sticky{ margin-top:32px; } }
@media screen and (min-width:783px) and (max-width:959px){ .admin-bar  .ubermenu.ubermenu-sticky{ margin-top:78px; } }
@media screen and (min-width:600px) and (max-width:782px){ .admin-bar  .ubermenu.ubermenu-sticky, .admin-bar  .ubermenu-responsive-toggle.ubermenu-sticky{ margin-top:46px; } .admin-bar  .ubermenu.ubermenu-sticky{ margin-top:89px; } }

/* Status: Loaded from Transient */
