/*
Theme Name: Deneff CiviCRM 2025
Version: 1.0
Template: kalium
Text Domain: kalium
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/* --- ALLGEMEIN --- */

/* work-sans-100 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/work-sans-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-100.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-200 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/work-sans-v18-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-200.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/work-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/work-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/work-sans-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/work-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/work-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-800 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/work-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-800.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-900 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/work-sans-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-900.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-100italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/work-sans-v18-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-100italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-200italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/work-sans-v18-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-200italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-300italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/work-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-300italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/work-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-500italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/work-sans-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-500italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-600italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/work-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-600italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-700italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/work-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-700italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-800italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/work-sans-v18-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-800italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-900italic - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/work-sans-v18-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/work-sans-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/work-sans-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/work-sans-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/work-sans-v18-latin-900italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

body, p {
    font-family: 'Work Sans' !important;
    font-weight: 400 !important;
    color: #000000;
}

h1 {
    font-family: 'Work Sans' !important;
    font-weight: 600 !important;
    color: #000000 !important;
    margin-bottom: 36px;
}

h1.civiH1 {
    display: block;
    font-family: "Work Sans";
    font-weight: 600;
    font-size: 25px;
    line-height: 50px;
    letter-spacing: -0.63px;
    text-align: left;
    margin-bottom: 1.5em;
    margin-top: 0px !important;
    padding-left: 100px;
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Block.png) left center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

/*body.pers-view h1.civiH1 {
    line-height: 25px;
}*/

body.pers-edit h1.civiH1 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Block.png) left center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

body.org-view h1.civiH1 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Building.png) left center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

body.org-edit h1.civiH1 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Building.png) left center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

body.event-view  h1.civiH1 {
    margin-bottom: 60px;
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Glass.png) left center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

body.box-view  h1.civiH1 {
    margin-bottom: 60px;
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Document.png) left center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

body.mitglieder-intern  h1.civiH1 {
    margin-bottom: 60px;
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Search.png) left center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

body.recomm h1.civiH1 {
    font-family: "Work Sans";
    font-weight: 600;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: -0.63px;
    text-align: left;
    margin: 0px !important;
    padding: 0px;
    background: transparent;
}

h1 .buttonclass {
    font-size: 18px;
}

h2 {
    font-family: 'Work Sans' !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    color: #000000;
}

h3 {
    font-family: 'Work Sans' !important;
    font-weight: 600 !important;
    color: #000000;
    margin-bottom: 20px;
}

h4 {
    font-family: 'Work Sans' !important;
    font-weight: 600 !important;
    color: #000000;
    margin-bottom: 10px;
}

h5 {
    font-family: 'Work Sans' !important;
    font-weight: 600 !important;
    color: #000000;
    margin-bottom: 0px;
}

p {
    margin-bottom: 20px;
}

a {
    color: #00878D;
}

.crm-container a, .crm-container a:link, .crm-container a:visited {
    color: #00878D !important;
}

a:hover, .wrapper a:hover {
    color: #00878d;
    text-decoration: none;
}

a::after {
    display: none !important;
}

.post-formatting a {
    color: #00878D !important;
    text-decoration: underline;
}

.crm-container a, .crm-container a:link, .crm-container a:visited {
	color: #2786c2;
	text-decoration: none;
}

.post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
    font-size: 18px;
    line-height: 24px;
    padding: 0px;
}

.big p {
    font-size: 20px;
    line-height: 28px;
}

b, strong {
    font-weight: 600;
}

.civi-info {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #777777;
    margin: 0px;
    padding-bottom: 20px;
}

.civi-info.oben {
    margin-top: 0px;
    margin-bottom: -8px !important;
    padding-bottom: 0px;
}

.description {
    margin-top: -4px !important;
    padding-top: 0px !important;
}

label {
    font-family: "Work Sans";
    font-weight: 400;
    letter-spacing: -0.5px;
    font-style: normal;
    /*font-size: 20px;
    line-height: 1.5;*/
    text-transform: none;
    color: #000000 !important;
}

td.label {
    float: left !important;
    width: 50% !important;
    text-align: left !important;
    padding-top: 12px !important;
}

td.content {
    float: left !important;
    width: 40%;
    text-align: left !important;
}

a, a:active, a:hover, a:visited {
    /*border: none !important;*/
    text-decoration: none;
}

*:focus {
    outline: 0 !important;
}

a:after {
    display: none !important;
}

p:not(.site-title) a:after, span a:after, .nav-previous a:after, .nav-next a:after, .entry-content a:after {
    display: none !important;
}

p:not(.site-title) a, span a, .nav-previous a, .nav-next a, .entry-content a {
    position: relative;
    border: 0px;
    transition: none !important;
    font-weight: normal;
    color: #00878d;
}

p.big {
    font-size: 20px;
    line-height: 32px;
}

hr {
    margin-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #000000;
    opacity: 1;
}

/*.entry-content a.edit-button {
    color: #ffffff !important;
}*/

.pepp-button {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #00878D !important;
    padding: 8px 20px 8px 20px !important;
    margin: 0px !important;
    margin-top: 20px !important;
    border: solid 3px transparent !important;
    border-radius: 25px !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #00878d, #01d7e7) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 2px 1000px 1px #fff inset !important;
    width: fit-content !important;
    min-width: 173px;
    text-align: center;
    display: block !important;
}

.pepp-button span {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #00878D !important;
}

.pepp-button:focus {
    outline: 0px solid #333;
}

.pepp-button .pepp-button-text {
    font-size: 20px !important;
    line-height: 28px !important;
    color: #00878D !important;
}

.pepp-button:focus {
    outline: 0px solid #333;
}

.pepp-button.mail {
    position: absolute;
    right: 0px;
    margin-top: 0px !important;
    opacity: 0.4;
}

.buttonreihe .pepp-button.mail {
    position: inherit;
    right: inherit;
    margin-top: 20px !important;
}

.pepp-button.mail:hover {
    opacity: 1;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-full-width .pp-form-submit-button-wrap {
    text-align: center;
    margin-top: 2%;
    margin-bottom: 0px;
}

.pp-form-container #pp-login-1.ppBuildScratch .pp-form-submit-button-wrap input[type="submit"] {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #00878D !important;
    padding: 8px 80px 8px 80px !important;
    margin: 0px !important;
    border: solid 3px transparent !important;
    border-radius: 25px !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #00878d, #01d7e7) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 2px 1000px 1px #fff inset !important;
    width: fit-content !important;
    min-width: 173px;
    top: inherit;
    text-align: center;
    position: relative !important;
    display: inline-block !important;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap .pp-form-label-wrap .pp-form-label, .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap .ppform-remember-label {
    color: #000000 !important;
}

.edit-button {
    font-family: 'Work Sans' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #D94291 !important;
    padding: 8px 16px 8px 16px !important;
    margin: 0px !important;
    border: solid 3px transparent !important;
    border-radius: 25px !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #ec35a0, #cf90d2) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 2px 1000px 1px #fff inset !important;
}

h1.civiH1 .buttonclass .edit-button {
    margin-left: 86px !important;
}

.button-box .pepp-button, .button-box .pepp-button:active, .button-box .pepp-button:visited {
    background: #888888;
    margin-bottom: 10px !important;
}

.button-box .pepp-button:hover {
    background: #777777;
}

.crm-container .crm-submit-buttons, .crm-container .action-link {
    height: auto !important;
    margin: 0px !important;
    display: inline-block;
    clear: both;
    width: 100%;
    border: 0px solid transparent !important;
    font-size: 100% !important;
    background: none !important;
}

.crm-container .crm-submit-buttons:focus, .crm-container .action-link:focus {
    outline: 0px solid #333;
}

/*.crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container .ui-dialog-buttonset .ui-button, .crm-container .crm-button, .edit-button {*/
.crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container .ui-dialog-buttonset .ui-button, .crm-container .crm-button {
    text-shadow: none !important;
    font-family: "Work Sans" !important;
    color: #ffffff !important;
    line-height: 40px !important;
    font-size: 18px !important;
    text-align: center !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-style: normal;
    letter-spacing: 0px;
    text-transform: none !important;
    border: none !important;
    border-color: #ffffff !important;
    border-radius: 4px 4px 4px 4px !important;
    background: #00878d !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-right: 10px;
    box-shadow: none !important;
    padding: 0px 0px !important;
    border: 0px solid transparent !important;
    text-align: center;
    min-width: 215px;
    min-height: 10px;
}

.crm-container a.button:focus, .crm-container a.button:link, .crm-container a.button:visited, .crm-container .ui-dialog-buttonset .ui-button:focus, .crm-container .crm-button:focus {
    outline: 0px solid #333;
}

i.crm-i, .fa-remove:before, .fa-close:before, .fa-times:before {
    font-style: normal;
    line-height: 40px !important;
    font-size: 18px !important;
    margin-right: 4px;
}

.crm-container a.crm-hover-button.action-item, .crm-container .crm-hover-button.btn-slide {
    font-family: "Work Sans";
    font-weight: 400;
    letter-spacing: -0.5px;
    font-style: normal;
    font-size: 18px !important;
    padding: 0px !important;
    opacity: 1 !important;
    color: #00878d !important;
    border: 0px solid transparent !important;
    border-radius: 0px !important;
    font-size: 100% !important;
    background: none !important;

    /*text-shadow: none !important;
    font-family: "Work Sans" !important;
    color: #ffffff !important;
    line-height: 40px !important;
    font-size: 18px !important;
    line-height: 28px;
    text-align: center !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-style: normal;
    letter-spacing: 0px;
    text-transform: none !important;
    border: none !important;
    border-color: #ffffff !important;
    border-radius: 4px 4px 4px 4px !important;
    background: #00878d !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: none !important;
    padding: 0px 0px !important;*/
    text-align: center;
    /*min-width: 440px;*/
}

.crm-container a.crm-hover-button.action-item:focus, .crm-container .crm-hover-button.btn-slide:focus {
    outline: 0px solid #333;
}

.crm-container span.crm-hover-button, .crm-container a.crm-hover-button {
    border: 0px solid transparent !important;
    font-size: 100% !important;
    background: none !important;
}

.crm-container span.crm-hover-button:focus, .crm-container a.crm-hover-button:focus {
    outline: 0px solid #333;
}

.crm-container .crm-button {
    font-family: 'Work Sans' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #D94291 !important;
    padding: 8px 16px 8px 16px !important;
    margin: 0px !important;
    margin-top: 20px !important;
    margin-right: 8px !important;
    border: solid 3px transparent !important;
    border-radius: 25px !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #ec35a0, #cf90d2) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 2px 1000px 1px #fff inset !important;
    min-height: 0px !important;
    min-width: 0px !important;
}

i.crm-i {
    line-height: 18px !important;
}

i.crm-i, .fa-remove::before, .fa-close::before, .fa-times::before {
    line-height: 18px !important;
}

.stornieren {
    padding-top: 30px !important;
}

.stornieren .crm-button {
    margin: 0px !important;
    margin-right: 8px !important;
}

.crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container .ui-dialog-buttonset .ui-button {
    font-family: 'Work Sans' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #D94291 !important;
    padding: 8px 16px 8px 16px !important;
    margin: 0px !important;
    margin-top: 20px !important;
    margin-right: 8px !important;
    border: solid 3px transparent !important;
    border-radius: 25px !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #ec35a0, #cf90d2) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 2px 1000px 1px #fff inset !important;
    min-height: 0px !important;
    min-width: 0px !important;
}

.crm-container .big {
    width: 25em !important;
}

#crm-container.crm-public input[type="text"], #crm-container.crm-public input[type="password"], #crm-container.crm-public input[type="email"], #crm-container.crm-public select {
    font-size: 18px !important;
    padding: 3px 10px !important;
}


/* --- KOPFBEREICH --- */

.header-block__row {
    align-items: baseline;
}

#menu-hauptmenue {
    /*display: none;*/
}

body.logged-in #menu-hauptmenue {
    display: flex;
}

.header-block__item--type-raw-text {
    margin-left: 30px;
    padding: 0px;
}

body.logged-in .header-block__item--type-raw-text {
    display: none;
}

body.logged-in .lb-header-legacy_header_menu-fbe38af36c {
    display: block !important;
}

.lb-header-legacy_header_menu_trigger-c29ac99675 {
    display: none;
}

body.logged-in .lb-header-legacy_header_menu_trigger-c29ac99675 {
    display: block !important;
}

body .lb-header-legacy_header_menu_trigger-2 {
    /*display: none;*/
}

body.logged-in .lb-header-legacy_header_menu_trigger-2 {
    display: block;
}

.header-block__item--type-raw-text .cta-button {
    transform: translate(15px,0px);
}

.header-block__item--type-raw-text .cta-button a {
    cursor: pointer;
    pointer-events: all;
    padding: 10px 46px 10px 46px !important;
    transform: translate(0px,15px);
}

.top-menu-container {
    background: transparent linear-gradient(180deg, #00878D 0%, #02C2D1 100%) 0% 0% no-repeat padding-box;
}

.top-menu-container .menu > li > a {
    font-family: 'Work Sans';
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #ffffff;
    transition: all 0.25s;
}

.top-menu-container .menu > li > a:hover {
    color: #ffffff;
    transition: all 0.25s;
}

.top-menu-container .menu > li > a::after {
    display: none;
}

.top-menu-container .menu > li:is(.current-menu-item, .current-menu-parent, .current_page_item, .current-menu-ancestor, .current_page_ancestor) > a {
    color: #ffffff;
}

#menu-menue-login-logout {
    margin-left: 30px;
}

.top-menu-container .menu > li.off {
    display: none;
}

.cta-button a {
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #00878D;
    padding: 8px 46px 8px 46px !important;
    margin: 0px !important;
    border: solid 3px transparent !important;
    border-radius: 25px !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #00878d, #01d7e7) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 2px 1000px 1px #fff inset !important;
}

.cta-button a span {
    color: #00878D;
}

.crm-container fieldset legend {
    float: none;
    font-size: 25px !important;
}

/*.crm-container div.form-item {
    clear: both;
}*/

#crm-container.crm-public input[type="text"], #crm-container.crm-public input[type="password"], #crm-container.crm-public input[type="email"], #crm-container.crm-public select {
    max-width: 90% !important;
}


/* --- HAUPTINHALTE --- */

/*.vc_column_container {
    padding-left: 160px;
    padding-right: 160px;
}*/

#einleitung {
    padding-top: 65px;
    padding-bottom: 80px;
}

body.home #einleitung .big {
    padding-left: 176px;
    padding-bottom: 6px;
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/Deneff_Element07-Verlauf.svg) left center;
    background-repeat: no-repeat;
    background-size: 168px 154px;
}

body.home #einleitung .big h1 {
    padding-top: 67px;
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/Deneff_Group11_2.svg) right top;
    background-repeat: no-repeat;
    background-size: 86px 67px;
}

#einleitung.empfehlung {
    padding-top: 65px;
    padding-bottom: 80px;
    background: transparent url(../../../wp-content/uploads/2022/02/Deneff_Group06.svg) right top;
    background-repeat: no-repeat;
    background-size: 500px 507px;;
}

#boxen {
    margin-bottom: 60px;
    padding-top: 65px;
    padding-bottom: 30px;
    background: transparent linear-gradient(180deg, #00878D 0%, #02C2D1 100%) 0% 0% no-repeat padding-box;
}

#boxen .wpb_wrapper {
    column-count: 3;
    column-gap: 29px;
}

#boxen .wpb_wrapper .box .wpb_wrapper {
    column-count: 1;
    column-gap: 0px;
}

#boxen .vc_row {
    margin: 0px;
    margin-bottom: 35px;
}

#boxen .box {
    cursor: pointer;
}

#boxen .box .vc_column-inner {
    padding: 45px 10px 45px 10px;
    background: #ffffff;
    border-radius: 10px;
    transition: all 0.25s;
}

#boxen .box:hover .vc_column-inner {
    background: #000000;
    transition: all 0.25s;
}

#boxen .box .wpb_content_element {
    margin-bottom: 0px;
}

#boxen .box h2 {
    margin-bottom: 6px !important;
    padding-top: 108px;
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Block.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
    transition: all 0.25s;
}

#boxen .box:hover h2 {
    color: #ffffff;
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Block-invers.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
    transition: all 0.25s;
}

#boxen .box:hover p {
    color: #ffffff;
    transition: all 0.25s;
}

#boxen .box.organisationsprofil h2 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Building.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

#boxen .box.organisationsprofil:hover h2 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Building-invers.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

#boxen .box.mitgliederuebersicht h2 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Search.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

#boxen .box.mitgliederuebersicht:hover h2 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Search-invers.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

#boxen .box.veranstaltungsuebersicht h2 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Glass.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

#boxen .box.veranstaltungsuebersicht:hover h2 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Glass-invers.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

#boxen .box.dokumentenuebersicht h2 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Document.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

#boxen .box.dokumentenuebersicht:hover h2 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Document-invers.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

#boxen .box.deneff-empfehlen h2 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Exclamation.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

#boxen .box.deneff-empfehlen:hover h2 {
    background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Exclamation-invers.png) center top;
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

#boxen .bluebox {
    height: 170px;
    width: 245px;
    margin: 10px 0px 10px 0px;
    text-align:center;
    border-radius:13px;
    border: double 4px transparent;
    background-image: linear-gradient(white,white), linear-gradient(135deg, rgb(0,135,149), rgb(0,95,105));
    background-origin: border-box;
    background-clip: content-box, border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

#boxen .bluebox {
    transition: all .2s ease-in-out;
    position: relative;
  }

#boxen .bluebox:hover {
    transform: scale(1.1);
    cursor:pointer;
}

#boxen .blueboxtitel {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 0px;
}

#boxen .blueboxdescription {
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    margin-bottom: 0px;
}

#boxen .blueboximg {
    margin-top: 10px;
    opacity: 0.85;
}

/* --- CSS vom CRM --- */

.entry-content {
    padding-top: 46px;
}

body.home .entry-content {
    padding-top: 0px;
}

body.mitglieder-intern #filter {
    width: 75%;
    width: 100%;
    margin: 0 auto !important;
}

body.mitglieder-intern #filter .filter-kundensegment {
    width: 59%;
    margin-right: 1%;
    float: left;
}

body.mitglieder-intern #filter .filter-suche {
    width: 39%;
    margin-left: 1%;
    float: left;
}

body.mitglieder-intern #filter .filter-firmenname {
    width: 100%;
    float: none;
    clear: both;
    padding-top: 30px;

    padding-bottom: 30px;
}

body.mitglieder-intern #filter .filter-firmenname a {
    width: 100%;
    float: none;
    clear: both;
    padding-top: 30px;
}

body.mitglieder-intern #filter .filter-gefunden {
    width: 100%;
    float: none;
    clear: both;
    padding-top: 30px;
    
    display: none;
}

form.memberListForm {
    margin: 0;
    display: inline;
}

body.mitglieder-intern #filter .filter-kundensegment b {
    display: block;
}

body.mitglieder-intern #filter .filter-kundensegment form.memberListForm {
    margin: 0 8px 8px 0!important;
    line-height: 21px;
    display: inline-block;
    word-break: break-word;
    visibility: visible !important;
    border: 3px solid #00878d;
    border: solid 3px transparent !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #00878d, #01d7e7) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 2px 1000px 1px #fff inset !important;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    color: #00878D !important;
}

body.mitglieder-intern #filter .filter-kundensegment form.memberListForm b {
    display: inline;
}

body.mitglieder-intern #filter .filter-suche b {
    display: block;
}

body.mitglieder-intern #filter .filter-suche form.memberListForm b {
    display: inline;
}

body.mitglieder-intern #filter .filter-firmenname b {
    display: block;
}

body.mitglieder-intern #filter .filter-firmenname form.memberListForm b {
    display: inline;
}

body.mitglieder-intern #pagination {
    width: 75%;
    width: 100%;
    margin: 0 auto !important;
    padding-bottom: 60px;
}

body.mitglieder-intern #mitgliederuebersicht {
    width: 100%;
    margin: 0 auto !important;
    padding-top: 60px !important;
    border-top: 1px solid #d6d6d6;
}

.col-md-offset-2 {
    margin-left: 0px !important;
}

.col-md-8 {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
}

#crm-main-content-wrapper {
    margin-bottom: 40px;
}

body.org-view #crm-main-content-wrapper {
    margin-bottom: 0px;
}

.crm-section {
    padding-top: 0px !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
}

#crm-container.crm-public div.label, .crm-container .crm-section div.label {
    float: left !important;
    width: 30% !important;
    text-align: left !important;
    font-family: "Work Sans";
    font-weight: 400;
    letter-spacing: -0.5px;
    font-style: normal;
    font-size: 18px !important;
    line-height: 1.5;
    line-height: 28px !important;
    color: #000000 !important;
}

.crm-container .crm-section div.label label {
    font-family: "Work Sans";
    font-weight: 400;
    letter-spacing: -0.5px;
    font-style: normal;
    font-size: 20px;
    font-size: 18px !important;
    line-height: 1.5;
    line-height: 28px !important;
    font-weight: 600;
    text-transform: none;
    color: #000000 !important;
}

#crm-container.crm-public div.content, .crm-container .crm-section div.content {
    margin-left: 32% !important;
    font-family: "Work Sans";
    font-weight: 400;
    letter-spacing: -0.5px;
    font-style: normal;
    font-size: 20px !important;
    font-size: 18px !important;
    line-height: 1.5;
    line-height: 28px !important;
    text-transform: none;
}

#crm-container.crm-public .contact_image-section div.content, .crm-container .contact_image-section div.content {
    margin-left: 0% !important;
}

.civi-form-person #crm-container.crm-public div.content img {
    width: 120px !important;
    height: auto;
}

.civi-form-organization #crm-container.crm-public div.content img {
    width: 200px !important;
    height: auto;
}

#crm-container.crm-public div.label, #crm-container.crm-public .price-field-amount {
    font-size: 20px !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    line-height: 28px !important;
    font-weight: 600;
    padding-top: 10px;
}

#crm-container.crm-public .calc-value, #crm-container.crm-public div.content {
    font-size: 20px;
    font-size: 18px !important;
    line-height: 1.5;
    line-height: 28px !important;
    padding-top: 10px;
}

.crm-container .crm-section, .crm-container div.crm-field-wrapper {
    margin-bottom: 0px !important;
}

.crm-container .crm-section div.label {
    line-height: 36px;
    line-height: 28px !important;
    font-weight: 600;
}
    
.crm-container .crm-section div.content {
    line-height: 36px;
    line-height: 28px !important;
}
    
.crm-container.crm-public .select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 3px 3px 20px;
}

.crm-container .select2-search-choice-close {
    top: 2px;
}

.buttonreihe {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
    border-top: 0px solid #000000;
    padding-top: 40px;
}

body.pers-view .buttonreihe, body.pers-edit .buttonreihe {
    margin-bottom: 0px;
    /*border-top: 1px solid #000000;*/
}

.buttonreihe .pepp-button {
    display: inline-block !important;
    margin-top: 0px;
    opacity: 0.4;
}

.buttonreihe .pepp-button:hover {
    opacity: 1;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
    position: absolute;
}

input.crm-form-radio + label, input.crm-form-checkbox + label {
    font-family: "Work Sans";
    font-weight: 400;
    letter-spacing: -0.5px;
    font-style: normal;
    font-size: 20px;
    font-size: 18px !important;
    line-height: 1.5;
    line-height: 28px !important;
    text-transform: none;
    color: #000000 !important;
}

#mitgliederuebersicht .mitglied {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 80px;
}

#mitgliederuebersicht .mitglied .mitglied-innen {
    margin-bottom: 80px;
}

#mitgliederuebersicht .links {
    float: left;
    width: 20% !important;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-right: 40px;
}

#mitgliederuebersicht .links .innen {
    padding-top: 54px;
}

#mitgliederuebersicht .links .innen img {
    max-width: 90% !important;
    height: auto;
}

#mitgliederuebersicht .mitte {
    float: left;
    width: 60% !important;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-right: 40px;
}

#mitgliederuebersicht .mitte .mitte-titel {
    font-family: "Work Sans";
    font-weight: 600;
    display: block;
    text-align: left;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: -0.63px;
    margin-bottom: 16px;
}

#mitgliederuebersicht .mitte ul {
    list-style: none;
    padding: 0;
    margin: 6px 0px 0px 0px;
}

#mitgliederuebersicht .mitte ul.kundensegmente li {
    margin: 0 8px 8px 0!important;
    line-height: 21px;
    display: inline-block;
    word-break: break-word;
    visibility: visible !important;
    border: 3px solid #00878d;
    border: solid 3px transparent !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #00878d, #01d7e7) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 2px 1000px 1px #fff inset !important;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    color: #00878D !important;
}

#mitgliederuebersicht .mitte ul.produktgruppen li {
    display: inline-block;
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    background: #e5f3f3;
    border-radius: 20px;
    margin: 0 8px 8px 0!important;
    padding: 6px 12px;
}

#mitgliederuebersicht .rechts {
    float: left;
    width: 20% !important;
    margin-top: 0px;
    margin-bottom: 20px;
}

#mitgliederuebersicht .rechts .standort {
    display: block;
    font-size: 18px;
    line-height: 1.444;
    letter-spacing: -0.45px;
    margin-bottom: 20px;
}

#pp-login-1-wrap .profilepress-login-status a {
    color: #000 !important;
}

/* Empfehlunstool */

.recommbutton {
    margin-bottom: 1.5em;
    text-align: center;
}

body.pers-view .recommbutton {
    text-align: left;
}

body.pers-edit .recommbutton {
    text-align: left;
}

.recommbutton .pepp-button, .recommbutton .pepp-button:hover, .recommbutton .pepp-button:active, .recommbutton .pepp-button:visited, .recommbutton .pepp-button:focus {
    display: inline-block;
    background-image: linear-gradient(270deg, #dfff4b 0%,#bfe900 100%);
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    background-color: #ffffff;
    overflow: hidden;
    padding-top: 8px !important;
    padding-right: 16px !important;
    margin-right: 0;
    padding-bottom: 8px !important;
    padding-left: 16px !important;
    margin-left: 0;
    transition: all 1s;
}

.recommbutton .pepp-button:hover {
    background-image: linear-gradient(90deg, #dfff4b 0%,#bfe900 100%);
    transition: all 1s;
}

.recommbutton .pepp-button .fusion-button-text, .recommbutton .pepp-button:hover .fusion-button-text {
    font-family: 'Work Sans';
    font-weight: 600;
    margin: 0;
    font-size: 28px !important;
    width: 45px;
    letter-spacing: -0.8px;
    color: #000000;
    width: auto;
    margin: 0px 0px -15px 0px;
    text-transform: none;
    height: 60px;
}

body.recomm #main {
    padding-top: 80px;
    background: transparent url(../../../wp-content/uploads/2022/02/Deneff_Group06.svg) right top;
    background-repeat: no-repeat;
    background-size: 500px 507px;
    
}

body.recomm h2 {
	z-index: 8;
	font-family: "Work Sans";
	height: auto;
	width: auto;
	color: rgb(0, 0, 0);
	text-decoration: none;
	white-space: nowrap;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	text-align: left;
	line-height: 40px;
	letter-spacing: 0px;
	font-weight: 600;
	font-size: 30px;
	transform-origin: 50% 50% 0px;
	opacity: 1;
	transform: translate(0px);
	visibility: visible;
}

body.recomm h2 {
	z-index: 12;
	font-family: "Work Sans";
	height: auto;
	color: rgb(0, 0, 0);
	text-decoration: none;
	white-space: normal;
	width: 560px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	text-align: left;
	line-height: 70px;
	letter-spacing: -2px;
	font-weight: 600;
	font-size: 60px;
	transform-origin: 50% 50% 0px;
	opacity: 1;
	transform: translate(0px);
	visibility: visible;
}

body.recomm p.big {
	z-index: 13;
	font-family: "Work Sans";
	height: auto;
	color: rgb(0, 0, 0);
	text-decoration: none;
	white-space: normal;
	width: 720px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	text-align: left;
	line-height: 30px;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 20px;
	transform-origin: 50% 50% 0px;
	opacity: 1;
	transform: translate(0px);
	visibility: visible;
	margin-bottom: 60px;
}

body.recomm .quform-form {
    padding-top: 0px;
}

#custom-date-box {
    float: left;
}

#custom-date-box .box-innen {
    display: inline-block;
    background-image: linear-gradient(270deg, #dfff4b 0%,#bfe900 100%);
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 50%;
    background-color: #ffffff;
    overflow: hidden;
    padding: 8px 8px 8px 8px;
    padding-top: 8px !important;
    padding-right: 8px !important;
    margin-right: 0;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    margin-left: 0;
	text-align: center;
}

#custom-date-box .box-innen .box-ganz-innen {
    font-size: 32px;
    width: 45px;
    margin: 0px 0px -15px 0px;
    height: 60px;
}

body.recomm p.box {
    float: left;
    max-width: 70%;
    font-size: 18px;
    line-height: 28px;
    margin: 6px 0 0 14px;
}

body.recomm p {
    font-size: 18px;
    line-height: 28px;
    margin: 0px;
}

body.recomm label {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0px;
    color: rgb(0, 0, 0);
}

body.recomm .quform input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border-color: #000000;
}

body.recomm .quform-element-submit button {
    display: inline-block;
    background-image: linear-gradient(270deg, #dfff4b 0%,#bfe900 100%);
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    background-color: #ffffff;
    overflow: hidden;
    padding-top: 8px !important;
    padding-right: 16px !important;
    margin-right: 0;
    padding-bottom: 8px !important;
    padding-left: 16px !important;
    margin-left: 0;
	text-align: center;
}
    
body.recomm .quform-element-submit button:hover {
    background-image: linear-gradient(90deg, #dfff4b 0%,#bfe900 100%);
}

body.recomm .quform-button-text {
    font-family: 'Work Sans';
    font-weight: 600;
    margin: 0;
    font-size: 32px;
    width: 45px;
    letter-spacing: -0.8px;
    color: #000000;
    width: auto;
    margin: 0px 0px -15px 0px;
    text-transform: none;
    height: 60px;
}

body.recomm .quform-success-message {
    background-color: transparent !important;
    border-left: 0px solid #85c14b !important;
    color: #000 !important;
    padding: 0px !important;
    margin: 0 0 0px 0 !important;
    position: relative;
}

body.recomm .quform-success-message-icon {
    display: none !important;
}

body.recomm .quform-success-message-has-icon .quform-success-message-content {
    padding-left: 0px !important;
}
    
body.recomm .quform-success-message-content p.big {
    font-weight: 600 !important;
}
    

/* --- Veranstaltungen ---*/

.event {
    display: inline-block;
    clear: both;
    width: 100%;

    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    background: #e5f3f3;
    border-radius: 20px;
    margin: 0 8px 8px 0!important;
    padding: 6px 12px;
}
.event_name {
    width: 55%;
    /*background-color: lightgrey;*/
    float: left;
    padding: 0 8px 0 0;
}
.event_date {
    width: 15%;
    /*background-color: yellow;*/
    float: left;
}
.event_status {
    width: 15%;
    /*background-color: grey;*/
    float: left;
}
.event_actions  {
    width: 15%;
    /*background-color: darkgrey;*/
    float: left;
}

h1.eventsH1 {
    display: block;
    text-align: left;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: -0.63px;
    font-family: "Work Sans";
    font-weight: 600;
    margin-bottom: 0.0em;
    margin-top: 0px !important;
}

body.event-view  h2 {
    margin-top: 60px;
}

.event_fees-section {
    display: none !important;
}


/* --- POPUP  --- */

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: auto;
}

.pum-theme-content-only-2-2 {
    background: transparent linear-gradient(180deg, #00878D 0%, #02C2D1 100%) 0% 0% no-repeat padding-box;
}

.pum-container {
    display: flex !important;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 0px !important;
    padding: 0px;
    border-radius: 0px;
    border: 0px none #000000;
    box-shadow: none;
}

.pum-container .wpb_content_element {
    margin-bottom: 0px;
}

.pum-theme-content-only-2-2 .pum-container h1 {
    font-family: 'Work Sans' !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 60px;
}

.pum-theme-content-only-2-2 .pum-container .wpb_wrapper, .pum-theme-content-only-2-2 .pum-container p, .pum-theme-content-only-2-2 .pum-container .wpb_wrapper a, .pum-theme-content-only-2-2 .pum-container p a {
    font-family: 'Work Sans' !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}

.pum-theme-content-only-2-2 .pum-container .wpb_wrapper a, .pum-theme-content-only-2-2 .pum-container p a {
    text-decoration: underline;
}

.pum-theme-content-only-2-2 .pum-container .wpb_wrapper a:hover, .pum-theme-content-only-2-2 .pum-container p a:hover {
    text-decoration: none;
}

.pum-theme-content-only-2-2 .pum-container .pp-form-container .ppress-form-bottom-links a {
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    color: #ffffff !important;
    text-align: center;
    text-decoration: underline !important;
}

.pum-theme-content-only-2-2 .pum-container .pp-form-container .ppress-form-bottom-links a:hover {
    text-decoration: none !important;
}

.pum-theme-content-only-2-2 .pum-content + .pum-close {
    font-family: 'Work Sans' !important;
    font-weight: 400 !important;
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    width: 40px;
    height: 40px;
    right: 32px;
    top: 10px;
    border: 0px none #ffffff;
    border-radius: 0px;
}


/* --- FOOTER --- */

.site-footer .lb-element-footer-container-row-1 {
    background: #ffffff;
}

/*.site-footer .lb-element-footer-container-row-1 .container {
    padding: 0px !important;
}*/

.site-footer .widget {
    font-family: 'Work Sans' !important;
    font-size: 20px !important;
    line-height: 40px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

.site-footer .widget a {
    color: #000000 !important;
    transition: color 0.25s;
}

.site-footer .widget a:hover {
    color: #00878D !important;
    transition: color 0.25s;
}

.site-footer .widget ul {
    margin-bottom: 0px;
}

.site-footer .widget li {
    display: inline-block;
    padding: 0px;
    margin-left: 40px;
    margin-right: 40px;
}

.site-footer .widget li:last-of-type {
    margin-right: 0px;
}

.site-footer .widget li a {
    font-family: 'Work Sans' !important;
    font-size: 20px !important;
    line-height: 40px !important;
    font-weight: 600 !important;
    color: #00878D !important;
    color: #000000 !important;
    transition: color 0.25s;
}

.site-footer .widget li a:hover {
    color: #00878D !important;
    transition: color 0.25s;
}

.site-footer .widget li a::after {
    display: none;
}

.site-footer .widget li.current-menu-item a {
    color: #00878D !important;
    color: #000000 !important;
    transition: color 0.25s;
}

.site-footer .widget li.current-menu-item a:hover {
    color: #00878D !important;
}

.go-to-top {
    margin: 30px 30px 35px 30px;
    background-color: #00878D;
}

.go-to-top.visible:hover {
    background-color: #00878D;
}


/* --- RETINA ----------------------------------------------------------------------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
   /* Retina-specific stuff here */

}



/* --- RESPONSIVE ------------------------------------------------------------------------------------------------- */


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

}

@media only screen and (min-width: 2201px) and (max-width: 2500px) {

}

@media only screen and (min-width: 1601px) and (max-width: 2200px) {

}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {

}

@media only screen and (min-width: 1261px) and (max-width: 1400px) {

}



/* ==============================================================================================================================
/*
/* 	#Desktop Notebook	<= 1260
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 1260px) {

}


/* ==============================================================================================================================
/*
/* 	#Browserfenster kleiner	<= 1200
/* 
/* =========================================================================================================================== */

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

    #boxen .wpb_wrapper {
        column-count: 2;
    }

}


/* ==============================================================================================================================
/*
/* 	#Tablet (Portrait) & Mobile	<= 1000			OR Smartphone (Landscape)
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 1000px), only screen and (max-device-width: 844px) and (orientation: landscape) {

}


/* ==============================================================================================================================
/*
/* 	#Mobile (Landscape)	<= 740																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

@media only screen and (max-device-width: 740px) and (orientation: landscape) {

}


/* ==============================================================================================================================
/*
/* 	#Mobile (Portrait)	<= 540																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 540px) {

    .header-block__item--type-raw-text {
        margin-left: 0px;
        padding-right: 30px;
    }
    
    .top-menu-container .menu > li.off {
        display: block;
    }

    #menu-menue-login-logout {
        display: none;
    }
    
    .header-block__item--type-raw-text .cta-button {
        transform: translate(15px,-7px);
    }
    
    .header-block__item--type-raw-text .cta-button a {
        padding: 6px 36px 6px 36px !important;
    }
    
    body.logged-in .lb-header-legacy_header_menu_trigger-c29ac99675 {
        transform: translate(10px, -5px);
    }

    .mobile-menu-open .mobile-menu--slide {
        background: transparent linear-gradient(180deg, #00878D 0%, #02C2D1 100%) 0% 0% no-repeat padding-box;
    }
    
    .menu .menu-item > a {
        font-size: 18px;
        line-height: 18px;
        color: #ffffff;
    }
    
    .kalium-icon-remove:before {
        color: #ffffff;
    }
    
    .lb-header-legacy_header_menu_trigger-2, .lb-header-legacy_header_menu_trigger-c29ac99675 {
        padding-right: 0px;
    }
    
    #einleitung {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    body.home #einleitung .big {
        padding-left: 0px;
        padding-bottom: 70px;
        background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/Deneff_Element07-Verlauf.svg) left bottom;
        background-repeat: no-repeat;
        background-size: 84px 77px;
    }

    body.home #einleitung .big h1 {
        padding-top: 34px;
        background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/Deneff_Group11_2.svg) right top;
        background-repeat: no-repeat;
        background-size: 43px 34px;
    }

    #boxen .wpb_wrapper {
        column-count: 1;
        column-gap: 0px;
    }
    
    h1.civiH1 {
        font-size: 28px;
        line-height: 40px;
        padding-left: 60px;
        background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Block.png) left top;
        background-repeat: no-repeat;
        background-size: 40px 40px;
    }
    
    body.pers-edit h1.civiH1 {
        background-size: 40px 40px;
    }
    
    body.org-view h1.civiH1 {
        background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Building.png) left center;
        background-repeat: no-repeat;
        background-size: 40px 40px;
    }
    
    body.org-edit h1.civiH1 {
        background-size: 40px 40px;
    }
    
    body.event-view  h1.civiH1 {
        background-size: 40px 40px;
    }
    
    body.box-view  h1.civiH1 {
        background-size: 40px 40px;
    }
    
    body.mitglieder-intern  h1.civiH1 {
        background-size: 40px 40px;
    }

    h1 .buttonclass {
        display: inline-block;
        width: 100%;
        font-size: 16px;
        padding-top: 20px;
        transform: translate(-60px, 0px);
    }
    
    h1.civiH1 .buttonclass .edit-button {
        margin-left: 0px !important;
    }
    
    .pepp-button {
        font-size: 20px !important;
        line-height: 28px !important;
        padding: 6px 12px 6px 12px !important;
    }
    
    .pepp-button.mail {
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 2px 6px 2px 6px !important;
        min-width: 1px !important;
        transform: translate(0px, -35px);
    }

    .pepp-button.mail .pepp-button-text {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    
    .buttonreihe .pepp-button.mail {
        position: inherit;
        right: inherit;
        font-size: 20px !important;
	line-height: 28px !important;
        padding: 6px 12px 6px 12px !important;
        margin-top: 20px !important;
        transform: none;
    }

    .buttonreihe .pepp-button.mail .pepp-button-text {
        font-size: 20px !important;
	line-height: 28px !important;
    }
    
    #form_stornieren .crm-button {
        transform: translate(0px, -3px);
    }

    .edit-button {
        font-size: 20px !important;
        line-height: 28px !important;
        padding: 6px 12px 6px 12px !important;
    }
    
    .pp-form-container #pp-login-1.ppBuildScratch .pp-form-submit-button-wrap input[type="submit"] {
        font-size: 20px !important;
        line-height: 28px !important;
        padding: 6px 80px 6px 80px !important;
        min-width: 173px;
    }
    
    .crm-container .crm-button {
        font-size: 20px !important;
        line-height: 28px !important;
        padding: 6px 12px 6px 12px !important;
    }
    
    .crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container .ui-dialog-buttonset .ui-button {
        font-size: 20px !important;
        line-height: 28px !important;
        padding: 6px 12px 6px 12px !important;
    }

    body.pers-edit h1.civiH1 {
        background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Block.png) left top;
        background-repeat: no-repeat;
        background-size: 40px 40px;
    }
    
    body.org-view h1.civiH1 {
        background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Building.png) left top;
        background-repeat: no-repeat;
        background-size: 40px 40px;
    }
    
    body.org-edit h1.civiH1 {
        background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Building.png) left top;
        background-repeat: no-repeat;
        background-size: 40px 40px;
    }
    
    body.mitglieder-intern  h1.civiH1 {
        margin-bottom: 40px;
        background: transparent url(../../../wp-content/themes/deneff-civicrm-neu/bilder/DENEFF-Icon-Search.png) left top;
        background-repeat: no-repeat;
        background-size: 40px 40px;
    }
    
    body.recomm h1.civiH1 {
        font-size: 28px;
        line-height: 34px;
    }
    
    #crm-container.crm-public div.label, .crm-container .crm-section div.label {
        float: none !important;
        width: 100% !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }
    
    #crm-container.crm-public div.content, .crm-container .crm-section div.content {
        margin-left: 0px !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }
    
    .buttonreihe {
        display: block;
        justify-content: inherit;
    }
    
    .event_name {
        width: 100%;
        padding-bottom: 6px;
    }
    .event_date {
        width: 33.333333%;
    }
    .event_status {
        width: 33.333333%;
    }
    .event_actions  {
        width: 33.333333%;
    }

    #mitgliederuebersicht .mitglied {
        margin-bottom: 40px;
    }
    
    #mitgliederuebersicht .links {
        float: none;
        width: 36% !important;
        padding-right: 0px;
    }
    
    #mitgliederuebersicht .mitte {
        float: none;
        width: 100% !important;
        margin-bottom: 20px;
        padding-right: 0px;
    }
    
    #mitgliederuebersicht .rechts {
        float: none;
        width: 100% !important;
        margin-bottom: 20px;
        padding-right: 0px;
    }
    
    #mitgliederuebersicht .mitglied .mitglied-innen {
        margin-bottom: 0px;
    }
    
    #einleitung.empfehlung {
        padding-top: 65px;
        padding-bottom: 80px;
        background: transparent url(../../../wp-content/uploads/2022/02/Deneff_Group06.svg) right top;
        background-repeat: no-repeat;
        background-size: 150px 153px;
    }
    
    body.recomm h1.civiH1 {
        font-size: 20px;
        line-height: 26px;
    }
    
    body.recomm h2 {
        width: 100%;
        font-size: 28px;
        line-height: 34px;
        letter-spacing: -1px;
    }
    
    body.recomm p.big {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 40px;
    }

}


@media only screen and (max-width: 375px) {

}


@media only screen and (max-width: 320px) {

}