Regular Expressions 101

Save & Share

Flavor

  • PCRE2 (PHP >=7.3)
  • PCRE (PHP <7.3)
  • ECMAScript (JavaScript)
  • Python
  • Golang
  • Java 8
  • .NET 7.0 (C#)
  • Rust
  • Regex Flavor Guide

Function

  • Match
  • Substitution
  • List
  • Unit Tests

Tools

Sponsors
There are currently no sponsors. Become a sponsor today!
An explanation of your regex will be automatically generated as you type.
Detailed match information will be displayed here automatically.
  • All Tokens
  • Common Tokens
  • General Tokens
  • Anchors
  • Meta Sequences
  • Quantifiers
  • Group Constructs
  • Character Classes
  • Flags/Modifiers
  • Substitution
  • A single character of: a, b or c
    [abc]
  • A character except: a, b or c
    [^abc]
  • A character in the range: a-z
    [a-z]
  • A character not in the range: a-z
    [^a-z]
  • A character in the range: a-z or A-Z
    [a-zA-Z]
  • Any single character
    .
  • Alternate - match either a or b
    a|b
  • Any whitespace character
    \s
  • Any non-whitespace character
    \S
  • Any digit
    \d
  • Any non-digit
    \D
  • Any word character
    \w
  • Any non-word character
    \W
  • Non-capturing group
    (?:...)
  • Capturing group
    (...)
  • Zero or one of a
    a?
  • Zero or more of a
    a*
  • One or more of a
    a+
  • Exactly 3 of a
    a{3}
  • 3 or more of a
    a{3,}
  • Between 3 and 6 of a
    a{3,6}
  • Start of string
    ^
  • End of string
    $
  • A word boundary
    \b
  • Non-word boundary
    \B

Regular Expression
No Match

/
/
g

Test String

Code Generator

Language

Generated Code

# coding=utf8 # the above tag defines encoding for this document and is for Python 2.x compatibility import re regex = r"@media.*(.*\n)*?\n@med" test_str = ("@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;900&display=swap);\n\n" ".version.A0001 {\n" " text-emphasis: none;\n" "}\n\n" "article,\n" "aside,\n" "details,\n" "figcaption,\n" "figure,\n" "footer,\n" "header,\n" "hgroup,\n" "main,\n" "nav,\n" "section,\n" "summary {\n" " display: block;\n" "}\n\n" "audio,\n" "canvas,\n" "video {\n" " display: inline-block;\n" "}\n\n" "audio:not([controls]) {\n" " display: none;\n" " height: 0;\n" "}\n\n" "[hidden] {\n" " display: none;\n" "}\n\n" "html {\n" " font-family: sans-serif;\n" " -ms-text-size-adjust: 100%;\n" " -webkit-text-size-adjust: 100%;\n" "}\n\n" "body {\n" " margin: 0;\n" " padding: 0;\n" "}\n\n" "a,\n" "a:focus,\n" "a:active,\n" "a:hover {\n" " outline: 0;\n" " text-decoration: none;\n" " color: inherit;\n" "}\n\n" "h1 {\n" " font-size: 2em;\n" " margin: 0.67em 0;\n" "}\n\n" "h1,\n" "h2,\n" "h3,\n" "h4 {\n" " margin-block-end: unset;\n" " margin-block-start: unset;\n" "}\n\n" "abbr[title] {\n" " border-bottom: 1px dotted;\n" "}\n\n" "b,\n" "strong {\n" " font-weight: bold;\n" "}\n\n" "dfn {\n" " font-style: italic;\n" "}\n\n" "hr {\n" " -moz-box-sizing: content-box;\n" " box-sizing: content-box;\n" " height: 0;\n" "}\n\n" "mark {\n" " background: #ff0;\n" " color: #000;\n" "}\n\n" "code,\n" "kbd,\n" "pre,\n" "samp {\n" " font-family: monospace, serif;\n" " font-size: 1em;\n" "}\n\n" "pre {\n" " white-space: pre-wrap;\n" "}\n\n" "q {\n" " quotes: \"“\" \"”\" \"‘\" \"’\";\n" "}\n\n" "small {\n" " font-size: 80%;\n" "}\n\n" "sub,\n" "sup {\n" " font-size: 75%;\n" " line-height: 0;\n" " position: relative;\n" " vertical-align: baseline;\n" "}\n\n" "sup {\n" " top: -0.5em;\n" "}\n\n" "sub {\n" " bottom: -0.25em;\n" "}\n\n" "img {\n" " border: 0;\n" "}\n\n" "figure {\n" " margin: 0;\n" "}\n\n" "fieldset {\n" " border: 1px solid #c0c0c0;\n" " margin: 0 2px;\n" " padding: 0.35em 0.625em 0.75em;\n" "}\n\n" "legend {\n" " border: 0;\n" " padding: 0;\n" "}\n\n" "button,\n" "input,\n" "select,\n" "textarea {\n" " font-family: inherit;\n" " font-size: 100%;\n" " margin: 0;\n" "}\n\n" "button,\n" "input {\n" " line-height: normal;\n" "}\n\n" "button,\n" "select {\n" " text-transform: none;\n" "}\n\n" "button,\n" "html input[type=\"button\"],\n" "input[type=\"reset\"],\n" "input[type=\"submit\"] {\n" " -webkit-appearance: button;\n" " cursor: pointer;\n" "}\n\n" "button[disabled],\n" "html input[disabled] {\n" " cursor: default;\n" "}\n\n" "input[type=\"checkbox\"],\n" "input[type=\"radio\"] {\n" " box-sizing: border-box;\n" " padding: 0;\n" "}\n\n" "input[type=\"search\"] {\n" " -webkit-appearance: textfield;\n" " -moz-box-sizing: content-box;\n" " -webkit-box-sizing: content-box;\n" " box-sizing: content-box;\n" "}\n\n" "input[type=\"search\"]::-webkit-search-cancel-button,\n" "input[type=\"search\"]::-webkit-search-decoration {\n" " -webkit-appearance: none;\n" "}\n\n" "button::-moz-focus-inner,\n" "input::-moz-focus-inner {\n" " border: 0;\n" " padding: 0;\n" "}\n\n" "textarea {\n" " overflow: auto;\n" " vertical-align: top;\n" "}\n\n" "table {\n" " border-collapse: collapse;\n" " border-spacing: 0;\n" "}\n\n" "ul {\n" " list-style-type: none;\n" "}\n\n" "img {\n" " image-rendering: optimizeSpeed;\n" " image-rendering: -moz-crisp-edges;\n" " image-rendering: -o-crisp-edges;\n" " image-rendering: -webkit-optimize-contrast;\n" " image-rendering: optimize-contrast;\n" " -ms-interpolation-mode: nearest-neighbor;\n" "}\n\n" "body {\n" " font-family: \"Open Sans\", sans-serif !important;\n" " font-weight: 400;\n" " overflow-x: hidden;\n" " overflow-y: auto;\n" " width: 100vw;\n" " color: #555555;\n" "}\n\n" "body.red-theme {\n" " background-color: #ffffff;\n" "}\n\n" "body.grey-theme {\n" " background: linear-gradient(45deg, #1b1b1b 15%, #000 85%);\n" "}\n\n" "#palette {\n" " position: relative;\n" " z-index: 44;\n" "}\n\n" ".clrset {\n" " display: flex;\n" " flex-wrap: wrap;\n" " flex-direction: row;\n" "}\n\n" ".colorm {\n" " width: 110px;\n" " height: 60px;\n" " display: flex;\n" " align-items: center;\n" " margin-top: 60px;\n" "}\n\n" ".cbg_band {\n" " background-color: #ffffffe0;\n" " padding: 5px;\n" " color: black;\n" " font-size: 0.8em;\n" " position: relative;\n" " top: -55px;\n" " text-align: center;\n" "}\n\n" "@media (max-width: 46.24em) {\n" " body,\n" " html {\n" " max-width: 100vw;\n" " position: relative;\n" " width: 100vw;\n" " -webkit-box-sizing: border-box;\n" " -moz-box-sizing: border-box;\n" " box-sizing: border-box;\n" " }\n\n" " html {\n" " font-size: 16px;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 61.24em) {\n" " html {\n" " font-size: 18px;\n" " }\n" "}\n\n" ".thumb-vertical {\n" " background-color: rgba(122, 122, 122, 0.34) !important;\n" " border-radius: 12px;\n" " width: 6px !important;\n" " left: -2px;\n" " border: solid rgba(122, 122, 122, 0.34) 1px !important;\n" " z-index: 4444 !important;\n" "}\n\n" ".sb {\n" " height: 100vh !important;\n" " width: 100vw;\n" " position: relative !important;\n" " top: 0px !important;\n" " left: 0 !important;\n" " overflow-x: hidden;\n" "}\n\n" "#content {\n" " font-size: 0.875rem;\n" " min-height: calc(100vh - 4rem);\n" " margin-top: 3.875rem;\n" " line-height: 1.8rem;\n" " position: static;\n" " text-align: justify;\n" "}\n\n" "#content p {\n" " hyphens: auto;\n" "}\n\n" "#content h1,\n" "#content h2 {\n" " text-align: center;\n" " text-transform: uppercase;\n" " cursor: default;\n" "}\n\n" ".stitle {\n" " color: #555555;\n" " font-weight: 700;\n" "}\n\n" "p {\n" " line-height: 150%;\n" " text-align: justify;\n" "}\n\n" ".button {\n" " color: beige;\n" " background-color: red;\n" " padding: 10px 70px;\n" " font-weight: 700;\n" "}\n\n" "h2 {\n" " color: red;\n" " font-weight: 300;\n" " font-size: 2.5rem;\n" "}\n\n" ".ah2 {\n" " font-weight: 300;\n" " display: block;\n" " text-align: center;\n" " color: white;\n" "}\n\n" ".clear {\n" " clear: both;\n" " display: block;\n" " line-height: 0;\n" "}\n\n" ".nrmgn {\n" " margin-right: 0 !important;\n" "}\n\n" ".wrap {\n" " text-align: center;\n" " width: 100%;\n" " padding-bottom: 2.5rem;\n" " margin-top: 8.375rem;\n" " max-width: 68.75rem;\n" " margin: 0 auto;\n" " padding-top: 2.5rem;\n" "}\n\n" ".col_half {\n" " position: relative;\n" " margin-right: 2.75rem;\n" " margin-top: 1rem;\n" " float: left;\n" " width: 31.6rem;\n" "}\n\n" ".col_full {\n" " position: relative;\n" " margin-right: 2.75rem;\n" " float: left;\n" " width: 100%;\n" "}\n\n" ".col_1x4 {\n" " display: block;\n" " float: left;\n" " width: 21%;\n" " margin: 0;\n" " margin-right: 4%;\n" " padding: 0;\n" "}\n\n" ".col_1x3 {\n" " display: block;\n" " float: left;\n" " width: 19.87rem;\n" " margin: 0;\n" " margin-right: 0;\n" " padding: 0;\n" "}\n\n" ".col_2x3 {\n" " display: block;\n" " float: left;\n" " width: 47.14rem;\n" " margin: 0;\n" " margin-right: 2%;\n" " padding: 0;\n" "}\n\n" ".spacer {\n" " clear: both;\n" " padding: 3rem 0;\n" " float: none;\n" "}\n\n" ".paralaxe {\n" " background-attachment: fixed;\n" " background-position: center;\n" " background-repeat: no-repeat;\n" " background-size: cover;\n" " position: relative;\n" " z-index: -2;\n" " min-width: 100%;\n" "}\n\n" ".nopattern::before {\n" " content: none !important;\n" "}\n\n" ".button {\n" " background: #dc1e25;\n" " border-radius: 3px;\n" " box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset;\n" " color: #ffffff;\n" " font-weight: 700;\n" " font-style: normal;\n" " opacity: 0.85;\n" " padding: 0.5rem 2rem;\n" " font-family: Arial, Helvetica, sans-serif !important;\n" " font-size: 0.85rem;\n" " width: 2.2rem;\n" " left: 0.5rem;\n" " color: white;\n" " letter-spacing: 0.6px;\n" " text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n" " position: relative;\n" "}\n\n" ".button .ic2,\n" ".button .ic1 {\n" " width: 0.8rem;\n" " position: absolute;\n" " top: 0.5rem;\n" " filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));\n" "}\n\n" ".button .ic1 {\n" " left: 0.625rem;\n" "}\n\n" ".button .ic2 {\n" " right: 0.625rem;\n" "}\n\n" ".button g > path {\n" " fill: currentColor;\n" "}\n\n" ".button:hover {\n" " opacity: 1;\n" " color: white;\n" "}\n\n" ".sep-shadow {\n" " background-image: url(\"https://goexhibitions.com/images/separator-shadow.png\");\n" " height: 21px;\n" " background-size: 100% 21px;\n" " clear: both;\n" " width: 100%;\n" " margin: 40px 0 19px 0;\n" "}\n\n" "@media (max-width: 63.99em) {\n" " #content {\n" " margin-top: 0.275rem;\n" " font-size: 0.875rem;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " #content {\n" " font-size: 1.375rem;\n" " margin-top: 0.275rem;\n" " }\n" "}\n\n" "#references {\n" " background-image: url(\"https://goexhibitions.com/images/pattern-1.png\"),\n" " url(\"https://goexhibitions.com/images/separatorred1.svg\");\n" " background-size: auto, cover;\n" " background-repeat: repeat, no-repeat;\n" " padding: 2rem 0 5rem 0;\n" " box-sizing: border-box;\n" "}\n\n" "#references .wrap {\n" " max-width: 68.75rem;\n" " text-align: center;\n" " margin: 0 auto;\n" "}\n\n" "#references ul li {\n" " color: white;\n" " font-size: 0.875rem;\n" " line-height: 1.5rem;\n" " margin-bottom: 0.875rem;\n" " text-align: left;\n" "}\n\n" "@media (max-width: 46.24em) {\n" " #references {\n" " height: 37.925rem;\n" " position: relative;\n" " background-repeat: no-repeat;\n" " background-size: cover;\n" " background-position: center;\n" " }\n\n" " #references .col_1x4 {\n" " width: 45%;\n" " margin-right: 5%;\n" " }\n\n" " #references ~ #un_phy {\n" " top: 0;\n" " }\n\n" " #team ~ #titr {\n" " top: 0;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " #references .wrap {\n" " width: 80%;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " #references .ah2 {\n" " font-size: 1.4rem;\n" " }\n\n" " #references ul li {\n" " font-size: 1.3rem;\n" " }\n" "}\n\n" "#about,\n" "#uberuns {\n" " position: relative;\n" " clear: both;\n" " width: 100%;\n" " margin-top: -0.6rem;\n" "}\n\n" "#about #hm_r_caro,\n" "#uberuns #hm_r_caro {\n" " margin-top: 1rem;\n" " position: relative;\n" "}\n\n" "#about #hm_r_caro #h_rel_part,\n" "#uberuns #hm_r_caro #h_rel_part {\n" " background-color: black;\n" " color: white;\n" " font-size: 1.1rem;\n" " font-weight: 300;\n" " padding: 0;\n" " letter-spacing: 0.07rem;\n" " padding-right: -0.8rem;\n" " padding: 0.13rem 0.8rem 0.13rem 0.1rem;\n" " font-weight: 400;\n" " position: absolute;\n" " left: -0.8125rem;\n" " top: 0;\n" " line-height: 1.4rem;\n" "}\n\n" "#about #hm_r_caro #h_crt_part,\n" "#uberuns #hm_r_caro #h_crt_part {\n" " font-size: 4rem;\n" " font-weight: 600;\n" " position: absolute;\n" " top: 1.3rem;\n" " left: -1.1rem;\n" " letter-spacing: -0.1rem;\n" " color: #58585b;\n" " line-height: 4rem;\n" "}\n\n" "#about #hm_r_caro #h_ids_part,\n" "#uberuns #hm_r_caro #h_ids_part {\n" " font-size: 4rem;\n" " color: #191619;\n" " position: absolute;\n" " top: 1.3rem;\n" " left: 17rem;\n" " font-weight: 800;\n" " letter-spacing: 0;\n" " line-height: 4rem;\n" "}\n\n" "#about #hm_r_caro #h_intl_part,\n" "#uberuns #hm_r_caro #h_intl_part {\n" " font-size: 4rem;\n" " color: #717173;\n" " position: absolute;\n" " top: 5.2rem;\n" " left: -1rem;\n" " letter-spacing: -0.1rem;\n" " font-weight: 800;\n" " line-height: 4rem;\n" "}\n\n" "#about #hm_r_caro #h_sol_part,\n" "#uberuns #hm_r_caro #h_sol_part {\n" " font-size: 4rem;\n" " color: red;\n" " position: absolute;\n" " top: 9.3rem;\n" " left: -1rem;\n" " letter-spacing: -0.15rem;\n" " font-weight: 400;\n" " line-height: 4rem;\n" "}\n\n" "@media (max-width: 63.99em) {\n" " #about #ab_desc,\n" " #uberuns #ab_desc {\n" " left: 0rem;\n" " }\n\n" " #about #hm_r_caro,\n" " #uberuns #hm_r_caro {\n" " transform: scale(1);\n" " position: absolute;\n" " top: -38rem;\n" " text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.65);\n" " left: 0rem;\n" " }\n\n" " #about #hm_r_caro #h_crt_part,\n" " #about #hm_r_caro #h_ids_part,\n" " #about #hm_r_caro #h_intl_part,\n" " #about #hm_r_caro #h_sol_part,\n" " #uberuns #hm_r_caro #h_crt_part,\n" " #uberuns #hm_r_caro #h_ids_part,\n" " #uberuns #hm_r_caro #h_intl_part,\n" " #uberuns #hm_r_caro #h_sol_part {\n" " color: white;\n" " }\n" "}\n\n" "@media (max-width: 46.24em) {\n" " #about .col_half,\n" " #uberuns .col_half {\n" " margin-right: 0;\n" " float: unset;\n" " width: unset;\n" " }\n\n" " #about #hm_r_caro,\n" " #uberuns #hm_r_caro {\n" " transform: scale(0.7);\n" " top: -41.3rem;\n" " color: white;\n" " }\n\n" " #about #hm_r_caro #h_crt_part,\n" " #about #hm_r_caro #h_ids_part,\n" " #about #hm_r_caro #h_intl_part,\n" " #about #hm_r_caro #h_sol_part,\n" " #uberuns #hm_r_caro #h_crt_part,\n" " #uberuns #hm_r_caro #h_ids_part,\n" " #uberuns #hm_r_caro #h_intl_part,\n" " #uberuns #hm_r_caro #h_sol_part {\n" " color: white;\n" " }\n\n" " #uberuns #hm_r_caro {\n" " top: -47.8rem;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " #about #ab_desc,\n" " #uberuns #ab_desc {\n" " transform: scale(1.1);\n" " }\n\n" " #about #hm_r_caro,\n" " #uberuns #hm_r_caro {\n" " top: -43rem;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " #about .wrap,\n" " #uberuns .wrap {\n" " max-width: 70.75rem;\n" " }\n\n" " #about #hm_r_caro,\n" " #uberuns #hm_r_caro {\n" " transform: scale(1.3);\n" " transform-origin: left top;\n" " left: 4rem;\n" " top: 3.1rem;\n" " }\n\n" " #about #ab_desc,\n" " #uberuns #ab_desc {\n" " padding: 2rem 0;\n" " width: 33.3rem;\n" " }\n" "}\n\n" "@media (max-width: 20em) {\n" " #about #hm_r_caro,\n" " #uberuns #hm_r_caro {\n" " transform: scale(0.6);\n" " left: 0rem;\n" " }\n\n" " #about #ab_desc,\n" " #uberuns #ab_desc {\n" " transform: scale(0.9);\n" " left: 0rem;\n" " }\n" "}\n\n" "#philosophy,\n" "#philosophie {\n" " background-image: url(\"https://goexhibitions.com/images/philoback1.jpg\");\n" "}\n\n" "#philosophy p,\n" "#philosophie p {\n" " line-height: 180%;\n" "}\n\n" "#philosophy #philo-titr,\n" "#philosophie #philo-titr {\n" " text-align: left;\n" "}\n\n" "#philosophy #philo-titr #evrything,\n" "#philosophie #philo-titr #evrything {\n" " background-color: #ca1a13;\n" " color: white;\n" " text-transform: uppercase;\n" " opacity: 1;\n" " font-size: 1rem;\n" " margin-left: 0;\n" " margin-top: 13px;\n" " padding: 0 0.1rem 0 0.3rem;\n" " line-height: 1.3rem;\n" " letter-spacing: 0.5px;\n" " display: inline-block;\n" " pointer-events: none;\n" " text-align: left;\n" " white-space: nowrap;\n" "}\n\n" "#philosophy #philo-titr #we-are-a,\n" "#philosophie #philo-titr #we-are-a {\n" " text-transform: uppercase;\n" " font-size: 2.3rem;\n" " margin: -1.625rem 0 0 0;\n" " letter-spacing: -0.14375rem;\n" " pointer-events: none;\n" " width: 100vw;\n" " text-align: left;\n" "}\n\n" "#philosophy #philo-titr #we-are-a .word.creative,\n" "#philosophie #philo-titr #we-are-a .word.creative {\n" " font-weight: 700;\n" " pointer-events: none;\n" "}\n\n" "#philosophy #philo-titr #we-are-a .word.studio,\n" "#philosophy #philo-titr #we-are-a .word.modern,\n" "#philosophie #philo-titr #we-are-a .word.studio,\n" "#philosophie #philo-titr #we-are-a .word.modern {\n" " color: black;\n" " font-weight: 700;\n" " pointer-events: none;\n" "}\n\n" "#philosophy #philo-titr #we-are-a .word.with,\n" "#philosophy #philo-titr #we-are-a .word.fresh,\n" "#philosophy #philo-titr #we-are-a .word.new,\n" "#philosophy #philo-titr #we-are-a .word.ideas,\n" "#philosophie #philo-titr #we-are-a .word.with,\n" "#philosophie #philo-titr #we-are-a .word.fresh,\n" "#philosophie #philo-titr #we-are-a .word.new,\n" "#philosophie #philo-titr #we-are-a .word.ideas {\n" " color: #ca1a13;\n" " pointer-events: none;\n" "}\n\n" "@media (max-width: 46.24em) {\n" " #philosophy #philo-titr,\n" " #philosophie #philo-titr {\n" " position: relative;\n" " top: -3rem;\n" " left: -2rem;\n" " z-index: 444;\n" " padding: 1rem;\n" " text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05);\n" " transform: scale(0.9);\n" " -webkit-text-stroke-width: thin;\n" " font-weight: 900;\n" " }\n\n" " #philosophy #philo-titr #evrything,\n" " #philosophie #philo-titr #evrything {\n" " padding-right: 0.4rem;\n" " font-weight: 300;\n" " }\n\n" " #philosophy #philo-titr .word.modern,\n" " #philosophy #philo-titr .word.design,\n" " #philosophy #philo-titr .word.studio,\n" " #philosophy #philo-titr .word.with,\n" " #philosophy #philo-titr .word.fresh,\n" " #philosophy #philo-titr .word.new,\n" " #philosophy #philo-titr .word.word.ideas,\n" " #philosophie #philo-titr .word.modern,\n" " #philosophie #philo-titr .word.design,\n" " #philosophie #philo-titr .word.studio,\n" " #philosophie #philo-titr .word.with,\n" " #philosophie #philo-titr .word.fresh,\n" " #philosophie #philo-titr .word.new,\n" " #philosophie #philo-titr .word.word.ideas {\n" " position: relative;\n" " }\n\n" " #philosophy #philo-titr .word.modern,\n" " #philosophie #philo-titr .word.modern {\n" " left: -20rem;\n" " top: 2rem;\n" " }\n\n" " #philosophy #philo-titr .word.design,\n" " #philosophie #philo-titr .word.design {\n" " left: -20rem;\n" " top: 2rem;\n" " }\n\n" " #philosophy #philo-titr .word.studio,\n" " #philosophie #philo-titr .word.studio {\n" " left: -38.1rem;\n" " top: 4.2rem;\n" " }\n\n" " #philosophy #philo-titr .word.with,\n" " #philosophie #philo-titr .word.with {\n" " left: -37.9rem;\n" " top: 4.2rem;\n" " }\n\n" " #philosophy #philo-titr .word.fresh,\n" " #philosophie #philo-titr .word.fresh {\n" " left: -37.8rem;\n" " top: 4.2rem;\n" " }\n\n" " #philosophy #philo-titr .word.new,\n" " #philosophie #philo-titr .word.new {\n" " left: -59.1rem;\n" " top: 6.4rem;\n" " }\n\n" " #philosophy #philo-titr .word.ideas,\n" " #philosophie #philo-titr .word.ideas {\n" " left: -58.8rem;\n" " top: 6.4rem;\n" " }\n" "}\n\n" "@media (min-width: 64em) {\n" " #philosophy #philo-titr,\n" " #philosophie #philo-titr {\n" " position: relative;\n" " transform-origin: left top;\n" " padding-bottom: 2rem;\n" " }\n\n" " #philosophy #philo-titr #we-are-a,\n" " #philosophie #philo-titr #we-are-a {\n" " margin: -1.625rem 0 -3rem 0;\n" " text-align: left;\n" " }\n\n" " #philosophy #philo-titr .word,\n" " #philosophie #philo-titr .word {\n" " position: relative;\n" " }\n\n" " #philosophy #philo-titr .word.design,\n" " #philosophie #philo-titr .word.design {\n" " display: inline-block;\n" " }\n\n" " #philosophy #philo-titr .word.studio,\n" " #philosophie #philo-titr .word.studio {\n" " display: inline-block;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " #philosophy #philo-titr #we-are-a,\n" " #philosophie #philo-titr #we-are-a {\n" " margin: -1.625rem 0 -3rem 0;\n" " text-align: left;\n" " width: 100%;\n" " }\n\n" " #philosophy #philo-titr .word,\n" " #philosophie #philo-titr .word {\n" " position: relative;\n" " }\n\n" " #philosophy #philo-titr .word.design,\n" " #philosophie #philo-titr .word.design {\n" " display: inline-block;\n" " top: -1.5rem;\n" " }\n\n" " #philosophy #philo-titr .word.studio,\n" " #philosophie #philo-titr .word.studio {\n" " display: inline-block;\n" " top: -1.5rem;\n" " }\n\n" " #philosophy #philo-titr .word.with,\n" " #philosophy #philo-titr .word.fresh,\n" " #philosophy #philo-titr .word.new,\n" " #philosophy #philo-titr .word.ideas,\n" " #philosophie #philo-titr .word.with,\n" " #philosophie #philo-titr .word.fresh,\n" " #philosophie #philo-titr .word.new,\n" " #philosophie #philo-titr .word.ideas {\n" " top: -3rem;\n" " }\n" "}\n\n" "@media (max-width: 20em) {\n" " #philosophy #philo-titr,\n" " #philosophie #philo-titr {\n" " transform: scale(0.78);\n" " left: -2.5rem;\n" " }\n" "}\n\n" ".slg_row {\n" " padding: 3.75rem 0 3.75rem 0;\n" " max-width: 68.75rem;\n" " background-repeat: no-repeat;\n" " position: relative;\n" " background-size: cover;\n" " z-index: -2;\n" "}\n\n" "#content.home {\n" " width: 100vw;\n" " top: 0;\n" "}\n\n" "#content.home video {\n" " width: 100vw;\n" " height: auto;\n" "}\n\n" "#content.home #content.home.titr,\n" "#content.home #titr {\n" " opacity: 0.9999999;\n" " background-color: #dc1e25;\n" " background-image: url(\"https://goexhibitions.com/images/pattern-1.png\"),\n" " url(\"https://goexhibitions.com/images/separatorred1.svg\");\n" " background-size: auto, cover;\n" " background-repeat: repeat, no-repeat;\n" " margin-top: -14px;\n" " max-width: unset;\n" " color: white;\n" " clear: both;\n" "}\n\n" "#content.home #content.home.titr p,\n" "#content.home #titr p {\n" " text-align: center;\n" "}\n\n" "#content.home #un_phy {\n" " background-color: #5a5a61;\n" " opacity: 0.9999999;\n" " background-image: url(\"https://goexhibitions.com/images/pattern-1.png\"),\n" " url(\"https://goexhibitions.com/images/separatorgri1.svg\");\n" " background-size: auto, cover;\n" " background-repeat: repeat, no-repeat;\n" " margin-top: -14px;\n" " max-width: unset;\n" " color: white;\n" "}\n\n" "#content.home #un_phy p {\n" " text-align: center;\n" "}\n\n" "#content.home .isal {\n" " font-weight: 600;\n" " font-size: 1.5rem;\n" " text-shadow: 1px 1px 3px #00000041;\n" "}\n\n" "#content.home #isax {\n" " font-weight: 700;\n" " font-size: 0.875rem;\n" " text-shadow: 1px 1px 3px #00000041;\n" "}\n\n" "#sustainability {\n" " position: relative;\n" " padding: 2rem 0 1.2rem 0;\n" " width: 60rem;\n" " margin: 0 auto;\n" "}\n\n" "#sustainability #f1,\n" "#sustainability #f2,\n" "#sustainability #f3,\n" "#sustainability #f4,\n" "#sustainability #f5 {\n" " background-size: contain;\n" " background-repeat: no-repeat;\n" " background-position: left center;\n" " padding: 0;\n" " margin-left: 2rem;\n" " width: 9.5rem;\n" " height: 8.5rem;\n" " float: left;\n" "}\n\n" "#sustainability #f1 {\n" " background-image: url(\"https://goexhibitions.com//images/stnb_01.png\");\n" "}\n\n" "#sustainability #f2 {\n" " background-image: url(\"https://goexhibitions.com//images/stnb_02.png\");\n" "}\n\n" "#sustainability #f3 {\n" " background-image: url(\"https://goexhibitions.com//images/stnb_03.png\");\n" "}\n\n" "#sustainability #f4 {\n" " background-image: url(\"https://goexhibitions.com//images/stnb_04.png\");\n" "}\n\n" "#sustainability #f5 {\n" " background-image: url(\"https://goexhibitions.com//images/stnb_05.png\");\n" "}\n\n" "#individuelle_stande,\n" "#individual_stands,\n" "#pavilions,\n" "#gemeinschaftsstande {\n" " text-align: center;\n" " position: relative;\n" "}\n\n" "#individuelle_stande #p_grid_wrap,\n" "#individual_stands #p_grid_wrap,\n" "#pavilions #p_grid_wrap,\n" "#gemeinschaftsstande #p_grid_wrap {\n" " display: flex;\n" " align-items: center;\n" " flex-direction: row;\n" " max-width: 68.75rem;\n" " flex-wrap: wrap;\n" " margin: 0 auto;\n" "}\n\n" "#individuelle_stande h2,\n" "#individual_stands h2,\n" "#pavilions h2,\n" "#gemeinschaftsstande h2 {\n" " font-family: \"Open Sans\", sans-serif !important;\n" " padding: 3.5rem 0 3rem 0;\n" " font-weight: 300;\n" " font-style: normal;\n" " font-size: 2.5rem;\n" " text-transform: unset;\n" " color: #ca1a13;\n" " text-shadow: 0 0 1px rgba(50, 0, 0, 0.4);\n" " line-height: 2.6rem;\n" " max-width: 93%;\n" " text-align: center;\n" " display: inline-block;\n" "}\n\n" "#individuelle_stande .bt_wrap,\n" "#individual_stands .bt_wrap,\n" "#pavilions .bt_wrap,\n" "#gemeinschaftsstande .bt_wrap {\n" " text-align: center;\n" "}\n\n" "#individuelle_stande .portfolio_item,\n" "#individual_stands .portfolio_item,\n" "#pavilions .portfolio_item,\n" "#gemeinschaftsstande .portfolio_item {\n" " display: block;\n" " width: 15.625rem;\n" " height: 10.625rem;\n" " float: left;\n" " margin: 0.3125rem 1.25rem 1.25rem 0;\n" " box-shadow: 1px 1px 2px black;\n" " border-radius: 1px;\n" "}\n\n" "#individuelle_stande .title,\n" "#individual_stands .title,\n" "#pavilions .title,\n" "#gemeinschaftsstande .title {\n" " color: #ca1a13;\n" " text-transform: uppercase;\n" " text-align: left;\n" " text-shadow: 0 0 1px rgba(200, 0, 0, 0.3);\n" "}\n\n" "a.button.medium {\n" " font-family: Arial, Helvetica, sans-serif !important;\n" " font-weight: 300;\n" " font-size: 0.85rem;\n" " width: 2.2rem;\n" " left: 0.5rem;\n" " color: white;\n" " letter-spacing: 0.6px;\n" " text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n" " background-color: #dc1e25;\n" "}\n\n" "a.button.medium .ic2,\n" "a.button.medium .ic1 {\n" " width: 0.8rem;\n" " position: absolute;\n" " top: 0.625em;\n" " filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));\n" "}\n\n" "a.button.medium .ic1 {\n" " left: 0.625rem;\n" "}\n\n" "a.button.medium .ic2 {\n" " right: 0.625rem;\n" "}\n\n" "@media (max-width: 46.24em) {\n" " #individuelle_stande #p_grid_wrap,\n" " #individual_stands #p_grid_wrap,\n" " #pavilions #p_grid_wrap,\n" " #gemeinschaftsstande #p_grid_wrap {\n" " flex-direction: column;\n" " margin: unset;\n" " }\n\n" " #individuelle_stande .bt_wrap,\n" " #individual_stands .bt_wrap,\n" " #pavilions .bt_wrap,\n" " #gemeinschaftsstande .bt_wrap {\n" " max-width: 90%;\n" " }\n\n" " #individuelle_stande h2,\n" " #individual_stands h2,\n" " #pavilions h2,\n" " #gemeinschaftsstande h2 {\n" " font-size: 1.6rem;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " #pavilions,\n" " #individual_stands,\n" " #individuelle_stande,\n" " #gemeinschaftsstande {\n" " position: relative;\n" " width: 100%;\n" " }\n\n" " #pavilions h2,\n" " #individual_stands h2,\n" " #individuelle_stande h2,\n" " #gemeinschaftsstande h2 {\n" " font-size: 1.8rem;\n" " }\n\n" " #pavilions #p_grid_wrap a,\n" " #individual_stands #p_grid_wrap a,\n" " #individuelle_stande #p_grid_wrap a,\n" " #gemeinschaftsstande #p_grid_wrap a {\n" " margin-left: 3.4rem;\n" " font-size: 1rem;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " #pavilions .portfolio_item,\n" " #pavilions .portfolio_item,\n" " #pavilions .portfolio_item,\n" " #pavilions .portfolio_item,\n" " #individual_stands .portfolio_item,\n" " #individual_stands .portfolio_item,\n" " #individual_stands .portfolio_item,\n" " #individual_stands .portfolio_item,\n" " #individuelle_stande .portfolio_item,\n" " #individuelle_stande .portfolio_item,\n" " #individuelle_stande .portfolio_item,\n" " #individuelle_stande .portfolio_item,\n" " #gemeinschaftsstande .portfolio_item,\n" " #gemeinschaftsstande .portfolio_item,\n" " #gemeinschaftsstande .portfolio_item,\n" " #gemeinschaftsstande .portfolio_item {\n" " width: 21.625rem;\n" " height: 14.705rem;\n" " }\n\n" " #pavilions h2,\n" " #individual_stands h2,\n" " #individuelle_stande h2,\n" " #gemeinschaftsstande h2 {\n" " font-size: 1.8rem;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " a.button.medium {\n" " font-size: 1.15rem;\n" " left: 0.5rem;\n" " }\n\n" " a.button.medium .ic2,\n" " a.button.medium .ic1 {\n" " width: 1rem;\n" " top: 0.465em;\n" " }\n\n" " a.button.medium .ic1 {\n" " left: 0.625rem;\n" " }\n\n" " a.button.medium .ic2 {\n" " right: 0.625rem;\n" " }\n" "}\n\n" "#team {\n" " position: relative;\n" " clear: both;\n" " width: 100%;\n" " margin-top: -0.2rem;\n" " float: left;\n" " text-align: left;\n" "}\n\n" "#team .col_1x3 {\n" " text-align: left;\n" "}\n\n" "#team .col_1x3 img {\n" " width: 100%;\n" " height: auto;\n" "}\n\n" "#team .col_2x3 img {\n" " text-align: left;\n" " width: 100%;\n" " height: auto;\n" "}\n\n" "#team #team-titr {\n" " margin: 1.875rem 0 1.875rem 0;\n" " text-align: left;\n" "}\n\n" "#team #team-titr #people-bus {\n" " display: inline-block;\n" " text-align: left;\n" " text-transform: uppercase;\n" " background-color: #ca1a13;\n" " color: white;\n" " font-size: 1.67rem;\n" " letter-spacing: 0.0375rem;\n" " padding: 0rem 0.21rem 0rem 0.4rem;\n" " line-height: 2.1rem;\n" " font-weight: 300;\n" " white-space: nowrap;\n" "}\n\n" "#team #team-titr #our-y-team {\n" " font-size: 2.67rem;\n" " text-transform: uppercase;\n" " padding: 0;\n" " line-height: 2.7rem;\n" " margin: 0;\n" " letter-spacing: -0.133125rem;\n" "}\n\n" "#team #team-titr #our-y-team .word.our,\n" "#team #team-titr #our-y-team .word.young {\n" " letter-spacing: -0.2375;\n" "}\n\n" "#team #team-titr #our-y-team .word.team,\n" "#team #team-titr #our-y-team .word.of {\n" " color: #939598;\n" " font-weight: 700;\n" "}\n\n" "#team #team-titr #our-y-team .word.professionals {\n" " color: black;\n" " font-weight: 700;\n" "}\n\n" "#team #team-titr #makes-anyt {\n" " font-size: 2.6rem;\n" " letter-spacing: -0.1125rem;\n" " text-transform: uppercase;\n" " padding: 0;\n" " line-height: 2.7rem;\n" " margin: 0;\n" "}\n\n" "#team #team-titr #makes-anyt .word.makes {\n" " font-weight: 700;\n" "}\n\n" "#team #team-titr #makes-anyt .word.you,\n" "#team #team-titr #makes-anyt .word.imagine {\n" " color: #ca1a13;\n" " letter-spacing: -0.18125rem;\n" "}\n\n" "@media (max-width: 63.99em) {\n" " #team .col_1x3 {\n" " margin-top: 2rem;\n" " padding-bottom: 1rem;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " #team .wrap {\n" " width: 100%;\n" " transform: scale(0.93);\n" " padding: 0 0 0 2rem;\n" " }\n\n" " #team .wrap .col_2x3 {\n" " width: 37.14rem;\n" " }\n\n" " #team .wrap .col_1x3 {\n" " width: 80%;\n" " left: 2rem;\n" " position: relative;\n" " font-size: 1.1rem;\n" " }\n\n" " #team .wrap .col_1x3 strong {\n" " margin-left: 0.4rem;\n" " }\n\n" " #team #team-titr {\n" " position: relative;\n" " left: -3.7rem;\n" " transform: scale(0.89);\n" " }\n\n" " #team .spacer {\n" " padding: 0;\n" " }\n" "}\n\n" "@media (max-width: 20em) {\n" " #team .col_2x3 img {\n" " width: 120%;\n" " }\n\n" " #team .wrap {\n" " transform: scale(0.85);\n" " left: -1.1rem;\n" " position: relative;\n" " top: -4rem;\n" " }\n\n" " #team .wrap #team-titr {\n" " transform: scale(0.74);\n" " }\n" "}\n\n" "@media (max-width: 46.24em) {\n" " #team .col_2x3 {\n" " width: 100%;\n" " }\n\n" " #team .col_1x3 {\n" " width: 100%;\n" " white-space: nowrap;\n" " }\n\n" " #team .spacer {\n" " padding: 0;\n" " }\n\n" " #team #team-titr {\n" " height: 13rem;\n" " transform: scale(0.85);\n" " margin-top: -1rem;\n" " margin-left: -2rem;\n" " width: 124%;\n" " letter-spacing: -0.15rem;\n" " }\n\n" " #team #team-titr #our-y-team {\n" " letter-spacing: -0.22rem;\n" " }\n\n" " #team #team-titr .word.of,\n" " #team #team-titr .word.professionals,\n" " #team #team-titr .word.you,\n" " #team #team-titr .word.imagine,\n" " #team #team-titr #makes-anyt {\n" " position: relative;\n" " }\n\n" " #team #team-titr .word.of {\n" " top: 2.6rem;\n" " left: -21.4rem;\n" " }\n\n" " #team #team-titr .word.professionals {\n" " top: 2.6rem;\n" " left: -21.4rem;\n" " }\n\n" " #team #team-titr .word.you {\n" " top: 2.6rem;\n" " left: -21.3rem;\n" " }\n\n" " #team #team-titr .word.imagine {\n" " position: relative;\n" " top: 2.6rem;\n" " left: -21.3rem;\n" " }\n\n" " #team #team-titr #makes-anyt {\n" " top: 2.6rem;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " #team {\n" " font-size: 1.2rem;\n" " }\n\n" " #team .wrap {\n" " max-width: 79.95rem;\n" " }\n\n" " #team .col_2x3 {\n" " width: 47.14rem;\n" " }\n\n" " #team .col_1x3 {\n" " width: 31.17rem;\n" " margin-top: -4.3rem;\n" " }\n\n" " #team .col_1x3 strong {\n" " margin-left: 0.5rem;\n" " }\n" "}\n\n" "section #contact,\n" "section #kontakt {\n" " background-color: #dc1e25;\n" " opacity: 0.9999999;\n" " background-image: url(\"https://goexhibitions.com/images/separatorred1.svg\");\n" " background-size: cover;\n" " margin-top: 0;\n" " background-repeat: no-repeat;\n" " background-position: center top;\n" "}\n\n" "section #contact h2,\n" "section #kontakt h2 {\n" " color: white;\n" " font-size: 1.5rem;\n" " font-weight: 700;\n" " text-transform: unset;\n" "}\n\n" "section #contact svg,\n" "section #kontakt svg {\n" " width: 1.7rem;\n" " filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));\n" "}\n\n" "section #contact svg g,\n" "section #contact svg path,\n" "section #kontakt svg g,\n" "section #kontakt svg path {\n" " color: white !important;\n" " fill: white !important;\n" "}\n\n" "section #contact #c_info,\n" "section #kontakt #c_info {\n" " height: 6rem;\n" "}\n\n" "section #contact #c_info span,\n" "section #kontakt #c_info span {\n" " float: left;\n" " width: 25%;\n" " display: block;\n" " color: white;\n" " margin: 1.2rem 0 0 0;\n" "}\n\n" "section #contact #c_info span span,\n" "section #kontakt #c_info span span {\n" " width: 100%;\n" "}\n\n" "section #contact #c_info span a:visited,\n" "section #contact #c_info span :active,\n" "section #contact #c_info span a,\n" "section #kontakt #c_info span a:visited,\n" "section #kontakt #c_info span :active,\n" "section #kontakt #c_info span a {\n" " color: white;\n" "}\n\n" "section #contact .map-img,\n" "section #kontakt .map-img {\n" " background-position: center center;\n" " width: 100%;\n" " background-image: url(\"https://goexhibitions.com/images/mapgx_fhd.jpg\");\n" " height: 21.0625rem;\n" " cursor: pointer;\n" " margin-top: 0.9rem;\n" "}\n\n" "section #contact .map-link,\n" "section #kontakt .map-link {\n" " text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n" " text-transform: uppercase;\n" " width: 4rem;\n" "}\n\n" "section #contact .map-link svg,\n" "section #kontakt .map-link svg {\n" " width: 1rem;\n" " position: absolute;\n" " top: 0.5rem;\n" " filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));\n" "}\n\n" "section #contact .map-link svg path,\n" "section #kontakt .map-link svg path {\n" " stroke: white;\n" " stroke-width: 1.6rem;\n" "}\n\n" "@media (max-width: 46.24em) {\n" " section #contact .wrap,\n" " section #kontakt .wrap {\n" " padding: 2rem 0 3rem 0;\n" " }\n\n" " section #contact h2,\n" " section #kontakt h2 {\n" " padding: 2rem 0;\n" " }\n\n" " section #contact #c_info,\n" " section #kontakt #c_info {\n" " align-items: center;\n" " flex-direction: row;\n" " max-width: 68.75rem;\n" " }\n\n" " section #contact #c_info span.info_box,\n" " section #kontakt #c_info span.info_box {\n" " height: 9rem;\n" " width: 50%;\n" " }\n\n" " section #contact #c_info span.info_box svg,\n" " section #kontakt #c_info span.info_box svg {\n" " display: block;\n" " margin: 0 auto;\n" " }\n\n" " section #contact .map-img,\n" " section #kontakt .map-img {\n" " background-size: cover;\n" " }\n\n" " section #contact br,\n" " section #kontakt br {\n" " display: none;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " section #contact .map-link,\n" " section #kontakt .map-link {\n" " width: 11.2rem;\n" " display: block;\n" " margin: 0 auto;\n" " }\n\n" " section #contact .map-link svg,\n" " section #kontakt .map-link svg {\n" " width: 1.3rem;\n" " top: 0.7rem;\n" " margin-left: -0.3rem;\n" " }\n" "}\n\n" ".m_sp {\n" " letter-spacing: -3px;\n" "}\n\n" ".meters {\n" " background-image: url(\"https://goexhibitions.com/images/back_white_03.png\");\n" " background-position: 50% 0px;\n" " width: 100%;\n" " z-index: -1;\n" " position: absolute;\n" "}\n\n" "@media (max-width: 46.24em) {\n" " #content.home {\n" " overflow-x: hidden;\n" " }\n\n" " .wrap {\n" " width: 80%;\n" " }\n\n" " .slg_row {\n" " position: relative;\n" " background-size: cover;\n" " }\n\n" " .titr,\n" " #titr,\n" " #un_phy {\n" " width: 100%;\n" " padding: 2rem;\n" " box-sizing: border-box;\n" " }\n\n" " #sustainability {\n" " height: unset;\n" " left: 0;\n" " top: 1rem;\n" " transform: none;\n" " width: unset;\n" " }\n\n" " #sustainability #f1,\n" " #sustainability #f2,\n" " #sustainability #f3,\n" " #sustainability #f4,\n" " #sustainability #f5 {\n" " width: 8.5rem;\n" " margin-left: 3rem;\n" " }\n\n" " #f4 {\n" " width: 11rem;\n" " }\n\n" " #f1 {\n" " width: 8rem !important;\n" " }\n\n" " #f2 {\n" " margin-left: 2.4rem !important;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " #content.home {\n" " margin-top: 6.275rem;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " .wrap {\n" " width: 70%;\n" " }\n\n" " .col_half {\n" " float: none;\n" " }\n\n" " #hm_r_caro {\n" " height: 15rem;\n" " margin-top: 3rem !important;\n" " transform: scale(0.94);\n" " }\n\n" " .slg_row {\n" " position: relative;\n" " background-size: cover;\n" " }\n\n" " #sustainability {\n" " height: unset;\n" " position: unset;\n" " transform: unset;\n" " top: unset;\n" " margin: 3rem 3rem;\n" " width: 100vw;\n" " }\n\n" " .isal {\n" " padding: 0 7% 0 7%;\n" " }\n" "}\n\n" "@media (max-width: 20em) {\n" " #sustainability #f1,\n" " #sustainability #f2,\n" " #sustainability #f3,\n" " #sustainability #f4,\n" " #sustainability #f5 {\n" " width: 12.5rem;\n" " margin-left: 4rem;\n" " margin-top: 1rem;\n" " }\n\n" " #f1 {\n" " margin-left: 6rem !important;\n" " width: 9rem !important;\n" " }\n\n" " #f2 {\n" " margin-left: 4.7rem !important;\n" " }\n\n" " #f4 {\n" " width: 11rem !important;\n" " margin-left: 5.8rem !important;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " #content.home .isal {\n" " font-size: 1.8rem;\n" " }\n\n" " #content.home #isax {\n" " font-size: 1.2rem;\n" " }\n" "}\n\n" ".intro {\n" " width: 100vw;\n" " height: 30.625rem;\n" " overflow: hidden;\n" " position: relative;\n" "}\n\n" ".intro #s1,\n" ".intro #s2,\n" ".intro #s3,\n" ".intro #s4,\n" ".intro #s5,\n" ".intro #s6 {\n" " background-size: cover;\n" "}\n\n" ".intro #s1 {\n" " background-color: white;\n" "}\n\n" ".intro #s1 .logo-t {\n" " position: absolute;\n" " width: 21.875rem;\n" " opacity: 1;\n" " fill: #434343;\n" " stroke: #434343;\n" " position: absolute;\n" " left: 50%;\n" " top: 50%;\n" " transform: translateX(-50%) translateY(-150%) scale(2.2);\n" "}\n\n" ".intro #s3 {\n" " background-color: red;\n" "}\n\n" ".intro #s3 #soz1 {\n" " left: 40%;\n" " top: 30%;\n" " width: 28.125rem;\n" " position: absolute;\n" "}\n\n" ".intro #s1,\n" ".intro #s3 {\n" " width: 100%;\n" " height: 100%;\n" " opacity: 0;\n" " position: absolute;\n" "}\n\n" ".intro #s1 #a1,\n" ".intro #s1 #a2,\n" ".intro #s1 #a3,\n" ".intro #s1 #a4,\n" ".intro #s1 #a5,\n" ".intro #s1 #a6,\n" ".intro #s1 #a7,\n" ".intro #s1 #a8,\n" ".intro #s1 #a9,\n" ".intro #s1 #a10,\n" ".intro #s3 #a1,\n" ".intro #s3 #a2,\n" ".intro #s3 #a3,\n" ".intro #s3 #a4,\n" ".intro #s3 #a5,\n" ".intro #s3 #a6,\n" ".intro #s3 #a7,\n" ".intro #s3 #a8,\n" ".intro #s3 #a9,\n" ".intro #s3 #a10 {\n" " position: absolute;\n" " opacity: 0;\n" "}\n\n" ".intro #s1 #a1 path,\n" ".intro #s1 #a1 polyline,\n" ".intro #s1 #a2 path,\n" ".intro #s1 #a2 polyline,\n" ".intro #s1 #a3 path,\n" ".intro #s1 #a3 polyline,\n" ".intro #s1 #a4 path,\n" ".intro #s1 #a4 polyline,\n" ".intro #s1 #a5 path,\n" ".intro #s1 #a5 polyline,\n" ".intro #s1 #a6 path,\n" ".intro #s1 #a6 polyline,\n" ".intro #s1 #a7 path,\n" ".intro #s1 #a7 polyline,\n" ".intro #s1 #a8 path,\n" ".intro #s1 #a8 polyline,\n" ".intro #s1 #a9 path,\n" ".intro #s1 #a9 polyline,\n" ".intro #s1 #a10 path,\n" ".intro #s1 #a10 polyline,\n" ".intro #s3 #a1 path,\n" ".intro #s3 #a1 polyline,\n" ".intro #s3 #a2 path,\n" ".intro #s3 #a2 polyline,\n" ".intro #s3 #a3 path,\n" ".intro #s3 #a3 polyline,\n" ".intro #s3 #a4 path,\n" ".intro #s3 #a4 polyline,\n" ".intro #s3 #a5 path,\n" ".intro #s3 #a5 polyline,\n" ".intro #s3 #a6 path,\n" ".intro #s3 #a6 polyline,\n" ".intro #s3 #a7 path,\n" ".intro #s3 #a7 polyline,\n" ".intro #s3 #a8 path,\n" ".intro #s3 #a8 polyline,\n" ".intro #s3 #a9 path,\n" ".intro #s3 #a9 polyline,\n" ".intro #s3 #a10 path,\n" ".intro #s3 #a10 polyline {\n" " fill: rgba(28, 28, 28, 0.0745098);\n" "}\n\n" ".intro #s1 #a1,\n" ".intro #s3 #a1 {\n" " top: 1%;\n" " width: 33rem;\n" "}\n\n" ".intro #s1 #a2,\n" ".intro #s3 #a2 {\n" " top: 5%;\n" " width: 53rem;\n" "}\n\n" ".intro #s1 #a3,\n" ".intro #s3 #a3 {\n" " top: 43%;\n" " width: 33rem;\n" "}\n\n" ".intro #s1 #a4,\n" ".intro #s3 #a4 {\n" " top: 42%;\n" " width: 33rem;\n" "}\n\n" ".intro #s1 #a5,\n" ".intro #s3 #a5 {\n" " top: -14%;\n" " width: 83rem;\n" "}\n\n" ".intro #s1 #a6,\n" ".intro #s3 #a6 {\n" " top: -24%;\n" " width: 53rem;\n" "}\n\n" ".intro #s1 #a7,\n" ".intro #s3 #a7 {\n" " top: -9%;\n" " width: 53rem;\n" "}\n\n" ".intro #s1 #a8,\n" ".intro #s3 #a8 {\n" " top: 66%;\n" " width: 33rem;\n" "}\n\n" ".intro #s1 #a9,\n" ".intro #s3 #a9 {\n" " top: 1%;\n" " width: 53rem;\n" "}\n\n" ".intro #s1 #a10,\n" ".intro #s3 #a10 {\n" " top: 46%;\n" " width: 33rem;\n" "}\n\n" ".intro #s2 {\n" " position: absolute;\n" " background-color: #000;\n" " background-repeat: no-repeat;\n" " background-position: left top;\n" " background-image: url(\"https://goexhibitions.com/images/s/p1-blxf.jpg\");\n" " width: 100%;\n" " height: 100%;\n" " opacity: 1;\n" " background-size: cover;\n" "}\n\n" ".intro #s2 #iconic {\n" " background-image: url(\"https://goexhibitions.com/images/s/iconic-awards-2016-1.jpg\");\n" " position: absolute;\n" " left: 90.375rem;\n" " top: 5.875rem;\n" " width: 15.9375rem;\n" " height: 15.9375rem;\n" " background-size: 15.9375rem 15.9375rem;\n" " opacity: 0;\n" "}\n\n" ".intro #s2 #dsgn {\n" " font-size: 2.3rem;\n" " background-color: #000000ba;\n" " color: white;\n" " padding: 1rem;\n" " position: absolute;\n" " left: 82.375rem;\n" " top: 22.275rem;\n" " line-height: 2rem;\n" " font-weight: 700;\n" " letter-spacing: 0.1rem;\n" " opacity: 0;\n" " text-shadow: 2px 2px 3px black;\n" "}\n\n" ".intro #s2 #arch {\n" " font-size: 1.4rem;\n" " background-color: #000000ba;\n" " color: white;\n" " padding: 1rem;\n" " position: absolute;\n" " left: 82.875rem;\n" " top: 26.575rem;\n" " line-height: 1rem;\n" " font-weight: 600;\n" " border-radius: 0.2rem;\n" " opacity: 0;\n" " text-shadow: 2px 2px 3px black;\n" "}\n\n" ".intro #s4,\n" ".intro #s5,\n" ".intro #s6 {\n" " position: absolute;\n" " background-color: #000;\n" " background-repeat: no-repeat;\n" " width: 100%;\n" " height: 100%;\n" " opacity: 0;\n" "}\n\n" ".intro #s4 #wkh,\n" ".intro #s4 #ioj,\n" ".intro #s5 #wkh,\n" ".intro #s5 #ioj {\n" " display: inline;\n" " color: white;\n" " border-radius: 0.2rem;\n" " text-transform: lowercase;\n" " position: absolute;\n" " text-shadow: 1px 1px 3px #00000061;\n" "}\n\n" ".intro #s4 #wkh,\n" ".intro #s5 #wkh {\n" " background-color: #000000c2;\n" " padding: 0.8rem 0.8rem;\n" " font-size: 3rem;\n" " font-weight: 900;\n" " left: 90rem;\n" " top: 13rem;\n" "}\n\n" ".intro #s4 #ioj,\n" ".intro #s5 #ioj {\n" " font-weight: 400;\n" " font-size: 3.9rem;\n" " padding: 1.6rem 1.3rem;\n" " background-color: #ff0000c9;\n" " top: 17rem;\n" " left: 94rem;\n" "}\n\n" ".intro #s4 {\n" " background-image: url(\"https://goexhibitions.com/images/s/workslide01.jpg\");\n" "}\n\n" ".intro #s5 {\n" " background-image: url(\"https://goexhibitions.com/images/s/workslide02.jpg\");\n" "}\n\n" ".intro #s5 #ioj {\n" " left: 74rem;\n" "}\n\n" ".intro #s5 #wkh {\n" " left: 70rem;\n" "}\n\n" ".intro #s6 {\n" " background-image: url(\"https://goexhibitions.com/images/s/p2-br.jpg\");\n" "}\n\n" ".intro #s6 #rg1 {\n" " position: absolute;\n" " left: 2rem;\n" " bottom: 2rem;\n" " width: 25.625rem;\n" " height: auto;\n" "}\n\n" "@media (max-width: 46.24em) {\n" " .intro {\n" " width: 100vw;\n" " height: 30.625rem;\n" " overflow: hidden;\n" " position: relative;\n" " z-index: -2;\n" " }\n\n" " .intro#startseite,\n" " .intro#home {\n" " position: relative;\n" " background-color: black;\n" " background-repeat: no-repeat;\n" " background-position: 25% 0;\n" " background-image: url(\"https://goexhibitions.com/images/s/workslide02.jpg\");\n" " width: 100vw;\n" " height: 102vh;\n" " opacity: 1;\n" " top: 3.2rem;\n" " background-size: cover;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " .intro {\n" " width: 100vw;\n" " height: 30.625rem;\n" " overflow: hidden;\n" " position: relative;\n" " z-index: -2;\n" " }\n\n" " .intro#startseite,\n" " .intro#home {\n" " position: relative;\n" " background-color: black;\n" " background-repeat: no-repeat;\n" " background-position: -11rem 0;\n" " background-image: url(\"https://goexhibitions.com/images/s/workslide02.jpg\");\n" " width: 100vw;\n" " height: 102vh;\n" " opacity: 1;\n" " top: 3.2rem;\n" " background-size: cover;\n" " }\n" "}\n\n" ".bgfig {\n" " width: 100%;\n" " height: auto;\n" "}\n\n" "#language-selection {\n" " padding-right: 6rem;\n" " z-index: 31333;\n" "}\n\n" "#language-selection svg {\n" " width: 0.8rem;\n" " margin-right: 0.4rem;\n" " position: relative;\n" " top: -0.61rem;\n" " filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));\n" "}\n\n" "#language-selection svg path {\n" " fill: #555555;\n" "}\n\n" "#language-selection ul {\n" " display: inline-block;\n" " padding: 0;\n" " margin: 0;\n" "}\n\n" "#language-selection li {\n" " float: left;\n" " margin-right: 0.3rem;\n" " font-size: 0.75rem;\n" " text-transform: uppercase;\n" " text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);\n" " padding: 0.5rem 0.025rem;\n" "}\n\n" "#language-selection li a.current {\n" " color: #ca1a13;\n" "}\n\n" "@media (max-width: 63.99em) {\n" " #language-selection {\n" " display: none;\n" " margin: 0;\n" " bottom: 0;\n" " position: fixed;\n" " background-color: white;\n" " padding: 0.9rem 1rem 0.6rem;\n" " width: 100%;\n" " transform: scale(1.2);\n" " transform-origin: left center;\n" " }\n" "}\n\n" "#footer {\n" " position: relative;\n" " clear: both;\n" " width: 100vw;\n" " bottom: 0;\n" " z-index: 444;\n" " height: 4rem;\n" " background-color: #f4f4f4;\n" " color: black;\n" " font-size: 0.8rem;\n" " text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);\n" " box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.29);\n" "}\n\n" "#footer .wrap {\n" " padding-top: 1.5rem;\n" " max-width: 79.75rem;\n" "}\n\n" "#footer #footer-menu {\n" " float: left;\n" " margin-left: 2rem;\n" " text-transform: uppercase;\n" "}\n\n" "#footer #footer-menu ul {\n" " padding: 0;\n" " margin: 0;\n" "}\n\n" "#footer #copyright {\n" " text-align: left;\n" " float: left;\n" "}\n\n" "@media (max-width: 63.99em) {\n" " #footer {\n" " left: 0;\n" " top: 0;\n" " z-index: 1;\n" " }\n\n" " #footer .wrap {\n" " width: 78%;\n" " }\n" "}\n\n" "@media (max-width: 20em) {\n" " #footer .wrap {\n" " width: 90%;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " body#projects #footer .wrap {\n" " max-width: 92.75rem;\n" " }\n" "}\n\n" "#topHead {\n" " display: flex;\n" " border-bottom: solid 1px #00000014;\n" " position: fixed;\n" " width: 100vw;\n" " height: 3.875rem;\n" " top: 0;\n" " box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);\n" " background-color: white;\n" " z-index: 145;\n" " text-align: left;\n" " align-content: center;\n" " justify-content: space-between;\n" " align-items: center;\n" "}\n\n" "#main_navigation #r_menu_bt {\n" " position: absolute;\n" " right: 1.3rem;\n" " top: -1.35rem;\n" " display: none;\n" "}\n\n" "#main_navigation ul {\n" " display: inline-block;\n" " width: auto;\n" " overflow: visible;\n" " padding: 0;\n" "}\n\n" "#main_navigation li {\n" " display: block;\n" " float: left;\n" " width: auto;\n" " padding: 0.5rem 0.625rem;\n" "}\n\n" "#main_navigation li a,\n" "#main_navigation li span.projlink {\n" " color: #57585a;\n" " fill: #57585a;\n" " text-decoration: none;\n" " text-transform: uppercase;\n" " transition: 1.2s color linear;\n" " cursor: pointer;\n" " font-weight: 300;\n" " white-space: nowrap;\n" " text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);\n" "}\n\n" "#main_navigation li a svg,\n" "#main_navigation li span.projlink svg {\n" " width: 0.34rem;\n" " transform: rotate(270deg);\n" " position: relative;\n" " left: 0.34rem;\n" " top: 0.06rem;\n" "}\n\n" "#main_navigation li a svg g > path,\n" "#main_navigation li span.projlink svg g > path {\n" " fill: inherit;\n" "}\n\n" "#main_navigation li a.active,\n" "#main_navigation li a:active,\n" "#main_navigation li a:hover,\n" "#main_navigation li span.projlink.active,\n" "#main_navigation li span.projlink:active,\n" "#main_navigation li span.projlink:hover {\n" " transition: 0.9s all linear;\n" " color: #b50000;\n" " -webkit-text-stroke: 0;\n" "}\n\n" "#main_navigation li .subMenuWrap {\n" " display: block;\n" " position: absolute;\n" " margin-top: 0.5rem;\n" " box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.09);\n" " background-color: white;\n" "}\n\n" "#main_navigation li .subMenuWrap a.subMenu {\n" " display: block;\n" " background-color: white;\n" " text-align: left;\n" " padding: 0.6rem 0.6rem;\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " #topHead {\n" " height: 6.3rem;\n" " font-size: 1.34rem;\n" " }\n\n" " #topHead #logo {\n" " width: 21rem;\n" " padding-left: 3.8rem;\n" " }\n\n" " #topHead #language-selection svg {\n" " width: 1.3rem;\n" " top: -0.62rem;\n" " }\n\n" " #topHead #language-selection ul li a {\n" " font-size: 1.22rem;\n" " }\n\n" " #footer {\n" " font-size: 1.1rem;\n" " }\n\n" " #footer .wrap span {\n" " margin-top: -0.2rem;\n" " }\n" "}\n\n" "@media (max-width: 63.99em) {\n" " #topHead {\n" " height: 3.3rem;\n" " }\n\n" " #main_navigation {\n" " display: block;\n" " text-align: left;\n" " z-index: 1115;\n" " position: absolute;\n" " top: 2.4rem;\n" " right: 0rem;\n" " }\n\n" " #main_navigation #r_menu_bt {\n" " display: block;\n" " }\n\n" " #main_navigation #r_menu_bt svg {\n" " width: 1rem;\n" " }\n\n" " #main_navigation ul {\n" " display: none;\n" " overflow-x: hidden;\n" " overflow-y: auto;\n" " padding: 0px 0rem 0 0.3rem;\n" " height: 100vh;\n" " background-color: black;\n" " }\n\n" " #main_navigation li {\n" " display: block;\n" " background-color: #000000;\n" " width: 93%;\n" " border-bottom: solid 1px #252525;\n" " }\n\n" " #main_navigation li a {\n" " color: #ffffff;\n" " text-decoration: none;\n" " text-transform: uppercase;\n" " transition: 1.2s all linear;\n" " font-size: 0.875rem;\n" " line-height: 3.06rem;\n" " cursor: pointer;\n" " font-weight: 400;\n" " white-space: nowrap;\n" " text-shadow: 0 0 1px #000;\n" " width: 94vw;\n" " display: block;\n" " }\n\n" " #main_navigation li a.active,\n" " #main_navigation li a:active,\n" " #main_navigation li a:hover {\n" " transition: 0.9s all linear;\n" " color: #b0b0b0;\n" " -webkit-text-stroke: 0;\n" " }\n" "}\n\n" "@media (max-width: 20em) {\n" " #footer .wrap {\n" " width: 90%;\n" " }\n\n" " #main_navigation li {\n" " height: 2.3rem;\n" " }\n" "}\n\n" "body #logo {\n" " display: inline-block;\n" " z-index: 33155;\n" " width: 15rem;\n" " padding-left: 2.4rem;\n" " outline: none;\n" " cursor: pointer;\n" "}\n\n" "body #logo svg,\n" "body #logo img {\n" " fill: white;\n" " stroke-width: 0;\n" "}\n\n" "body #logo svg {\n" " fill: #818385;\n" "}\n\n" "body #logo svg .frC {\n" " fill: #818385;\n" "}\n\n" "body #logo svg #fG,\n" "body #logo svg #fO,\n" "body #logo svg #frArrow,\n" "body #logo svg #rX {\n" " fill: red;\n" "}\n\n" "@media (min-width: 20em) and (max-width: 46.24em) {\n" " body #logo {\n" " padding-left: 2rem;\n" " width: 13rem;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " body #logo {\n" " padding-left: 1.9rem;\n" " }\n" "}\n\n" "#projects h2 {\n" " padding: 3.5rem 0 0 0;\n" " font-weight: 300;\n" " font-style: normal;\n" " text-transform: uppercase;\n" " color: #ca1a13;\n" " text-shadow: 0 0 1px rgba(50, 0, 0, 0.4);\n" " line-height: 2.6rem;\n" " max-width: 95%;\n" "}\n\n" "#works_grid {\n" " text-align: center;\n" " position: relative;\n" " display: flex;\n" " align-items: center;\n" " flex-direction: row;\n" " max-width: 72.95rem;\n" " flex-wrap: wrap;\n" " margin: 0 auto;\n" "}\n\n" "#works_grid #p_grid_wrap {\n" " display: flex;\n" " align-items: center;\n" " flex-direction: row;\n" " max-width: 68.75rem;\n" " flex-wrap: wrap;\n" " margin: 0 auto;\n" "}\n\n" "#works_grid .portfolio_item {\n" " display: block;\n" " width: 15.625rem;\n" " height: 10.625rem;\n" " float: left;\n" " margin: 0.3125rem 2.25rem 1.25rem 0;\n" " box-shadow: 1px 1px 2px black;\n" " border-radius: 1px;\n" "}\n\n" "#works_grid .title {\n" " color: #ca1a13;\n" " text-transform: uppercase;\n" " text-align: left;\n" " text-shadow: 0 0 1px rgba(200, 0, 0, 0.3);\n" "}\n\n" "@media (max-width: 63.99em) {\n" " #works a {\n" " margin-left: 4rem;\n" " }\n" "}\n\n" ".slbOverlay,\n" ".slbWrapOuter,\n" ".slbWrap {\n" " position: fixed;\n" " top: 0;\n" " right: 0;\n" " bottom: 0;\n" " left: 0;\n" "}\n\n" ".slbOverlay {\n" " overflow: hidden;\n" " z-index: 2000;\n" " background-color: #000;\n" "}\n\n" ".slbWrapOuter {\n" " overflow-x: hidden;\n" " overflow-y: auto;\n" " z-index: 2010;\n" "}\n\n" ".slbWrap {\n" " position: absolute;\n" " text-align: center;\n" "}\n\n" ".slbWrap:before {\n" " content: \"\";\n" " display: inline-block;\n" " height: 100%;\n" " vertical-align: middle;\n" "}\n\n" ".slbContentOuter {\n" " position: relative;\n" " display: inline-block;\n" " vertical-align: middle;\n" " margin: 0px auto;\n" " padding: 0 1em;\n" " box-sizing: border-box;\n" " z-index: 2020;\n" " text-align: left;\n" " max-width: 100%;\n" "}\n\n" ".slbContentEl .slbContentOuter {\n" " padding: 5em 1em;\n" "}\n\n" ".slbContent {\n" " position: relative;\n" "}\n\n" ".slbContentEl .slbContent {\n" " animation: slbEnter 0.3s;\n" " background-color: #fff;\n" " box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4);\n" "}\n\n" ".slbImageWrap,\n" ".slbCtWrap {\n" " animation: slbEnter 0.3s;\n" " position: relative;\n" "}\n\n" ".slbImageWrap:after,\n" ".slbCtWrap:after {\n" " content: \"\";\n" " position: absolute;\n" " left: 0;\n" " right: 0;\n" " top: 5em;\n" " bottom: 5em;\n" " display: block;\n" " z-index: -1;\n" " box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);\n" " background-color: #fff;\n" "}\n\n" ".slbDirectionNext .slbImageWrap,\n" ".slbDirectionNext .slbCtWrap {\n" " -webkit-animation: slbEnterNext 0.4s;\n" " -moz-animation: slbEnterNext 0.4s;\n" " animation: slbEnterNext 0.4s;\n" "}\n\n" ".slbDirectionPrev .slbImageWrap,\n" ".slbDirectionPrev .slbCtWrap {\n" " -webkit-animation: slbEnterPrev 0.4s;\n" " -moz-animation: slbEnterPrev 0.4s;\n" " animation: slbEnterPrev 0.4s;\n" "}\n\n" ".slbImage {\n" " width: auto;\n" " max-width: 100%;\n" " height: auto;\n" " display: block;\n" " line-height: 0;\n" " box-sizing: border-box;\n" " margin: 0 auto;\n" "}\n\n" ".slbCaption {\n" " display: none;\n" " max-width: 100%;\n" " overflow: hidden;\n" " text-overflow: ellipsis;\n" " white-space: nowrap;\n" " word-wrap: normal;\n" " font-size: 1.4em;\n" " position: absolute;\n" " left: 0;\n" " right: 0;\n" " bottom: 0;\n" " padding: 0.71429em 0;\n" " color: #fff;\n" " color: rgba(0, 0, 0, 0.7);\n" " text-align: center;\n" "}\n\n" ".slbCloseBtn,\n" ".slbArrow {\n" " margin: 0;\n" " padding: 0;\n" " border: 0;\n" " cursor: pointer;\n" " background: none;\n" "}\n\n" ".slbCloseBtn path,\n" ".slbArrow path {\n" " color: white;\n" " fill: white;\n" "}\n\n" ".slbCloseBtn::-moz-focus-inner,\n" ".slbArrow::-moz-focus-inner {\n" " padding: 0;\n" " border: 0;\n" "}\n\n" ".slbArrow:hover {\n" " background-color: rgba(0, 0, 0, 0.91);\n" "}\n\n" ".slbCloseBtn:hover {\n" " opacity: 1;\n" "}\n\n" ".slbCloseBtn:active,\n" ".slbArrow:active {\n" " opacity: 0.8;\n" "}\n\n" ".slbCloseBtn {\n" " animation: slbEnter 0.3s;\n" " font-size: 1.5rem;\n" " width: 1.875rem;\n" " height: 1.875rem;\n" " line-height: 1.66667em;\n" " position: absolute;\n" " right: 1.8125rem;\n" " top: 0.625rem;\n" " color: #fff;\n" " color: rgba(255, 255, 255, 0.7);\n" " background-color: black;\n" " opacity: 0.95;\n" " text-align: center;\n" " line-height: 0.7rem;\n" "}\n\n" ".slbLoading .slbCloseBtn {\n" " display: none;\n" "}\n\n" ".slbLoadingText {\n" " font-size: 1.4em;\n" " color: #fff;\n" " color: rgba(255, 255, 255, 0.9);\n" "}\n\n" ".slbArrows {\n" " position: static;\n" " top: 50%;\n" " z-index: 4;\n" "}\n\n" ".slbLoading .slbArrows {\n" " display: none;\n" "}\n\n" ".slbArrow {\n" " position: absolute;\n" " top: 50%;\n" " margin-top: -0.25rem;\n" " width: 0.625rem;\n" " height: 0.625rem;\n" " padding: 0.9375rem;\n" " overflow: hidden;\n" " z-index: 1;\n" " background-color: rgba(0, 0, 0, 0.65);\n" " border-radius: 3px;\n" "}\n\n" ".slbArrow:before {\n" " position: absolute;\n" " top: 50%;\n" " left: 50%;\n" " margin: -0.8em 0 0 -0.8em;\n" "}\n\n" ".slbArrow.next {\n" " right: 15px;\n" "}\n\n" ".slbArrow.next:before {\n" " border-left-color: #fff;\n" "}\n\n" ".slbArrow.prev {\n" " left: 0.9375rem;\n" "}\n\n" ".slbArrow.prev:before {\n" " border-right-color: #fff;\n" "}\n\n" ".slbIframeCont {\n" " width: 80em;\n" " height: 0;\n" " overflow: hidden;\n" " padding-top: 56.25%;\n" " margin: 5em 0;\n" "}\n\n" ".slbIframe {\n" " position: absolute;\n" " top: 0;\n" " left: 0;\n" " width: 100%;\n" " height: 100%;\n" " box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);\n" " background: #000;\n" "}\n\n" "@-webkit-keyframes slbOverlay {\n" " from {\n" " opacity: 0;\n" " }\n\n" " to {\n" " opacity: 0.7;\n" " }\n" "}\n\n" "@-moz-keyframes slbOverlay {\n" " from {\n" " opacity: 0;\n" " }\n\n" " to {\n" " opacity: 0.7;\n" " }\n" "}\n\n" "@keyframes slbOverlay {\n" " from {\n" " opacity: 0;\n" " }\n\n" " to {\n" " opacity: 0.7;\n" " }\n" "}\n\n" "@-webkit-keyframes slbEnter {\n" " from {\n" " opacity: 0;\n" " -webkit-transform: translate3d(0, -1em, 0);\n" " }\n\n" " to {\n" " opacity: 1;\n" " -webkit-transform: translate3d(0, 0, 0);\n" " }\n" "}\n\n" "@-moz-keyframes slbEnter {\n" " from {\n" " opacity: 0;\n" " -moz-transform: translate3d(0, -1em, 0);\n" " }\n\n" " to {\n" " opacity: 1;\n" " -moz-transform: translate3d(0, 0, 0);\n" " }\n" "}\n\n" "@keyframes slbEnter {\n" " from {\n" " opacity: 0;\n" " -webkit-transform: translate3d(0, -1em, 0);\n" " -moz-transform: translate3d(0, -1em, 0);\n" " -ms-transform: translate3d(0, -1em, 0);\n" " -o-transform: translate3d(0, -1em, 0);\n" " transform: translate3d(0, -1em, 0);\n" " }\n\n" " to {\n" " opacity: 1;\n" " -webkit-transform: translate3d(0, 0, 0);\n" " -moz-transform: translate3d(0, 0, 0);\n" " -ms-transform: translate3d(0, 0, 0);\n" " -o-transform: translate3d(0, 0, 0);\n" " transform: translate3d(0, 0, 0);\n" " }\n" "}\n\n" "@-webkit-keyframes slbEnterNext {\n" " from {\n" " opacity: 0;\n" " -webkit-transform: translate3d(4em, 0, 0);\n" " }\n\n" " to {\n" " opacity: 1;\n" " -webkit-transform: translate3d(0, 0, 0);\n" " }\n" "}\n\n" "@-moz-keyframes slbEnterNext {\n" " from {\n" " opacity: 0;\n" " -moz-transform: translate3d(4em, 0, 0);\n" " }\n\n" " to {\n" " opacity: 1;\n" " -moz-transform: translate3d(0, 0, 0);\n" " }\n" "}\n\n" "@keyframes slbEnterNext {\n" " from {\n" " opacity: 0;\n" " -webkit-transform: translate3d(4em, 0, 0);\n" " -moz-transform: translate3d(4em, 0, 0);\n" " -ms-transform: translate3d(4em, 0, 0);\n" " -o-transform: translate3d(4em, 0, 0);\n" " transform: translate3d(4em, 0, 0);\n" " }\n\n" " to {\n" " opacity: 1;\n" " -webkit-transform: translate3d(0, 0, 0);\n" " -moz-transform: translate3d(0, 0, 0);\n" " -ms-transform: translate3d(0, 0, 0);\n" " -o-transform: translate3d(0, 0, 0);\n" " transform: translate3d(0, 0, 0);\n" " }\n" "}\n\n" "@-webkit-keyframes slbEnterPrev {\n" " from {\n" " opacity: 0;\n" " -webkit-transform: translate3d(-4em, 0, 0);\n" " }\n\n" " to {\n" " opacity: 1;\n" " -webkit-transform: translate3d(0, 0, 0);\n" " }\n" "}\n\n" "@-moz-keyframes slbEnterPrev {\n" " from {\n" " opacity: 0;\n" " -moz-transform: translate3d(-4em, 0, 0);\n" " }\n\n" " to {\n" " opacity: 1;\n" " -moz-transform: translate3d(0, 0, 0);\n" " }\n" "}\n\n" "@keyframes slbEnterPrev {\n" " from {\n" " opacity: 0;\n" " -webkit-transform: translate3d(-4em, 0, 0);\n" " -moz-transform: translate3d(-4em, 0, 0);\n" " -ms-transform: translate3d(-4em, 0, 0);\n" " -o-transform: translate3d(-4em, 0, 0);\n" " transform: translate3d(-4em, 0, 0);\n" " }\n\n" " to {\n" " opacity: 1;\n" " -webkit-transform: translate3d(0, 0, 0);\n" " -moz-transform: translate3d(0, 0, 0);\n" " -ms-transform: translate3d(0, 0, 0);\n" " -o-transform: translate3d(0, 0, 0);\n" " transform: translate3d(0, 0, 0);\n" " }\n" "}\n\n" ".slbCtWrap {\n" " overflow: auto;\n" " background-color: white;\n" " overflow-x: hidden;\n" " padding: 1.875rem 0 0 0;\n" " border: solid 2px rgba(0, 0, 0, 0.49);\n" " border-radius: 3px;\n" "}\n\n" ".slbArrows svg {\n" " fill: white;\n" " width: 1.25rem;\n" " height: 1.25rem;\n" " left: calc(50% - 0.625rem);\n" " position: absolute;\n" " top: calc(50% - 0.625rem);\n" "}\n\n" "body#projects #footer .wrap {\n" " max-width: 99.75rem;\n" "}\n\n" "#content.projectdetail {\n" " position: relative;\n" " min-height: calc(100vh - 4rem);\n" " margin-top: 4.875rem;\n" "}\n\n" "#content.projectdetail .loader-container {\n" " position: absolute;\n" " z-index: 45;\n" " width: 100vw;\n" " height: 100vh;\n" "}\n\n" "#p_details {\n" " flex-flow: column;\n" " align-items: center;\n" " display: flex;\n" " overflow: visible;\n" "}\n\n" "#p_details .lds-roller {\n" " top: calc(50% - 0.625rem);\n" "}\n\n" "#p_details .slbElement .lds-roller {\n" " top: 0;\n" "}\n\n" "#p_details #nav li {\n" " background-color: #ff0000;\n" "}\n\n" "#p_details #p_details {\n" " top: 9.375rem;\n" "}\n\n" "#p_details #p_details #p_title {\n" " text-align: center;\n" " font-size: 2.8rem;\n" " font-weight: 600;\n" " font-family: \"Montserrat\";\n" " color: #fff;\n" " top: 4.375rem;\n" " position: relative;\n" "}\n\n" "#p_details #p_details .letter {\n" " transform-origin: 50% 100%;\n" " display: inline-block;\n" " pointer-events: all;\n" "}\n\n" ".details {\n" " width: 107.8125rem;\n" " margin: 0 auto;\n" " padding: 0;\n" " padding-bottom: 1.5rem;\n" "}\n\n" ".details #logo {\n" " background-color: transparent;\n" " display: inline-block;\n" " left: 10%;\n" " position: relative;\n" " padding-bottom: 1.875rem;\n" "}\n\n" ".details .grid-item:not(.desc) {\n" " padding: 0;\n" " margin-bottom: 1rem;\n" " margin-left: 1rem;\n" " position: relative;\n" " border-radius: 0;\n" " margin-top: -0.4375;\n" " overflow: hidden;\n" " transition: 0.3s all linear;\n" " z-index: 44;\n" "}\n\n" ".details .grid-item:not(.desc).bw_filter {\n" " filter: grayscale(3);\n" "}\n\n" ".details .grid-item:not(.desc) svg {\n" " position: absolute;\n" " left: 0;\n" " top: 0;\n" " fill: transparent;\n" " stroke: rgba(0, 0, 0, 0.4);\n" " stroke-width: 2px;\n" "}\n\n" ".details .grid-item:not(.desc) img {\n" " opacity: 0;\n" " width: 100%;\n" " box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);\n" " border-radius: 1px;\n" " z-index: 1;\n" " position: relative;\n" "}\n\n" ".details .grid-item:not(.desc):hover {\n" " filter: none;\n" " z-index: 44;\n" " transition: 0.3s all linear;\n" "}\n\n" ".details .grid-item:not(.desc) .img_open {\n" " width: 0;\n" " transition: 0.3s all linear;\n" " height: 57px;\n" " bottom: calc(50% - 1.78125rem);\n" " position: absolute;\n" "}\n\n" ".details .grid-item:not(.desc) .img_open svg {\n" " opacity: 0;\n" "}\n\n" ".svg_ico {\n" " width: 1.5rem;\n" " position: relative;\n" " top: calc(-50% - (0.75rem / 2));\n" " left: calc(-50% - (0.75rem / 2));\n" " padding: 0.9375rem;\n" " height: 1.5rem;\n" " width: 1.5625rem;\n" " position: relative;\n" " top: -3.1875rem;\n" " padding: 0.9375rem;\n" " height: 1.875rem;\n" "}\n\n" "#p_mm {\n" " font-size: 1.4rem;\n" " margin: 8.75rem auto;\n" " display: flex;\n" "}\n\n" "#p_mm .svg_ico {\n" " fill: #aeaeae;\n" " width: 1.5625rem;\n" " position: relative;\n" " top: -3.1875rem;\n" " left: 0;\n" " padding: 0.9375rem;\n" " height: 1.875rem;\n" "}\n\n" "#p_mm > span {\n" " position: relative;\n" " font-weight: 100;\n" " width: 13.75rem;\n" " text-align: center;\n" " margin: 1.25rem;\n" "}\n\n" "#p_mm #size .svg_ico {\n" " width: 1.375rem;\n" "}\n\n" ".p_label {\n" " font-family: \"Montserrat\";\n" " color: #ff4040;\n" " display: block;\n" " font-size: 1.2rem;\n" " position: absolute;\n" " width: 100%;\n" "}\n\n" ".grid-item.desc {\n" " position: relative;\n" " height: 25.5rem;\n" " display: block;\n" " color: white;\n" " text-align: left;\n" " margin-left: 1rem;\n" " margin-bottom: 1rem;\n" " margin-top: -0rem;\n" " width: 26.5625rem;\n" " opacity: 0;\n" " box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.62);\n" " border-radius: 3px;\n" " background: radial-gradient(circle, red 30%, #da2a33 160%);\n" " padding: 1rem 0 0 0;\n" " box-sizing: border-box;\n" "}\n\n" ".grid-item.desc.after_maso {\n" " transition: all 3s;\n" " opacity: 1;\n" "}\n\n" ".grid-item span {\n" " display: block;\n" " font-size: 1rem;\n" " font-weight: 400;\n" " position: relative;\n" " left: 7%;\n" "}\n\n" ".grid-item .p_label {\n" " display: inline;\n" " color: white;\n" "}\n\n" ".grid-item .p_label .svg_ico {\n" " fill: white;\n" " display: inline;\n" " padding: 0.9375rem;\n" " position: relative;\n" " left: -6%;\n" " top: 1.4375rem;\n" " width: 1.125rem;\n" "}\n\n" ".grid-item .p_label .svg_ico g,\n" ".grid-item .p_label .svg_ico path {\n" " fill: white;\n" "}\n\n" "@media (max-width: 46.24em) {\n" " body#projects #logo {\n" " padding-left: 1.25rem;\n" " }\n" "}\n\n" "@media (max-width: 63.99em) {\n" " .details {\n" " width: 91vw !important;\n" " margin: 0 auto;\n" " top: 0.5625rem;\n" " }\n\n" " .details .grid-item,\n" " .details .grid-item.desc,\n" " .details .grid-item:not(.desc) {\n" " margin-left: 0;\n" " width: unset;\n" " }\n\n" " .details .grid-item.bw_filter,\n" " .details .grid-item.desc.bw_filter,\n" " .details .grid-item:not(.desc).bw_filter {\n" " filter: none !important;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " body#projects #logo {\n" " padding-left: 2.6rem;\n" " }\n\n" " body#projects .details .grid-item,\n" " body#projects .details .grid-item.desc {\n" " margin-right: 1rem !important;\n" " padding: 0;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " #content.projectdetail {\n" " margin-top: 9.875rem;\n" " }\n\n" " .grid-item .p_label .svg_ico {\n" " width: 1.525rem;\n" " }\n\n" " .grid-item span {\n" " font-size: 1.5rem;\n" " }\n" "}\n\n" "#imprint #footer .wrap {\n" " max-width: 68.75rem;\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " #imprint #footer .wrap {\n" " max-width: 99.75rem;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " #imprint #footer .wrap {\n" " width: 87%;\n" " }\n" "}\n\n" "section#content.imprint {\n" " hyphens: auto;\n" " font-size: 0.875rem;\n" " max-width: 68.75rem;\n" " margin: 0 auto;\n" "}\n\n" "section#content.imprint h1 {\n" " text-align: left;\n" " font-weight: 300;\n" " font-family: \"Open Sans\", sans-serif !important;\n" " color: #dc1e25;\n" " font-size: 2.5rem;\n" " margin-top: 6rem;\n" "}\n\n" "section#content.imprint .im_right {\n" " width: 27%;\n" " float: left;\n" " margin-left: 3rem;\n" "}\n\n" "section#content.imprint .im_left {\n" " text-align: justify;\n" " width: 65.33%;\n" " float: left;\n" " left: 12%;\n" " top: auto;\n" "}\n\n" "@media (max-width: 46.24em) {\n" " section#content.imprint {\n" " width: 90%;\n" " padding-top: 3rem;\n" " margin-left: 1rem;\n" " }\n\n" " section#content.imprint h1 {\n" " margin: 1rem 0 0 1rem;\n" " text-align: center;\n" " }\n\n" " section#content.imprint .im_left {\n" " left: 0%;\n" " width: 90%;\n" " margin-left: 1rem;\n" " }\n\n" " section#content.imprint .im_right {\n" " width: 90%;\n" " position: relative;\n" " margin-left: 1rem;\n" " padding-bottom: 2rem;\n" " }\n" "}\n\n" "@media (min-width: 46.25em) and (max-width: 63.99em) {\n" " section#content.imprint {\n" " padding-top: 3rem;\n" " font-size: 0.875rem;\n" " line-height: 1.9rem;\n" " max-width: 100%;\n" " }\n\n" " section#content.imprint h1 {\n" " text-align: center;\n" " padding-top: 0;\n" " margin-top: 0;\n" " font-size: 1.7rem;\n" " }\n\n" " section#content.imprint .im_left {\n" " text-align: justify;\n" " width: 85.33%;\n" " float: none;\n" " left: 7%;\n" " position: relative;\n" " }\n\n" " section#content.imprint .im_right {\n" " float: none;\n" " position: relative;\n" " padding-bottom: 4rem;\n" " width: 100%;\n" " }\n" "}\n\n" "@media (min-width: 64em) and (max-width: 119.99em) {\n" " section#content.imprint {\n" " padding-top: 7rem;\n" " font-size: 1.575rem;\n" " line-height: 2.6rem;\n" " max-width: 100%;\n" " min-height: calc(100vh - 11rem);\n" " }\n\n" " section#content.imprint h1 {\n" " text-align: center;\n" " padding-top: 0;\n" " margin-top: 0;\n" " }\n\n" " section#content.imprint .im_left {\n" " text-align: justify;\n" " width: 49.33%;\n" " float: left;\n" " left: 8%;\n" " position: relative;\n" " }\n\n" " section#content.imprint .im_right {\n" " position: relative;\n" " margin-left: 15%;\n" " padding-bottom: 2rem;\n" " width: 28%;\n" " }\n" "}\n\n" ".p404 {\n" " display: flex;\n" " align-items: center;\n" " justify-content: center;\n" " flex-direction: column;\n" " width: 100vw;\n" " height: 100vh;\n" " font-size: 4rem;\n" " font-weight: 900;\n" " line-height: 5rem;\n" " text-align: center;\n" "}\n\n" ".p404 .i-exc {\n" " font-size: 10rem;\n" " color: rgba(0, 0, 0, 0.15);\n" "}\n\n" ".p404 a {\n" " font-size: 1.7rem;\n" " font-weight: 400;\n" " line-height: 2.7rem;\n" " text-decoration: none;\n" " color: #6866a9;\n" " border-bottom: dashed 2px #6866a9;\n" " padding-bottom: 0.3rem;\n" " margin-bottom: 1.8rem;\n" "}\n") matches = re.finditer(regex, test_str) for matchNum, match in enumerate(matches, start=1): print ("Match {matchNum} was found at {start}-{end}: {match}".format(matchNum = matchNum, start = match.start(), end = match.end(), match = match.group())) for groupNum in range(0, len(match.groups())): groupNum = groupNum + 1 print ("Group {groupNum} found at {start}-{end}: {group}".format(groupNum = groupNum, start = match.start(groupNum), end = match.end(groupNum), group = match.group(groupNum))) # Note: for Python 2.7 compatibility, use ur"" to prefix the regex and u"" to prefix the test string and substitution.

Please keep in mind that these code samples are automatically generated and are not guaranteed to work. If you find any syntax errors, feel free to submit a bug report. For a full regex reference for Python, please visit: https://docs.python.org/3/library/re.html