/*
Theme Name: Karlbacher Domizil
Theme URI: http://www.karlbacherdomizil.de
Description: Ferienwohnungen in Großkarlbach
Author: Punktplanung GmbH & Co. KG
Author URI: https://www.punktplanung.de/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


/* Punktplanung Stylings */

/***********************/

#wpadminbar {background-color: #9FC204; background-repeat: no-repeat; background-size: 120px; height: 50px; background-position-x: 15px; background-position-y: 12px; }
#wp-admin-bar-top-secondary {}
#wpadminbar #wp-admin-bar-wp-logo>.ab-item {background-image: url('https://www.punktplanung.de/wordpress-branding/wp-pp-logo2.png'); background-size:145px auto; background-position:5px 9px; background-repeat: no-repeat;}
#wpadminbar #wp-toolbar #wp-admin-bar-root-default #wp-admin-bar-wp-logo a.ab-item {width: 182px;}
#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon {display: none;}
#wp-admin-bar-wp-logo .ab-sub-wrapper {display: none !important}
#wp-admin-bar-site-name {}
#collapse-menu {display: none;}
#wpadminbar #wp-toolbar #wp-admin-bar-root-default #wp-admin-bar-wp-logo a.ab-item {height: 50px; }
#wpbody-content #dashboard-widgets .postbox-container {border: none;}
.postbox .hndle, .stuffbox .hndle {border: none;}
#wp-admin-bar-wp-logo a img {padding: 15px 60px 10px 0px;}
#wpadminbar #wp-admin-bar-site-name>.ab-item {color: #9FC204; background-color: #fff;}
#wpadminbar #wp-admin-bar-site-name>.ab-item:before {color: #9FC204;}
#wpadminbar .quicklinks>ul>li>a, #wpadminbar #wp-admin-bar-languages .ab-item {padding: 8px 8px 10px 7px;}
#wp-admin-bar-wpfc-toolbar-parent > .ab-item {padding: 8px 8px 10px 17px !important;}
#wpadminbar #wp-admin-bar-search .ab-item {display: none;}
#wpadminbar #wp-admin-bar-wpfc-toolbar-parent  .ab-submenu {padding: 0px; }
#wp-admin-bar-wpfc-toolbar-parent .ab-submenu .ab-item:hover {background-color: #9FC204;}
#adminmenuback, #adminmenu, #adminmenuwrap {background-color: #f6f6f6; }
#adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap {width: 196px !important}
#wpwrap {margin-top: 18px;}
#adminmenu .wp-submenu {left: 196px; }
#wpcontent, #wpfooter {margin-left: 203px;}
.wp-toolbar {background-color: #fff;}
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, .folded #adminmenu li.current.menu-top, .folded #adminmenu li.wp-has-current-submenu {background-color: #9FC204 !important; color: #fff !important;}
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu>li.current>a.current:after {border-right-color: #fff;}
#adminmenu > .wp-submenu {margin-left: 196px;}
#adminmenuwrap #adminmenu a {background-color:  transparent; color: #9FC204; font-size: 12px;}
#adminmenuwrap #adminmenu a:hover {background-color: #9FC204; color: #fff; }
#adminmenu div.wp-menu-image:before {color: #9FC204 }
#adminmenu div.separator {background-color: #9FC204; margin-top: 10px; }
#wp-admin-bar-new-content {display: none;}
.login {background-color: #9FC204 }
.login #backtoblog {text-align: center}
.login #backtoblog  a {color: #fff;}
.wp-core-ui input.button-primary {background-color: #9FC204; border: none;}
.wp-core-ui input.button-primary:hover {background-color: #000;}
#wpbody-content #dashboard-widgets .postbox-container {width: 100%}
/***********************/

/* Icons rechts */
 
.header_bottom_right_widget_holder{
            position: fixed;
            right: 0px;
            padding:0;
            height:max-content;
            top: calc(40% - 100px);
}
 
.header_bottom_widget{
            line-height:0;
            visibility:collapse;
            width:max-content;
            right:-200px;
            position:relative;
            transition: right .7s ease-in-out .15s;
}
 
.header_bottom_widget:not(:last-child){
            margin-bottom:15px;
}
 
.header_bottom_right_widget_holder .right-icons{
            height: 50px;
            display: flex;
            align-items: center;
            visibility:visible;
}
 
.right-icons div{
            display: inline-block;
            position: relative;
            width: 170px;
            right:0;
            z-index: -1;
            height:50px;
            background: #792423;
            margin: 0;
            display: flex;
            align-items: center;
            padding:0 15px;
}
 
.right-icons a{
            text-transform:uppercase;
            color:white;
}
 
.right-icons i{
            display: inline-block;
            padding: 10px;
            background-color: #792423;
            font-size: 30px;
            width: 30px;
            transition:background-color .7s ease-in-out;
}
 
.right-icons .event{
            width: 260px;
            height: max-content;
            flex-direction: column;
            position: absolute;
            right: -290px;
            transition:right .7s ease-in-out;
}
 
@media only screen and (min-width: 769px){
 
.header_bottom_widget:hover{
            right:0px;
}
           
.header_bottom_widget:hover .right-icons i, .header_bottom_widget:hover .right-icons div{
            background-color: #792423;
}
 
}
 
.right-icons .ecs-event-list{
            list-style: none;
}
 
.right-icons .ecs-event-list li{
            line-height:26px;
}
 
.right-icons h4.entry-title.summary{
            font-size:20px;
}
 
@media(max-width:768px){
.header_bottom_right_widget_holder {
    display: block;
    right: auto;
    top: unset;
    bottom: 0;
    width: 100%;
    text-align: center;
}
           
            #back_to_top {
    color:
    #fff;
    height: auto;
    position: fixed;
    bottom: 26px;
    margin: 0;
    z-index: 10000;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    right: 25px;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
}
           
            #back_to_top > span {
    width: 38px;
    height: 28px;
    line-height: 33px;
    text-decoration: none;
    -o-border-radius: 52px;
    -moz-border-radius: 52px;
    -webkit-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    border: 2px solid
    #e8e8e8;
    background: 0 0;
}
           
            #back_to_top span i, #back_to_top span span {
    font-size: 22px;
    color:
    #fff;
    line-height: 28px;
}
           
.header_bottom_widget {
    margin: 0px !important;
    display: inline-block;
    width: 50px;
    right: auto;
}
           
.side_menu_button_wrapper {
 
    display: block;
    background: #792423;
    height: 75px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0px;
 
}
           
            .header_bottom_widget:not(:nth-child(3)) .right-icons div {
                        display: none;
            }
            .right-icons i{
                        cursor:pointer;
                        margin-top: -37px;
            }
            .header_bottom_widget:nth-child(3) .right-icons > div{
                        right: unset;
                        bottom: -200px;
                        width: auto;
                        left: -40%;
                        position: absolute;
            }
            .header_bottom_widget:nth-child(3) .right-icons i:hover + div, .header_bottom_widget:nth-child(3) .right-icons > div:hover, .header_bottom_widget:nth-child(3) .right-icons i:focus + div{
                        bottom:200px;
            }
}
 
/********************/



.header_top {
	height: 20px !important;
}