/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: Maibritt Bartling, Steffen Weßbecher
Description: DAS new theme, derived from Twenty Twenty-Four.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
*/

:root {
  --das-blue: #005a8d;
  --light-grey: #f5f5f5;
  --dark-grey: #737373;
  --grey-highlight: #a3a3a3;
  --grey-background: #d9d9d9;
  --orange: #fd7303;
  --link-card-highlight-transition-time: 0.6s;
  --button-border-radius: 15px;
}

html,
p,
div,
main,
h1,
h2,
a {
  font-family: 'Aller Regular', sans-serif !important;
}

/*
h2 {
	font-size: 2.8rem !important;
}

p {
	font-size: 1.4rem !important;
}
*/
#header {
  border-bottom: 2px solid var(--light-grey);
}

#simple-paragraph {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/****** Full Width Content ******/

.full-width-background {
  display: inline-block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: auto !important;
  margin-block-start: 0 !important;
}

.entry-content {
  padding: 0 !important;
}

/** Overrides */
.wp-element-button {
  text-transform: none !important;
  border-radius: var(--button-border-radius) !important;
  /* padding: 1rem 1.5rem !important;**/
}

.btn-das {
  background-color: var(--orange) !important;
  color: white !important;
  border-radius: var(--button-border-radius) !important;
  font-size: var(--wp--preset--font-size--medium) !important;
}

.btn-das-new {
  background-color: #fff !important;
  color: white !important;
  border-radius: var(--button-border-radius) !important;
  font-size: var(--wp--preset--font-size--medium) !important;
  border:1px solid var(--orange) !important;
}

.vc_btn3-color-btn-das {
  background-color: var(--orange) !important;
  color: white !important;
  border-radius: var(--button-border-radius) !important;
  font-size: var(--wp--preset--font-size--medium) !important;
}

.vc_btn3-color-btn-das-new {
  background-color: #fff !important;
  color: var(--orange) !important;
  border-radius: var(--button-border-radius) !important;
  font-size: var(--wp--preset--font-size--medium) !important;
  border:1px solid var(--orange) !important;
}

a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-round.vc_btn3-style-flat.vc_btn3-color-btn-das-new:hover {
    background: #fff!important;
}


#wp--skip-link--target {
  padding: 0 !important;
}

footer {
  margin-top: 0;
}

/** sticky header */
header {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
}

video {
  border-radius: 20px;
  border: 2px solid var(--das-blue);
}

/** Newsletter Subscribe Form */
.newsletter-email-field {
	  padding: 10px 20px;
	  background: rgba(50,50,50,0.5);
	  color: white;
	  border-radius: 10px;
	  border: none;
	  font-size: 1.3rem !important;
}

.newsletter-submit-button {
	font-size: 1.3rem !important;
	margin-top: 20px;
	padding: 10px 20px;
	border-radius: 10px;
	font-family: 'Aller Regular', sans-serif !important;
	border: none;
	background: var(--das-blue);
	color: white;
}

/** Newsletter Subscribe Form Errors */
span.wpcf7-form-control-wrap>span {
    color: white;  
    padding: 10px 20px;
    margin-bottom: -20px;
}

h2.vc_custom_heading {
	margin-top: 0;
}

.wpb_wrapper:has(> .card-container) {
	display: flex;
	height: 100%;
}

.vc_row.vc_row-o-full-height:has( .card-container){
	min-height: 0;
}

/** New Card layout*/

.cards-section {
    display: flex !important;
    gap: 30px;
    flex-wrap: nowrap !important;
    padding-left: 25px;
    padding-right: 25px;
}

.card-new {
    transition: 0.5s ease;
    padding: 30px !important;
    border-radius: 40px;
    border: 2px solid;
    margin-bottom: 30px;
    min-height: 250px;
}

.card-new:hover {
    transform: scale(1.05);
    z-index: 1;
}

.card-new .wpb_text_column { margin: 0; }
.card-new .vc_column-inner { padding: 0; }

.card-new  .vc_custom_heading {
    line-height: 1em !important;
    font-size: var(--wp--preset--font-size--x-large) !important;
}

.card-new p {
    font-size: var(--wp--preset--font-size--medium) !important;
    line-height: 1.3;
}

.card-new.blue {
    border-color: var(--das-blue);
    background: var(--das-blue);
}

.card-new.blue .vc_custom_heading,
.card-new.blue p {
    color: #fff
}

.card-new.grey, .card-new.grey-all {
    border-color: var(--grey-highlight) !important;
    background: var(--light-grey);
}

.card-new.grey .vc_custom_heading,
.card-new.grey p {
    color: var(--das-blue)
}

.card-new.grey-all .vc_custom_heading,
.card-new.grey-all p {
    color: var(--grey-highlight);
}

@media screen and (max-width: 1100px ) {
    .card-new  .vc_custom_heading {
        font-size: var(--wp--preset--font-size--large) !important;
    }
}

@media screen and (max-width: 850px) {
    .card-new { min-height: auto; }
    .cards-section {
        display: flex !important;
        flex-direction: column;
        gap: 0;
    }
}