@media screen and (max-width: 1920px) and (max-height: 1200px) {
    div.item-page { padding-top: 200px; }
}

@media screen and (max-width: 1920px) and (max-height: 1080px) {
    div.item-page { padding-top: 150px; }
}


@media screen and (max-width: 1600px) and (max-height: 900px) {
    div.item-page { padding-top: 150px; }
    div.video-text { font-size: 45px; }
}

@media screen and (max-width: 1300px) {
    .hide-small-screen { display: none; }

    div.item-page h1 { font-size: 40px; }
    div.item-page { font-size: 20px;  }

    div.intro-text { width: 700px; }
    div#intro-text1 p { line-height: 50px; font-size: 40px; }
    div#intro-text2 p { padding-top: 40px; line-height: 40px; font-size: 28px; }
}

@media screen and (max-width: 1400px) and (max-height: 900px) {

     body.page-fullpage div.item-page.ueber-uns h1 { font-size: 32px; }
    body.page-fullpage div.item-page.ueber-uns p { font-size: 18px; }

    .formResponsive .formHorizontal .rsform-block { margin-bottom: 4px; }
    .formResponsive .formHorizontal .formControls input,
    .formResponsive .formHorizontal .formControls textarea { font-size: 12px; height: 20px; line-height: 20px; }
    .formResponsive .formHorizontal .formControls textarea { height: 80px; line-height: 20px; }
    .formResponsive .formHorizontal .formControls label { padding-top: 4px; }
    .formResponsive .formError { margin: 0px; }
}

@media screen and (max-width: 1280px) and (max-height: 1024px) {

    body.page-fullpage div.item-page div.section.ueber-uns #person-peter { left: -30px; }

    div.impressionen .infobox-out h3 { font-size: 18px; margin-bottom: 8px; }
    div.impressionen .infobox-out p { font-size: 18px; line-height: 18px; }
    div.impressionen .infobox { padding: 10px; }
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
    #slogan { top: 115px; }
}

@media screen and (max-width: 1280px) and (max-height: 768px) {
    div.item-page { padding-top: 100px; }
    body.page-fullpage div.item-page div.section.ueber-uns div.item-page { padding-top: 100px; }
}

@media screen and (max-width: 1024px) and (max-height: 768px) {
    #menu ul.nav.menu li { margin-left: 12px; }

    div.item-page ul li { line-height: 25px; }

    body.page-fullpage div.item-page.kontakt { max-width: 940px; width: 940px; }
}

@media screen and (max-width: 1020px) and (max-height: 760px) {
    div.item-page h1 { font-size: 24px; line-height: 24px; margin: 8px 0px; }
    div.item-page p,
    div.item-page ul,
    div.item-page li { font-size: 18px; line-height: 24px; }
    div.item-page ul li { margin-bottom: 8px; }

    body.page-fullpage div.item-page div.section.kontakt img.v-top { height: 22px; }
    body.page-fullpage div.item-page div.section.kontakt input.rsform-submit-button { height: 30px; width: 166px; background-size: contain; background-repeat: no-repeat; }
}

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

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

    div.ideen .infobox-out { }
    div.ideen .infobox-out h3 { font-size: 18px; margin-bottom: 6px; }
    div.ideen .infobox-out p { font-family: 'aleolightitalic', Verdana, serif; font-size: 18px; line-height: 18px; }
    div.ideen .infobox { bottom: 20px; left: 20px; width: 250px; padding: 10px; }

    div.ideen-state-outside { bottom: 12px; }

    div.button-contact img { width: 160px; height: 160px; padding: 0px 20px 20px 0px; }

    div.item-page.impressionen ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink { margin: 5px; }
}


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

    div.item-page { max-width: 800px; width: 800px; }
    #header #logo { left: 20px; }

    #menu ul.nav.menu li { margin-left: 4px; font-size: 15px; }
}

@media screen and (max-width: 980px) {
    body,
    div.item-page,
    body.page-fullpage div.item-page div.section { min-width: 800px; }

    #header { min-width: 800px; height: 85px; }
    #header #logo { left: 20px; }
    #header #logo a img { width: 70%; }
    #menu { min-width: 650px; padding-left: 150px; top: 40px; }
    #menu ul.nav.menu li { margin-left: 4px; font-size: 13px; }

    body.page-fullpage div.item-page.kontakt { max-width: 800px; width: 800px; }
}

@media screen and (max-height: 800px) {
    #header { height: 85px; }
    #header #logo a img { width: 70%; }
    #menu { top: 40px; }
}


@media screen and (max-height: 1200px) {
    div.item-page { padding-top: 160px; }
}