/* Theme Name: blickwerker
Author: Remi Tywonek
URI: http://www.blickwerker.de/
*/


/* font-face */

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'),
            url('fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('fonts/lato-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'),
            url('fonts/lato-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('fonts/lato-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}







/* RESET + HELPER  */

/* make all images responsive (no need for BS3 img-responsive class) */
img { display: inline-block; height: auto; max-width: 100%; }

/* class for regular (unresponsive) images*/
img.fix { display: inline-block; max-width: none; }

/* grid vertical center */
.center-vertical.row { display: table; }
.center-vertical.row > div { display: table-cell; vertical-align: middle; float: none; }

/* Remove default fieldset styles */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas */
textarea { resize: vertical; }





/* TYPOGRAPHY */

body { font-family: 'Lato', sans-serif; color: #505050; font-size: 15px; line-height: 1.6em; min-width: 400px; background: #fff; }

h1, h2, h3 { color: #770f00; font-weight: normal; }
h1 { font-size: 26px; margin-top: 9px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

a { color: #770f00; }
a:hover, a:focus, a:active { color: #770f00; outline: none; }

figcaption { opacity: .6; font-size: 90%; margin: 5px 0 20px; line-height: 1.2em; transition: opacity 0.5s ease; }
figure:hover figcaption { opacity: 1; }






/* HEADER */

#tagline { text-transform: uppercase; color: #770f00; font-size: 12px; line-height: 25px; margin: 5px auto 0; text-align: center; }
#tagline span { font-size: 160%;}


/* buttons */
#visual .buttons { margin-top: 83px; }
#visual .buttons a { text-align: center; display: block; border-radius: 50px; max-width: 210px; margin: 7px auto 0; font-size: 16px; font-weight: bold; line-height: 40px; color: #fff; text-transform: uppercase; transition: background 0.5s ease; }
#visual .buttons a:hover,
#visual .buttons a:focus,
#visual .buttons a:active { text-decoration: none; }

#visual .buttons .yellow a { background: rgba(255,204,0,.65); }
#visual .buttons .grey a { background: rgba(113,112,112,.65); }
#visual .buttons .red a { background: rgba(119,14,0,.65); }

#visual .buttons .yellow a:hover { background: rgba(255,204,0,1); }
#visual .buttons .grey a:hover { background: rgba(113,112,112,1); }
#visual .buttons .red a:hover { background: rgba(119,14,0,1); }

/* Terminvereinbarung */
.termin-button {
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 10px;
    /*background: rgba(255,204,0,1);*/
    background: #b81245;
}

.termin-button.gelb { background: rgba(255,204,0,1); }
.termin-button.grau { background: rgba(113,112,112,1); }
.termin-button.rot { background: rgba(119,14,0,1); }
.termin-button.pink { background: #b81245; }

.termin-button:hover,
.termin-button:focus,
.termin-button:active { text-decoration: none; color: #fff; }



.termin-button.button-desktop {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.termin-button.button-mobile {
    display: inline-block;
    float: right;
    position: relative;
    top: 22px;
    right: 10px;
}

@media (min-width: 768px) {
    .navbar-collapse { position: relative; }
    .termin-button.button-desktop { display: inline-block; }
    .termin-button.button-mobile { display: none; }
}


/* visual home */
#visual.home { background: url(/wp-content/themes/blickwerker/img/header/home.jpg); background-size: cover; background-position: 50% 10%; background-repeat: no-repeat; height: 250px; margin-bottom: 30px; }



@media (min-width: 468px) {
    #visual.home { height: 250px; }
    #visual .buttons { margin-top: 170px; }
    #visual.home .col-sm-4 { width: 33.3333333%; float: left; }
}

@media (min-width: 768px) {
    #tagline { font-size: 18px; }
    #visual.home { height: 300px; }
    #visual .buttons { margin-top: 200px; }
    #visual .buttons a { font-size: 20px; line-height: 60px; max-width: 260px; }
    #visual .container { padding-left:15px; padding-right:15px; }
}

@media (min-width: 992px) {
    #tagline { font-size: 24px; margin-top: 10px; }
    #visual.home { height: 400px; }
    #visual.home .buttons { margin-top: 293px; }
}

/* praxismenu */
#visual.praxismenu { position: relative; }
#visual.praxismenu .buttons { position: absolute; bottom:0; }
#visual.praxismenu .buttons > div { display: none; }
#visual.praxismenu .buttons a { padding: 0 50px; margin-left: 10px; margin-top: 0;}
.page-id-239 #visual.praxismenu .buttons > div.yellow { display: block; }
.page-id-240 #visual.praxismenu .buttons > div.grey { display: block; }
.page-id-241 #visual.praxismenu .buttons > div.red { display: block; }

/* visual default */
#visual { background: #ffe596; }
#visual .container { padding:0; }
#visual img { width: 100%; }

/* logo */
#navigation .logo { display: inline-block; }
#navigation .logo img { width: 100px; }

#navigation .logo.logo-desktop { display: none; }
@media (min-width: 768px) {
    /*#navigation .logo img { width: 130px; }*/
    #navigation .logo.logo-desktop { display: inline-block; }
    #navigation .logo.logo-mobile { display: none; }
}

/* navigation ... */
#navigation { margin:0; padding: 10px 20px; }
#navigation .navbar-toggle .icon-bar { background: #770f00; height: 4px; width: 30px; }
#navigation .navbar-nav { margin-top: 30px; }
#navigation li a { padding: 10px 7px; }
@media (min-width: 768px) {
    #navigation { padding: 20px 0 10px;}
    #navigation .navbar-nav { margin-top: 50px; }
    #navigation li a { padding: 10px 0; margin-left: 30px; }
}

/* remove bootstrap bg */
#navigation .current_page_item > a,
#navigation .current_page_ancestor > a,
#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active { background: none; color: #ffd01b; }

/* typography */
#navigation li a { color: inherit; text-transform: uppercase; font-weight: bold; }
#navigation li.active a { color: #ffd01b; }

/* mobile nav */
.navbar-toggle { margin-top: 20px;}




/* wechselnde bilder im header ... */

/* default image */
.page-header-img { display: none;}
.page-header-img.id-1459 { display: block;}


/* über uns */
.page-id-33 .id-33,
.parent-pageid-33 .id-33,
.second-parent-page-id-33 .id-33 { display: block; }

.page-id-33 .id-1459,
.parent-pageid-33 .id-1459,
.second-parent-page-id-33 .id-1459 { display: none; }


/* leistungen */
.page-id-19 .id-19,
.parent-pageid-19 .id-19,
.second-parent-page-id-19 .id-19 { display: block; }

.page-id-19 .id-1459,
.parent-pageid-19 .id-1459,
.second-parent-page-id-19 .id-1459 { display: none; }


/* termine */
.page-id-105 .id-105,
.parent-pageid-105 .id-105,
.second-parent-page-id-105 .id-105 { display: block; }

.page-id-105 .id-1459,
.parent-pageid-105 .id-1459,
.second-parent-page-id-105 .id-1459 { display: none; }


/* kontakt */
.page-id-106 .id-106,
.parent-pageid-106 .id-106,
.second-parent-page-id-106 .id-106 { display: block; }

.page-id-106 .id-1459,
.parent-pageid-106 .id-1459,
.second-parent-page-id-106 .id-1459 { display: none; }


/* datenschutz */
.page-id-1512 .id-1512,
.parent-pageid-1512 .id-1512,
.second-parent-page-id-1512 .id-1512 { display: block; }

.page-id-1512 .id-1459,
.parent-pageid-1512 .id-1459,
.second-parent-page-id-1512 .id-1459 { display: none; }


/* impressum */
.page-id-1511 .id-1511,
.parent-pageid-1511 .id-1511,
.second-parent-page-id-1511 .id-1511 { display: block; }

.page-id-1511 .id-1459,
.parent-pageid-1511 .id-1459,
.second-parent-page-id-1511 .id-1459 { display: none; }




/* NAV LEFT */

#nav-left { list-style-type: none; margin:0; padding:0; margin-bottom: 50px; font-size: 14px; padding-right: 10px; }
#nav-left a { display: block; color: inherit; text-transform: uppercase; padding: 5px;}
#nav-left .spacer { height: 4px; border: 2px solid #770f00; border-radius: 5px;}

#nav-left ul.children { padding-left: 20px; }

#nav-left .page_item_has_children .children { margin-bottom: 20px; line-height: 1.6em; }
#nav-left .page_item_has_children .children { display: none; }
#nav-left .page_item_has_children.current_page_item .children { display: block; }
#nav-left .page_item_has_children.current_page_ancestor .children { display: block; }


#nav-left .current_page_item > a,
#nav-left a:hover,
#nav-left a:focus,
#nav-left a:active { text-decoration: none; color:#ffd01b; }


@media (min-width: 992px) {
    #nav-left { width: 80%;}
}







/* PAGE */


/* default */

#content { margin-top: 20px; margin-bottom: 80px; padding:0; }


/* accordion */
.accordion .panel-title { display: block; padding: 7px 25px; text-decoration: none; text-transform: uppercase; font-size: 20px; color: inherit; cursor: pointer; border-radius: 50px; margin-top: 10px; transition: background 0.5s ease; }

.accordion.yellow .panel-title { background: rgba(255,204,0,.3); }
.accordion.yellow .panel-title:hover { background: rgba(255,204,0,1); }

.accordion.grey .panel-title { background: rgba(113,112,112,.3); }
.accordion.grey .panel-title:hover { background: rgba(113,112,112,1); }

.accordion.red .panel-title { background: rgba(119,14,0,.3); }
.accordion.red .panel-title:hover { background: rgba(119,14,0,1); }

.accordion .panel-collapse { padding: 7px; }



/* accordion mit shortcodes */
.panel-group {}
.panel-group .panel.panel-default { border: none; background: none; box-shadow: none; }
.panel-group .panel-heading { padding: 0; background: none; color: inherit; }
.panel-group .panel-heading h4.panel-title { margin-bottom: 10px; }
.panel-group .panel-heading h4.panel-title a { display: block; padding: 7px 25px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 20px; cursor: pointer; border-radius: 50px; margin-top: 10px; transition: background 0.5s ease; }
.panel-group .panel-collapse { }
.panel-group .panel-collapse .panel-body { }
.panel-group .panel-heading + .panel-collapse > .panel-body { border: none; padding-left: 110px; }

.panel-group .panel-heading h4.panel-title a { background: rgba(119,14,0,.5); }
.panel-group .panel-heading h4.panel-title a:hover { background: rgba(119,14,0,1); }

.page-id-239 .panel-group .panel-heading h4.panel-title a { background: rgba(255,204,0,.5); }
.page-id-239 .panel-group .panel-heading h4.panel-title a:hover { background: rgba(255,204,0,1); }

.page-id-240 .panel-group .panel-heading h4.panel-title a { background: rgba(113,112,112,.5); }
.page-id-240 .panel-group .panel-heading h4.panel-title a:hover { background: rgba(113,112,112,1); }

.page-id-241 .panel-group .panel-heading h4.panel-title a { background: rgba(119,14,0,.5); }
.page-id-241 .panel-group .panel-heading h4.panel-title a:hover { background: rgba(119,14,0,1); }






/* FOOTER */

#footer { }

#footer .spacer { border: 3px solid #ffd01b; border-radius: 10px;}

#footer .footer-nav ul { list-style-type: none; margin: 0; padding: 0; margin-top: 10px; }
#footer .footer-nav ul li { margin: 0; padding: 0; margin-bottom: 5px; text-transform: uppercase; }
#footer .footer-nav ul a { color: inherit; }
#footer .footer-nav ul a:hover,
#footer .footer-nav ul a:focus,
#footer .footer-nav ul a:active { text-decoration: none; color:#ffd01b; }
#footer .footer-nav p a { color:inherit; }
#footer .footer-nav p a:hover { text-decoration: none; color:#ffd01b; }

#footer address { margin-bottom: 40px; }
#footer address h3 { font-size: 13px; text-transform: uppercase }
#footer address p { font-size: 11px; }

#footer address.yellow h3 a { color: #ffd11f; }
#footer address.grey h3 a { color: #706f6f; }
#footer address.red h3 a { color: #770f00; }

#controls { margin-top: 20px; }
#controls a { cursor: pointer; margin-right: 3px; display: block; float: left; }







/* FORMS */

#content form { max-width: 650px; }
#content form img { width: auto; }
#content form .fa-asterisk { color: red; }
select#anrede { width: 100px;}

.btn.btn-primary,
.btn.btn-primary:hover { background-color: #FED100; border: none; }
p.btn a { color: #fff; }

div.errors {}
div.errors strong { display: inline-block; margin-bottom: 10px; color: red;  }
div.errors .requiredlist span { display: block; margin-left: 10px; }




/* TABLES */

/*
table { max-width: 550px; margin: 30px 0; }
table td { vertical-align: top; padding: 20px 0; border-bottom: 1px solid #ccc; }
table tr:last-child td { border: none; }
table td h3 { margin-top: 0; }
table td:nth-child(1) p { margin:0; }
*/
table { margin-bottom: 10px; }
table td { padding-right: 20px;}




/* Font Awesome for main nav */
/*
#primary-navigation li a:before { font-family: FontAwesome; padding-right: 7px; }
#primary-navigation .page-item-2 a:before { content: "\f015"; }
#primary-navigation .page-item-3 a:before {}
*/


/* news banner */

.news-banner {
    padding: 0 20px;
    background-color: #FFE596;
    text-align: center;

    animation-name: pulse;
    animation-iteration-count: 2;
    animation-duration: 1.5s;
}

.news-banner__post {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    margin: 0 auto;
    max-width: 1140px;
    
}

.news-banner__post:not(:first-child) {
    border-top: 1px solid #505050;
}

@keyframes pulse {
    0%   { opacity: 1; }
    50%  { opacity: 0; }
    100% { opacity: 1; }
}





/* 05.02.2024 POPUP Styling */
.popup-title { display: flex; gap: 5px; align-items: center; /*justify-content: center;*/ position: relative; left: -6px; }
.popup-title__tagline { text-transform: uppercase; color: #770f00; font-size: 14px; line-height: 25px; white-space: nowrap; }
.popup-title__tagline span { font-size: 160%;}



/* Bootstrap Shortcode fix */
[class^="col-"] + br { display: none; }