@charset "utf-8";

/* Farbwerte

Schwarzblau:
rgba(26,32,52,1)
#1A2034
 
Dunkelblau:
rgba(24,40,96,1)
#182860

Mittelblau:
rgba(87,98,135,1)
#576287

Weissblau:
rgba(225,227,234,1)
#E1E3EA


Tuerkisgruen Links:
#1E6A71


Gelb Button:
#fc9c1f;
Schatten:#af7120;
    hover: #182860 
        Transparenz Hintergrund: rgba(255,255,255,0)


Hellgruen Navigation:
#4FFFBC;


Transparenz Hero:
rgba(255,255,255,0.6)



/* Webfonts-Einbindung 
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */


/* Webfonts Einbindung DSGVO-Konform */

/* merriweather-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather-sans-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/merriweather-sans-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v28-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/merriweather-sans-v28-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/merriweather-sans-v28-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/merriweather-sans-v28-latin-300.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/merriweather-sans-v28-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/merriweather-sans-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v28-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/merriweather-sans-v28-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/merriweather-sans-v28-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/merriweather-sans-v28-latin-300italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/merriweather-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v28-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/merriweather-sans-v28-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/merriweather-sans-v28-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/merriweather-sans-v28-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/merriweather-sans-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v28-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/merriweather-sans-v28-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/merriweather-sans-v28-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/merriweather-sans-v28-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/merriweather-sans-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/merriweather-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v28-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/merriweather-sans-v28-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/merriweather-sans-v28-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/merriweather-sans-v28-latin-600.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/merriweather-sans-v28-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/merriweather-sans-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v28-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/merriweather-sans-v28-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/merriweather-sans-v28-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/merriweather-sans-v28-latin-600italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* Ende Webfonts Einbindung DSGVO-Konform */


body{
    font: 400 1.125rem/1.55 'Merriweather Sans', Helvetica, Arial, sans-serif;
    color: #1A2034;
    }
 



 
/* Reset * * * * * * * * */
*{
    margin: 0;
    padding: 0;
    -mozbox-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }






    .wrapper{
        max-width: 1250px;
        padding: 0 25px;
        margin: 0 auto;
       
        }

  

      


/* Typo */

html{        
	font-size: 100%; /* Browserstandard: 16px */
    scroll-behavior: smooth; 
}


    h1, h2, h3, h4, h5, h6{
        font-family: 'Merriweather Sans', sans-serif;
        font-style: normal;
            
        
        color: #182860;
        line-height: 1.4;
        }

        h1{     
            font-size: 3.625rem; /* 58px; */       
            font-weight: 600; 
            margin-top: 20px;
            text-align: center;
            } 
             
            h2{     
            font-size: 2.125rem; /* 34px; */     
            font-weight: 600; 
            margin-bottom: 20px;
            } 

            h2 small{
                font-size: 1.125rem;  /* 18px; */
            }
             
            h3{  
	        font-size: 1.875rem;  /* 30px; */
            font-weight: 400;
            font-style: italic;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 20px;
            }

            h4{
                font-size: 1.875rem;  /* 30px; */
                font-weight: 400;
                font-style: italic;
                margin-bottom: 20px;
            }

            h5{
                font-size: 1.125rem;  /* 18px; */
                font-weight: 400;
                font-style: italic;
                text-transform: uppercase;
                letter-spacing: 1px;
            }
            
            h6{
                font-size: 1.125rem;  /* 18px; */
                font-weight: 400;
            }

           

            a{ 
                color: #1E6A71;
                font-weight: 400;
                text-decoration: none;
                }

                a:hover{ 
                    font-weight: 600;
                    text-decoration: none;
                    }

                    p {     
                        margin: 0 0 25px; 
                        padding: 0;
                        }           
 
 
    blockquote {
        font-size: 1.875rem;  /* 30px; */
        font-weight: 400;
        font-style: italic;
        margin-bottom: 20px;
        color: #576287;
        margin: 40px 50px;
    }

    ul, ol{
        margin: 0 0 15px 20px;
        }
 
/* Tabelle */ 
 
table{
    border-collapse: collapse;
    margin: 0;
    width:100%;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    }
     
    thead{
    background: #576287;
    color: #fff;
    text-align: left;
    }
     
    th{
    padding: 5px 12px;
    }
     
    td{
    
    padding: 5px 12px;
    border-right: 1px solid #fff;
    }
     
    tbody tr:nth-child(odd) {
    background-color: #fff;
    }

    tbody tr:nth-child(odd) td {
        border-right: 1px solid #E1E3EA;
        }

    
         
    tbody tr:nth-child(even) {
    background-color: #E1E3EA;
    } 

    tfoot{
        background: #576287;
        color: #fff;
        }
 



hr{
    border: 1px solid #576287;
    margin: 35px auto;
    
    }


/* Raster */
 
.col_1{
    width: 100%;
    }
     
    .col_1_2{
    width: 47.5%;
    }
       
    .col_1_3{
    width: 30%;
    
    
    }
     
    .col_2_3{
    width: 65%;
    }
     
    .col_1_4{
    width: 21.25%;
    }
     
    .col_3_4{
    width: 73.75%;
    }
 
    .column {
    float: left;
    margin: 25px 0 25px 5%;
    padding: 25px 0;
    }
    
    .column:first-child{
    margin-left: 0;
    }
 
/* Clearfix */
.row:before,
.row:after {
content: " ";
display: table;
}
 
.row::after {
clear: both;
}

.clear{
    clear: both;
}
 
/*
.row{
background: #aaa;
margin: 20px 0;
}
*/
 
 



/* Header */

header{
    background-color: #182860;
    text-align: center;
    padding-top: 40px;
    position:relative;
    z-index: 1;
    position: sticky;
    top: -152px;
   
}

header img{
    max-height:80px;
    
}

header .row{
    box-shadow: 0px 10px 15px 0 rgba(24, 40, 96, .6);
}

/* Navigation */



#navigation{
    margin: 45px 0 20px 0;
    padding:0;
    
    }

    #navigation li{
        display: inline;
        list-style: none;
        margin-right: 4%;
        margin-left: 4%;
        position: relative;
        }

        #navigation li a{
            text-decoration: none;
            text-transform: uppercase;
            font-size: 1.25rem; /* 20 Pixel */
            letter-spacing: 1px;
            font-weight: 300;
            color:#fff;
            padding: 15px 0;
            
            }

            #navigation li a:hover{
                color: #4FFFBC;
                
                }  

            #navigation li .active{
                color: #4FFFBC;
                font-weight: 600;
               
                
            }

    /* Dropdown */

    
    
    #navigation ul li a{
        display: block;
        font-size: 1.125rem; /* 18 Pixel */
        text-transform: none;
        padding: 15px;
        /* border-bottom: 1px solid #E1E3EA; */
        text-align:left;
    }

    #navigation ul{
        position: absolute;
        top: 35px;
        left:-15px;
        padding: 0;
        background: #576287;
        width: 180px;
        box-shadow: 0px 5px 5px rgba(24, 40, 96, .6);
        display:none;
        
    }

    #navigation li:hover ul{
        display:block;
        }

    #navigation ul li {
        margin: 0;
        }

        #navigation ul li a:hover{
            color: #4FFFBC;
            } 

            #navigation ul li .active{
                color: #4FFFBC;
                } 

/* Subnavigation */

#subnavigation{
    margin-top: 35px;
    margin-left: 0;

}

#subnavigation li{
    list-style: none;
    border-bottom: 1px solid #E1E3EA;
    background: #576287;
    }

    #subnavigation li a{
        text-decoration: none;
        font-weight: 300;
        color: #fff;
        display: block;
        padding: 15px;
        }

        #subnavigation li a:hover{
            color: #4FFFBC;
            font-weight: 600;
            font-style: italic;
        }

        #subnavigation li .active{
            color: #4FFFBC;
        }

/* Breadcrumb */

.breadcrumb{
    background: #E1E3EA;
    }


    .breadcrumb a:hover{
        font-weight: 600;
        font-style: italic;
        text-decoration: none;
    }

    .breadcrumb .column{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 0.9375rem; /* 15px; */
        }











/* Hero */

    .hero{
        width: 100%;
        height:620px;
        background-image: url(../images/meerwasser2.jpg); 
        background-size: cover; 
        text-align: center;
        position: relative;
        } 

    .herocontainer{
        text-align: center;
        background-color: rgba(255,255,255,0.65);
        position: absolute;
        top: 50px;
        left: 35%;
        right: 35%;
        height: 530px;
        padding-top: 17px;
        border-radius: 10px;
                } 

.herocontainer h1{
    margin-top: 20px;
    line-height: 1.6;
}

.herocontainer h2{
    font-size: 3.0rem;
    margin-top: 20px;
    line-height: 1.6;
}

/* Fixiert */

.fixed{
    width: 100%;
    min-height:630px;
    background-image: url(../images/fixed2.webp); 
    background-size: cover;
    background-attachment: fixed; 
    text-align: center;
    position: relative;
    } 

    .fixed2{
        width: 100%;
        min-height:320px;
        background-image: url(../images/meerwasser.jpg); 
        background-size: cover;
        background-attachment: fixed; 
        text-align: center;
        position: relative;
        } 

        .fixed3{
        width: 100%;
        min-height:600px;
        background-image: url(../images/meerwasser.jpg); 
        background-size: cover;
        background-attachment: fixed; 
        text-align: center;
        position: relative;
        } 

        .fixed2 h1{
            color: #fff;    
            text-align: center;
            padding: 35px 0 0;
            text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
        }

/* Projekte */

.projekte {
    
    padding-top: 15px;
    padding-bottom: 0;
    padding-left: 60px;
    padding-right: 60px;
}

.desk_mobil{
-webkit-filter: drop-shadow(5px 5px 3px rgba(24, 40, 96, .6));
    filter: drop-shadow(5px 5px 3px rgba(24, 40, 96, .6));
}

.slider_mobil{
    display:none;
}

.mobil{
    display:none;
}

/* Slider */

.slider_desk p{
    text-align: center;
}

.slick-prev{
    left: -60px;
}

.slick-prev::before,
.slick-next::before {
    color: #fff;
    background: #576287;
    padding: 4pt 8pt 8pt 8pt;
   
    opacity: 1;
    border-radius: 50px;
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
}

.slick-dots li button::before {
    font-size: 26px;
    }

    .slick-dots li button {
        font-size: 26px;
    }

   /* .slick-slide img {
        max-height: 889px;
        max-width: 100%;
      }

    .single-item .mobil{
        display:none;
      } */


/* Lightbox */
#images img {
    max-width: 500px;
    margin: 35px;
    }

    .galery{
        text-align: center;
        background-color: #E1E3EA;
    }

    .lightbox .lb-image {
        /* border: 4px solid #182860;
        border-radius: 25px; */
        border: none;
        filter: drop-shadow(5px 5px 3px rgba(24, 40, 96, .6));
        
      }

      .lightboxOverlay {
       
        background-color: #182860;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.5;
        
      }

      

/* Blocks */

.blocks {
    background-color: #E1E3EA;
    padding-top: 10px;
    padding-bottom: 0;
}
 
    .blocks h2{
        text-align: center;
        margin-top: 35px;
    }

    .blocks h3, .blocks p{
        padding: 0 8%;
        hyphens: auto;
    }

    .blocks hr{
        margin: 0 8% 25px 8%;
        
    }

    .blocks .col_1_3{
        background-color: #fff;
        color:#1A2034;
    }

   

    

    .col_1_3 h3{
       color:#1A2034;
       font-weight: 600;
    }

    .col_1_3 hr{
        border-color:#1A2034;
     }



    .blocks .col_1_3_mitblau{
        width: 30%;
        background-color: #576287;
        color:#fff;  
    }

    .blocks .col_1_3_mitblau a, .blocks .col_1_3_sblau a{
        color:#4FFFBC; 
    }

    .col_1_3_mitblau h3{
        color:#fff;
        font-weight: 600;
    }

    .col_1_3_mitblau hr{
        border-color:#fff;
    }


   

    .blocks .col_1_3_sblau{
        width: 30%;
        background-color: #1A2034;
        color:#E1E3EA;
    }

    .col_1_3_sblau h3{
        color:#E1E3EA;
        font-weight: 600;
    }

    .col_1_3_sblau hr{
        border-color:#E1E3EA;
    }

    .blocks .col_1_3, .blocks .col_1_3_mitblau, .blocks .col_1_3_sblau{
        border-radius: 10px;
        height: 600px;
        box-shadow: 0px 10px 15px 0 rgba(24, 40, 96, .6);
        }

        /*
.arrow_down{
   height: 200px;
   width: 100%; 
} */


.oneblock {
    background-color: #fff;
    
    padding-bottom: 35px;
}

    .oneblock .col_1_hellblau{
            width: 100%;
            background-color: #E1E3EA;
            color:#1A2034; 
            border-radius: 10px; 
            box-shadow: 0px 10px 15px 0 rgba(24, 40, 96, .6);
        }

        .oneblock h3, .oneblock p, .oneblock ul{
            padding: 0 8%;
        }

        .oneblock h4{
            padding: 0 8%;
            margin-top: 30px;
            margin-bottom: 20px;
    
        }
    
        .oneblock hr{
            margin: 0 8% 25px 8%;           
        }

.arrow_down{
    margin-bottom: 35px;
}



   

/* Normaler Text */

.text p{
    padding: 0;
    margin: 0 0 25px;
}

/* Formular */

.formular{
    background-color: #E1E3EA;
    padding-top: 60px;
    padding-bottom: 20px; 
    }

    .formular p{
        padding: 0;  
    }

    .formular .column {
        float: left;
        margin: 0 0 0 5%;
        padding: 25px 0;
        }

        .formular .column:first-child{
            margin-left: 0;
            }    

    label { 
        display: block;
        /*! cursor: pointer; */
        font-weight: 600;
        margin-bottom: 6px;
        color:  #182860;
        }

        input[type='text'], textarea {
            width: 100%;
            border: 1px solid #1A2034;
            padding: 5px;
            font-family: 'Merriweather Sans', sans-serif;
            font-weight: 400;
            font-size: 15px;
            font-size: 0.938rem;
            line-height: 20px;
            line-height: 1.250rem;
            cursor: pointer;
            margin-bottom: 25px;
            }

            textarea {
                height: 120px;
                }
                
                
                input:hover, textarea:hover {
                    border: 1px solid #3DC692;
                    cursor: pointer;
                    }

                    input:focus, textarea:focus {
                        border: 1px solid #3DC692;
                        background: #fff;
                        }

                        input[type="submit"], input[type="reset"] {
                            font-family: 'Merriweather Sans', sans-serif;
                            font-weight: 400;
                            border: 0;
                            cursor: pointer;
                            margin-right: 20px;
                            background:#3DC692;
                            padding: 10px 20px;
                            text-decoration: none;
                            text-shadow: 1px 1px #4C967A;
                            font-weight: 600;
                            color: #fff;
                            font-size: 18px;
                            font-size: 1.125rem;
                            border-radius: 25px;
                            margin-bottom: 24px;
                            margin-top: 30px;
                            transition: all 0.18s linear 0s;
                            filter: drop-shadow(5px 5px 3px rgba(24, 40, 96, .4));
                        }

                        input[type="reset"] {
                            background:#182860;
                            text-shadow: 1px 1px #1A2034;
                        }

                        input[type="submit"]:hover{
                            background-color: rgba(255,255,255,0);
                            border: 1px solid #3DC692;
                            color: #3DC692;
                            text-decoration: none;
                            text-shadow: none;
                        }

                        input[type="reset"]:hover{
                            background-color: rgba(255,255,255,0);
                            border: 1px solid #182860;
                            color: #182860;
                            text-decoration: none;
                            text-shadow: none;
                        }
            
            
.impressum{
     background-color: #fff;
    padding-top: 40px;
    padding-bottom: 0;
} 

.datenschutz{
    background-color: #E1E3EA;
    padding-top: 40px;
    padding-bottom: 0;
}

/* Button */

.button{
    background: #fc9c1f;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 1px 1px #af7120;
    font-weight: 600;
    color: #fff;
    border-radius: 25px;
    display: inline-block;
    margin: 20px 20px 20px 0;
    transition: all 0.18s linear 0s;
    -webkit-filter: drop-shadow(5px 5px 3px rgba(24, 40, 96, .6));
    filter: drop-shadow(5px 5px 3px rgba(24, 40, 96, .4));
}

.button:hover{
    
    border: 1px solid #182860;
    color: #182860;
    text-decoration: none;
    text-shadow: none;
    background-color: rgba(255,255,255,0);
       }



/* Bilder */

img{
    max-width: 100%;
    height: auto;
    }

    .alignleft{
        float: left;
        margin: 5px 15px 15px 0;
        }

        .alignright{
            float: right;
            margin: 5px 0 15px 15px;
            }

.angebot {
    padding-top: 15px;
  padding-bottom: 0;
  background-color: #E1E3EA;
}

.portrait {
    padding-top: 15px;
  padding-bottom: 0;
  background-color: #E1E3EA;
  margin-top: 60px;
}

.portrait h1{
    padding-top: 0;
    margin-top: 35px;
    margin-bottom: 25px;
    text-align: left;
}


.grayscale {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

   

    .portrait img{
        border-radius: 50%;
  max-width: 100%;
  margin: 70px 0 15px 0;
  filter: sepia(1) hue-rotate(160deg) saturate(1.1) contrast(.8); 
   /*-webkit-filter: grayscale(1) brightness(1.2);
    filter: grayscale(1) brightness(1.2); */
  transition: all .2s ease-in-out;
    }

   .portrait img:hover{
        filter: none;
    } 




    .hellblau {
        background-color: #E1E3EA;
        padding-top: 0;
        padding-bottom: 0;
      }

.headline {
    color: #182860;
    text-transform: uppercase;
    text-align: center;
}

.subline {
    color: #576287;
    font-style: italic;
    text-transform: none;
}

.linien_liste li{
    list-style: none;
    padding: 12px 0;
    border-bottom: 1px solid #576287;   
    }

    .linien_liste{
        margin: 15px 0;
        border-top: 1px solid #576287;  
        }

/* Footer */

footer {
    text-align: center;
    background-color: #182860;
    color:#fff;
    padding-top: 8px;
}

footer img{
    max-height: 40px;
    margin-top: 15px;
}

footer a:hover{
    font-weight: 600;
    font-style: italic;
}


footer a{
    font-weight: 400;
    color:#4FFFBC;
    text-decoration: none;
}

.adress2{
    display: none;
}


#totop {
    position: fixed;
    right:30px;
    bottom:30px;
    background: #576287;
    color: #fff;
    padding: 10px 14px 10px 14px;
border: 1px solid #fff;
border-radius: 50px;
font-size: 26px;
line-height: 1;
opacity: .75;
display:none;
}

#totop:hover { 
    text-decoration: none; 
    border: 1px solid #182860;
    color: #182860;
    text-decoration: none;
    background-color: #fff;
}

.datenschutz h2 {
    margin-top: 40px;
}






/* Responsive Navigation */
#nav-open:target .nav-closed { display:none; } 

.nav-closed, #nav-closed:target .nav-closed, #nav-open:target .nav-open { display:none; }

.nav-toggle { display:none; }

a .nav-toggle .nav-closed{
    display:none;
}


/* Media Queries */


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

    .herocontainer{
        left: 25%;
        right: 25%;
    }

    

    .blocks .col_1_3, .blocks .col_1_3_mitblau, .blocks .col_1_3_sblau{
        height:auto;
        width:100%;
        margin-left:auto;
        margin-bottom: 25px;
    } 

   
 /*  
.column{
margin-left: 0;
}
*/

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

    /*  
    html{        
        font-size: 95%; 
    } */

    header{
        position: sticky;
        top: -120px;
    }

    /* Responsive Navigation */

    nav {
        /* display: none; */
        height: 0;
        transition:height .2s ease-in-out;
        overflow:hidden;
        }

    
        #nav-open:target .nav-closed { display:block; }

    

        #nav-open:target nav {
            /* display: block; */
            height: 246px;
            }

        .nav-toggle {
            display:block;
            background: #182860;
            padding: 0 15px 10px 15px;
            color:white;
            text-align:left;
            font-size: 1.875rem;  /* 30px; */
            font-weight: 300;
            text-decoration: none;
            }
             
            .nav-toggle:hover {
            
            text-decoration:none;
            color:#3DC692;
            }

    .nav-closed,
	#nav-closed:target .nav-closed,
	#nav-open:target .nav-open {
		display: none;
	}

    #navigation{
        margin-top:0;
        float: none;
        }
         
        #navigation li{
        display: block;
        margin-left: 0;
        margin-right:0;
        text-align: left;
        border-top: 1px solid #E1E3EA;
        }
         
        #navigation li a{
        margin-left: 0;
        display: block;
        padding: 15px;
        }

        #navigation ul{
            position: relative;
            display: block;
            top: 0;
            left:0;
            box-shadow: 0 0 0 rgba(0,0,0,0);
            width: 100%;
            margin-bottom: 0;
            background: #182860;
            }
             
            #navigation ul li a{
            border-bottom: 0;
            padding: 15px 15px 15px 60px;
            }

/* Ende Responsive Navigation */


.fixed {
    min-height: 540px;}



    .herocontainer{
        left: 20%;
        right: 20%;
        height: 430px;
    }

    .herocontainer h1{
        font-size: 3rem; /* 45px; */
        margin-top: 5px;
        margin-bottom: 10px;
      
    }

     .herocontainer h2{
        font-size: 2.53rem; /* 38px; */
        margin-top: 0px;
      
    }

    .hero{
        height: 530px;  
    }

    h1{font-size: 3rem; /* 48px; */}

    h2{font-size: 1.875rem; /* 30px; */
        text-align: center;
    }

    h3, h4{  
        font-size: 1.625rem;  /* 26px; */}

    

        .col_1, .col_1_2, .col_1_3, .col_2_3, .col_1_4, .col_3_4, .col_1_2 {
            width: 100%;
            margin-left: 0;
            }


.blocks .col_1_3, .blocks .col_1_3_mitblau, .blocks .col_1_3_sblau{
    width: 100%;
    height:auto;
}

/*  
.column{
margin-left: 0;
}
*/

.formular .column {
    margin-left:0;
     }

.portrait {
  margin-top: 10px;
}


.portrait img {
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 30%;
    margin-right: 30%;
    width: 40%;
    filter: none;
    }

.portrait h1{
    text-align: center;
    margin-top: 0;
}

    .column {

        margin-top: 5px;
       }

.angebot .col_1_2{
    margin-bottom:0;
    padding-bottom: 0;
}

.angebot .button{
    margin: 50px 20% 60px 20%;
}

.adress1{
    margin-top: 10px;
}

}


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

    html{        
        font-size: 90%; 
    }

    header {
        position: sticky;
        top: -105px;
      }

    #nav-open:target nav {
        height: 234px;
        }

        header img {
            max-height: 65px;
        }

  
/*
    .herocontainer{
        left: 20px;
        right: 20px;
    } */

    .hero{
        height: 530px;  
    }
    
    p {
        font-size: 17px;
       }
   

    

.col_1, .col_1_2, .col_1_3, .col_2_3, .col_1_4, .col_3_4, .col_1_2 {
width: 100%;
margin-bottom: 0;
}

.blocks .col_1_3, .blocks .col_1_3_mitblau, .blocks .col_1_3_sblau{
    width: 100%;
    height:auto;
    margin-bottom: 30px;
}



.column{
margin-left: 0;
}  

.adress1{
    display: none;
}

.adress2{
    display:inline;
}

.slider_mobil{
    display:block;
}

.slider_mobil p{
    padding-top: 0;
    text-align: center;
}

.slider_desk{
    display:none;
}

.desk_mobil{
    display: none;
    -webkit-filter: drop-shadow(5px 5px 3px rgba(24, 40, 96, .6));
    filter: drop-shadow(5px 5px 3px rgba(24, 40, 96, .6));
}


.mobil{
    display:block;
    text-align: center; 
    -webkit-filter: drop-shadow(5px 5px 3px rgba(24, 40, 96, .6));
    filter: drop-shadow(5px 5px 3px rgba(24, 40, 96, .6));
    
}

.button{
    display: block;
   margin: 50px 10% 20px 10%;
  text-align: center;
}

.portrait img {
    margin-left: 20%;
    width: 60%;   
  }



/* .projekte img{
    max-width: 360px;    
} */


}

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

      .fixed {
    min-height: 455px;
  }

    .herocontainer {
    left: 10%;
    right: 10%;
    height: 350px;
  }

    .herocontainer h1 {
        font-size: 2.53rem;
  }

   .herocontainer h2 {
    font-size:  1.875rem;
   }

    h1 {
    font-size: 2.53rem;
  }
 
}