html {scroll-padding-top:130px ;}
html, body {margin:0;}
#head .inner { max-width: 1920px; position: relative; margin: auto;}
#head .top {position: absolute; left: 0; left: 0; z-index: 99; width: 100%; }
#head .top_content {display:flex;    justify-content: space-between; max-width: 1920px; margin: auto;}
#head .logo {
    margin-top: 22px;
    margin-left: 21px;
    width: 387px;
    height: 69px;
}
.top.fixed {position:fixed !important; background: #edf9f3 0% 0% no-repeat padding-box;z-index: index 9999 !important; }
#head .top.fixed .logo img.fixed {display: block !important;}
.top.fixed .logo img.notfixed {display: none;}
.hiddenscreen {position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;}


#head .nav {
justify-content: end;
}
#head .nav ul {display: inline-block; margin-top: 30px;}
#head .nav ul li {display: inline-block; margin:0 15px;}
#head .nav ul li a {color:#ffffff; text-decoration: none; font: normal normal bold 22px/29px Calibri,sans-serif; letter-spacing: 0.9px;} 
#head .top.fixed .nav ul li a {color:#000000; text-decoration: none; font: normal normal bold 22px/29px Calibri,sans-serif; letter-spacing: 0.9px;} 

#head .logo img {width: 100%; height: auto;}
.background {background-image: url(../Images/welle_head_4.png); position: absolute; bottom:18px; height: 180px; background-size: cover; width: 100%; z-index: 98;}
.container {max-width: 1920px; display: flex;margin:auto}
.container.small {max-width: 1024px; display: flex;margin:auto}

.owl-theme .owl-nav.disabled + .owl-dots {margin-bottom: 40px;}
.owl-theme .owl-nav.disabled + .owl-dots span {margin: 10px 7px 0px 7px;}
.col_6 {width: calc(50% - 20px); align-items: flex-start}
.col_6.imgleft { margin-left: 20px;}
.col_6.imgright { margin-right: 20px;}

.col_6 img {width: 100%;}
.col_12 {width: 100%;}
.col_6 .inner {padding-left: 50px;}
.col_6.text {padding-left: 326px; width: calc(50% - 326px);}
.postop {margin-top: -207px; margin-bottom: 0;}
h1 {
    
    /* UI Properties */
    
    text-align: left;
    font: normal normal bold 46px/63px Calibri,sans-serif;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
margin-top: 0;
}
h2 {
    
    /* UI Properties */
    
    text-align: left;
    font: normal normal bold 40px/57px Calibri,sans-serif;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
margin-top: 0;
}
h3 {
    
    /* UI Properties */
    
    text-align: left;
    font: normal normal normal 32px/28px Calibri,sans-serif;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;}
    h4 {
    
        /* UI Properties */
        
        text-align: left;
        font: normal normal normal 30px/26px Calibri,sans-serif;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;}
    .col_6 p, .col_12 p { font: normal normal normal 24px/28px Calibri,sans-serif;
        letter-spacing: 0px;
        color: #000000;}
        .col_6 a {color:#015C9A; text-decoration: none;}
        .col_6 ul { margin-bottom: 60px;}
   .col_6 ul li, .col_12 ul li {text-align: left;
        font: normal normal normal 24px/32px Calibri,sans-serif;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        margin-bottom: 15px;
    }
        
    blockquote {text-align: center;
            font: italic normal bold 30px/43px Calibri, sans-serif;
            letter-spacing: 0px;
            color: #000000;
            opacity: 1;
        max-width: 784px;
    margin: -70px auto 200px auto;
}
.formlefttop blockquote {margin:80px auto 60px auto; }
#vortraege {margin-bottom: 200px;}
#footer {
    width: 100%;
    background-image: url(../Images/welle_footer.png); background-size: cover;
    position: relative;
    padding-bottom: 154px;
}
#kontakt {max-width: 1920px;}
#kontakt .col_12 {display: flex; flex-direction: column;}
#kontakt .col_12 p {margin: auto;}
#kontakt form { margin: auto; display: flex; max-width: 1046px;}
#kontakt form h2 {display: none;}
#kontakt form label {display: none;}
#kontakt form .row {display: flex; margin-bottom: 20px;}
#kontakt form fieldset {border: none;}
#kontakt form legend {display: none;}
#kontakt form input {width: 350px; border:1px solid #000; margin: 0 5px; font: normal normal normal 24px/34px Calibri, sans-serif;
    letter-spacing: 0px;
    color: #000000;}
#kontakt form .actions {margin-left: 70px;}
#kontakt form .btn {width: 200px; height: 200px; background-image: url(../Images/kontakt.png); border:none; text-indent: -9999px; background-color:transparent;}    
#kontakt form textarea {width: 714px; padding:0; margin: 0;border:1px solid #000; margin: 0 5px; font: normal normal normal 24px/34px Calibri, sans-serif;
    letter-spacing: 0px;
    color: #000000; padding-left: 2px;}
#kontakt form input[type="image"] {border: none; height: 200px; width: 200px;}
#kontakt .formlefttop {max-width: 1046px; margin: auto;}
#kontakt blockquote {margin-right: 270px; }
.formlefttop {margin-bottom: 20px;}
.formleft {margin-right: 100px;}
.formright {align-content: end;}
.footerbottom {background: #FFFFFFB2 0% 0% no-repeat padding-box;  position: absolute; bottom: 10px; width: 100%; height: 80px;}
#footer .footerbottom .inner {display: flex; margin: auto; max-width: 1920px;justify-content: space-between; padding: 0;}

.footerleft img {height: 41px; width: auto; margin: 15px 0 0 20px}
.footernav ul {margin:0; padding: 0;display: flex; margin-top: 26px;}
.footernav li {list-style-type: none; margin: 0 10px 0 0; padding: 0;}
.footernav li a {font: normal normal normal 22px/27px Calibri, sans-serif;
    letter-spacing: 0px;
    color: #000000; text-decoration: none;}
#footer .inner {padding-top: 200px;}
.responsive {display: none;}
#impressum #content {padding-bottom: 80px;}
@media only screen and (max-width:1400px) {
    blockquote {margin: 0 auto 220px auto;}
}
@media only screen and (max-width: 1024px) {
    #vortraege {margin-bottom: 0;}

    .container {flex-direction: column;}
    .col_6 {width: 100%;}
    .col_6.textleft, .col_6.textright {width:100%; background-color: #c4ead6; }
    .col_6.textleft .inner, .col_6.textright .inner {margin: 0 0 20px 0; background-color: #fff;padding:0 20px 0 40px}
    h1 {font-size: 23px;}
    h2 {font-size:21px; margin-bottom: 0; margin-top: 0px;} 
    h3 {font-size: 19px;margin-top: 0; margin-bottom: 15px;}
    h4 {font-size: 17px;margin-top: 0; margin-bottom: 15px;}

    .col_6 p {font-size: 16px; margin-top: 0;} 
    .col_6 ul li {font-size: 16px; margin-bottom: 5px; line-height: 18px;}
    .col_6 ul {padding: 0 0 20px 0; margin: 0;}
    .desktop {display: none;}
    .mobil {display: block !important;}
    blockquote{width: calc(100% - 80px); margin: 40px 40px; font-size: 19px; line-height: 23px; background-color: ;}
    #head .background {display: none;}
    #head .nav {width: 100%;position: absolute;background-color: #7baeba; display:none;}
    #head .nav ul li {width: 100%;}
    #head .logo {width: 100px;}
    .responsive {margin: 10px 10px 0 0; display: block; cursor: pointer;z-index: 9999;}
    #footer {background-image: none; background-color: #c4ead6;}
    #footer .inner {padding-top:0;}
    #footer blockquote {font-size: 22px;}
    #kontakt form {flex-direction: column;}
    #kontakt form input { width: calc(100% - 40px); margin: 0 20px; margin-bottom: 20px;}
    #kontakt form textarea {width: calc(100% - 40px); margin: 0 20px; margin-bottom: 20px; padding: 0 0 0 3px}
    .footerleft img {height: 20px;}
    .footernav li a {font-size: 16px;}
    .footerbottom {height: 50px;}
    .footernav ul {margin-top: 13px;}
    .formlefttop {margin-bottom: 0;}
    .formleft {margin: 0;}
}