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

.haken-blau {
    list-style-type: none;
    list-style-image: url('https://www.cs-automobilzentrum.de/wp-content/uploads/2021/02/haken.svg');}

.haken-blau li {padding-left: 5px;}
#primary ul.haken-blau {margin-left: 20px;}


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

.kacheln {text-align: center;}
.kacheln h2, .blogstart h2 {text-transform: uppercase;font-weight: 700;}

.kacheln .gb-container-b19aa1e8:hover, .gb-container-76e0d415:hover {opacity: 0.9;}

h1 {
    text-transform: uppercase !important;
    font-weight: 600;}

.main-navigation a, div.site-footer {text-transform: uppercase;}

.margin-top {margin-top: 1em;}
.small, .wp-block-image figcaption {font-size: 80%;}
.border-grey img {border: 1px solid #eee;}

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

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

.search-no-results .sidebar {display: none;}

@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;}
    
    .one-container .site-content {
        padding-left: 5px;
        padding-right: 5px;}
}

#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;}

.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;}

/*CTA*/

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

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

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

#content .cta a:link, #content .cta a:visited {
    border: 1px solid #777;
    transition: all 0.2s ease-in-out 0s;
    font-weight: 400;
    color: #fff;
    background: #777;
    text-decoration: none;
    padding: 10px 25px;}

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

.wp-block-file a.wp-block-file__button:link, .wp-block-file a.wp-block-file__button:visited {
	border-radius: 0;
    font-size: inherit;}

/*Header Startseite*/

.blogstart {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.blogstart-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;}

.blogstart article {text-align: left;} 

.blogstart-text {background: #f5f5f5;}

/*div.blogstart h2 a:link, div.blogstart h2 a:visited {color: #fff;}
div.blogstart h2 a:hover, div.blogstart h2 a:active {color: #e8eedf;}*/

.read-more-container2 {margin-top: 40px;}

.read-more-container2 .read-more:link, .read-more-container2 .read-more:visited {
    color: #fff;
    background-image: linear-gradient(135deg,#007cba,#009ee2);
    font-weight: 700;
    padding: 12px 20px 12px 22px;
    border-radius: 4px;
    transition: all .5s ease;
}

.read-more-container2 .read-more:hover, .read-more-container2 .read-more:active {transform: translate3d(5px,0,0);}

.wp-caption .wp-caption-text {margin-top: 10px;}

/*Elemente verstecken*/

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


/*Sticky Footer*/

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

/*Sidebar*/

/*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=date] {
    background: #fafafa;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 10px 15px;
    box-sizing: border-box;
    max-width: 100%;}

input[type=text], input[type=tel], input[type="email"], input[type=date], .form-wrapper select {width: 100%;}

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

@media screen and (min-width: 1200px) {

    .form-wrapper {
        display: flex;
        justify-content: space-between;}
    
    .form-wrapper div {flex: 0 1 48%;}
    
}

/*Edge Bugfix*/

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

/*ab 1000px*/

@media screen and (min-width: 1000px) {
	
	.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";
	}
	
	.wp-block-columns { flex-wrap: nowrap;}
	
	#content, .wp-block-columns {
		display: flex;
		/*justify-content: space-between;*/}

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

    .blogstart {display: flex;}
    
    .blogstart-bg {
        width: 100%;
        height: 100%;}
    
    .site-logo {
        padding-top: 10px;
        padding-bottom: 10px;}
	
	/*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%;}
}

@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) {
    #content {margin-right: 40px;margin-left: 40px;}
    #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;*/}	
}

/*XS*/
@media screen and (max-width: 599px) {

	p.cta {font-size: 0.9rem;}
	
}
@media screen and (max-width: 1450px) {

    .blog #content, .archive #content, .search #content, .archive #content, .single #content {
    margin-left: 40px;
    margin-right: 40px;}
}

/*Small*/

@media screen and (max-width: 999px) {
    
    .seitenkopf {
        padding-top: 100px;
        padding-bottom: 100px;}
	
    .site-logo {max-width: calc(100vw - 20px)}
    
    .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {line-height: 50px;}
    
    #primary-menu a {text-align: center;} /*prüfen*/
    
    button.menu-toggle {margin-left: auto;margin-right: auto;}

	body, blockquote {font-size: 1rem;}
    .tagcloud a {font-size: 1rem !important;}
	p.cta {font-size: 0.9rem;}	
	h1 {font-size: 1.6rem;}
	h2 {font-size: 1.4rem;}
    h2.widget-title {font-size: 1.2rem;}
	h3, h4 {font-size: 1.2rem;}
    
    .kacheln i {font-size: 2rem;}
    .kacheln .gb-container {padding: 20px 10px 20px 10px;}    
	
	/*blockquote {border-left: 3px solid #2b4fbd;padding: 10px;}*/
	
	div.nav-previous {margin-bottom: 30px;}
	.nav-links a, .nav-links span {display: inline-block;}	
	.nav-links a.prev, .nav-links a.page-numbers, .nav-links span {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;}
    
    .blogstart-bg, .blogstart-bg-wrap {width: 100%;}
    
    .blogstart-text {padding: 25px;}
    
    .read-more-container2 {text-align: center;}
	
	/*.site-footer a {display: block;}*/
	/*.site-footer a:first-child {margin-bottom: 10px;}*/
	
}

/* Medium */
@media screen and (min-width:1000px) and (max-width:1399px) {
	
	.wp-block-columns .wp-block-column.col-60, .wp-block-columns .wp-block-column.col-40, .wp-block-columns .wp-block-column.col-30, .wp-block-columns .wp-block-column.col-70 {flex: 0 1 50%;}

	body, blockquote {font-size: 1.1rem;}
    .tagcloud a {font-size: 1.1rem !important;}
	body  {font-size: 1.1rem;}
	h1 {font-size: 1.8rem;}
	h2 {font-size: 1.4rem;}
    h2.widget-title {font-size: 1.2rem;}
	h3, h4 {font-size: 1.2rem;}
    
    .kacheln i {font-size: 3rem;}
    .kacheln .gb-container {padding: 70px 25px 50px 25px;}    
    
    .blogstart-text {
        flex: 0 1 40%;
        padding: 30px 40px 10px 40px;}
    
    .blogstart-bg-wrap {flex: 0 1 60%;}    
	
    .blogstart {
        height: calc(100vh - 235px);
        /*max-height: 600px;*/}    
	
	.blog #primary, .archive #primary, .single #primary, .search #primary, .site-404 #primary {flex: 0 1 60%;margin-right: 5%;}
	
	#right-sidebar {
		flex: 0 1 35%;
		/*margin-top: 50px;*/
		padding: 20px;}
	
    .seitenkopf {
        padding-top: 200px;
        padding-bottom: 200px;}

}

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

	#primary-menu a {font-size: 1.3rem;} 
	body, blockquote {font-size: 1.2rem;}
    
    .tagcloud a {font-size: 1.2rem !important;}
	h1 {font-size: 2.2rem;}
	h2 {font-size: 1.8rem;}
    h2.widget-title {font-size: 1.6rem;}
	h3, h4, h5 {font-size: 1.2rem;}
    
    .kacheln i {font-size: 4rem;}
    .kacheln .gb-container {padding: 120px 30px 80px 30px;}
    
    .blogstart-text {
        flex: 0 1 33.33%;
        padding: 50px;}
    
    .blogstart-text .entry-header, .blogstart-text .entry-summary {max-width: 450px;}
    
    .blogstart-bg-wrap {flex: 0 1 66.66%;}
    
    .blogstart {
        height: calc(100vh - 243px);
        /*max-height: 600px;*/}  
    
    div.footer-widgets-container {padding-left: 40px;}
	
	.blog #primary, .archive #primary, .single #primary, .search #primary, .site-404 #primary {flex: 0 1 60%;margin-right: 5%;}
	
	#right-sidebar {
		flex: 0 1 35%;
		/*margin-top: 50px;*/
		padding: 30px;}
    
    .seitenkopf {
        padding-top: 250px;
        padding-bottom: 250px;}
	
}


@media screen and (max-width: 999px) and (orientation:portrait) {
    .blogstart-bg, .blogstart-bg-wrap {height: 30vh;}
}

@media screen and (max-width: 999px) and (orientation:landscape) {
    .blogstart-bg, .blogstart-bg-wrap {height: 35vh;}
}

@media screen and (min-width: 1000px) and (max-width: 1399px) and (orientation:portrait) {
    .blogstart {height: 50vh;}
}


@media print {
	form, .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, .read-more-container2, div.gb-container-40278981 {display: none;}
    
    div.top-bar, div.top-bar a {color: #323232 !important;}
	
	.sticky-enabled .main-navigation.is_stuck {height: 0;box-shadow: none;}
	
	.menu-toggle:before {content: "";}
	
	#main img {width: 400px;}
    
    body, div.gb-container, h2.gb-headline {color: #000 !important;}
}

/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
    font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url('../../../fonts/titillium-web-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/titillium-web-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/titillium-web-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/titillium-web-v9-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300italic - latin */
@font-face {
  font-family: 'Titillium Web';
    font-display: swap;
  font-style: italic;
  font-weight: 300;
  src: url('../../../fonts/titillium-web-v9-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/titillium-web-v9-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/titillium-web-v9-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/titillium-web-v9-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
    font-display: swap;
  font-style: italic;
  font-weight: 400;
  src: url('../../../fonts/titillium-web-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/titillium-web-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/titillium-web-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/titillium-web-v9-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
    font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/titillium-web-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/titillium-web-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/titillium-web-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/titillium-web-v9-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600italic - latin */
@font-face {
  font-family: 'Titillium Web';
    font-display: swap;
  font-style: italic;
  font-weight: 600;
  src: url('../../../fonts/titillium-web-v9-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/titillium-web-v9-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/titillium-web-v9-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/titillium-web-v9-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
    font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/titillium-web-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/titillium-web-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/titillium-web-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/titillium-web-v9-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
    font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/titillium-web-v9-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/titillium-web-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/titillium-web-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/titillium-web-v9-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700italic - latin */
@font-face {
  font-family: 'Titillium Web';
    font-display: swap;
  font-style: italic;
  font-weight: 700;
  src: url('../../../fonts/titillium-web-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/titillium-web-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/titillium-web-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/titillium-web-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/titillium-web-v9-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}