/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



/* Slideout Menü
______________________________________*/

#generate-slideout-menu {
	padding-left: 20px;
	padding-top: 40px;
	padding-right: 20px;
}

.custom-logo {
	margin-bottom: 40px;
}


/*Dektop anzeigen / Smart nicht anzeigen
______________________________________*/

.show {
	display: block;
}

/*Smart anzeigen / Desktop nicht anzeigen
______________________________________*/

.showsmart {
	display: none;
}


/*Dektop zentriert / Smart linksbündig
______________________________________*/

.ausrichtung {
	text-align: center;
}



/*Verlinkungen
______________________________________*/

a {
text-decoration: none;
}


/* Menü - Klebend 
______________________________________*/

#mobile-header {
	padding-left: 20px;
	padding-top: 0px;
	margin-bottom: -5px;
	border-bottom-style: solid;
	border-width: thin;
	border-bottom-color: #ffffff;
}

/* Menü - Breite auf Startseite oben im Head
______________________________________*/

.grid-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}


/* Termin Buchen - Klebend 
______________________________________*/

.mobile-bar-items {
	vertical-align: center;
	font-family: inherit;
	font-size: 22px;
}



/* Social Media - Klebend 
______________________________________*/

.sticky-footer {
 position: fixed;
    bottom: 5%;
    right: 0;
    z-index: 99;

	width: 16%;
	text-align: center;
	vertical-align: left;
    background-color: #abdbe3;
    color: #fff;
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: thin;
	border-color: #ffffff;
    padding-top: 15px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
}

.sticky-footer svg {
	margin-right: 15px;
}


/* Back to Top - Position & Co. 
______________________________________*/

.generate-back-to-top,
.generate-back-to-top:visited {
    bottom: 5%; /* 30px from the bottom of your screen */
    left: 5%; /* 30px from the left of your screen */
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: thin;
	border-color: #ffffff;
	background-color: #abdbe3; /* rgba or hex */
    color: #FFFFFF;
}

.generate-back-to-top:hover,
.generate-back-to-top:focus {
    background-color: #ffffff; /* rgba or hex */
    color: #abdbe3;
	border-style: solid;
	border-width: thin;
	border-color: #abdbe3;
}


/* Ansicht für Tablets bzw. Bildschirme, die kleiner als 45em (= 720px) sind 
__________________________________________________________________________________*/

@media screen and (max-width:45em) {
	
/*Dektop anzeigen / Smart nicht anzeigen
______________________________________*/

.show {
	display: none;
}
	
	
/*Smart anzeigen / Desktop nicht anzeigen
______________________________________*/

.showsmart {
	display: block;
}		
	
	
/*Dektop zentriert / Smart linksbündig
______________________________________*/

.ausrichtung {
	text-align: left;
}

/* Menü - Klebend 
______________________________________*/

#mobile-header {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: -5px;
	border-bottom-style: solid;
	border-width: thin;
	border-bottom-color: #ffffff;
}
	
	
/* Menü - Breite auf Startseite oben im Head
______________________________________*/

.grid-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}
	
	
/* Termin Buchen - Klebend 
______________________________________*/

.mobile-bar-items {
	text-align: center;
	margin-bottom: -20px;
	font-size: 18px;
}

	
	
/* Social Media - Klebend 
______________________________________*/
	
.sticky-footer  {
	position: fixed;
    bottom: 0%;
    right: 0;
    z-index: 99;

	width: 12%;
	vertical-align: center;
    background-color: #abdbe3;
    color: #fff;
	border-style: solid;
	border-width: thin;
	border-color: #ffffff;
    padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
}
	
	.sticky-footer svg {
	margin-bottom: 20px;
}
	
/* Back to Top - Position & Co. 
______________________________________*/

.generate-back-to-top,
.generate-back-to-top:visited {
    bottom: 0%; /* 30px from the bottom of your screen */
    left: 0%; /* 30px from the left of your screen */
	border-style: solid;
	border-width: thin;
	border-color: #ffffff;
	background-color: #abdbe3; /* rgba or hex */
    color: #FFFFFF;
}

.generate-back-to-top:hover,
.generate-back-to-top:focus {
    background-color: #ffffff; /* rgba or hex */
    color: #abdbe3;
	border-style: solid;
	border-width: thin;
	border-color: #abdbe3;
}
	
}



/* Ansicht für Smartphones bzw. Bildschirme, die kleiner als 38.75em (= 620px) sind 
__________________________________________________________________________________*/

@media screen and (max-width:38.75em) {
	
/*Dektop anzeigen / Smart nicht anzeigen
______________________________________*/

.show {
	display: none;
}
	

/*Smart anzeigen / Desktop nicht anzeigen
______________________________________*/

.showsmart {
	display: block;
}	

	
/*Dektop zentriert / Smart linksbündig
______________________________________*/

.ausrichtung {
	text-align: left;
}
	

/* Menü - Klebend 
______________________________________*/

#mobile-header {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: -5px;
	border-bottom-style: solid;
	border-width: thin;
	border-bottom-color: #ffffff;
}
	
/* Menü - Breite auf Startseite oben im Head
______________________________________*/

.grid-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}	
	

	
	
/* Termin Buchen - Klebend 
______________________________________*/

.mobile-bar-items {
	text-align: center;
	margin-bottom: -20px;
	font-size: 18px;
}
	
	
	
/* Social Media - Klebend 
______________________________________*/
	
	.sticky-footer  {
	position: fixed;
    bottom: 0%;
    right: 0;
    z-index: 99;
		
	width: 12%;
	vertical-align: center;
    background-color: #abdbe3;
    color: #fff;
	border-style: solid;
	border-width: thin;
	border-color: #ffffff;
    padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: -10px;
}
	
		.sticky-footer svg {
	margin-bottom: 20px;
}
	
	/* Back to Top - Position & Co. 
______________________________________*/

.generate-back-to-top,
.generate-back-to-top:visited {
    bottom: 0%; /* 30px from the bottom of your screen */
    left: 0%; /* 30px from the left of your screen */
	border-style: solid;
	border-width: thin;
	border-color: #ffffff;
	background-color: #abdbe3; /* rgba or hex */
    color: #FFFFFF;
}

.generate-back-to-top:hover,
.generate-back-to-top:focus {
    background-color: #ffffff; /* rgba or hex */
    color: #abdbe3;
	border-style: solid;
	border-width: thin;
	border-color: #abdbe3;
}
	
}