#:import hex kivy.utils.get_color_from_hex
# -> disables alpha controlls (use with care)
Screen_Manager:
    MainScreen:
    CardSetScreen:
    CardOptionScreen:
    CardSearchScreen:
    CardGroupsScreen:
    CardSelectorScreen:
    CardDetailScreen:
    FormationOverviewScreen:
    FormationGroupScreen:
    FormationSearchScreen:
    FormationSelectorScreen:
    FormationDetailScreen:

<BackgroundColor@Widget>
    background_color: 1, 1, 1, 1
    canvas.before:
        Color:
            rgba: root.background_color
        Rectangle:
            size: self.size
            pos: self.pos

<BackgroundLabel@Label+BackgroundColor>
    background_color: 0, 0, 0, 0

<CheckboxBtn@Button>
    background_normal: 'Assets/UI/ButtonFrame_majestic.png'
    size_hint: 1, 1
    toggledState: False

<BackButton@Button+BackgroundColor>
    id: bgButton
    text: "[color=fdc84a]<[/color]"
    background_normal: ''
    background_down: ''
    background_color: 0.027, 0.231, 0.306, 1
    font_size: 28
    font_name: "Assets/Fonts/AlexBrush-Regular"
    size_hint: 0.1,0.1
    pos_hint: {"x":0, "top": 1}
    halign: 'center'
    valign: 'middle'
    markup: True
    targetScreen: None
    on_press:
        background_color = (0.027, 0.231, 0.306, 1)
    on_release:
        background_color = (0.004, 0.098, 0.133, 1)
        app.changeScreenTo(app.root,self.targetScreen,"right")

<ImageButton@Button>
    source: 'Assets/Backgrounds/Formation_Detail_BG.png'
    id: None
    size_hint: 1, 0.9
    pos_hint: {"x":0, "top": 0.9}
    Image:
        source: root.source
        pos: root.pos
        size: root.size
        allow_stretch: True
        keep_ratio: False

<Cardscroller@ScrollView>
    id: scroller
    sm: root.sm
    pos_hint: {"x":0, "top": 0.9}
    size_hint_y: 0.9
    do_scroll_x: False
    do_scroll_y: True
    scroll_type: ['content']
    effect_cls: "ScrollEffect"    
    GridLayout:
        id: grid
        cols: 1
        size_hint: 1, None
        height: self.minimum_height
        row_force_default: False
        row_default_height: 40
        BackgroundLabel:
            markup: True
            text: '[color=fdc84a]Kartenset[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'
        BoxLayout:
            orientation: 'horizontal'
            Button:
                id: thothBtn
                markup: True
                text: "[color=fdc84a]Thoth[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                halign: 'center'
                valign: 'middle'
                on_release:
                    root.sm.get_screen('card_detail_screen').changeDeck('Thoth (Crowley)')
            Button:
                id: riderBtn
                markup: True
                text: "[color=fdc84a]Rider/Waite[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                halign: 'center'
                valign: 'middle'
                on_release:
                    root.sm.get_screen('card_detail_screen').changeDeck('Rider/Waite')
        BackgroundLabel:
            text: '[color=fdc84a]Arkan[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'
            markup: True
        BackgroundLabel:
            id: groupName
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'
        BackgroundLabel:
            text: '[color=fdc84a]Element[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'
            markup: True
        BackgroundLabel:
            id: elementName
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'
        BackgroundLabel:
            text: '[color=fdc84a]Zeichen[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'
            markup: True
        BackgroundLabel:
            id: signName
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'
        BackgroundLabel:
            text: '[color=fdc84a]Beschreibung[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'
            markup: True
        BackgroundLabel:
            id: description
            markup: True
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28

<Formscroller@ScrollView>
    id: fscroller
    sm: root.sm
    pos_hint: {"x":0, "top": 0.9}
    size_hint_y: 0.9
    do_scroll_x: False
    do_scroll_y: True
    scroll_type: ['content']
    effect_cls: "ScrollEffect"    
    GridLayout:
        id: grid
        cols: 1
        size_hint: 1, None
        height: self.minimum_height
        row_force_default: False
        row_default_height: 40
        Button:
            id: SearchCardBtn
            markup: True
            text: "[color=fdc84a]Kartensuche[/color]"
            background_normal: 'Assets/UI/ButtonFrame_majestic.png'
            border: [.5,1,.5,1]
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'
            on_release:
                root.sm.get_screen('formation_detail_screen').cardSearch()
        BackgroundLabel:
            markup: True
            text: '[color=fdc84a]Beschreibung[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: formationDesc
            markup: True
            text: '[color=fdc84a]Keine[/color]'
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_1
            markup: True
            text: '[color=fdc84a]Position 1[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_1
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_2
            markup: True
            text: '[color=fdc84a]Position 2[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_2
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_3
            markup: True
            text: '[color=fdc84a]Position 3[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_3
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_4
            markup: True
            text: '[color=fdc84a]Position 4[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_4
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_5
            markup: True
            text: '[color=fdc84a]Position 5[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_5
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_6
            markup: True
            text: '[color=fdc84a]Position 6[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_6
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_7
            markup: True
            text: '[color=fdc84a]Position 7[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_7
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_8
            markup: True
            text: '[color=fdc84a]Position 8[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_8
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_9
            markup: True
            text: '[color=fdc84a]Position 9[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_9
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_10
            markup: True
            text: '[color=fdc84a]Position 10[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_10
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_11
            markup: True
            text: '[color=fdc84a]Position 11[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_11
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20
        BackgroundLabel:
            id: head_12
            markup: True
            text: '[color=fdc84a]Position 12[/color]'
            background_color: 0.027, 0.231, 0.306, .4
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            halign: 'center'
            valign: 'middle'                
        BackgroundLabel:
            id: desc_12
            markup: True
            background_color: 0.004, 0.098, 0.133, 0.3
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 20
            halign: 'left'
            valign: 'middle'      
            size_hint_y: None
            text_size: self.width, None
            height: self.texture_size[1]+20

<MainScreen>:
    name: "main_screen"
    id: main_screen
    Image:
        source: 'Assets/Backgrounds/Background-3.png'
        size: self.texture_size
        allow_stretch: True
        keep_ratio: False
    StackLayout:
        pos_hint: {"top": 1}
        size_hint: [1,1]
        padding: 10
        spacing: [0,40]
        Image:
            source: 'Assets/AppIcons/titleIcon.png'
            size_hint: [1,0.4]
            allow_stretch: True
            keep_ratio: False
        StackLayout:
            pos_hint: {"top": 0.9}
            size_hint: [1,0.9]
            padding: 25
            spacing: [0,25]
            Button:
                text: "[color=fdc84a]Karten[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                markup: True
                on_release:
                    main_screen.btn_pressed('cards')
            Button:
                text: "[color=fdc84a]Legemuster[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                markup: True
                on_release:
                    main_screen.btn_pressed('formations')

<CardSetScreen>:
    name: "card_set_screen"
    id: cardSet_screen
    currentCardSet: None
    Image:
        source: 'Assets/Backgrounds/Background-3.png'
        size: self.texture_size
        allow_stretch: True
        keep_ratio: False
    FloatLayout:
        BackButton:
            targetScreen: 'main_screen'
        BackgroundLabel:
            id: Header
            text: "[color=fdc84a]Karteninformationen[/color]"
            background_color: 0.004, 0.098, 0.133, 1
            font_size: 28
            font_name: "Assets/Fonts/AlexBrush-Regular"
            size_hint: 0.9, 0.1
            pos_hint: {"x":0.1, "top": 1}
            halign: 'center'
            valign: 'middle'
            markup: True
        GridLayout:
            cols: 1
            pos_hint: {"top": 0.9}
            size_hint: [1,0.9]
            padding: 25
            spacing: [0,25]
            Button:
                id: ThothBtn
                markup: True
                text: "[color=fdc84a]Thoth (Crowley)[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    cardSet_screen.btn_pressed('Thoth (Crowley)')
            Button:
                id: RiderBtn
                markup: True
                text: "[color=fdc84a]Rider/Waite[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    cardSet_screen.btn_pressed('Rider/Waite')

<CardOptionScreen>:
    name: "CardOption_screen"
    id: cardOption_screen
    currentCardSet: ''
    Image:
        id: Img
        size: self.texture_size
        allow_stretch: True
        keep_ratio: False
    FloatLayout:
        BackButton:
            targetScreen: 'card_set_screen'
        BackgroundLabel:
            id: Header
            background_color: 0.004, 0.098, 0.133, 1
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            size_hint: 0.9, 0.1
            pos_hint: {"x":0.1, "top": 1}
            halign: 'center'
            valign: 'middle'
            markup: True
        GridLayout:
            cols: 1
            pos_hint: {"top": 0.9}
            size_hint: [1,0.9]
            padding: 25
            spacing: [0,25]
            Button:
                id: wahlBtn
                markup: True
                text: "[color=fdc84a]Kartenwahl[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    cardOption_screen.btn_pressed(cardOption_screen.currentCardSet,'Cardgroups_screen')
            Button:
                id: sucheBtn
                markup: True
                text: "[color=fdc84a]Kartensuche[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    cardOption_screen.btn_pressed(cardOption_screen.currentCardSet,'cardSearch_screen')

<CardSearchScreen>:
    name: "cardSearch_screen"
    id: cardSearch_screen
    currentCardSet: None
    Image:
        id: Img
        size: self.texture_size
        allow_stretch: True
        keep_ratio: False
    FloatLayout:
        BackButton:
            id: BackBtn
            targetScreen: cardSearch_screen.previous_screen
        BackgroundLabel:
            id: Header
            background_color: 0.004, 0.098, 0.133, 1
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            size_hint: 0.9, 0.1
            pos_hint: {"x":0.1, "top": 1}
            halign: 'center'
            valign: 'middle'
            markup: True
        BoxLayout:
            orientation: 'vertical'
            size_hint: (1,0.9)
            spacing: (0,40)
            TextInput:
                id: searchWord
                hint_text: 'Suchbegriff eingeben'
                multiline: False
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.3]
                halign: 'center'
                valign: 'middle'
                hint_text_color: 0.992, 0.784, 0.29, 1
                foreground_color: 0.992, 0.784, 0.29, 1
                background_color: 0.027, 0.231, 0.306, .8
                on_text_validate:
                    focus: False
            BoxLayout:
                orientation: 'horizontal'
                size_hint: (1,1)
                BackgroundLabel:
                    text: '[color=fdc84a]Groß/Klein-\nSchreibung\nbeachten:[/color]'
                    background_color: 0.027, 0.231, 0.306, .6
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 28
                    size_hint: (0.7,0.9)
                    halign: 'center'
                    valign: 'middle'
                    markup: True
                CheckboxBtn:
                    id: checkBox_caseMatch
                    background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    size_hint: (0.3,0.9)
                    border: [.5,1,.5,1]
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 28
                    on_release:
                        cardSearch_screen.toggle_checkbox(self)
            BoxLayout:
                orientation: 'horizontal'
                size_hint: [1,1]
                BackgroundLabel:
                    text: '[color=fdc84a]Alle Decks\ndurchsuchen:[/color]'
                    background_color: 0.027, 0.231, 0.306, .6
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 28
                    size_hint: (0.7,0.9)
                    halign: 'center'
                    valign: 'middle'
                    markup: True
                CheckboxBtn:
                    id: checkBox_allCards
                    background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    size_hint: (0.3,0.9)
                    border: [.5,1,.5,1]
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 28
                    on_release:
                        cardSearch_screen.toggle_checkbox(self)
            Button:
                id: searchBtn
                markup: True
                text: "[color=fdc84a]Suchen[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: (1,1)
                halign: 'center'
                valign: 'middle'
                on_release:
                    cardSearch_screen.collectCandidates()
<CardGroupsScreen>:
    name: "Cardgroups_screen"
    id: cardGroups_screen
    currentCardSet: None
    Image:
        id: Img
        size: self.texture_size
        allow_stretch: True
        keep_ratio: False
    FloatLayout:
        BackButton:
            targetScreen: 'CardOption_screen'
        BackgroundLabel:
            id: Header
            background_color: 0.004, 0.098, 0.133, 1
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            size_hint: 0.9, 0.1
            pos_hint: {"x":0.1, "top": 1}
            halign: 'center'
            valign: 'middle'
            markup: True
        GridLayout:
            cols: 1
            size_hint: (1,0.9)
            padding: 15
            spacing: [0,15]
            Button:
                id: trumpBtn
                markup: True
                text: "[color=fdc84a]Große Arkana[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    cardGroups_screen.btn_pressed(cardGroups_screen.currentCardSet,'Große Arkana')
            Button:
                id: swordBtn
                markup: True
                text: "[color=fdc84a]Schwerter[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    cardGroups_screen.btn_pressed(cardGroups_screen.currentCardSet,'Schwerter')
            Button:
                id: staffBtn
                markup: True
                text: "[color=fdc84a]Stäbe[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    cardGroups_screen.btn_pressed(cardGroups_screen.currentCardSet, 'Stäbe')
            Button:
                id: cupBtn
                markup: True
                text: "[color=fdc84a]Kelche[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    cardGroups_screen.btn_pressed(cardGroups_screen.currentCardSet, 'Kelche')
            Button:
                id: coinBtn
                markup: True
                text: "[color=fdc84a]Scheiben[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    cardGroups_screen.btn_pressed(cardGroups_screen.currentCardSet, 'Scheiben')

<CardSelectorScreen>:
    name: "card_selector_screen"
    id: cardSelector_screen
    currentCardSet: None
    currentCardGroup: None
    Image:
        id: Img
        size: self.texture_size
        allow_stretch: True
        keep_ratio: False
    FloatLayout:
        BackButton:
            id: BackBtn
            targetScreen: cardSelector_screen.previous_screen
        BackgroundLabel:
            id: Header
            background_color: 0.004, 0.098, 0.133, 1
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            size_hint: 0.9, 0.1
            pos_hint: {"x":0.1, "top": 1}
            halign: 'center'
            valign: 'middle'
            markup: True
        ScrollView:
            pos_hint: {"top": 0.9}
            size_hint: (1,0.9)
            padding: 25
            spacing: [0,25]
            do_scroll_x: False
            do_scroll_y: True
            scroll_type: ['content']
            GridLayout:
                # sammelt alle karten zu einer mitgegebenen gruppe
                id: grid
                cols: 1
                size_hint: (1,None)
                padding: 15
                spacing: [0,15]
<CardDetailScreen>:
    name: "card_detail_screen"
    id: card_detail_screen
    currentCardID: None
    currentCardGroup: None
    currentCardSet: None
    BackButton:
        targetScreen: 'card_selector_screen'
    BackgroundLabel:
        id: Header
        background_color: 0.004, 0.098, 0.133, 1
        font_name: "Assets/Fonts/AlexBrush-Regular"
        font_size: 28
        size_hint: 0.9, 0.1
        pos_hint: {"x":0.1, "top": 1}
        halign: 'center'
        valign: 'middle'
        markup: True
    ImageButton:
        id: CardImg
        on_release:
            root.manager.get_screen('card_detail_screen').revealData()

<FormationOverviewScreen>:
    name: "formation_overview_screen"
    id: formation_overview_screen
    Image:
        source: 'Assets/Backgrounds/Background-3.png'
        size: self.texture_size
        allow_stretch: True
        keep_ratio: False
    FloatLayout:
        BackButton:
            targetScreen: 'main_screen'
        BackgroundLabel:
            id: Header
            text: "[color=fdc84a]Legemuster[/color]"
            background_color: 0.004, 0.098, 0.133, 1
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            size_hint: 0.9, 0.1
            pos_hint: {"x":0.1, "top": 1}
            halign: 'center'
            valign: 'middle'
            markup: True
        GridLayout:
            cols: 1
            pos_hint: {"top": 0.9}
            size_hint: [1,0.9]
            padding: 25
            spacing: [0,25]
            Button:
                markup: True
                text: "[color=fdc84a]Formationsnwahl[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    formation_overview_screen.btn_pressed('formation_group_screen')
            Button:
                markup: True
                text: "[color=fdc84a]Formationssuche[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.2]
                halign: 'center'
                valign: 'middle'
                on_release:
                    formation_overview_screen.btn_pressed('formation_search_screen')

<FormationGroupScreen>:
    name: "formation_group_screen"
    id: formation_group_screen
    Image:
        source: 'Assets/Backgrounds/Background-3.png'
        size: self.texture_size
        allow_stretch: True
        keep_ratio: False
    FloatLayout:
        BackButton:
            targetScreen: 'formation_overview_screen'
        BackgroundLabel:
            id: Header
            text: "[color=fdc84a]Legemuster[/color]"
            background_color: 0.004, 0.098, 0.133, 1
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            size_hint: 0.9, 0.1
            pos_hint: {"x":0.1, "top": 1}
            halign: 'center'
            valign: 'middle'
            markup: True
        ScrollView:
            pos_hint: {"top": 0.9}
            size_hint: (1,0.9)
            padding: 25
            spacing: [0,25]
            do_scroll_x: False
            do_scroll_y: True
            scroll_type: ['content']
            GridLayout:
                cols: 1
                size_hint_y: None
                height: self.minimum_height
                Button:
                    markup: True
                    text: "[color=fdc84a]Partnerschaft/Liebe/\nAllgemeine Beziehung[/color]"
                    background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    border: [.5,1,.5,1]
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 18
                    text_size: self.width-5, None
                    size_hint: [1,None]
                    halign: 'center'
                    valign: 'middle'
                    on_release:
                        formation_group_screen.btn_pressed('formation_selector_screen','Beziehungen')
                Button:
                    markup: True
                    text: "[color=fdc84a]Entscheidungen aller Art[/color]"
                    background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    border: [.5,1,.5,1]
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 18
                    text_size: self.width-5, None
                    size_hint: [1,None]
                    halign: 'center'
                    valign: 'middle'
                    on_release:
                        formation_group_screen.btn_pressed('formation_selector_screen','Entscheidungen')
                Button:
                    markup: True
                    text: "[color=fdc84a]Klarheit über eine Situation\nSelbstreflextion[/color]"
                    background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    border: [.5,1,.5,1]
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 18
                    text_size: self.width-5, None
                    size_hint: [1,None]
                    halign: 'center'
                    valign: 'middle'
                    on_release:
                        formation_group_screen.btn_pressed('formation_selector_screen','Selbstreflexion')
                Button:
                    markup: True
                    text: "[color=fdc84a]Unternehmungen aller Art/Vorgehen in\neiner Sache/Umgang mit einer Situation[/color]"
                    background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    border: [.5,1,.5,1]
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 18
                    text_size: self.width-5, None
                    size_hint: [1,None]
                    halign: 'center'
                    valign: 'middle'
                    on_release:
                        formation_group_screen.btn_pressed('formation_selector_screen','Situationsverhalten')
                Button:
                    markup: True
                    text: "[color=fdc84a]Gründe einer Krise/eines Problems oder\n(auch freudigen) Erlebnissen[/color]"
                    background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    border: [.5,1,.5,1]
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 18
                    text_size: self.width-5, None
                    size_hint: [1,None]
                    halign: 'center'
                    valign: 'middle'
                    on_release:
                        formation_group_screen.btn_pressed('formation_selector_screen','Ursachenforschung')
                Button:
                    markup: True
                    text: "[color=fdc84a]Trendverläufe einer Angelegenheit[/color]"
                    background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    border: [.5,1,.5,1]
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 18
                    text_size: self.width-5, None
                    size_hint: [1,None]
                    halign: 'center'
                    valign: 'middle'
                    on_release:
                        formation_group_screen.btn_pressed('formation_selector_screen','Trendverläufe')
                Button:
                    markup: True
                    text: "[color=fdc84a]Selbsterkenntnis/Spirituelle Entwicklung[/color]"
                    background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    border: [.5,1,.5,1]
                    font_name: "Assets/Fonts/AlexBrush-Regular"
                    font_size: 18
                    text_size: self.width-5, None
                    size_hint: [1,None]
                    halign: 'center'
                    valign: 'middle'
                    on_release:
                        formation_group_screen.btn_pressed('formation_selector_screen','Selbstentwicklung')
<FormationSearchScreen>:
    name: "formation_search_screen"
    id: formation_search_screen
    currentCardSet: None
    Image:
        id: Img
        size: self.texture_size
        allow_stretch: True
        keep_ratio: False
    FloatLayout:
        BackButton:
            targetScreen: 'formation_group_screen'
        BackgroundLabel:
            id: Header
            background_color: 0.004, 0.098, 0.133, 1
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            size_hint: 0.9, 0.1
            pos_hint: {"x":0.1, "top": 1}
            halign: 'center'
            valign: 'middle'
            markup: True
        BoxLayout:
            orientation: 'vertical'
            size_hint: (1,0.9)
            spacing: (0,40)
            TextInput:
                id: searchWord
                hint_text: 'Suchbegriff eingeben'
                multiline: False
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: [1,0.3]
                halign: 'center'
                valign: 'middle'
                hint_text_color: 0.992, 0.784, 0.29, 1
                foreground_color: 0.992, 0.784, 0.29, 1
                background_color: 0.027, 0.231, 0.306, .8
                on_text_validate:
                    focus: False
            # BoxLayout:
                # orientation: 'horizontal'
                # size_hint: (1,1)
                # BackgroundLabel:
                    # text: '[color=fdc84a]Groß/Klein-\nSchreibung\nbeachten:[/color]'
                    # background_color: 0.027, 0.231, 0.306, .6
                    # font_name: "Assets/Fonts/AlexBrush-Regular"
                    # font_size: 28
                    # size_hint: (0.7,0.9)
                    # halign: 'center'
                    # valign: 'middle'
                    # markup: True
                # CheckboxBtn:
                    # id: checkBox_caseMatch
                    # background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    # size_hint: (0.3,0.9)
                    # border: [.5,1,.5,1]
                    # font_name: "Assets/Fonts/AlexBrush-Regular"
                    # font_size: 28
                    # on_release:
                        # cardSearch_screen.toggle_checkbox(self)
            # BoxLayout:
                # orientation: 'horizontal'
                # size_hint: [1,1]
                # BackgroundLabel:
                    # text: '[color=fdc84a]Alle Decks\ndurchsuchen:[/color]'
                    # background_color: 0.027, 0.231, 0.306, .6
                    # font_name: "Assets/Fonts/AlexBrush-Regular"
                    # font_size: 28
                    # size_hint: (0.7,0.9)
                    # halign: 'center'
                    # valign: 'middle'
                    # markup: True
                # CheckboxBtn:
                    # id: checkBox_allCards
                    # background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                    # size_hint: (0.3,0.9)
                    # border: [.5,1,.5,1]
                    # font_name: "Assets/Fonts/AlexBrush-Regular"
                    # font_size: 28
                    # on_release:
                        # cardSearch_screen.toggle_checkbox(self)
            Button:
                id: searchBtn
                markup: True
                text: "[color=fdc84a]Suchen[/color]"
                background_normal: 'Assets/UI/ButtonFrame_majestic.png'
                border: [.5,1,.5,1]
                font_name: "Assets/Fonts/AlexBrush-Regular"
                font_size: 28
                size_hint: (1,1)
                halign: 'center'
                valign: 'middle'
                on_release:
                    formation_search_screen.collectCandidates()

<FormationSelectorScreen>:
    name: "formation_selector_screen"
    id: formation_selector_screen
    Image:
        source: 'Assets/Backgrounds/Background-1.png'
        size: self.texture_size
        allow_stretch: True
        keep_ratio: False
    FloatLayout:
        BackButton:
            id: BackBtn
            targetScreen: formation_selector_screen.previous_screen            
        BackgroundLabel:
            id: Header
            markup: True
            background_color: 0.004, 0.098, 0.133, 1
            font_name: "Assets/Fonts/AlexBrush-Regular"
            font_size: 28
            size_hint: 0.9, 0.1
            pos_hint: {"x":0.1, "top": 1}
            halign: 'center'
            valign: 'middle'
        ScrollView:
            pos_hint: {"top": 0.9}
            size_hint: (1,0.9)
            padding: 25
            spacing: [0,25]
            do_scroll_x: False
            do_scroll_y: True
            scroll_type: ['content']
            GridLayout:
                # sammelt alle formationen zu einer mitgegebenen gruppe
                id: grid
                cols: 1
                size_hint: (1,None)

<FormationDetailScreen>:
    name: "formation_detail_screen"
    id: formation_detail_screen
    currentFormationID: None
    BackButton:
        targetScreen: 'formation_selector_screen'
    BackgroundLabel:
        id: Header
        background_color: 0.004, 0.098, 0.133, 1
        font_name: "Assets/Fonts/AlexBrush-Regular"
        font_size: 28
        size_hint: 0.9, 0.1
        pos_hint: {"x":0.1, "top": 1}
        halign: 'center'
        valign: 'middle'
        markup: True        
    ImageButton:
        id: FormImg
        on_release:
            root.manager.get_screen('formation_detail_screen').revealData()