@media screen and (min-width:768px){
    /* Layout-Desktop.css */
     #wrapper{
        width:100%;
        max-width:1400px;
        margin-right:auto;
        margin-left:auto;
        padding-bottom:35px
    }
    #header .inside{
        margin-top:1em
    }
    #container{
        top:20px;
        clear:both;
        margin-right:40px;
        margin-left:40px
    }
    #main .inside{
        min-height:520px;
        padding:2em 1em
    }
    #right .inside{
        padding-top:2em
    }
    #logo{
        float:right;
        margin-right:20px;
        margin-bottom:10px
    }
    #f1{
        width:50%
    }
    input,textarea{
        margin-bottom:10px
    }
}
 @media screen and (max-width:767px){
    /* Layout_Mobil.css */
     #wrapper{
        width:100%;
        max-width:1400px;
        margin-right:auto;
        margin-left:auto;
        padding-bottom:35px
    }
    #header .inside{
        margin-top:1em
    }
    #container{
        clear:both;
        padding-top:20px
    }
    #main .inside{
        padding-right:.5em;
        padding-left:.5em
    }
    #right .inside{
        padding-top:1em;
        padding-right:.5em;
        padding-left:.5em
    }
    #logo{
        float:right;
        margin-right:20px;
        margin-bottom:10px
    }
    #contact{
        float:right
    }
    #f1{
        width:50%
    }
    input,textarea{
        margin-bottom:10px
    }
}
 @media screen{
    /* Design-Desktop.css */
     body{
        background-color:#f2f2f2;
        font:1em Verdana,Arial,Helvetica,sans-serif;
        color:#333
    }
    #wrapper{
        vertical-align:middle
    }
    #container{
        background-color:#fefefe
    }
    #main{
        line-height:1.4em
    }
    .toggler{
        background-color:#cc240a;
        background:-moz-linear-gradient(left,#cc240a,#D96957,#E5ADA5,#f2f2f2);
        background:-webkit-linear-gradient(left,#cc240a,#D96957,#E5ADA5,#f2f2f2);
        background:-o-linear-gradient(left,#cc240a,#D96957,#E5ADA5,#f2f2f2);
        background:-ms-linear-gradient(left,#cc240a,#D96957,#E5ADA5,#f2f2f2);
        background:linear-gradient(to right,#cc240a,#D96957,#E5ADA5,#f2f2f2);
        -pie-background:linear-gradient(left,#cc240a,#D96957,#E5ADA5,#f2f2f2);
    }
    .toggler.ui-accordion-icons:before{
        padding-left:10px;
        font-family:"Font Awesome 5 Free";
        content: "\f151"
    }
    .toggler.ui-accordion-icons.active:before{
        padding-left:10px;
        font-family:"Font Awesome 5 Free";
        content: "\f150"
    }
    .image_container img{
        border-radius:0 10px;
    }
    .rightf{
        float:right
    }
}
 @media print,screen{
    /* Formatierung.css */
     #header a{
        text-decoration:none
    }
    #container a{
        text-decoration:none;
        color:#cc240a
    }
    #container a:hover{
        color:#fc1414
    }
    h1,h2{
        margin-top:0;
        font:2em serif;
        font-weight:bold;
        font-style:italic
    }
    .toggler{
        margin-top:.2em;
        font-size:1.2em;
        line-height:1.3em;
        font-weight:bold
    }
    h3{
        font-size:1.2em
    }
    ul{
        margin-left:2em
    }
    figure.float_left{
        padding-right:10px
    }
    figure.float_right{
        padding-left:10px
    }
    figcaption{
        font-size:.5em
    }
    #main .ce_text li,#right .ce_text li,dd{
        margin-left:5%
    }
    #main .ce_text li,#right .ce_text li{
        list-style-type:disc
    }
/*    .ce_text a[href^="http://"]::after,.mod_linkslist_list a[href^="http://"]::after,.ce_text a[href^="https://"]::after,.mod_linkslist_list a[href^="https://"]::after,a.hyperlink_txt::after{
        padding-left:.5em;
        font:.9em FontAwesome;
        content: "\f08e"
    }*/
}
 @media screen and (min-width:768px){
    /* Navigation.css */
    #header .menubutton{
        display:none
    }
    #header .mod_navigation{
        width:100%;
        float:left;
        clear:left;
        display:block;
        margin-top:0;
        padding-left:20px;
        background-color:#cc240a;
        box-shadow:0 2px 6px 4px #b8b8b8;
        font-size:1.1em;
    }
    #header .mod_navigation ul{
        width:auto;
        float:left;
        margin:0;
        padding:0;
        list-style-type:none
    }
    #header .mod_navigation li{
        width:auto;
        float:left;
        margin:0;
        padding-right:10px
    }
    #header .mod_navigation a,#header .mod_navigation strong{
        display:block;
        padding-right:20px;
        padding-left:20px;
        line-height:2.2em;
        font-weight:bold;
        text-decoration:none;
        color:#fff
    }
    #header .mod_navigation .active,#header .mod_navigation .submenu{
        font-weight:bold;
        color:#fff
    }
    #header .mod_navigation a:hover,#header .mod_navigation a:focus{
        color:#424242
    }
    #header .mod_navigation .level_2{
        left:-32768px;
        top:-32768px;
        position:absolute;
        overflow:hidden;
        display:inline
    }
    #header .mod_navigation .level_2 li{
        clear:both
    }
    #header .mod_navigation li:hover .level_2{
        width:auto;
        height:auto;
        min-width:78px;
        left:auto;
        top:auto;
        overflow:auto;
        display:block;
        background-color:#cc240a;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        z-index:1000
    }
    #header .mod_navigation .level_2 a,#header .mod_navigation .level_2 strong{
        line-height:2.2em;
        font-weight:bold
    }
}
 @media screen and (max-width:767px){
    /* Navigation_small.css */
     #header .menubutton{
        width:100%;
        float:left;
        text-align:center;
        background-color:#cc240a;
        font-size:2em
    }
    #header .fa{
        color:#fff
    }
    #header .menubutton a.hidenav{
        display:none
    }
    #header .mod_navigation{
        width:100%;
        margin-top:1rem;
        margin-right:0;
        padding:0;
        background-color:#cc240a;
        font-size:1.1em;
        transition: 1s
    }
    #header .mod_navigation ul.level_1{
        margin:0;
        padding:0
    }
    #header .mod_navigation li{
        margin:0;
        border-bottom:1px solid #fff;
        list-style-type:none
    }
    #header .mod_navigation li:last-of-type{
        border-bottom:0px
    }
    #header .mod_navigation .level_2 li:first-of-type{
        border-top:1px solid #fff
    }
    #header .mod_navigation a,#header .mod_navigation strong{
        display:block;
        padding:.5rem;
        text-align:left;
        line-height:2.2em;
        font-weight:bold;
        text-decoration:none;
        color:#fff
    }
    #header .mod_navigation .active,#header .mod_navigation .submenu{
        font-weight:bold;
        color:#fff
    }
    #header .mod_navigation a:hover,#header .mod_navigation a:focus{
        color:#424242
    }
    #header .mod_navigation{
        max-height:0px
    }
    #menu:target #header .mod_navigation{
        max-height:60rem
    }
    #menu:target a.shownav{
        display:none
    }
    #menu:target a.hidenav{
        display:block
    }
}