/*
Theme Name: Zeit Zeigen
Theme URI: https://blogonyourown.com/themes/loose/
Template: loose
Author: Lucas Bockhorst
Author URI: http://fam-bockhorst.de
Description: Loose is a simply, elegant &amp; modern WordPress Blog Theme. Elegantly showcase your articles, photos, videos and more. This clean layout suitable for any type of site. Can be used for blog, magazine, news or fashion website. Loose is a minimal blog and magazine WordPress theme focused on content. With Loose you can create your own unique layout and style. Loose is fully responsive and looks great on any device. Loose have many features including: 3 Homepage Layouts, 4 Post Formats, 2 Page Layouts, 2 Single Post Layouts, 3 Widget Areas: Right Sidebar, Left Sidebar / Left Menu &amp; Top, Sticky Sidebar, 2 Menus: Top Menu &amp; Left Menu (main, mobile menu – toggled with button), all Theme Options Easily Customized by Native WordPress Customizer (Live Preview), Translation Ready and much much more. Child Template may be downloaded from our website. Tested with block editor (Gutenberg). Support for AMP. Loose is easy to customize and well documented with great support and friendly help:) Enjoy:)
Tags: translation-ready,grid-layout,blog,news,left-sidebar,right-sidebar,custom-background,two-columns,three-columns,featured-images,full-width-template,post-formats,sticky-post,theme-options,threaded-comments
Version: 1.3.5.1622823872
Updated: 2021-06-04 18:24:32

*/

:root {
    --nav_bg:       #000000;
    --nav_color:    #FFFFFF;
    --search_bg:    #000000;
    --search_color: #FFFFFF;
    
    
    --main_color:   #FFFFFF;
    
    
    --widget_color: #000000;
}

.navbar-navigation {
    background-color:   var(--nav_bg);
    color:              var(--nav_color);
    border:             0px;
    box-shadow:         none;
}

.main-navigation a, .widget_nav_menu a {
    color:              var(--widget_color);
}


.navbar-navigation a {
    color:              var(--nav_color);
}

.navbar-navigation ul {
    background-color:   var(--nav_bg);
    color:              var(--nav_color);
}

.site-branding {
    height: 200px;
}

.title-center {
    height: 60px;
    width: 1052px;
    top: 50%;
    margin-top: -30px;
    position: absolute;
    left: 50%;
    margin-left: -526px;
}

.split {
    /* max-width: 33%; */
    float: left;
}

.site-title {
    height: 120px;
}

.site-title a {
    text-align:         center;
    vertical-align:     middle;
    color:              white !important;
    width: 100%;
    height: 200px;
}

#clock                 {
    margin-top: -75px;
}

.loose-search-panel {
    background-color:   var(--search_bg);
    color:              var(--search_color);
}

.loose-search-panel .loose-search-panel-close {
    background-color:   var(--search_bg);
    color:              var(--search_color);
    fill:               var(--search_color);
}

button > svg, a > button > svg, span > svg {
   background-color:    var(--search_bg);
   color:               var(--search_color); 
   fill:                var(--search_color);
}

.menu-toggle svg, .search-toggle svg {
    fill:               var(--search_color);
}


body, button, input, select, textarea {
    color:              var(--main_color);
}

a {
    color:              var(--main_color);
}


#secondary .widget {
    padding: 10px;
}


.widget-meta-data-filter * {
    color:              var(--widget_color);
}

.ort table, .aussehen table , .zustand table , .anbringung table{
                        width: 100%;
}

.ort_ort {
    /* font-size: 10px; */
                        float: left;
                        width: 50%;
}

.bullet_white {
                        font-size: 14px;
}

.bullet_white input {
                        margin-right: 2px;
}

.filter, .reset {
                        float: left;
                        width: 50%;
}

.reset input {
                        float: right;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
                        color: var(--main_color);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
                        color: var(--main_color);
}


.loose-page-intro {
                        color: var(--main_color);
}