/*
 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;}

/*Dark Mode*/

/*@media (prefers-color-scheme: dark) {
  html { filter: invert(100%); }
  img { filter: invert(100%); }
}*/

/*Video*/

.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;}

.elastic-video iframe, .elastic-video .video-extern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

div.elastic-video {margin-bottom: 1em;}

/*Zusätzliche Klassen */

.uppercase {text-transform: uppercase !important;} 

.no-paddingbottom-mobile .gb-inside-container {padding-bottom: 0 !important;}
.no-paddingtop-mobile .gb-inside-container {padding-top: 0 !important;}

.margin-top {margin-top: 1em;}
.small {font-size: 80%;}

.blocks-gallery-grid .blocks-gallery-item figure {margin-bottom: 0.5em;}

@media screen and (max-width:768px) {
    
    .inside-header, .footer-widgets-container {
        padding-right: 20px;
        padding-left: 20px;}
    
	.gb-grid-wrapper .gb-grid-column {margin-bottom: 1em;} /*bei Generate Blocks*/
	.gb-grid-wrapper .gb-grid-column:last-child {margin-bottom: 0;}    
    
    figure.wp-block-image {
        margin-left: auto;
        margin-right: auto;
        /*max-width: 450px;*/}
}

/*Allgemeines Layout*/

.container.grid-container {width: 100%;} /*Full Width*/

#primary ul, #primary ol {margin-left: 20px;}
p, #content ul, #content ol {margin-bottom: 1.2em;}
#content ul li, #content ol li {margin-bottom: 0.5em;}
#primary ul.wp-block-post-template {margin-left: 0;}
#primary ul.blocks-gallery-grid {margin-left: 0;}

h1, h2, h3 {font-weight: 500;}
div.site {font-weight: 300;}

.sub-menu li:first-child a {padding-top: 20px !important;}
.sub-menu li:last-child a {padding-bottom: 20px !important;}

.gp-icon {font-size: 1.3rem;}

a {text-decoration: none;} 
.site a:hover, .site a:focus {text-decoration: underline;}
.site a {font-weight: 500;}
.gb-button:hover, .gb-button:focus {text-decoration: none !important;}

.box-blau a:link, .box-blau a:visited, .box-gruen a:link, .box-gruen a:visited {color: #fff;}

.box-blau a.gb-button:link, .box-blau a.gb-button:visited {
    color: #336699;
    background: #fff;
    border: 1px solid #fff;}

.box-blau a.gb-button:hover, .box-blau a.gb-button:active {
    color: #fff;
    background: #336699;}

.box-gruen a.gb-button:link, .box-gruen a.gb-button:visited {
    color: #669933;
    background: #fff;
    border: 1px solid #fff;}

.box-gruen a.gb-button:hover, .box-gruen a.gb-button:active {
    color: #fff;
    background: #669933;}

.box-blau h2, .box-blau h3, .box-blau h4, .box-gruen h2, .box-gruen h3, .box-gruen h4 {color: #fff;}

/*a:hover, a:focus, a:active, a:visited {color: inherit;}*/

.wp-block-table table, .wp-block-table table td, .wp-block-table table tr {border: 0;}
.wp-block-table table td {padding: 0 0 0.3em 0;}

/*Lottie*/

.page-id-227 lottie-player {
    display: block;
    width: 100% !important;
    height: 600px !important;}

dotlottie-player {
    width: 100% !important;
    height: auto !important;}

    .eyebrow {
        font-size: 110%;
        line-height: 1;
        text-transform: uppercase;
        color: #005799;
        padding-left: 15px;
        border-left: 15px solid #d3522f;}

/*Elemente verstecken*/

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

/*GP Buttons und Download Buttons*/

div.gb-button-wrapper a.gb-button:link, div.gb-button-wrapper a.gb-button:visited, .wp-block-file .wp-block-file__button {
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    border-radius: 10px;
    padding: 10px 15px;}

div.gb-button-wrapper a.gb-button:hover, div.gb-button-wrapper a.gb-button:active, .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:active {
    background: #fff;
    color: #ccc !important;
    text-decoration: none !important;}

.wp-block-file__button {float: right;}

div.wp-block-file {margin-bottom: 3em;}

@media screen and (max-width:550px) {
    div.wp-block-file {margin-bottom: 5em;}
}


/*Sticky Footer*/

#page {flex: 1 1 auto;}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: 'Ubuntu',sans-serif !important;}

/*Form*/

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

input[type=checkbox] {margin-bottom: 0 !important;}

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

span.wpcf7-list-item {margin:0 !important;}

input[type="submit"] {
    background-color: #fff;
    color: #005799;
    border: 1px solid #005799;
}

input[type="submit"]:hover {
    background-color: #005799;
    color: #fff;
}

/*Blog*/

.one-container .site-content {
    padding: 40px 20px 40px 20px;
}

/*ab 1025px*/

@media screen and (min-width: 1025px) {
	
    .nav-links a.prev, .nav-links a.page-numbers, .nav-links span {margin-right: 10px;}
    
    .flex-form {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;}
    
    .flex-form div {
        flex: 0 1 48%;}
    
}

/*bis 767px*/

@media screen and (max-width: 767px) {
.wp-image-529 {display: none;}
}

/*bis 768px*/

@media screen and (min-width: 768px) {
.wp-image-684 {display: none;}
}

/*Small*/

@media screen and (max-width: 1024px) {
	
    /*#primary-menu a, .menu-toggle {text-align: center;}*/
	#primary-menu a {font-size: 1.1rem;} 
	body, blockquote {font-size: 1rem;}
    #right-sidebar a {font-size: 1rem !important;}
	h1 {font-size: 2rem;}
	h2 {font-size: 1.6rem;}
    h3 {font-size: 1.3rem;}
	h4, h5 {font-size: 1rem;}
    
    .main-navigation, .menu-toggle {background-color: #fff !important;}
	
    .paging-navigation .nav-links>* {
        padding: 8px 20px;
        border: 1px solid #000;
        margin-right: 10px;}
	
	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:1025px) and (max-width:1499px) {
	
	#primary-menu a {font-size: 1.4rem;} 
	body, blockquote {font-size: 1.15rem;}
    #right-sidebar a {font-size: 1.15rem !important;}
	h1 {font-size: 2.8rem;}
	h2 {font-size: 1.8rem;}
    h3 {font-size: 1.4rem;}
	h4, h5 {font-size: 1.15rem;}
	
}

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

	#primary-menu a {font-size: 1.5rem;} 
	body, blockquote {font-size: 1.25rem;}
    #right-sidebar a {font-size: 1.25rem !important;}
	h1 {font-size: 3.125rem;}
	h2 {font-size: 2rem;}
    h3 {font-size: 1.5rem;}
	h4, h5 {font-size: 1.25rem;}

}


@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 .wp-block-button, form {display: none;}
	
	.sticky-enabled .main-navigation.is_stuck {height: 0;box-shadow: none;}
    
    .gb-button, .menu-toggle .gp-icon {display: none !important;}
	
	.menu-toggle:before {content: "";}
	
	#main img {width: 400px;}
    
    .footer-widgets, .footer-widgets a {color: #222 !important;}
}

/* ubuntu-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/ubuntu-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-300italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/ubuntu-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/ubuntu-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/ubuntu-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/ubuntu-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/ubuntu-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}