h1 {
        color:#204968;
    }

    img {
     border-radius: 0.5em;   
    }
    
    .align-right {
        float:right;
        clear:right;
        margin-left:20px;
    }
    .align-left {
        float:left;
        clear:left;
        margin-right:20px;
    }
    .align-center {  
        display: flex; 
        justify-content: center;
        align-items: center;
    }

    .img150 { 
        max-width:150px; 
        height:auto;
    }

 
    .img50p {
        max-width:50%;
        height:auto;
    }

  
  
    
    .img100vw {
        max-width:150px;
        width:10vw;
        height:auto;
    }
    
   
    .container {
        width:90vw !important; 
    }

    .valign-middle {
        vertical-align:middle;
    }

    img.middle { 
        vertical-align: middle; 
    }

    img.bottom { 
        vertical-align: bottom; 
    }

    able.img {
        font-size:0.8em;
    }

    .richtnach {
        
        font-size:1.2em;
        font-weight: 800;
    }
    
    img.linkimg{
        max-width:64px;
        margin:0 1em 0 0;
        border-radius: 0;
    }
  
    .break-word {
        word-wrap: break-word; 
    }

    img.demo {
        width: 30%;
        max-width: 320px;
        object-fit: cover;
        height: auto; 
        
    }   
    
    img.demo50 {
        width: 49%;
        max-width: 320px;
        object-fit: cover;
        height: auto; 
        
    }   
    
    
   a:link, a:hover, a:visited {
    color:#3085ee;
       
   }
    /* overwrite */
    .navbar .navbar-brand {
        font-size: 1.9rem;
    }
    
    #header {
        background: #204968;
        color: #fff;
    }

    #header a {
        color: #eee;
        font-size: 2.0em;
    }
    
    
    .blue {
        color: #204968;
    }
    
    .red {
        color: #a71111;
    }
    
    .navbar {
        transform: scale(1);
    }
    
     
     
    .default-animation, #header, #header .navbar-section, #header .logo svg, #header .logo img, .modular-features.small .feature-icon i, .modular-features .feature-icon { transition: all 0.5s ease; }

    .pulse { animation-name: pulse_animation; animation-duration: 2000ms; transform-origin: 70% 70%; animation-iteration-count: infinite; animation-timing-function: linear; }

    @keyframes pulse_animation { 0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.08); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.05); }
    80% { transform: scale(1); }
    100% { transform: scale(1); } }

    p.padding1 {
        padding:1em !important;
    }

    p.bold {
        font-weight:800;
    }
    div.m{
        unicode-bidi:bidi-override; direction:rtl;
    }

    
    
    #preisliste {
        border-collapse: collapse;
        width:100%;
    }
    
    #preisliste table, th, td {
        /* border-collapse: collapse;*/
        padding: 0.3em 0.5em;
    }
    
    #preisliste table {
        margin-left: 1em;
    }

    #preisliste th, caption {
        background-color: #204968;
        color: #fff;
        border: thin solid #204968;
    }

    #preisliste tr {

        border:1px solid #ff000000;
    }
    #preisliste td {
        /* background-image: linear-gradient(#f9f9f9, #e3e3e3);        */
        
        border-left: thin solid #666;
        border-right: thin solid #666;
    }

    #preisliste tfoot {
        border-bottom: thin solid #666;
    }

    #preisliste caption {
        font-size: 1.5em;
        border-radius: 0.5em 0.5em 0 0;
        padding: 0.5em 0 0 0
    }
    
    #preisliste td:nth-of-type(2)
    {   
        text-align: right;
    }
    #preisliste tr:hover {
        border:1px solid #204968;
        color: #3085ee;
    }