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

html {box-sizing: border-box;}
*, ::before, ::after {box-sizing: inherit;}


@media screen and (min-width:769px) and (max-width:781px) {
	.wp-block-columns {margin-left: 0;}
}


/*Allgemeines*/

.margin-top {margin-top: 1em;}
.small {font-size: 80%;}
figcaption, .center {text-align: center;}

h1 {color: #4c86c5;font-weight: 400;}
h2 {font-weight: 400;}

#content a {font-weight: 700;}

#content {padding-bottom: 80px !important;}

.headline1, .headline2, h2 {text-transform: uppercase;}

p, #content ul, #content ol {margin-bottom: 1.2em;}

#content ul li, #content ol li {margin-bottom: 0.5em;}

.site-footer .footer-widgets-container .inner-padding {margin-bottom: 15px;}

@media screen and (max-width:768px) {
	.wp-block-columns .wp-block-column {margin-bottom: 1.2em;}
	.wp-block-columns .wp-block-column p:last-child {margin-bottom: 0;}
}


.top-bar {
    display: none;
    line-height: 0.3;}

.home .top-bar {display: block;}

.page-hero {position: relative;}

.wappen {
    width: 40px;
    vertical-align: middle;}

#page {flex: 1 1 auto;}

.container.grid-container {width: 100%;}

#primary ul, #primary ol {margin-left: 20px;}
#primary ul.blocks-gallery-grid {margin-left: 0;}

#content a:hover, #content a:focus {text-decoration: underline;}

/*header.entry-header, footer.entry-meta, .blog .entry-summary {padding-left: 20px;}*/

.blog #content, .search #content, .error404 #content, .single #content, .full-width .uagb-section__inner-wrap {padding-left: 20px;padding-right: 20px;}


/*CTA*/

.cta {
    text-align: center;
     margin: 0;}

.cta, .wp-block-file {padding-bottom: 20px;}

.search-results .read-more {display: block;}

.cta a:link, .cta a:visited, body .uagb-post__text .uagb-post__cta a:link, body .uagb-post__text .uagb-post__cta a:visited {
    transition: all 0.2s ease-in-out 0s;
    font-weight: 300;
    color: #fff;    
    border-radius: 3px;
    text-decoration: none;
    display: block;}

.cta-inline a {display: inline !important;padding: 5px 15px !important;}

.cta a:link, .cta a:visited {
    background: #71af2a;
    padding: 5px 3px;
    width: 100%;}

body .uagb-post__text .uagb-post__cta a:link, body .uagb-post__text .uagb-post__cta a:visited {
    padding: 5px 15px;
    background: #497fbd;}

.cta-blue a:link, .cta-blue a:visited {background: #497fbd;}

.cta a:hover, .cta a:active {
    background: #629623;
    color: #fff;}

.cta-blue a:hover, .cta-blue a:active, body .uagb-post__text .uagb-post__cta a:hover, body .uagb-post__text .uagb-post__cta a:active {background: #0064a3;}

body .uagb-post__text .uagb-post__cta a {
    color: #ffffff;
    background: #71af2a;
    font-weight: 300;
    border-width: 1px;
    border-style: none;
    border-radius: 3px;}

.wp-block-file a.wp-block-file__button:link, .wp-block-file a.wp-block-file__button:visited, .wp-block-button__link {
	border-radius: 3px;
    font-weight: 300;
    font-size: inherit;}

/*Elemente verstecken*/

.elementtohide {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;}

/*Tabelle*/

.wp-block-table table, .wp-block-table table td, .wp-block-table table tr, .wp-block-table table th {border: 0;}
.wp-block-table table td, .wp-block-table table th {padding: 0 0 0.3em 0;}
.wp-block-table.is-style-stripes {border-bottom: 0 !important;}

/*Sticky Footer*/

body {
    font-family: 'Fira Sans';
    display: flex;
    flex-direction: column;
    min-height: 100vh;}

/*Sidebar*/

.sidebar .widget .widget-title, .ab-block-accordion .ab-accordion-title {  
    background: #0abbef;
    border: 5px solid #4d87c6;
    padding-left: 8px;
    border-radius: 5px;}

/*Form*/

input[type=checkbox], input[type=radio] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	transform: scale(2);
	padding: 10px;
	margin-left: 5px;
	margin-right: 10px;}

input[type=text], input[type=tel], input[type="email"] {width: 100%;}

span.wpcf7-list-item {margin: 10px 0 10px 0;}

/*Edge Bugfix*/

_:-ms-lang(x),
_:-webkit-full-screen, .blocks-gallery-grid {max-width: 100%;}

/*ab 1000px*/

@media screen and (min-width: 1000px) {
    
    .mobileonly {display: none !important;}
    
    .margin-right-20 {margin-right: 20px;}
    .margin-right-30 {margin-right: 30px;}
    .margin-right-40 {margin-right: 40px;}
    .margin-left-20 {margin-left: 20px;}
    .margin-left-30 {margin-left: 30px;}
    .margin-left-40 {margin-left: 40px;}    
	
	.dropdown-click .main-navigation ul li:hover > ul, .main-navigation ul li ul:hover {
		left: auto;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		height: auto;
		overflow: visible;}

	.dropdown-click .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before {
		content: "\f107";
	}
    
    .page-hero {
        border: 10px solid #0064a3;
        border-top: 0;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;}
    
    .headline2 {background: #fff;color: #0abbef;}
    .headline1 {background: #0abbef;color: #fff;}
    
    .headline1, .headline2 {position: absolute;}
	
	.wp-block-columns { flex-wrap: nowrap;}
    
    #content, .wp-block-columns {display: flex;}

	.no-sidebar #primary {flex: 0 1 100%;}
	.nav-links a.prev, .nav-links a.page-numbers, .nav-links span {margin-right: 10px;}

    .page-id-692 td:nth-child(2), .bilanz td:nth-child(2), .bilanz td:nth-child(3), .bilanz th:nth-child(2), .bilanz th:nth-child(3) {text-align: right;}
	
	/*blockquote {border-left: 5px solid #2b4fbd;} Farbe anpassen*/

}

@media screen and (max-width:767px) {
	.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
		display: block;
		margin: 0 0 1.3em 0;
		width: 100%;}

    div.gb-element-c593fc32 {
        display: flex;
        flex-direction: column;}

    .oeffnungszeiten {order: 2;}
    .hinweis {order: 1;}
}

@media screen and (min-width: 782px) {
	.wp-block-columns {flex-wrap: wrap;}
}

@media screen and (min-width:768px) {
	.menu-toggle {margin-left: 20px;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	#primary, #right-sidebar {
		float: none;
		width: 100%;}
}

@media screen and (min-width:769px) and (max-width:1650px) {
    #site-navigation .navigation-branding, #sticky-navigation .navigation-branding {margin-left: 40px !important;}
}


@media screen and (min-width:600px) and (max-width:781px) {
.wp-block-columns {display: block !important;}	
.wp-block-column {margin-left: 0 !important;}}

/*XS*/
@media screen and (min-width:600px) and (max-width:999px) {
	
	.wp-block-columns img {
		margin:0px auto;
		display: block;
		/*max-width: 500px;*/}	
}

/*Small*/

@media screen and (max-width: 999px) {
	
	body, blockquote {font-size: 1rem;}
	h1 {font-size: 1.6rem;}
	h2, h3 {font-size: 1.4rem;}
	h4, h5 {font-size: 1rem;}
     
    #primary-menu a, .menu-toggle {
        font-size: 1.1rem;
        text-align: center;}
    
    .home .page-hero {height: 300px;}
    
    .page-hero {
        height: 80px;
        border: 3px solid #0064a3;
        border-top: 0;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;}    
    
    .headline-wrap {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        background: #0abbef;
        color: #fff;
        padding: 10px 5px 7px 5px;}
    
    .logo {
        position: absolute;
        top: 3px;
        right: 3px;
        width: 120px;}    
	
	div.nav-previous {margin-bottom: 30px;}
	.nav-links a, .nav-links span {display: inline-block;}	
	.nav-links a.prev, .nav-links a.page-numbers {margin-right: 15px;margin-bottom: 20px;}
	span.page-numbers.current, #main span.page-numbers.current:hover {
		background: #fff;
		color: #000;}
	.pagination a, .pagination span, .page-numbers {
		transition: all .2s ease-in-out;
		color: #000;
		background: #fff;
		padding: 6px 15px;
		border: 1px solid #000;}
	
	table, table td, table th, table tr {display: block;}
	.wp-block-table tr {margin-bottom: 1.2em;}
	
	/*.site-footer a {display: block;}*/
	/*.site-footer a:first-child {margin-bottom: 10px;}*/
	
}

/* Medium */
@media screen and (min-width:1000px) and (max-width:1399px) {
	
    
	body, blockquote, .sidebar .widget {font-size: 1.1rem;} 
	body  {font-size: 1.1rem;}
	h1 {font-size: 2.2rem;}
	h2, h3 {font-size: 1.6rem;}
    h2.widget-title {font-size: 1.4rem;}
	h4, h5 {font-size: 1.1rem;}
    
    .page-hero {height: 120px;}
    .home .page-hero {height: 450px;}
    
    .logo {
        position: absolute;
        bottom: 12px;
        left: 12px;
        width: 250px;}
    
    .headline1 {
        bottom: 67px;
        right: 160px;}
    
    .headline2 {
        bottom: 20px;
        right: 20px;}    
    
    .headline1, .headline2 {
        padding: 5px 13px 3px 13px;
        font-size: 1.875rem;}    
	
	.blog #primary, .archive #primary, .single #primary, .search #primary, .site-404 #primary {flex: 0 1 60%;margin-right: 5%;}
	
	#right-sidebar {flex: 0 1 35%;}
	
}

/* Large */
@media screen and (min-width:1400px) {

	#primary-menu a {font-size: 1.3rem;} 
	body, blockquote, .sidebar .widget {font-size: 1.2rem;}
	h1 {font-size: 2.5rem;}
	h2, h3 {font-size: 1.8rem;}
    h2.widget-title {font-size: 1.6rem;}
	h4, h5 {font-size: 1.2rem;}
    
    .page-hero {height: 200px;}
    .home .page-hero {height: 650px;}
    
    .logo {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: 350px;}
    
    .headline1 {
        bottom: 80px;
        right: 160px;}
    
    .headline2 {
        bottom: 20px;
        right: 20px;}    
    
    .headline1, .headline2 {
        padding: 6px 15px 4px 15px;
        font-size: 2.5rem;}
	
	.blog #primary, .archive #primary, .single #primary, .search #primary, .site-404 #primary {flex: 0 1 70%;margin-right: 5%;}
	
    #right-sidebar {flex: 0 1 25%;}
	
	/*.blocks-gallery-item {max-width: 800px;}	*/
	
}


@media print {
	.search-item, .menu-toggle, .site-info, .no-print, .mobile-menu, #site-navigation, p.cta, #sticky-navigation, #right-sidebar, .paging-navigation, .wp-block-buttons, div.site-footer, .top-bar, .page-hero, .uagb-post-grid .uagb-post__cta {display: none;}
    
	.sticky-enabled .main-navigation.is_stuck {height: 0;box-shadow: none;}
	
	.menu-toggle:before {content: "";}
	
	#main img {width: 400px;}
}

/* fira-sans-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/fira-sans-v18-latin-300.woff2') format('woff2'); 
}
/* fira-sans-300italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/fira-sans-v18-latin-300italic.woff2') format('woff2'); 
}
/* fira-sans-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/fira-sans-v18-latin-regular.woff2') format('woff2'); 
}
/* fira-sans-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/fira-sans-v18-latin-italic.woff2') format('woff2'); 
}
/* fira-sans-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/fira-sans-v18-latin-500.woff2') format('woff2'); 
}
/* fira-sans-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/fira-sans-v18-latin-500italic.woff2') format('woff2'); 
}
/* fira-sans-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/fira-sans-v18-latin-600.woff2') format('woff2'); 
}
/* fira-sans-600italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/fira-sans-v18-latin-600italic.woff2') format('woff2'); 
}
/* fira-sans-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/fira-sans-v18-latin-700.woff2') format('woff2'); 
}
/* fira-sans-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/fira-sans-v18-latin-700italic.woff2') format('woff2'); 
}
/* fira-sans-800 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/fira-sans-v18-latin-800.woff2') format('woff2'); 
}
/* fira-sans-800italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts/fira-sans-v18-latin-800italic.woff2') format('woff2'); 
}
/* fira-sans-900 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/fira-sans-v18-latin-900.woff2') format('woff2'); 
}
/* fira-sans-900italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts/fira-sans-v18-latin-900italic.woff2') format('woff2'); 
}