.kontakt_menu {
    text-align:right;
    clear:both;
}


.kontakt_menu .pulldown { display:none }
.kontakt_menu .pulldownitems { display:block }

.kontakt_menu a { color:black;font-family: 'Atlas Regular';font-size:18px;margin-left:33px;cursor:pointer;text-transform:uppercase }
.kontakt_menu .sel { color:#BC8A5B }



.kontakt_item { display:none }
.kontakt_item:first-child { display:block }

.kontakt_item > div { margin-top:70px; }
.kontakt_item .items { float:left;width:24%;height:233px }
.kontakt_item .items2 { float:left;width:50%;height:233px }
.kontakt_item > div > h3 { color:#A9ADB0;font-size:66px;font-family: 'Atlas Medium'; }
.kontakt_item > div > div > h4 { color:#A9ADB0;font-size:22px;text-transform:uppercase }
.kontakt_item > div > div > h3 { color:#BC8A5B;font-size:32px;text-transform:uppercase;padding-top:7px;padding-bottom:1px }
.kontakt_item > div > div > p { padding:0px;margin:0px;font-size:22px;font-family: 'Atlas Light'; }

.kontakt_item > div.items2 > div > h3 { padding-bottom:20px }
.kontakt_item > div.items2 > div > p { font-size:18px;margin-right:50px }
.kontakt_item > div.items1 > div > h3 { padding-bottom:20px }
.kontakt_item > div.items1 > div > p { font-size:17px;margin-right:50px;padding-bottom:20px }

.kontakt_bild { clear:both;background-position:center center;background-size:cover; }

.sponsoren { padding:0px 0px 30px 0px;  line-height:175px;  }
.sponsoren a { height:171px;display:inline-block }
.sponsoren a img { margin-right:30px; vertical-align:middle;   }
.sponsoren a:last-child img { margin-right:0px }
.sponsorentext h4 { font-size:35px;font-family: 'Atlas Regular';padding-top:60px }
.intro + .sponsorentext h4 { padding-top:0px }

 .intro { margin-top:60px; }

.kontakt_bild > div {
    height:360px;
    background-image:url('../grafik/allgemein/img_halbkreis.png');
    background-repeat:no-repeat;
    background-position:top right;
    background-size:contain;

    color:white;
    text-align:right;
    padding:160px 20px 0px 0px;
}

.kontakt_item .kontakt_bild div h3 { font-family: 'Atlas Regular';font-size:26px;color:white }
.kontakt_item .kontakt_bild div h4 { font-size:18px;color:white;text-transform:none;font-family: 'Atlas Light'; }
.kontakt_bild div div { margin:20px 0px }
.kontakt_bild a { color:white }

.img_Spielorte {
    background-image:url('../grafik/content/img_kontakt_spielorte_2024_kl.png?t=2');
}
.img_Anfahrtsplan {
    background-image:url('../grafik/content/img_kontakt_anfahrtsplan.jpg?t=2');
}
.img_Parkplätze {
    background-image:url('../grafik/content/img_kontakt_parkplaetze.jpg?t=2');
}


@media screen and (max-width: 1640px)   {
    .kontakt_item .items { width:25%; }
}

@media screen and (max-width: 1470px)   {
   .kontakt_item > div > div > h3 { font-size:21px; }
   .kontakt_item > div > div > p {font-size:17px;}
   
    .kontakt_item > div.items2 > div > h3 { padding-bottom:5px;font-size:18px }
    .kontakt_item > div.items2 > div > p { font-size:15px }
    .kontakt_item > div.items1 > div > p { font-size:15px }
}

@media screen and (max-height: 1060px)   {
    .kontakt_item > div { margin-top:20px; }
}

@media screen and (max-height: 1000px)   {
    .kontakt_item > div > h3 { font-size:54px; }
    .kontakt_item > div > div > h4 { font-size:20px }
    .kontakt_item > div > div > h3 { font-size:20px; }
    .kontakt_item > div > div > p { font-size:17px }
    .kontakt_item .items { height:193px }
    .kontakt_item .items2 { height:153px }
}

@media screen and (max-height: 930px)   {
.kontakt_bild > div {
    height:300px;
    padding:140px 20px 0px 0px;
}

.kontakt_item > div > h3 { font-size:36px; }
.kontakt_item > div > div > h4 { font-size:17px }
.kontakt_item > div > div > h3 { font-size:22px; }
.kontakt_item > div > div > p { font-size:17px }
.kontakt_item .items { height:166px }
.kontakt_item .items2 { height:126px }
}

@media screen and (max-height: 820px)   {
.kontakt_bild > div {
    height:280px;
    padding:100px 20px 0px 0px;
    font-size:14px;
}
.kontakt_item .kontakt_bild div h3 { font-size:20px; }
.kontakt_item .kontakt_bild div h4 { font-size:16px; }
.kontakt_item > div.items2 > div > p { font-size:16px;  }
}



@media screen and (max-width: 900px)   {
    .kontakt_item > div > div > h3 {
        font-size:14px
    }
    .kontakt_item > div > div > p { font-size:12px }
    .kontakt_item .items2, .kontakt_item .items { height:200px; }
    .kontakt_item > div.items2 > div > h3 { padding-bottom:5px }
    .kontakt_item > div.items2 > div > p { font-size:14px }
    .kontakt_item > div.items1 > div > p { font-size:14px }
}



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

    .kontakt_bild > div { display:none }
    .kontakt_item .items2 { width:100%;height:auto;padding-bottom:20px }
    .kontakt_bild { height:250px;background-repeat:no-repeat;background-position:top }

    .kontakt_item .items { height:200px }

    .kontakt_menu { height:30px }
    .kontakt_menu .pulldown { width:180px;margin-left:30px; background:url('../grafik/buttons/ico_medien_jahr_dropdown_pfeil_schwarz.png') no-repeat right center; cursor:pointer;text-align:left;text-transform:uppercase; font-family: 'Atlas Regular';font-size:18px;padding-left:4px;display:block;float:right }
    .kontakt_menu .pulldownitems { position:absolute;display:none;margin-left:20px;border:solid 1px black;border-top-width:0px;z-index:102;background-color:white;right:5px;margin-top:23px }
    .kontakt_menu .pulldownitems a { display:block;width:180px;padding:8px 10px;text-align:left;margin-left:0px}
    .kontakt_menu .pulldownitems a:first-child { padding-top:14px }
    .kontakt_menu .pulldownitems a:last-child { padding-bottom:14px }

    .kontakt_item .items { width:25% }
    .kontakt_item > div.items > div > h4 { font-size:20px;text-align:center }
    .kontakt_item > div.items > h3 { cursor:pointer;text-align:center }
    .kontakt_item > div.items > div { border-bottom:solid 5px #A9ADB0;padding-bottom:10px;margin-right:5px }
    .kontakt_item > div.items > div > h3 { position: absolute; left: 10px; margin-top: 26px; display:none;font-size:30px; }
    .kontakt_item > div.items > div > p { position: absolute; left: 10px; margin-top: 69px; display:none; font-size:18px }
    .kontakt_item > div.kontaktsel > div > h4 { color:#BC9A5C }
    .kontakt_item > div.kontaktsel > h3 { color:#BC9A5C }
    .kontakt_item > div.kontaktsel > div > h3 {  display:block }
    .kontakt_item > div.kontaktsel > div > p {  display:block }
    .kontakt_item > div.kontaktsel > div { border-bottom: solid 5px #BC8A5B; }

    .kontakt_item .items { max-width:120px }

    .img_Parkplätze { background-position:top right }
    
    .sponsorentext  { padding:0px 15px 0px 15px; text-align:center; }
    .sponsorentext h4 { font-size:25px; }


    .sponsoren { padding:0px 15px 30px 15px; text-align:center;  }
    .sponsoren a img {
            margin: 0em auto 0em auto;
            max-width:100%;
        }

@media screen and (max-width: 440px)   {
    .kontakt_item > div.items > div > h4 { font-size:18px; }
}

@media screen and (max-width: 380px)   {
    .kontakt_item > div.items > div > h4 { font-size:15px; }
}