@charset "UTF-8";

@media screen and (max-width: 1385px) {
    header nav ul li a:link, 
    header nav ul li a:visited { font-size: 16px; margin-right: 0; }
    header nav ul li a::before { margin-right: 5px; }

    #slider { height: 300px; }

    #sctDeckung article { padding-top: 30px; padding-bottom: 0; }
    #sctDeckung article p,
    #sctDeckung article li { font-size: 14px; line-height: 16px; }
    #sctDeckung article .subtitle { font-size: 18px; margin: 3px 0 7px 0; }
    #sctDeckung article strong { margin: 10px 0 6px 0; }

    #sctRechner .calcdesc .calcResult { padding: 10px; }
    #sctRechner .calcdesc .calcResult .sectionTitle { font-size: 20px; }
    #sctRechner .calcdesc .calcResult p { font-size: 14px; line-height: 16px; }
    #sctRechner .calcdesc .calcResult .calcResultValue { font-size: 23px; }

    #ApplicationForm .right p { font-size: 12px; line-height: 14px; }
    #ApplicationForm label { font-size: 12px; line-height: 14px; }
    #ApplicationForm input, 
    #ApplicationForm textarea, 
    #ApplicationForm select { margin: 3px 0 6px 0; padding: 6px; }
    #ApplicationForm .right { padding: 30px 20px 0; }
    #ApplicationForm .right .col-1,
    #ApplicationForm .right .col-2 { padding: 5px 10px 0 10px; }

    #sctSchadenfall h2 { font-size: 26px; margin-top: 5px; margin-bottom: 7px; }
    #sctSchadenfall p { font-size: 14px; margin-bottom: 10px; }
    #sctSchadenfall li { font-size: 12px; }
	
	#sctLinks h2 { font-size: 26px; margin-top: 5px; margin-bottom: 7px; }
    #sctLinks p { font-size: 14px; margin-bottom: 10px; }
    #sctLinks li { font-size: 12px; }

    #sctKontakt h2 { font-size: 26px; margin-top: 5px; margin-bottom: 7px; }
    #sctKontakt p { font-size: 14px; margin-bottom: 10px; line-height: 16px; }
    #sctKontakt form { margin-top: 20px; }
    #sctKontakt .bluebg { padding: 20px 0 0 0; }
    #sctKontakt .bluebg .bigtitle { font-size: 20px; }
}

@media screen and (max-width: 1200px) {
    p { font-size: 15px; line-height: 15px; }
    #sctDeckung article p { line-height: 14px; }
    #sctKontakt form { width: 80%; }
    #calcResultAdd { display: block; line-height: 12px; font-size: 12px; }
    #sctRechner .calcdesc { padding-top: 30px; }
    #sctRechner .calcContent { padding-top: 40px; }
}


@media screen and (max-width: 1049px) {
    #logo { height: 50px; width: 100px; margin-left: 0; left: 0; top: 0px; overflow: hidden; }
    #logo img { margin-left: -65px; margin-top: -22px; }

    .section { padding-top: 70px; margin-top: -70px; }

    .toggleMobile { display: block; position: absolute; top: 15px; right: 15px; width: 40px; height: 36px; cursor: pointer; z-index: 999; }
    .toggleMobile span { display: block; position: absolute; width: 40px; height: 8px; left: 0; background: #0f72b5;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
    .toggleMobile span.menu1 { top: 0; }
    .toggleMobile span.menu2 { top: 14px; }
    .toggleMobile span.menu3 { top: 28px; }

    .toggleMobile.active span.menu1 { top: 14px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile.active span.menu2 {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile.active span.menu3 {
            opacity: 0;
            -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }

    header nav { height: 70px; }
    header nav ul { display: none; }

    #MobileMenu { position: fixed; top: 75px; left: 0; width: 100%; display: none; }
    #MobileMenu li a { display: block; background: #e9eff3; color: #0f72b5; padding: 12px 0; text-decoration: none; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; border-bottom: 1px solid #0f72b5; }

    .parallax { height: 100px; }

    #sctRechner .rechnerbg { display: none; }
    #sctRechner .calc { width: 40%; }
    #sctRechner .calcdesc { width: 60%; }

    #sctSchadenfall .cformbg,
	#sctLinks .cformbg,
    #sctKontakt .cformbg { display: none; }
    #sctSchadenfall .cform,
	#sctLinks .cform,
    #sctKontakt .cform { width: 100%; float: none; }
}

@media screen and (max-width: 850px) {
    .section { height: auto; }
    #slider { display: none !important; }

    #sctHome article { width: 50%; text-align: center; padding-left: 20px; padding-right: 20px; background: #f5fbff; }
    #sctHome p { font-size: 12px; }
    #sctHome p.title { font-size: 16px; }
    #sctHome article.homeTitle { background: #fff; }
    #sctHome article.singleline { clear: both; background: #fff; }

    #sctRechner .calcContent,
    #sctRechner .calcdesc,
    #sctDeckung article { padding: 30px 6%; }

    #sctHome h2,
    #sctDeckung article .title { font-size: 20px; }

    #sctKontakt .cform { padding-bottom: 60px; }

    #footer p { font-size: 12px; }

    #ApplicationForm .left { display: none; }
    #ApplicationForm .right > div { display: block !important; padding-bottom: 30px; }
    #ApplicationForm .right .applFormNext { display: none; }
    #ApplicationForm .right .formSend.c { display: block; position: relative; right: 0; margin: 20px 0; }
    #ApplicationForm .right h3 { position: relative; clip: auto; font-size: 22px; padding-left: 10px; margin: 5px 0 10px 0; }
    #ApplicationForm .right p { padding-left: 10px; }

    #sctHome article.homeTitle,
    #sctHome article.singleline,
    #sctDeckung article,
    #sctRechner .calc,
    #ApplicationForm .right,
    #sctRechner .calcdesc { width: 100%; float: none; }
}