CINXE.COM
Willkommen
<!DOCTYPE html> <html lang="de-CH" class=""> <head> <title>Willkommen</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="520 Opern aus f眉nf Jahrhunderten. Durchsuchen Sie unsere Datenbank nach Inhaltsangaben, Libretti, Noten und mehr." /> <meta name="author" content="KernKonzepte" /> <link rel="apple-touch-icon" href="/apple-icon.png"> <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <!-- Eindeutige URL --> <link rel="canonical" href="https://opera-guide.ch/"/> <!-- Open Graph / Facebook --> <meta property="og:url" content=""> <meta property="og:site_name" content="Opera Guide"> <meta property="og:type" content="website"> <meta property="og:title" content="Willkommen"> <meta property="og:description" content="520 Opern aus f眉nf Jahrhunderten. Durchsuchen Sie unsere Datenbank nach Inhaltsangaben, Libretti, Noten und mehr."> <!-- Twitter --> <meta name="twitter:card" content=""> <meta name="twitter:site" content="Opera Guide"> <meta name="twitter:creator" content="@heinzkern"> <meta name="twitter:title" content="Willkommen"> <meta name="twitter:description" content="520 Opern aus f眉nf Jahrhunderten. Durchsuchen Sie unsere Datenbank nach Inhaltsangaben, Libretti, Noten und mehr."> <!-- Le HTML5 shim, for IE6-8 support of HTML elements --> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!-- stylesheets --> <link href="/css/app.css" rel="stylesheet"> <!-- Scripts --> <script type="text/javascript" src="/js/app.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20885682-4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-20885682-4'); </script> <!-- end google analytics --> <!-- micro data --> </head> <body class="v-home"> <!-- Navigation --> <nav class="navbar navbar-expand-lg sticky-top navbar-dark c-main-naivigation container-fluid"> <div class="row"> <a class="col-10 col-lg-3" href="/"> <img src="/media/logo-de.png" alt="Opera Guide" class="logo" /> </a> <button class="navbar-toggler ml-auto mt-1" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse col-12 col-lg-7" id="navbarResponsive"> <form class="form-inline c-search-form ml-0" method="get" action="/operas/"> <input class="form-control" type="text" name="query" placeholder="Suchen" aria-label="Search"> <button class="btn" type="submit"> <img src="/media/lupe-w.svg" alt="search" class="search-icon" /> </button> </form> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="/operas/">Alle Opern</a> </li> <li class="nav-item d-lg-none"> <a class="nav-link" href="/quiz/">Quiz</a> </li> <li class="nav-item d-lg-none"> <a class="nav-link" href="/radio/">Radio</a> </li> <li class="nav-item d-lg-none"> <a class="nav-link" href="/kritiken/">Kritiken</a> </li> <li class="nav-item d-lg-none"> <a class="nav-link" href="/spenden/">Spenden</a> </li> <li class="nav-item d-lg-none" id="mobile-language-nav"> <a class="nav-link" href="/">DE</a> / <a class="nav-link" href="/en/">EN</a> </li> </ul> </div> <div class="col-lg-2 d-none d-lg-block mt-1"> <ul class="navbar-nav ml-auto" id="language-nav"> <li class="nav-item"> <a class="nav-link" href="/">DE</a> </li> <li class="nav-item"> <a class="nav-link" href="/en/">EN</a> </li> </ul> </div> </div> </nav> <div class="container-fluid" id="content"> <div class="row"> <div class="col-12 c-heading"> <div class="row"> <div class="offset-xl-2 col-xl-8 offset-lg-1 col-lg-10 col-12 "> <h1>520 Opern aus f眉nf Jahrhunderten.</h1> <h2>Durchsuchen Sie unsere Datenbank nach Inhaltsangaben, Libretti, Noten und mehr.</h2> <a href="/spenden/" id="donation-link" class="d-lg-block d-none" title="Spenden"> <img src="/media/donate-de.svg" alt="Donate" /> </a> <form class="form-inline c-search-form ml-0" method="get" action="/operas/"> <input class="form-control" type="text" name="query" placeholder="Suchen" aria-label="Search"> <button class="btn" type="submit"> <img src="/media/lupe-b.svg" alt="search" class="search-icon" /> </button> </form> </div> </div> </div> <!-- hack --> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-lg-10 col-12 offset-lg-1 boxes"> <div class="row"> <a href="/quiz/" class="col-lg-4 col-12 c-box" title="Radio"> <div class="box-content"> <h2>Quiz</h2> <p>Testen Sie Ihre Kenntnisse</p> </div> </a> <a href="/radio/" class="col-lg-4 col-12 c-box" title="quiz"> <div class="box-content"> <h2>Radio</h2> <p>H枚ren Sie ausgew盲hlte Interpretationen</p> </div> </a> <a href="/kritiken/" class="col-lg-4 col-12 c-box" title="Kritiken"> <div class="box-content"> <h2>Kritiken</h2> <p>Kritiken zu allgemeinen Auff眉hrungen</p> </div> </a> </div> </div> </div> </div> </div> </div> <footer class="py-5 bg-dark c-footer"> <div class="container"> <ul class="nav justify-content-center"> <li class="nav-item text-center text-white">Copyright © 2025 KernKonzepte</li> <li class="nav-item"> <a class="nav-link" href="/impressum/">Impressum</a> </li> </ul> </div> <!-- /.container --> </footer> <div id="js-modal" role="dialog" class="modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title"></h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <iframe src="" width="" height=""></iframe> </div> </div> </div> </div> </body> </html>