/* CSS Document */
@media screen and (max-height: 700px){
    .LakeInfo{
        margin-top:-70px;
    }
	#welcome{
		top:45vh;
	}
}
@media screen and (max-width: 1760px){
    .mobnav{
        padding-left: 80px;
    }

}
@media screen and (max-width: 1681px){
    #bewirtung{
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 1650px){
    #fullWrapper .title{
        width: 100%;
        text-align: center;
        margin-left: 0!important;
    }
}
@media screen and (max-width: 1539px){
    #wvgLogo{
        width: 20%;
    }
	.mobnav{
        padding-left: 13px;
    }

    .lakeInfo{
		font-size: 16px;
		padding: 0;
	}
	.lakeInfo:first-child{
		padding: 0;
	}
}
@media screen and (max-width: 1507px){
    #headImg{
        /*margin-top: 150px;*/
        padding-bottom: 50px;
    }
    .contentSmall{
        width: calc(100% - 250px);
    }
	.contentTeaser span{
		padding: 0;
	}
	.contentTeaser span:nth-child(even){
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 1465px){
    .bodensee .nav, .defaultNav .nav{
        padding-top: 35px;
    }
	.bodensee .nav li, .defaultNav .nav li{
		float: left;
		margin-left: 70px;
	}
}
@media screen and (max-width: 1488px){
    .memberList h1{
        font-size: 60px;
    }
    .bodensee .nav li, .defaultNav .nav li{
		float: left;
		margin-left: 30px;
	}
}
@media screen and (max-width: 1400px){
    #threeElement h1 {
    font-size: 5vw;
    color: #174D96;
}
#threeElement span {
    font-size: 15px;
    line-height: 22px;
}
	.default_text table{
		font-size: 16px;
	}
    .bodensee{
        padding-top: 150px;
    }
}
@media screen and (max-width: 1369px){
    .team_info{
        font-size: 16px;
    }
}
@media screen and (max-width: 1335px){
    .mobnav{
        padding-left: 45px;
    }

}
@media screen and (max-width: 1300px){
    /*#welcome{
        top: 240px;
    }*/
    .member-berreich{
        padding-top: 50px;
    }
	.contentSmall {
    	width: calc(100% - 100px);
	}
	/*.LakeInfo{
		width: 100%;
		margin: 0;
	}*/
    .lakeInfo{
        width: 40%;
    }
	.lakeContent{
		display: flex;
		margin: auto;
		width: 100%;
        justify-content: center;
	}
	#events{
		padding-top: 30px;
	}
	#events h1{
		margin-left: 16.1%;
	}
	#events_table{
		width: 92%;
		font-size: 16px;
	}
    .tableHome{
        width: 100%!important;
    }
    .teamCard h2{
        font-size: 18px;
    }
    #threeElement{
        margin-bottom: 150px;
    }
    defaultTxtContent{
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 1217px){
    #wvgLogo{
        width: 30%;
    }
    #headImg {
        max-width: calc(100% - 220px);
    }
	.mobnav{
        padding-left: 0px;
    }
    .defaultNav {
		position: absolute;
		top: 4%;
		left: 30px;
	}
	.bodensee .nav li, .defaultNav .nav li{
		float: left;
		margin-left: 25px;
		margin-top: 15px;
	}
    table.seezeichen td:nth-child(2n){
    	min-width: 190px!important;
    }
    .wirtDetail{
        width: 75%;
    }
}
@media screen and (max-width: 1126px){
    .sponsorLogo{
        min-height: 65px;
    }
}
@media screen and (max-width: 1126px){
    #btn_nav{
        top: 40px;
        right:40px;
    }
    ul.mobnav li a{
        font-size: 3.5em;
    }
    ul.mobnav li ul li{
        margin-bottom: 0;
    }
    .bodensee .nav li, .nav li{
        font-size: 25px;
    }
    ul.mobnav li {
        width: 100%;
        text-align: center;
    }
    ul.mobnav li:nth-child(4) {
        padding-left: 15px;
    }
    .galFloat{
        font-size: 17px;
    }
}
@media screen and (max-width: 1056px){
    #threeElement div{
        width: 100%;
    }
    #subnavimg{
    	min-height: 450px;
    }
	/*.contentTeaser img{
		width: 15%;
	}*/
	/*.lakeInfo {
		color: #313131;
		padding-left: 30px;
		width: calc(50% - 10%);
		min-height: 64px;
	}
	.lakeInfo:nth-child(3){
		margin: 0;
    }	*/
	.defaultNav h1{
		font-size: 60px;
	}
    .member-berreich{
        margin-top: 30px;
        margin-bottom: 0;
        font-size: 60px;
    }
    #fullWrapper .title h1{
        font-size: 60px;
    }
    #fullWrapper h1 {
    padding-top: 40px;
    padding-bottom: 20px;
    }
    .year h1{
        font-size: 60px;
    }
    .titleBodensee{
        font-size: 60px;
    }
}
@media screen and (max-width: 991px){
    #headImg {

    max-width: calc(100% - 100px);
}
    h1{
        font-size: 60px;
    }
    #threeElement{
        display: block;
        margin-bottom: 20px;
    }
    #threeElement h1{
        font-size: 60px;
    }
    #threeElement div{
        padding: 0!important;
        text-align: center;
        margin-bottom: 30px;
    }
    .year, .gal{
        padding-left:0px;
        padding-right:0px;
    }
    .contentSmall{
        width:100%;
        padding-left:15px;
        padding-right:15px;
        margin-top: 0;
    }
    .sponsorLogo{
        min-height: 9.5em;
    }
    .team{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .team h1{
        font-size: 65px;
        width: 100%;
    }
    .teamCard h2{
        font-size: 21px!important;
    }
    .teamCard{
        margin-bottom: 25px;
    }
	.lakeInfo{
		display: flex;
		float: left;
	}
    .default_text{
        padding-right: 0;
        padding-bottom: 20px;
        margin: 0;
    }
    .default_text:nth-child(2){
        padding: 0px;
    }
    .default_text h1{
        padding-top: 50px;
    }
    .txtLeft{
        padding-bottom: 25px;
    }
    .txtLeft, .txtRight{
        padding-left: 0;
        padding-right: 0;
    }
    .defaultTxtContent:nth-child(2) {
    margin-top: 25px !important;
    }
    .defaultTxtContent{
        padding-bottom: 50px;
    }
	.threeElementWrapper{
		display: block;
	}
	.threeElement{
		margin-top: 60px;
		width: 100%;
	}
	.threeElement:nth-child(2){
		margin: 60px 0 0;
	}
	#events h1{
		font-size: 70px;
	}
    #footer{
        padding-top: 50px;
    }
	.footerCol{
		padding-top: 20px;
	}
    .tableMember{
        min-width: 750px;
    }
    #bewirtung{
        display: unset;
    }
    .team{
        margin: auto;
    }

    #footer{
        display: flex;
    }
    #footer .footerWrapp{
        width: 50%;
    }
    #footer .logoWrapp{
        width: 50%;
    }
	.logoWrapp .footerCol {
		text-align: center;
	}
    #footer .sposorWrapp{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #footer .sposorWrapp img{
        width: 100%;
    }
}
@media screen and (max-width: 880px){
    #events_table{
        min-width: 700px;
    }
    .tableHome{
        min-width: unset!important;
    }
    .tableMember{
        min-width: 700px;
    }
    .gal{
        height: 240px;
    }
}
@media screen and (max-width: 830px){
    #wirSind img{
        width: 7%;
    }
    #events h1{
		font-size: 55px;
	}
    .eventshome tr{
        line-height: 35px!important;
    }
    .bodensee{
        padding-top: 100px;
    }
    #footer{
        padding-top: 100px;
    }
    #subnavimg{
    	background-size: cover!important;
    	min-height: 300px;
    }
}
@media screen and (max-width: 805px){
    .bodensee .nav, .defaultNav .nav{
        padding-top: 10px;
        margin-left: 25px;
    }
	.navBodensee a, .defaultNav h1{
		font-size: 55px;
	}
	.navBodensee .nav li, .defaultNav .nav li{
		left: 0;
		top: 5px;
		margin:  0px 10px 0px 3px;
	}
	.navBodensee .nav a, .defaultNav .nav a{
		font-size: 25px;
	}
    contentTeaser{
        margin-top: 200px;
    }
    .contentTeaser{
        display: block;
    }
    .teaser{
        overflow: auto;
        width: 100%;
        margin-bottom: 15px;
    }
    .team{
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 768px){
    h1 {
    font-size: 70px;
    }
    .contentSmall h2, #meinedaten h2 {
    font-size: 50px;
    }
    #wvgLogo{
        width: 35%;
    }
    #logoWvg{
        padding-top: 25px;
        padding-left: 25px;
    }
    .navBodensee .nav li, .defaultNav .nav li{
        width: calc(50% - 13px);
        padding: 5px;
    }
	ul.mobnav li:nth-child(4) {
    padding-left: 15px;
    }
    .defaultNav{
        line-height: 25px;
    }
    .defaultNav h1{
        font-size: 45px;
    }
    .defaultTxtContent{
        margin-top: 50px;
    }
    .sponsorLogo{
        min-height: 5.5em;
    }
    .contentSmall{
		width: calc(100% - 125px);
	}
	.content{
		width: calc(100% - 70px);
	}

	.mobnav{
		padding-top:50px;
	}
	ul.mobnav li{
		clear: left;
		padding: 15px;
        margin: 0;
	}
	.gal{
		margin-bottom: 0px;
	}
	.galFloat{
		max-height: 300px;
		font-size: 15px;
	}
    #catering{
        width: 10%!important;
    }
    .memberList h1{
        font-size: 45px;
    }
} /*Ipad Hochformat*/
@media screen and (max-width: 666px){
    #btn_nav{
        right:15px;
        top:15px;
    }
    #logoWvg{
        padding:15px;
    }
    #headImg {
    max-width: calc(100% - 30px);
}
    #threeElement{
        margin-top: 60px;
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    .teaserNoCat{
        margin:0px;
    }
    .contentTeaser{
        padding-right:0px;
    }
    .defaultNav{
        left: 15px;
    }
    .lakeContent{
        margin:0px;
    }
    .content, .contentSmall{
        width:100%;
        padding-left:15px;
        padding-right:15px;
    }
    #body1 .contentSmall{
        padding-left:15px;
        padding-right:15px;
    }
    #events_table{
        margin: 25px 0;
    }
    #events_table tr{
        height:auto;
    }
	#logoWvg{
	}
    #btn_nav{
        padding: 0;
    }
	.lakeInfo{
		width: 100%;
		margin-top: 20px;
        margin-left: 0!important;
        justify-content: center;

	}
	.lakeContent{
        width: 0;
		min-width: 230px;
        justify-content: normal;
	}
	#events{
		padding-top: 100px;
	}
	#events h1{
		margin: 0;
		width: 100%;
	}
    .bodensee{
        width: 100%;
        margin:auto;
    }
	.navBodensee{
		top: 14px;
		left: 25px;
	}
	.navBodensee a, .navBodensee h1{
		font-size: 40px;
	}
	.navBodensee .nav li, .navBodensee .nav li{
		left: 0;
		top: 0;
		margin:  0px 10px 0px 3px;
	}
	.navBodensee .nav a, .navBodensee .nav a{
		font-size: 20px;
	}
	#headImg{
		/*margin-top: 150px;*/
	}
    .team{
        padding-bottom: 40px;
    }
	.team h1{
		font-size: 60px;
		padding: 55px 15px 55px 15px;
	}
	.teamCard{
		width: 100%;
        /*padding: 0 60px;*/
	}
	.team_info{
		padding-bottom: 35px;
	}
    #events{
        width: 100%;
        overflow-y: auto;
    }
    #events::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 14px;
      height: 14px;
    }
    #events::-webkit-scrollbar-thumb {
      border-radius: 8px;
      border: 3px solid #fff;
      background-color: rgba(0, 0, 0, .3);
    }
    .year h1{
        font-size: 60px;
    }
    .tableMember{
        margin-top: 30px;
    }
    .wirtDetail{
        width: 100%;
    }
}
@media screen and (max-width: 606px){
	.contentTeaser{
		font-size: 16px;
	}
	.threeElement h1{
		font-size: 60px;
	}
	.teamCard{
		width: 100%;
	}
    .mydata input, .mydata label {
        width:100%;
    }
}
@media screen and (max-width: 575px){

    #wirSind img{
        width: 60px;
    }
    #threeElement h1{
        font-size: 45px;
    }


	ul.mobnav li a:link, ul.mobnav li a:visited  {
		display:block;
		text-decoration:none;
		font-size:50px;
		line-height:48px;
		margin-left:30px;
		margin-right:13px;
	}
	ul.mobnav li a:hover, ul.mobnav a:active{
		color:#004994;
	}
	ul.mobnav ul {
		display:block;
	}
	ul.mobnav ul li a:link, ul.mobnav ul li a:visited  {
		color:#6F6F6E;
		border-bottom:1px dotted #004994;
		padding-left:20px;
		font-size:14px;
	}
	ul.mobnav ul li a:hover {
		color:#004994;
	}
	ul.mobnav li:nth-child(4) {
    padding-left: 15px;
    }
    .mobnav li ul a{
        font-size: 20px!important;
    }
    .mobnav li ul li{
        padding: 0!important;
    }
    #wirSind{
        font-size: 80px;
    }
	#events{
        padding-top: 0;
	}
    #events_table{
        margin: 15px 0;
        min-width: 620px;
    }
    #events_table input, .angemeldet{
        float: none;
    }
    #threeElement img{
        width: 8%;
    }
    .tableHome{
        min-width: unset!important;
    }
    .tableHome tr{
        line-height: 30px;
    }
	/*.teaser a, img{
    float: none;
	}*/
	.teaserNoCat a, img {
    float: none!important;
	}
	.contentTeaser{
        margin-bottom: 0;
	}
	.contentTeaser span {
    float: right;
	}
    .bodensee .nav, .defaultNav .nav{
        padding-top: 0;
    }
    .defaultNav h1{
        font-size: 32px!important;
    }
    .navBodensee .nav li, .defaultNav .nav li{
        padding-bottom: 5px;
    }
    .bodensee .nav li, .nav li{
        line-height: 18px;
    }
    .team h1{
        font-size: 50px;
    }
    .bodensee{
        padding-top: 50px;
    }
    .titleBodensee{
        font-size: 50px;
    }
    #footer{
        padding-top: 50px;
    }
    #fullWrapper .title h1{
        font-size: 50px;
    }
    .progr{
        font-size: 35px;
    }
    .member-berreich{
        margin-top: 0;
        font-size: 35px;
    }
    .tableMember{
        margin: 15px 0;
        min-width: 620px;
    }
    .more{
        float: none;
    }
    .impLinkDownTitle{
        font-size: 50px;
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 530px){
    .memberList h1{
        font-size: 28px;
    }
	.navBodensee .nav li, .defaultNav .nav li{
		width: 100%;
		padding:10px 5px;
	}
}
@media screen and (max-width: 475px){
    h1 {
    font-size: 55px;
    }
    .contentSmall h2, #meinedaten h2 {
    	font-size: 45px;
    }
    #wvgL
    .year h1{
        font-size: 35px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
	body{
		font-size: 16px;
	}
	.subTitle, h3 {
		font-size:18px;
	}
    #wvgLogo{
        width: 70%;
    }
    #headImg{
        /*margin-top: 120px;*/
    }
    .defaultNav{
        width: 93%;
    }
    .defaultNav li{
        width: 50%;
        font-size: 20px;
    }
	#btn_nav {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        padding: 0;
	}
    .teaser a{
        text-align: end;
    }
    .contantSmall h1{
        font-size: 60px;
    }
	ul.mobnav li a:link, ul.mobnav li a:visited  {
		font-size:40px;
	}
	/*.titleBodensee, .defaultNav h1{
		font-size: 50px !important;
	}*/
	/*.navBodensee, .defaultNav{
		top: 25px;
        top: 30%;
		left: 15px;
        width: 93%;
	}*/
    .defaultTxtContent{
        margin-top: 0;
    }
	.navBodensee .nav li, .defaultNav .nav li{
		margin: 0;
        width: 50%;
		padding-right: 10px;
	}
    .defaultNav .nav li a{
        font-size: 19px;
    }
    .seezeichen{
        font-size: 13px!important;
    }
    .seezeichen td:nth-child(2n){
        min-width: 160px!important;
    }
    .gal{
        height: 150px;
    }
	.galFloat{
		font-size: 13px;
	}
    .team h1{
        font-size: 60px;
        padding: 0 15px;
    }
    .team{
        padding-bottom: 0;
    }
    .teamCard h2{
        font-size: 25px!important;
    }
    .txt_box{
        margin-top: 40px;
    }
    #fullWrapper .title h1{
        font-size: 35px;
    }
    #fullWrapper h1 {
    padding-top: 20px;
    padding-bottom: 20px;
    }
    #events{
        margin-top: 25px;
        padding: 0;
    }
    #events_table{
        margin: 0;
    }
    .tableHome tr{
        line-height: 30px!important;
    }
    .progr{
        margin-bottom: 25px;
    }
    #catering{
        width: 5%!important;
    }
    .radioKlubhausResev{
        width: 5%!important;
    }
    .sponsor{
        font-size: 60px;
    }
}
@media screen and (max-width: 454px){
    /*.teaser a{
        margin-top: 20px;
    }*/
    .tableHome td:nth-child(odd){
        min-width: 160px;
    }
    .tableHome .blue_table:nth-child(2n), .tableHome th:nth-child(2n){
        padding-left: 24px;
    }
}
@media screen and (max-width: 419px){
    #wirSind{
        font-size: 65px;
    }
    .contentTeaser{
        width: 100%;
    }
}
@media screen and (max-width: 375px){
    #bewirtung{
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 360px){
    #btn_nav{
        padding: 0;
    }
    .navBodensee a, h1{
        font-size: 35px;
    }
	.teaser img{
		width: 20%;
	}

}