/**
* Theme Name: gpv
*Template: bootstrap-basic
*/
@import url('../bootstrap-basic/style.css');

body { }
.site-content { font-size: 1.1em}

/** xxxxxxxxxxxxxxxxxxxxxxxx header xxxxxxxxxxxxxxxxxxxxxxxxx */
.headbranding { background: #e1e3e8; margin-top: 50px; margin-bottom: 0px}
.headbranding .headcontainer { width: 100%;max-width: 950px; margin: 0 auto; margin-top: -50px; margin-bottom: -20px; padding: 0px 15px 0 15px; position: relative; overflow: hidden }
.headbranding .headcontainer img { width: 210%; height: auto; overflow: hidden }
.branding { position: absolute; top: 23%; left: 20px; width: 80%; max-width: 330px}

.headnavig .headcontainer { width: 100%;max-width: 950px; margin: 0 auto; padding: 0 15px;  }
.navbar { margin-bottom: 0px}

@media screen and (min-width: 420px) {
	.headbranding .headcontainer img { width: 170%; }
}
@media screen and (min-width: 540px) {
	.headbranding .headcontainer img { width: 130%; }
}
@media screen and (min-width: 720px) {
.headbranding { margin-top: 80px; margin-bottom: 20px}
	.headbranding .headcontainer img { width: 100%; height: auto; }
	.branding { position: absolute; top: 23%; left: 20px; }
}
@media screen and (min-width: 980px) {
	.branding { position: absolute; top: 23%; left: -10px; }
}
/** xxxxxxxxxxxxxxxxxxxxxxxx /header xxxxxxxxxxxxxxxxxxxxxxxxx */


/** xxxxxxxxxxxxxxxxxxxxxxxx content xxxxxxxxxxxxxxxxxxxxxxxxx */
#main-column .page { border: 0px solid}

#main h1 { color: #0A2A54; font-size: 1.9em; font-weight: normal; line-height: 1.3em}
.site-content p { color: #0A2A54; font-size: 1.2em; }
#main h3 {color: #0A2A54; font-size: 1.4em; margin: 1.2em 0 0.25em 0; line-height: 1.5em; font-weight: 400 }
#main h4 {color: #0A2A54; font-size: 1.2em; margin: 1.6em 0 0 0; line-height: 1.3em; font-weight: 600;  }
#main h5 { font-size: 1.2em; color: #0A2A54; margin: 1.5em 0 0.5em 0; font-weight: 600; line-height: 1.5em}

#main.site-main { max-width: 940px; margin: 0 auto; padding-bottom: 50px }
.entry-header {margin-top: 30px}
h1.entry-title a { color: #0a2a54; padding-left: 8px; }
#main-column .post { border: 0}
#main h2 { color: #0a2a54; font-size: 1.6em; }

.startaktuelles { background: #E1E3E8; padding: 15px; margin-top: 30px}
.startaktuelles h5 { font-size: 1.5em; padding-left: 15px; color: #0A2A54}
.startaktuelles .pt-cv-view .panel-default > .panel-heading { color: #0a2a54;}
.startaktuelles .pt-cv-collapsible .panel-body { padding: 15px; }

#main table {color: #0A2A54; font-size: 1.2em; width: 100%; max-width: 450px }
#main table th { font-weight: normal; vertical-align: top; }
#main table td { vertical-align: top; text-align: right; padding-bottom: 10px }

.tabaufbau .elementor-section.elementor-section-boxed > .elementor-container { padding-bottom: 5px}
.tabaufbau .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0px 0 0 5px; line-height: 1.5em}

form.zurueckbutton input { background: #0A2A54; color: #fff; border: none; padding: 5px 5px 5px 10px; width: 14em; cursor: pointer; margin: 40px 0 0 20px}
.pt-cv-wrapper .btn-success { background: #0A2A54; color: #fff; border: none; padding: 5px 5px 5px 10px;  }
.pt-cv-wrapper .btn-success:hover { background: #0168B5; }

#main ul { padding-left: 15px; font-size: 1.2em; color: #0A2A54}
#main ul li { list-style: square; padding: 3px 0 }
#main ol { padding-left: 25px; font-size: 1.2em; color: #0A2A54}
#main ol li { padding: 3px 0 }

.elementor-accordion .elementor-tab-title { line-height: 1.6em!important; border-bottom: 4px solid #fff}

.datenschutz ul li { padding: 0; list-style-type: disc}

.gpv-form label { display: block; font-weight: 400}
.gpv-form input { border: 1px solid #bbb; width: 100%; max-width: 700px; border-radius: 3px; margin: 5px 0 15px 0; padding: 10px 3px; font-weight: 400; }
.gpv-form textarea { border: 1px solid #bbb; width: 100%; max-width: 700px; border-radius: 3px; margin: 5px 0 15px 0; padding: 10px 3px; font-weight: 400; height: 150px }
.datencheck { max-width: 700px}
p.datencheckcheckbox {width: 30px; padding: 0; float: left;  }
.datencheck .wpcf7-list-item { margin: 0}
.datencheck input[type="checkbox"] { width: 20px; padding: 10px; }
.site-content p.datenchecktext { margin-left: 30px; font-size: 1em}
span.rot { color: red;}
.site-content .formpflichtfeld p { font-size: 1em; color: #444}
.formsenden {  padding: 15px 0 0 0; max-width: 200px }

.elementor-button-wrapper a { background: #0A2A54!important}
.elementor-button-wrapper a:hover { background: #0168B5!important}

.blanklink .elementor-widget-button .elementor-button { }
.blanklink .elementor-widget-button .elementor-button:hover { }

@media screen and (min-width: 720px) {
#main h1 { font-size: 2.2em}	
	#main h2 { font-size: 1.8em; font-weight: normal }
}

/** xxxxxxxxxxxxxxxxxxxxxxxx /content xxxxxxxxxxxxxxxxxxxxxxxxx */


/** xxxxxxxxxxxxxxxxxxxxxxxx footer xxxxxxxxxxxxxxxxxxxxxxxxx */
.site-footer .container { display: flex; align-items: flex-end; flex-direction: column }
#site-footer { padding: 25px 0; color: #0A2A54; font-size: 18px; background: #e1e3e8; border-top: 1px solid #c8ccd1 }
.site-footer .col-md-4 { width: 100%}
.footercenter, .footer-left, .footer-right { max-width: 300px; margin: 0 auto}
.site-footer .footer-left img { width: 100%; max-width: 180px!important; }
.footercenter { padding-top: 1em}
.footer-right { padding-top: 1.5em}
.footername { font-size: 21px}
.footerkontakt a { color: #0A2A54; font-weight: 700 }

.footerunten { background: #0A2A54; padding: 15px 0 60px}
.footerunten .container { max-width: 920px}
.footerunten ul { padding: 0; }
.footerunten ul li { margin: 0; float: left; list-style-type: none }
.footerunten ul li a { color: #fff; padding: 0 20px 0 0}

@media screen and (min-width: 720px) {
	.site-footer .container { flex-direction: row; max-width: 980px}
	.site-footer .col-md-4 { width: 33.33%}
	.footercenter, .footer-left, .footer-right { max-width: 500px; margin: 0}
}

/** xxxxxxxxxxxxxxxxxxxxxxxx /footer xxxxxxxxxxxxxxxxxxxxxxxxx */


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