/* Change autocomplete styles in WebKit */
/*textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus*/
#perspSearchModal .modal-dialog .modal-body .search-form input:-webkit-autofill,
#perspSearchModal .modal-dialog .modal-body .search-form input:-webkit-autofill:hover, 
#perspSearchModal .modal-dialog .modal-body .search-form input:-webkit-autofill:focus
 {
  border: 1px solid #001F2C;
  border-bottom: 1px solid #fff;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #001F2C inset;
  transition: background-color 5000s ease-in-out 0s;
}
a:hover {
	color: #DEA430;
	text-decoration: underline;
}

.empty-archive {
	text-align: center;
    display: table;
    font-size: 24px;
    margin: 30px auto 60px;
    padding: 15px;
    border-top: 1px solid #001F2C;
    border-bottom: 1px solid #001F2C;
    color: #DEA430;
}
.offer h1.has-background, .offer h2.has-background, .offer h3.has-background, 
.offer h4.has-background, .offer h5.has-background, .offer h6.has-background {
    padding: 1.1em 1em;
	text-align:center
}
.wp-block-column > p:last-child {
	margin-bottom:0
}
@media (min-width: 768px) and (max-width:991px) {
	.container, .container-sm, .container-md {
		max-width: 100%!important;
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
}
@media (max-width:767px) {
	.container, .container-sm {
		max-width: 100%!important;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* */
.persp-tab,
.single-offer .persp-tab  {
	position:relative;
	padding:50px 0;
	max-width: 100%!important;
	font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.2px;
}
.persp-tab:after,
.single-offer .persp-tab:after {
	content: '';
	position: absolute;
	top:0; bottom:0;
	left:calc(50% - 50vw);
	width:100vw;
	background-color:rgba(222,164,48,0.12);
	z-index: -1;
}
.persp-tab .nav-tabs,
.single-offer .persp-tab .nav-tabs {
	border-bottom: none;
	padding-bottom:15px
}
.persp-tab .nav-tabs .nav-item,
.single-offer .persp-tab .nav-tabs .nav-item {
	padding-bottom:0
}
.persp-tab .nav-tabs .nav-link,
.single-offer .persp-tab .nav-tabs .nav-link {
    color: #000;
    font-size: 20px;
    line-height: 1.1;
    font-weight: normal!important;
    border: none;
    border-radius: 20px;
    padding: 10px 20px;
	margin: 0 7px 7px 0;
	background-color:#fff;
	transition: background-color .5s
}
.persp-tab .nav-tabs .nav-link.active,
.persp-tab .nav-tabs .nav-link:hover,
.single-offer .persp-tab .nav-tabs .nav-link.active,
.single-offer .persp-tab .nav-tabs .nav-link:hover {
	background-color: #DEA430;
	color:#fff;
}
.persp-tab .tab-content,
.single-offer .persp-tab .tab-content {
    padding: 20px 0 0;
}
.persp-tab .tab-content .tab-pane  > *:last-child,
.single-offer .persp-tab .tab-content .tab-pane  > *:last-child {
	margin-bottom:0
}
.persp-tab .tab-pane-title,
.single-offer .persp-tab .tab-pane-title {
	color: #DEA430;
	font-weight: bold;
	font-size: 20px;
    line-height: 29px;
}	
/*
.persp-tab .tab-content .tablepress  tr,
.single-offer .tablepress  tr ,
.single-offer .persp-tab .tab-content .tablepress  tr {
    display: block;
    font-size: 20px;
    padding-bottom: 15px;
}
.persp-tab .tab-content .tablepress  tr td,
.single-offer .tablepress  tr td ,
.single-offer .persp-tab .tab-content .tablepress  tr td {
	display: block;
	padding:0;
    border: none;
    background: transparent!important;
}	
.persp-tab .tab-content .tablepress  tr td:first-child,
.single-offer .persp-tab .tab-content .tablepress  tr td:first-child,
.single-offer .tablepress  tr td:first-child {
	font-weight: bold
}
*/
@media (max-width:767px) {

	.persp-tab:before,
	.single-offer .persp-tab:before {
		content: 'Bitte Beratungsbereich für mehr Infos auswählen:';
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		position:relative;
		top:0;
	}
	.persp-tab .nav-tabs,
	.single-offer .persp-tab .nav-tabs {
		padding-top:15px
	}
/*
	.persp-tab .tab-content .tablepress  tr,
	.single-offer .tablepress  tr,
	.single-offer .persp-tab .tab-content .tablepress  tr {
		font-size: 19px
	}
*/	
	.persp-tab .nav-tabs .nav-link,
	.persp-tab .tab-pane-title,
	.persp-tab  p, .persp-tab  li,
	.single-offer .persp-tab .nav-tabs .nav-link,
	.single-offer .persp-tab .tab-pane-title,
	.single-offer .persp-tab  p, .single-offer .persp-tab  li{
		font-size: 19px
	}
}

@media (max-width: 991px) and (min-width: 320px){
	.wp-block-columns > .wp-block-column {
		padding-left:10px;
		padding-right:10px
	}
	.wp-block-columns > .wp-block-column > * {
		padding-left:0;
		padding-right:0
	}
}
@media (max-width: 599px){
	.wp-block-columns > .wp-block-column:not(:last-child) {
		padding-bottom: 30px;
	}
}

.kontakt-wrap .wpcf7-form  {
	margin-top: 60px;
}
@media (max-width: 767px){
	.kontakt-wrap .wpcf7-form  {
		margin-top: 30px;
	}
}


/* tribe events */
.single-tribe_events .tribe-events-single .tribe-events-event-meta {
    color: #212529;
    display: flex;
	font-size: 16px;
}	
.tribe-events-event-meta >.tribe-events-meta-group {
    flex-basis: 50%;
	margin-right:0;
	padding-right:10px
}
.tribe-events-venue-map {
    flex-basis: 50%;
}
.tribe-events-meta-group .tribe-events-single-section-title {
    color: #001F2C;
    font-size: 18px!important;
	line-height:1.2!important
}
.tribe-events-event-meta span {
	font-size: 14px;
}
.tribe-events-event-meta a, .tribe-events-event-meta a:visited {
    color: #DEA430;
	display: inline-block;
}
.tribe-events-event-meta a:focus, .tribe-events-event-meta a:hover {
    color: #DEA430;
	text-decoration: underline
}
.tribe-events-cal-links .tribe-events-gcal, .tribe-events-cal-links .tribe-events-ical,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link {
	background-color: #32373c;
	color:#fff;
    border: none;
    border-radius: 1.55em;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: .667em 1.333em;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
	margin-top: 10px;
    margin-bottom: 10px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link {
	display: inline-flex;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link  .tribe-common-c-svgicon {
    color: #fff!important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link:hover  .tribe-common-c-svgicon,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link:focus  .tribe-common-c-svgicon {
    color: #DEA430!important;
}

.tribe-events-cal-links .tribe-events-gcal:hover, .tribe-events-cal-links .tribe-events-ical:hover,
.tribe-events-cal-links .tribe-events-gcal:focus , .tribe-events-cal-links .tribe-events-ical:focus,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link:hover, 
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link:focus {
	color: #DEA430;

}
.tribe-events-sub-nav {
	padding-left:0!important
}
.tribe-events-content a {
	border-bottom:none!important
}
.tribe-events-schedule h2 {
	font-size:20px!important;
	font-weight:normal!important;
	line-height:29px!important
}

.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a, 
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a {
	display: flex;
    flex-direction: column;;
}
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a {
	text-align: right;
	align-items: flex-end;
	padding-left:10px
}
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a {
	padding-right: 10px
}
/**/
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:after, 
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:before {
    height: 20px;
    width: 30px;
}
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:before, 
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:after {
    height: 0;
    width: 0;
}
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:after {
	order:-1
}
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:after,
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:focus:after, 
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:hover:after {
    background: url(https://perspektivetg.yourdemo.dev/wp-content/themes/perspektivetg/images/regular-arrow-right.svg) 100%/30px no-repeat!important;
}
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:before,
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:focus:before, 
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:hover:before {
    background: url(https://perspektivetg.yourdemo.dev/wp-content/themes/perspektivetg/images/regular-arrow-left.svg) 0/30px no-repeat!important;
}

@media (min-width:992px) {
	.single-tribe_events .tribe-events-single .tribe-events-event-meta {
		width:50%;
	}	
	.tribe-events-venue-map>div, .tribe-events-venue-map>iframe {
		max-height: 300px!important;
	}
}
@media (max-width:991px) {
	.single-tribe_events .tribe-events-single .tribe-events-event-meta {
		width:100%;
	}	
	.tribe-events-venue-map>div, .tribe-events-venue-map>iframe {
		max-height: 230px!important;
	}
}
@media (max-width:767px) {
	.tribe-events-event-meta >.tribe-events-meta-group,
	.tribe-events-venue-map {
		flex-basis: 100%;
		padding: 20px 0 0;
	}
	.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a {
		font-size: 16px;
		line-height: 1.2;
	}
}

p.has-background {
    padding: 20px!important;
}

.ssc-article-permalink.btn.btn-outline-primary {
	color: #fff;
    background-color: #32373c;
    border: none;
    border-radius: 1.55em;
    box-shadow: none;
    cursor: pointer;
    word-break: break-word;
    white-space: normal;
    margin: 0 auto!important;
    display: inline-flex;
    justify-content: center;
    text-align: center;
	padding: .75em 2em;
    font-size: 18px;
}
.ssc-article-permalink.btn.btn-outline-primary:hover {
	color: #fff;
    background-color: #DEA430;
	text-decoration:none
}
.searchform-wrap .search-form label {
	font-size: 20px;
    line-height: 29px;
    color: #001F2C;
}
.searchform-wrap.page404-search {
    padding: 30px 15px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 50px;
	margin-top: 20px;
	position:relative
}
.searchform-wrap.page404-search:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    background-color: rgba(222,164,48,0.12);
    z-index: -1;
}
.searchform-wrap.page404-search .persp-featured-search {
	height: 140px;
    padding-bottom: 100px;
}	

/**/
#perspModalTips .modal-dialog .modal-content, #perspModalConsultant .modal-dialog .modal-content, #perspModalDownloads .modal-dialog .modal-content, .team-item-modal .modal-dialog .modal-content {
    min-height: 100%;
    height: auto!important;
}

.persp-post-navigation p {
	white-space: nowrap;
    clear: both;
}

@media (max-width:479px) {
	.team-item-modal .modal-dialog .modal-content .modal-header {
		flex-direction: column-reverse;
	}
	#perspModalTips .modal-dialog .modal-content .modal-header .close, 
	#perspModalConsultant .modal-dialog .modal-content .modal-header .close, 
	#perspModalDownloads .modal-dialog .modal-content .modal-header .close, 
	.team-item-modal .modal-dialog .modal-content .modal-header .close {
		margin-right:-8px;
	}
}

/* landing page template */
#landing-perspektivetg-wrapper header#masthead {
	box-shadow: 0 0 1px #0000002b, 0 3px 5px #0000000f;
}
.header-landing {
	display: flex;
	align-items: center;
	height: 86px;
}
.header-landing .navbar-brand {
}
.header-landing .navbar-brand img {
    height: 36px;
	max-height: unset;
    width: 100%;
}
@media (min-width: 1024px) {
    .header-landing .navbar-brand img {
        height: 54px;
    }
}
.navbar-light.landing-navbar .navbar-nav.landing-menu.nav-link {
	display: block;
	color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    transition: .2s;
}	
.navbar-light.landing-navbar .navbar-nav.landing-menu.nav-link:hover {
    color: #868e96;
}
/**/
.ws-land-blocks {
	display: flex;
	justify-content: center;
	gap: 26px;
	margin-bottom: 76px
}
.ws-land-block {
	flex-basis: 420px;
	display:block;
	aspect-ratio: 1;
	position: relative;
	background-color: #DEA430!important;
	padding: 56px 26px 56px;
	color: #fff!important;
	transition: box-shadow .3s;
	border-radius: 8px;
}
.ws-btn-link {
	position: absolute;
	bottom: 20px;
	right: 26px;
	color: #fff;
	font-size: 18px
}
.ws-land-block h2 {
	font-size: 42px!important;
	line-height: 1.2!important;
	color: #fff
}
a.ws-land-block:hover {
	text-decoration: none;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.3)
} 
@media (max-width: 991px) {
	.ws-land-block {
		flex-basis: calc(50% - 26px);
		max-width: 352px;
	}
	.ws-land-block h2 {
		font-size: 32px!important;
	}	

	.header-landing {
		justify-content: space-between;
		height: 60px;
	}
	/* mobile menu icon */
	#nav-icon {
	  position: relative;
	  cursor: pointer;
	}
	#nav-icon{
	  width: 32px;
	  height: 32px;
	}

	#nav-icon span {
	  display: block;
	  position: absolute;
	  height: 3px;
	  border-radius: 3px;
	  background: #868E96;
	  opacity: 1;
	  left: 4px;
	  right:0;
	}

	#nav-icon span:nth-child(1) {
	  top: 6px;
	}

	#nav-icon span:nth-child(2) {
	  top: 13px;
	}

	#nav-icon span:nth-child(3) {
		top: 21px;
	}
	.navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(2) {
		transform: rotate(45deg) translate(-2px,0px);
	}
	.navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(3) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	.navbar-toggler[aria-expanded="true"] #nav-icon span:nth-child(1) {
		transform: rotate(-45deg) translate(-5px,3px);
	}

	.navbar.landing-navbar {
		position: unset;
	}
	.navbar.landing-navbar .navbar-collapse {
		position: absolute;
		left: -15px;
		right: 0;
		top: 100%;
		background: #fff;
	}
	.navbar.landing-navbar .navbar-collapse.show {
		padding: 15px 15px 15px 30px;
		border-bottom: 1px solid #ccc;
	}
}	
@media (max-width: 767px) {
	.ws-land-block h2 {
		font-size: 25px!important;
	}	
	.ws-btn-link {
		font-size: 16px;
	}
	.ws-land-block {
		padding: 36px 16px 36px;
	}
}	
@media (max-width: 480px) {
	.ws-land-blocks {
		flex-wrap: wrap;
		margin: 0 20px 30px;
	} 
	.ws-land-block {
		flex-basis: 100%
	}
		.ws-land-block h2 {
		font-size: 35px!important;
	}	

}

@media (min-width: 992px) {
	.admin-bar.page-template-page-landing main#main {
		min-height: calc(100vh - 308px);
	}
	.page-template-page-landing main#main {
		min-height: calc(100vh - 274px);
	}
}
@media (min-width: 1440px) {
	.admin-bar.page-template-page-landing main#main {
		min-height: calc(100vh - 284px);
	}
	.page-template-page-landing main#main {
		min-height: calc(100vh - 250px);
	}
}

@media (max-width: 991px) and (min-width: 320px) {
    .page-template-page-landing .footer-extra {
        margin: 0;
        padding: 10px 5px 15px;
    }
	.page-template-page-landing main#main {
		min-height: calc(100vh - 185px);
	}
}
@media (max-width: 991px) and (min-width: 783px) {
	.admin-bar.page-template-page-landing main#main {
		min-height: calc(100vh - 218px);
	}
}
@media (max-width: 782px) {
	.admin-bar.page-template-page-landing main#main {
		min-height: calc(100vh - 218px);
	}
}
