/*
 Theme Name:   GeneratePress Child
 Description:  Mein Child Theme
 Author:       Tom Usborne
 Author URI:   https://generatepress.com
 Template:     generatepress
 Version:      3.6.1
 Text Domain:  generatepress
*/

/*#############  Eigene Styles ########## */
.linie {
	border-top: 6px double var(--linien);
  	width: 100%;
  	margin-top: 20px !important;
}
.linie-2 {
	border-top: 6px double var(--linien);
  	width: 100%;
  	margin: 40px 0 !important;
}
/* listenpunkte als Häkchen */
ul li.haken { list-style: "\2713\00A0";}


/* trennende Raute */
.divider-candy {
  z-index: 100;
  position: relative;
  left: 50%;
  margin: o auto;
  height: 20px;
  width: 20px;
  background-color: #d2b7b4;
  border: 1px solid #f6f6f6;
}

.divider-candy.both, .divider-candy.top {
  top: -21px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.site-footer p.wp-block-paragraph {margin:0;}
.tel-nummer strong, .tel-nummer strong a:hover, .tel-nummer strong a {
  background-color: var(--accent);
  padding: 5px;
  font-size: 1.5em;
  color: #fff;
  margin: 10px 0;
  display: block;
}

/* ### Logo innerhalb der Naviagtion #### */
@media(min-width: 769px) {
    .inside-header>.site-branding,
    .inside-header>.navigation-branding,
    .inside-header>.site-logo,
    .site-branding-container,
    #site-navigation .navigation-branding .site-logo,
    #sticky-navigation .navigation-branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
    }

    #site-navigation {
        margin-left: unset !important;
        display: flex;
    }

    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }

    #site-navigation,
    #primary-menu,
    .main-navigation .inside-navigation {
        flex: 1;
    }

    /* Change nth-child(#) to first item to right */
    .main-navigation ul li:nth-child(3) {
        margin-left: auto;
    }
}
/*Handy und kleine Tabletts*/
@media(max-width:768px) {
	p.linie {
	border-top: 6px double var(--linien);
  	width: 100%;
  	margin: 0 !important;
}
p.linie-2 {
	border-top: 6px double var(--linien);
  	width: 100%;
  	margin: 10px 0 !important;
}
	h1.h2-linien, h2.h2-linien {margin-bottom: 0;}
	
}