<!DOCTYPE html>
<html <?php language_attributes(); ?>>
  <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE">
    <meta charset="utf-8">
    <title><?php wp_title( '|', true, 'right' ); ?><?php bloginfo('name'); ?></title>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
    <?php wp_head();  ?>
    <meta name="robots" content="INDEX, FOLLOW">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
    <meta name="handheldfriendly" content="true">

    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory');?>/css/cookieconsent.css" media="all">
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory');?>/css/magnific-popup.css" media="all">
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory');?>/css/swiper.css" media="all">
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory');?>/css/header.css" media="all">
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory');?>/css/menu.css" media="all">
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory');?>/css/footer.css" media="all">
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory');?>/css/search.css" media="all">

    <script src="<?php bloginfo('stylesheet_directory');?>/js/jquery-3.js" type="text/javascript"></script>
    <script src="<?php bloginfo('stylesheet_directory');?>/js/js.js" type="text/javascript" async="async"></script>

    <link rel="apple-touch-icon" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon.png">
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-152x152.png">
    <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-ogp/favicon-196x196.png" sizes="196x196">
    <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-128.png" sizes="128x128">
    <meta name="application-name" content="&nbsp;">
    <meta name="msapplication-TileColor" content="#0065A9">
    <meta name="msapplication-TileImage" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-144x144.png">
    <meta name="msapplication-square70x70logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-70x70.png">
    <meta name="msapplication-square150x150logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-150x150.png">
    <meta name="msapplication-wide310x150logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-310x150.png">
    <meta name="msapplication-square310x310logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-310x310.png">

    <script>
      window.addEventListener('load',function(){
        window.cookieconsent.initialise(
          {
            palette:{
              popup:{
                background:'#000000',
                text:'#ffffff'
              },
              button:{
                background:'#eeeeee',
              }
            },
            position:'bottom',
            content:{
              message:'Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können.',
              dismiss:'Ok',
              link:'Mehr erfahren',
              href:''
            }
          })})
      </script>

      <link rel="canonical" href="https://www.kit-ausbildung.de/de/">

      <script type="application/ld+json">
        [{"@context":"https://www.schema.org","@type":"WebSite","url":"https://www.kit-ausbildung.de/","name":"Startseite"}]
      </script>
      <script type="text/javascript" charset="UTF-8" src="<?php bloginfo('stylesheet_directory');?>/js/common.js"></script>
      <script type="text/javascript" charset="UTF-8" src="<?php bloginfo('stylesheet_directory');?>/js/util.js"></script>
    </head>

<body <?php body_class(); ?> class="subsite startpage page-theme-color-primary">
<?php wp_body_open(); ?>

  <div role="dialog" aria-live="polite" aria-label="cookieconsent" aria-describedby="cookieconsent:desc" class="cc-window cc-banner cc-type-info cc-theme-block cc-bottom cc-color-override--858973338  cc-invisible" style="display: none;">
    <!--googleoff: all-->
    <span id="cookieconsent:desc" class="cc-message">
      Diese Website nutzt Cookies, um bestmögliche Funktionalität bieten zu können. <a aria-label="learn more about cookies" role="button" tabindex="0" class="cc-link" href="" target="_blank">Mehr erfahren</a></span>
      <div class="cc-compliance">
        <a aria-label="dismiss cookie message" role="button" tabindex="0" class="cc-btn cc-dismiss">Ok</a>
      </div><!--googleon: all-->
    </div>

  <header>

    <div class="content-wrap">

      <div class="header-lang">
        <?php
         if ( function_exists ( 'wpm_language_switcher' ) ) {
           wpm_language_switcher ('list','name');
         };
        ?>
    </div>

      <h1 class="header-logo-container">
        <a href="<?php echo home_url(); ?>">
          <span class="header-logo-text">KIT - Karlsruher Institut für Technologie</span>
          <?php if ( has_custom_logo() ) {
            $custom_logo_id = get_theme_mod( 'custom_logo' );
            $logo = wp_get_attachment_image_src( $custom_logo_id , 'full' );
            echo '<img class="header-logo" src="' . esc_url( $logo[0] ) . '" alt="Logo: ' . get_bloginfo( 'name' ) . '">';
            echo '<img class="header-logo-mobile" src="' . esc_url( $logo[0] ) . '" alt="Logo: ' . get_bloginfo( 'name' ) . '">';
          } else {
            echo '<img class="header-logo" src="' . get_bloginfo('stylesheet_directory') . '/img/kit-logo.svg" alt="Logo: Karlsruher Institut für Technologie">';
            echo '<img class="header-logo-mobile" src="' . get_bloginfo('stylesheet_directory') .'/img/kit-logo-without-text.svg" alt="Logo: Karlsruher Institut für Technologie">';
          }?>
        </a>
      </h1>

      <a href="<?php echo home_url(); ?>/search" class="header-search">
        <img src="<?php bloginfo('stylesheet_directory');?>/img/magnifier-dark.svg" alt="Suche">
        <span>Suche</span>
      </a>

      <input class="header-burger-button" id="header-burger-button" type="checkbox">
      <label for="header-burger-button">
        <span>Navigation öffnen / schließen</span>
      </label>

      <?php get_template_part('template-parts/site-nav'); ?>

      <div class="header-button-container">
        <a href="https://www.kit-ausbildung.de/de/offene-stellen" class="header-button"><span>Zum Bestand</span></a>
      </div>

    </div>

  </header>
