CSS einbinden unterschiedliche index.html

Hallo,
wir arbeiten an einem projekt und haben 2 index.html. eine für die homepage und eine für direct_mail als newsletter.
Die css dateien für die homepage sollen aber nicht in die index des newsletters geladen werden. da der newsletter sonst sehr groß wird. wir haben 2 backendlayouts. eins für die homepage und eins für den newsletter angelegt. die funktionieren auch.

Typoscript verwenden wir über ein include im root der homepage. so das wir kein typoscript innerhalt der einzelenen seiten verwenden. es gibt eine page.ts die so aussieht.

wie kann ich sagen, das er bei der index der homepage alle css und js datein verwenden soll die da stehen und bei der des newsletters eine separate css datei?
index.html=homepage
index-2.html=newsletter

page{
    includeCSS.bootstrap = fileadmin/templates/bootstrap/css/bootstrap.css
    includeCSS.custom = fileadmin/templates/bootstrap/css/custom.css
    includeCSS.custom = fileadmin/templates/bootstrap/css/docs.css
    includeCSS.styles = fileadmin/templates/assets/css/styles.css
    includeCSS.templates = fileadmin/templates/assets/css/templates.css
    includeCSS.flexslider = fileadmin/templates/extensions/flexslider/flexslider.css

    includeJS.jquery = fileadmin/templates/assets/js/jquery-min.js
    includeJSFooter.bootstrap = fileadmin/templates/bootstrap/js/bootstrap.min.js
    includeJSFooter.flexslider = fileadmin/templates/extensions/flexslider/jquery.flexslider-min.js

    10 = FLUIDTEMPLATE
    10 {
        file = {fileadmin/templates/index.html
            file.stdWrap {
                override = fileadmin/templates/index-2.html
                override.insertData = 1
            }
        layoutRootPath = fileadmin/templates/layouts/
        partialRootPath = fileadmin/templates/partials/

        variables {
            siteName = TEXT
            siteName.value = xyz

            contentRight < styles.content.getLeft
            slider < styles.content.get
            contentLeft < styles.content.getRight
            footer < styles.content.getBorder
        }
    }
}

ich bin dem ganzen glaub etwas näher gekommen. habe das page objekt kopiert und das neue newsletter genannt. dort habe ich die andere index.html eingefügt und alle css sachen gelöscht und die eine separate eingebunden.
dann ich ich etwas zu layout switches gelesen und folgendes probiert was aber nicht geht.

Folgender fehler tritt auf. #1294587217: The page is not configured! [type=0][]. This means that there is no TypoScript object of type PAGE with typeNum=0 configured.

Ist die 1 hier die UID des backendlayouts? --> globalVar = TSFE:page|backend_layout = 1

ich denke das mit dem switch stimmt nicht. könnt ihr mir helfen?

[globalVar = TSFE:page|backend_layout = 1]

page = PAGE
page.typeNum=0
page{
    includeCSS.bootstrap = fileadmin/templates/bootstrap/css/bootstrap.css
    includeCSS.custom = fileadmin/templates/bootstrap/css/custom.css
    includeCSS.custom = fileadmin/templates/bootstrap/css/docs.css
    includeCSS.styles = fileadmin/templates/assets/css/styles.css
    includeCSS.templates = fileadmin/templates/assets/css/templates.css
    includeCSS.gruppe2 = fileadmin/templates/assets/css/gruppe2.css
    includeCSS.flexslider = fileadmin/templates/extensions/flexslider/flexslider.css

    includeJS.jquery = fileadmin/templates/assets/js/jquery-min.js
    includeJSFooter.bootstrap = fileadmin/templates/bootstrap/js/bootstrap.min.js
    includeJSFooter.flexslider = fileadmin/templates/extensions/flexslider/jquery.flexslider-min.js

    10 = FLUIDTEMPLATE
    10 {
       ...
}

[globalVar = TSFE:page|backend_layout = 3]

newsletter = PAGE
newsletter.typeNum=1
newsletter{

    includeCSS.directmail = fileadmin/templates/extensions/directmail/directmail.css
    ....
    10 = FLUIDTEMPLATE
    10 {
}


[global]

Leg dir auf der Überseite deines Newsletters ein Typoscript-Template an und überschreib einfach die ungewünschten CSS Einträge.

Etwa so:

page{
includeCSS.bootstrap <
includeCSS.custom <
includeCSS.custom <
includeCSS.styles <
includeCSS.templates <
includeCSS.gruppe2 <
includeCSS.flexslider <
}