
#Globales Umschreiben der Produktnamen
#tt_content.stdWrap.replacement.1 {
#    search = #(?<!<sup>)® #ixs
#    replace = <sup>®</sup>
#    useRegExp = 1
#}

tt_content.stdWrap.replacement.1 {
    search = #(seralea®)(?![^<>]*>) #ixs
    replace = <span class="text-brand">sera<span class="text-highlight">l</span>ea</span><sup>®</sup>
    useRegExp = 0
}

tt_content.stdWrap.replacement.3 {
    search = (4D-Technologie)
    replace = <span class="text-highlight">4D</span>-Technologie
    useRegExp = 1
}



#tt_content.stdWrap {
#    innerWrap.cObject = CASE
#    innerWrap.cObject {
#        key.field = layout
#
#
#        20 < tt_content.stdWrap.innerWrap.cObject.default
#        20 {
#            20.10.value = container container-primary
#            30.cObject.default.value = >|</div>
#        }
#        30 < tt_content.stdWrap.innerWrap.cObject.default
#        30 {
#            20.10.value = container container-secondary
#            30.cObject.default.value = >|</div>
#        }
#        40 < tt_content.stdWrap.innerWrap.cObject.default
#        40 {
#            20.10.value = container container-default
#            30.cObject.default.value = >|</div>
#        }
#
#    }
#}

# Rahmen definitionen
tt_content.stdWrap {
    innerWrap.cObject = CASE
    innerWrap.cObject {
        #key.field = section_frame
        #default {
        #    20.10.noTrimWrap = || csc-default csc-layout-{field: layout} csc-frame-{field: section_frame}
        #    20.10.insertData = 1
        #    #tt_content.innerWrap.cObject.default.20.10.noTrimWrap = || layout-{field:layout} |
        #    #tt_content.innerWrap.cObject.default.20.10.insertData = 1
        #}
        36 < tt_content.stdWrap.innerWrap.cObject.default
        36 {
#            10.cObject.default.value = <div id="c{field:uid}"
            20.10.noTrimWrap = || cta
            #20.10.value = cta
            30.cObject.default.value = >|</div>
        }
        31 =< tt_content.stdWrap.innerWrap.cObject.default
            31.20.10.value = cta

        32 =< tt_content.stdWrap.innerWrap.cObject.default
            32.20.10.value = productheader

        33 =< tt_content.stdWrap.innerWrap.cObject.default
            33.20.10.value = contentheader

        35 =< tt_content.stdWrap.innerWrap.cObject.default
            35.20.10.value = list-group-item


    }
}




# Inhaltselement Dateilinks - Titel statt Dateinamen ausgeben. HTML erlauben
tt_content.uploads.20.renderObj = COA
tt_content.uploads.20.renderObj.20.data = file:current:title // file:current:name



# aktuelle Seite im Menü für "Unterseiten dieser Seite" mit .active
tt_content.menu {
    20.1.1.ACT = 1
    20.1.1.ACT.allWrap = <li class="active">|</li>
}

# TypoLinks auch in HTML-Elementen parsen
#
# Syntax:
# ausgelassene Parameter können hinten weggelassen oder durch "-" freigehalten werden
# <link PID/URL/Mail TARGET/WIDTHxHEIGHT CLASS "TITLE">LINKTEXT</link>
#
# Beispiele:
# <link 2>Zur Seite</link>
# <link 7 - a-link "zur Information">hier</link>
# <link http://www.google.de 300x400 myPopup-class "in neuem Fenster">Google</link>
# <link info@abc.de - myMail "E-Mail senden">Kontakt</link>
#
tt_content.html.parseFunc.tags.link < lib.parseFunc.tags.link

# HTML und <link></link> in Tabellen erlauben
tt_content.table.20.innerStdWrap.htmlSpecialChars = 0
tt_content.table.20.innerStdWrap.parseFunc.tags.link < lib.parseFunc.tags.link







tt_content.image.20 {
#    caption.1.1.stdWrap.dataWrap =



##    caption.1 {
##
##        10.htmlSpecialChars = 0
##        10 = TEXT
###        1.if.isTrue.field = file:current:title
##        10 {
##            data = file:current:title
##            wrap = <span class="img-title">|</span>
##        }
##
##
###        20 = TEXT
###        20.if.isTrue.field = file:current:description
###        20 {
###            data = file:current:description
###            wrap = <span class="img-description">|</span>
###        }
##
##    }
#    caption.1 {
#        1 = TEXT
#        1.data = TEST
#    }
#
#    caption.11 = COA
#    caption.11 {
#
#
#
#        11.if.isTrue.field = file:current:title
#        10 = TEXT
#        10 {
#            data = file:current:title
#            wrap = <span class="img-title">|</span>
#        }
#    }
#
#    caption.20 = COA
#    caption.20 {
#
#        20.if.isTrue.field = file:current:description
#
#        10 = TEXT
#        10 {
#            data = file:current:description
#            wrap = <span class="img-description">|</span>
#        }
#    }



    borderThick = 0
    maxW = 1112
    maxH = 1112
    maxWInText = 1112

    equalH = 0


    addClassesImage =
    imageColumnStdWrap.dataWrap =

    rendering {

        singleNoCaption {
            rowStdWrap.wrap =
            noRowsStdWrap.wrap =
            lastRowStdWrap.wrap =
            columnStdWrap.wrap =
            noRowsStdWrap.wrap =
            allStdWrap.innerWrap.cObject.0.value =
        }
        noCaption {
            rowStdWrap.wrap =
            noRowsStdWrap.wrap =
            lastRowStdWrap.wrap =
            columnStdWrap.wrap =
            noRowsStdWrap.wrap =
        }
        splitCaption {
            rowStdWrap.wrap =
            noRowStdWrap.wrap =
            lastRowStdWrap.wrap =
            columnStdWrap.wrap =
            noRowsStdWrap.wrap =
        }

    }

    1 {
        layoutKey = default
        layout {
            default {
                element = <img src="###SRC###" width="###WIDTH###" height="###HEIGHT###" ###PARAMS### ###ALTPARAMS### ###BORDER### ###SELFCLOSINGTAGSLASH###>
                source =
            }

            srcset {
                element = <img src="###SRC###" srcset="###SOURCECOLLECTION###" ###PARAMS### ###ALTPARAMS### ###SELFCLOSINGTAGSLASH###>
                source = |*|###SRC### ###SRCSETCANDIDATE###,|*|###SRC### ###SRCSETCANDIDATE###
            }

            picture {
                element = <picture>###SOURCECOLLECTION###<img src="###SRC###" ###PARAMS### ###ALTPARAMS### ###SELFCLOSINGTAGSLASH###></picture>
                source = <source src="###SRC###" media="###MEDIAQUERY###" ###SELFCLOSINGTAGSLASH###>
            }

            data {
                element = <img src="###SRC###" ###SOURCECOLLECTION### ###PARAMS### ###ALTPARAMS### ###SELFCLOSINGTAGSLASH###>
                source.noTrimWrap = | data-###DATAKEY###="###SRC###"|
            }
        }

        sourceCollection >
        sourceCollection {
            small {
                width = 200

                srcsetCandidate = 800w
                mediaQuery = (min-device-width: 800px)
                dataKey = small
            }
            smallHires {
                if.directReturn = 1
                width = 300
                pixelDensity = 2

                srcsetCandidate = 800w 2x
                mediaQuery = (min-device-width: 800px) AND (foobar)
                dataKey = smallHires
                pictureFoo = bar
            }

            # For high-column layouts on big screens
            tiny {
                width = 240
                maxW < .width
                srcsetCandidate = 240w
            }


            # For small low-dpi devices or column layouts
            extrasmall {
                width = 480
                maxW < .width
                srcsetCandidate = 480w
            }
            # For medium low-dpi devices (e. g. iPad)
            small {
                width = 534
                maxW < .width
                srcsetCandidate = 50%
            }
#             For big low-dpi devices (e. g. desktop computers)
            normal {
                width = 1112
                maxW < .width
                srcsetCandidate = 100%
                mediaQuery = (min-device-width: 800px)
            }
            # For small high-dpi devices (e. g. iPhone 6)
            medium {
                width = 1140
                maxW < .width
                srcsetCandidate = 1140w

            }
            # For medium high-dpi devices (e. g. iPad Retina)
            large {
                width = 1440
                maxW < .width
                srcsetCandidate = 1440w
                # Works since TYPO3 7.5
                quality = 60
            }
            # For small high-dpi devices (e. g. iPhone 6+)
            extralarge {
                width = 1880
                maxW < .width
                srcsetCandidate = 1880w
                # Works since TYPO3 7.5
                quality = 60
            }
            # For big high-dpi devices (e. g. Mac Retina)
            huge {
                width = 2280
                maxW < .width
                srcsetCandidate = 2280w
                # Works since TYPO3 7.5
                quality = 60
            }
        }
    }
}
