/**
*
* -----------------------------------------------------------------------------
*
	Theme Name: Haus und Grund Düsseldorf
	Description: Haus und Grund Düsseldorf Wordpress Theme
	Author: INOYA
	Version: 1.0

	Farben:
		Hellblau: #009EE0
		Rot: #FF0000
		Hellblau für Hintergründe: #d9f1fa
		Schwarz: #000
		Grün Call to Action: Folgt
	009EE0

	Inhaltsverzeichnis:
	
	1. Allgemein
	2. Footer
	3. Header
	4. Inhaltselemente
		4.1  Video Teaser 
		4.2  Teaser Boxen
		4.3  Team Mitglieder
		4.4  Standorte
		4.5  Mitglied werden
		4.6  Text
		4.7  Info Abende
		4.8  Banner 
		4.9  Pressemitteilungen
		4.10 Zweispaltiger Text
		4.11 Timeline
		4.12 Hugoria Produkte
		4.13 Partner
		4.14 Stellenangebote
		4.15 Tochterfirmen
		4.16 Mitgliedermagazin
		4.17 FAQs
		4.18 Downloads
		4.19 Bild
		4.20 Bild + Text
		4.21 Mitgliedsbeiträge
		4.22 Sonstige Veranstaltungen
		4.23 Beratungstermin vereinbaren
		4.24 Hotline Button
		4.25 Persönliche Beratung
		4.26 Repeater
		4.27 App
		4.28 Aussteller
		4.30 Neuigkeiten
		4.31 Call to Action
		4.32 Schritte
		4.33 Download Filter
		4.34 Content Aktuelles
		4.35 News
	6. Mitglieder Menü
	7. Single Beiträge
	8. Sidebar
	9. Medienportal
	10. 404 Seite
	11. Single Stellenangebot
	12. Buttons
	13. Padding und Marging
	14. Headlines
	15. Login Template
	16. Suche
	17. Marquee




--------------------------------------------------------*/

/*-----------------
	1. Allgemein
-----------------------*/

.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4 {
	margin-bottom: 0px!important;
}


.py-5 { padding-top: 5px; padding-bottom: 5px; }
.py-10 { padding-top: 10px; padding-bottom: 10px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.py-50 { padding-top: 50px; padding-bottom: 50px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.py-70 { padding-top: 70px; padding-bottom: 70px; }
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.py-90 { padding-top: 90px; padding-bottom: 90px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }

.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }

.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }

.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; }
.mt-70 { margin-top: 70px; }
.mt-75 { margin-top: 75px; }
.mt-80 { margin-top: 80px; }
.mt-85 { margin-top: 85px; }
.mt-90 { margin-top: 90px; }
.mt-95 { margin-top: 95px; }
.mt-100 { margin-top: 100px; }

.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-60 { margin-bottom: 60px; }
.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mb-75 { margin-bottom: 75px; }
.mb-80 { margin-bottom: 80px; }
.mb-85 { margin-bottom: 85px; }
.mb-90 { margin-bottom: 90px; }
.mb-95 { margin-bottom: 95px; }
.mb-100 { margin-bottom: 100px; }

.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }

.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }

.ptb50 { padding: 50px 0; }
.ptb20 { padding: 20px 0; }
.prl20 { padding: 0px 20px; }

html {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}


body {
	color: #333;
	line-height: 1.6666;
	font-weight: 400;
}

.bg--fixed,
.bg--scroll {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;   
  background-size: cover;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out; 
  }
  
  a:hover {
    color: #353f4f!important;
    text-decoration: none;
  }
  
  a:focus {
    outline: none;
    text-decoration: none;
  }

.bg--fixed {
  background-attachment: scroll!important;
}

.bg--scroll {
  background-attachment: fixed!important;
}

h1, h2, h3, h4, h5, h6 {  
	color: #353f4f;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 0;
  }
  
  

.einleitungstext a,
.info-abend-sommerpause-text a,
.ie_text a:not([class]),
.ie_bild_text a:not([class]),
.banner-section .banner-section-text a:not([class]),
.tochterfirma_beschreibungstext a:not([class]),
.single_template a:not([class]),
#modal_persoenliche_beratung ul li a,
.ie_mitglied_werden .content-mitglied-werden .text-mitglied-werden a,
.ie_schritte .schritt-wrapper a {
	color: #009EE0;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.einleitungstext a:hover,
.info-abend-sommerpause-text a:hover,
.ie_text a:not([class]):hover,
.ie_bild_text a:not([class]):hover,
.banner-section .banner-section-text a:not([class]):hover,
.tochterfirma_beschreibungstext a:not([class]):hover,
.single_template a:not([class]):hover,
.ie_mitglied_werden .content-mitglied-werden .text-mitglied-werden a:hover,
.ie_schritte .schritt-wrapper a:hover {
	color: #009EE0;
	text-decoration: none;
}


body {
    color: #333;
    line-height: 1.6666;
    font-weight: 400;
	position: relative;
	font-family: 'Roboto';	
	font-size: 17px;
}

.max-100 {
	max-width: 100%;
}

.modal {
	z-index: 9000!important;
}

.modal-dialog .modal-body {
	padding: 40px!important;
}
  
.modal-dialog .modal-body h1,
.modal-dialog .modal-body h2,
.modal-dialog .modal-body h3,
.modal-dialog .modal-body h4,
.modal-dialog .modal-body h5 {
	margin-bottom: 20px;
}

.close_modal:hover{
	cursor: pointer;
}

.modal-geschaeftstellen{
	margin-top: 120px;
}

.text-small {
	font-size: 14px;
}

.text-grau {
	color: #808080;
}

.hotline-btn-wrapper {
	margin: 50px 0;
}

.hotline-btn {
	background-color: #009EE0;
    padding: 12px 24px;
    border-radius: 6px;
    color: #fff;
    font-size: 30px!important;
	text-decoration: underline;
	text-underline-offset: 5px;
	font-weight: bold;
}

.hotline-btn i {
    font-size: 30px!important;
}

.blog-post h3 {
	margin: 10px 0 20px 0;
}


.blog-post-img img { 
	border-radius: 6px;
}

.alert_wrapper p:last-child {
	margin-bottom: 0px;
}

.bold {
	font-weight: bold;
}

.kursiv {
	font-style: italic;
}



.img-border-radius {
	border-radius: 6px;
}

.text-italic {
	font-style: italic;
}

.a_link {
	color: #009EE0;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.a_link:hover {
	text-decoration: none;
}

.section-title {
    margin-bottom: 40px;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.section-title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100px;
    background-color: #808080;
    height: 1px;
}

.checkbox input {
	scale: 1.7;
    margin-right: 10px;
}

.form-control {
	border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #e6e6e6 !important;
}

.form-group label {
	font-weight: bold;
}

.img-responsive {
	max-width: 100%;
}

.table-data-small {
	color: #808080;
	font-size: 14px;
}

.banner-section .content-box ul {
	list-style: none;
    margin: 20px 0px !important;
}

.banner-section .content-box ul li {
	line-height: 26px;
    position: relative;
    padding: 8px 0px 8px 45px;
}

.banner-section .content-box ul li:before {
	content: "\f00c";
    position: absolute;
    font-size: 18px;
    line-height: 28px;
    font-family: "FontAwesome";
    font-weight: 900;
    left: 0px;
    top: 10px;
    height: 30px;
    width: 30px;
    text-align: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
}



.btn-icon i {
	margin-right: 10px;
}

.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5 {
	margin-bottom: 20px;
}

.text-left {
	text-align: left;
}

.badge-light {
	background-color: #fafafa;
	padding: 8px 12px;
	margin-right: 10px;
	border-radius: 6px;
}

.container-mitglied-werden ul,
.ie_buttons ul,
.ie_bild_text ul,
.ie_faqs .accordion-panel ul,
.ie_text ul,
.ie_schritte ul,
.ie_zweispaltiger_text  ul,
.ie_apps  ul,
.single-left-content ul,
.repeater-text-row ul {
    list-style: none;
    margin: 20px 0px !important;
}

.container-mitglied-werden ul li,
.ie_buttons ul li,
.ie_bild_text ul li,
.ie_faqs .accordion-panel ul li,
.ie_text ul li,
.ie_schritte ul li,
.ie_zweispaltiger_text  ul li,
.ie_apps  ul li,
.single-left-content ul li,
.repeater-text-row ul li {
    line-height: 28px;
    margin-bottom: 5px;
    position: relative;
    padding: 0px 0px 4px 45px;
}

.container-mitglied-werden ul li:before,
.ie_buttons ul li:before,
.ie_bild_text ul li:before,
.ie_faqs .accordion-panel ul li:before,
.ie_text ul li:before,
.ie_schritte ul li:before,
.ie_zweispaltiger_text  ul li:before,
.ie_apps ul li:before,
.single-left-content ul li:before,
.repeater-text-row ul li::before {
    content: "\f00c";
    position: absolute;
    font-size: 20px;
    line-height: 30px;
    font-family: "FontAwesome";
    font-weight: 900;
    left: 0px;
    top: 0px;
    height: 30px;
    width: 30px;
    text-align: center;
    align-items: center;
    color: #e053d5;
    border-radius: 50%;

}

.ie_text ul li a:not(.class) {
	color: #009EE0;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.ie_text ul li a:hover {
	text-decoration: none;
}

.section-padding {
	padding: 75px 0;
}

.bg-hellblau {
	background-color: #d9f1fa;
}

.bg-grau {
    background-color: #F8F8F8;
}

.bg-dunkelgrau {
	background-color: #dcdcdc;
}

.bg-blau {
	background-color: #009EE0;
}

.bg-hellblau {
	background-color: #eef1f5;
}

.text-center {
	text-align: center;
}

.back-breadcrumbs {
	border-bottom: 1px solid #f2f3f1;
	border-top: 1px solid #f2f3f1;
	padding: 15px 0;
}

.breadcrumbs_wrapper,
.breadcrumbs_wrapper a {
	font-size: 14px;
}


.text-right {
	text-align: right;
}

.mt20 {
	margin-top: 20px;
}

.mt50 {
	margin-top: 50px;
}

.mb20 {
	margin-bottom: 20px;
}

.table thead tr th {
	font-weight: bold;
	background-color: #d9f1fa;
}

.alert-primary p,
.alert-primary {
	color: #333;
}

.alert-info {
	background-color: #DFF2FD!important;
	border-color: #DFF2FD!important;
}

.alert-danger {
	background-color: #e053d5;
	border-color: #e053d5;
}

.alert-danger h1,
.alert-danger h2,
.alert-danger h3,
.alert-danger h4,
.alert-danger h5,
.alert-danger p,
.alert-danger span,
.alert-danger a {
	color: #fff;
}



.ul-tags li {
	list-style: none;
	display: inline-block;
	padding: 0!important;
	margin-right: 15px;
}

.ul-tags li a {
	font-size: 13px;
}

.ul-tags li:before {
	content: ''!important;
}


/*-----------------
	2. Footer
-----------------------*/


.footer {
	background-color: #DFF2FD;
}

.footer h6 {
	font-size: 20px;
}

.footer ul li {
	margin-bottom: 5px;
	
}

.footer .footer-links ul li {
	position: relative;
    padding: 0px 0px 5px 0px;
}



ul.footer-menu-themen li {
	float: left;
	margin: 0 12px 5px 0;
	position: relative;
}

ul.footer-menu-themen li a {
	font-size: 15px!important;
}

ul.footer-menu-themen li:hover {
	text-decoration: underline;
	text-underline-offset: 5px;
	cursor: pointer;
}

.footer ul li i {
	margin-right: 5px;
}

.footer ul li,
.footer ul li a,
.footer p {
	font-size: 16px;
	color: #333;
}

.footer .footer-links ul li a {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.footer .footer-links ul li a:hover {
	text-decoration: none;
}

.footer {
	padding: 100px 0;
}


img.footer-logo {
	width: 280px;
    margin-bottom: 80px;
}

.footer h6 {
	line-height: 1;
	margin-bottom: 25px;
	
}
  

.footer-socials {
	display: inline-block; 
}
  
.footer-socials li {
	float: left;
	width: auto !important;
	display: inline-block !important;
	vertical-align: top;
	clear: none !important;
	margin: 0;
}

.footer-socials li i {
	font-size: 30px!important;
}
  
.footer-socials a {
	display: block;
	margin-right: 15px;
}


.footer-socials li a { 
	font-size: 20px!important; 
} 

.footer-row-3 {
	margin-top: 50px;
}

.ul-footer-newsletter {
	margin-bottom: 40px;
}

.footer-row-4 {
	margin-top: 100px;
}

ul.footer-menu-rechtliches li {
	float: left;
	margin-right: 15px;
}

ul.footer-menu-rechtliches li a {
	text-decoration: underline;
	text-underline-offset: 5px;
	text-underline-offset: 4px;
}

ul.footer-menu-rechtliches li a:hover {
	text-decoration: none;
	cursor: pointer;
}

.footer-row-4 span {
	font-size: 14px;
}

.footer-row-4 span a {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.sticky-kontakt-button {
    background: #e053d5;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    padding: 20px;
    right: 20px;
	position: fixed;
    z-index: 999999;
    right: 20px;
    bottom: 20px;
}

.sticky-kontakt-button img {
	width: 50px;
}

.sticky-kontakt-button:hover {
	cursor: pointer;
	background-color: #b030a5;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.sticky-kontakt-box {
	background: linear-gradient(to bottom, #e053d5, #b030a5);
	border-radius: 8px;
  	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	padding: 20px;
	position: fixed;
    z-index: 999999;
    right: 20px;
    bottom: 140px;
	width: 340px;
	display: none;
}

.sticky-kontakt-box .h1 { 
	font-size: 22px;
	line-height: 32px;
	color: #fff;
	margin-bottom: 20px;
}

.sticky-kontakt-box-element {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 8px;
}

.sticky-kontakt-box-element p {
	color: #333;
	font-size: 18px;
	margin-bottom: 0px;
	font-weight: bold;
}

.sticky-kontakt-box-element span {
	color: #333;
	font-size: 14px;
}

.sticky-kontakt-box .sticky-kontakt-box-element:last-child {
	margin-bottom: 0px;
}

.sticky-kontakt-box-element i {
	color: #333;
	font-size: 26px!important;
	margin-top: 15px;
    text-align: center;
}


/*-----------------
	3. Header
-----------------------*/

.mitglieder_login_blau{
	border-radius: 3px;
    border: 2px solid #009EE0;
	padding: 2px 10px;
	color: #009EE0!important;
}

.search_link_button {
	border-radius: 3px;
    border: 2px solid #e053d5;
	padding: 2px 10px;
	color: #e053d5!important;
	margin-left: 10px;
}

.mitglieder_logout_button {
	border-radius: 3px;
    border: 2px solid #dc3545;
	padding: 4px 10px;
	color: #dc3545!important;
}

.mitglieder_login_blau:hover{
	background-color: #009EE0;
	color: #fff!important;
}

#top-bar {
	padding: 10px 40px;
}

#top-bar a {
	font-size: 14px;
	color: #000;
}

.top-bar-right ul {
	margin: 0;
	padding: 0;
	display: inline-flex;
}

.top-bar-right ul li {
	margin-right: 20px;
}

.top-bar-right ul li li {
	margin-right: 8px;
}

#header {
	padding: 15px 40px;
}

#header .logo img {
	max-width: 280px;
}

#header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 7px 7px 30px rgba(0, 0, 0, .4);
    box-shadow: 7px 7px 30px rgba(0, 0, 0, .4);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    padding: 15px 0;
    background-color: #fff;
	padding: 10px 0;
}

#header.is-sticky .logo img {
    max-width: 220px;
}

#wp-megamenu-primary>.wpmm-nav-wrap .wp-megamenu>li .wpmm-strees-row-container>ul.wp-megamenu-sub-menu li.wpmm-type-widget>a {
    font-size: 18px !important;
    margin-bottom: 10px !important;
	color: #000!important;
}


#wp-megamenu-primary>.wpmm-nav-wrap .wp-megamenu>li img {
	margin: 10px 0;
	border-radius: 10px;
}

.wp-megamenu-sub-menu {
	padding-top: 20px!important;
}



#top-bar.ist_mitglied {
	background-color: #d9f1fa;
}

/*-----------------
	4. Inhaltselemente
-----------------------*/

.einleitungstext h1,
.einleitungstext h2,
.einleitungstext h3,
.einleitungstext h4,
.einleitungstext h5,
.einleitungstext p.h1,
.einleitungstext p.h2,
.einleitungstext p.h3,
.einleitungstext p.h4,
.einleitungstext p.h5 {
	margin-bottom: 20px;
}

.einleitungstext img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.einleitungstext a:hover {
	text-decoration: none;
}


/*-----------------
	4.1 Video Teaser
-----------------------*/

.ie_video_teaser .btns-group{
	margin-top: 30px;
}

.ie_teaser_boxen .boxen h1,
.ie_teaser_boxen .boxen h2,
.ie_teaser_boxen .boxen h3,
.ie_teaser_boxen .boxen h4,
.ie_teaser_boxen .boxen h5,
.ie_teaser_boxen .boxen p.h1,
.ie_teaser_boxen .boxen p.h2,
.ie_teaser_boxen .boxen p.h3,
.ie_teaser_boxen .boxen p.h4,
.ie_teaser_boxen .boxen p.h5 {
	font-size: 1.3rem;
	margin: 20px 0 10px 0;
	text-align: center;
}


/*-----------------
	4.2 Teaser Boxen
-----------------------*/

.ie_teaser_boxen .boxen img {
	width: 100%;
}

.ie_teaser_boxen .teaser_box_wrapper {
	margin-bottom: 40px;
	text-align: center;
	box-shadow: 0px 20px 60px 0px rgba(0, 15, 56, 0.1);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.teaser_box_wrapper p {
	margin-top: 20px;
}

.teaser_box_wrapper .project-preview img {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.teaser_box_wrapper .teaser_box_wrapper_content {
	padding: 30px 20px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.teaser_box_wrapper .teaser_box_wrapper_content h3 {
	margin-top: 0px;
}


/*-----------------
	4.3 Team Mitglieder
-----------------------*/

.team-members-wrapper .team-member h3 {
	min-height: 80px;
}

.team-member {
	padding: 40px;
}

.team-members-wrapper .team-member {
	padding: 0 20px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
}

.team-member i {
	font-size: 18px!important;
	background-color: #009EE0;
	padding: 12px;
	border-radius: 50%;
	color: #fff;
}

.team-member ul {
	display: inline-flex;
	margin: 20px 0;
}

.team-member ul li {
	margin-right: 10px;
}

.team-member h3 {
	min-height: 72px;
	font-size: 22px;
}

.team-member p {
	color: #757575;
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0;
	min-height: 70px;
}

.team-member-photo {
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-bottom: 30px;
}



/*-----------------
	4.4 Standorte
-----------------------*/

.standort_teaser {
	margin-bottom: 30px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.standort_teaser h3 {
	margin: 10px 0 0 0;
}

.standort_teaser .row,
.standort_teaser .oeffnungszeiten .col-md-6 {
	margin-bottom: 20px;
}

.standort_teaser i {
	margin-right: 10px;
	font-size: 18px!important;
}

.standort_teaser iframe {
	width: 100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.standort_teaser .standort_teaser_content {
	background-color: #fff;;
	padding: 20px 40px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	min-height: 280px;
}

#modal_geschaeftsstelle .standort_teaser .standort_teaser_content {
	border-radius: 6px;
}

.js_show_geschaeftsstellen:hover {
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.standort_teaser ul li {
	margin-bottom: 10px;
}

.standort_teaser ul li i {
	margin-right: 15px;
	color: #009EE0;
}

/*-----------------
	4.5 Mitglied werden
-----------------------*/

.ie_mitglied_werden p {
	margin-bottom: 32px;
	font-size: 1.2rem;
}

.ie_mitglied_werden .alert p { 
	margin-bottom: 0px;
}

.container-mitglied-werden {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.content-mitglied-werden {
	flex: 1;
	padding: 0px 40px;
}

.container-mitglied-werden h1,
.container-mitglied-werden h2,
.container-mitglied-werden h3 {
	margin-bottom: 30px;
}

.container-mitglied-werden p {
	font-size: 1rem;
	line-height: 1.5;
}

.container-mitglied-werden .image {
	flex: 1;
}

.container-mitglied-werden .image img {
	width: 100%;
	height: auto;
	border-radius: 8px; /* optional, für abgerundete Ecken */
}

.container-mitglied-werden ul {
	display: block;
	width: 100%;
}


.container-mitglied-werden ul li:before {
	content: "\f058";
}

.mitglieder_werden_sticky {
    position: fixed;
    width: 312px;
    height: 157px;
    top: 50%;
    margin-top: -90px;
    right: 10px;
    text-indent: -10000px;
    font-size: 1px;
    color: transparent;
    background: url(assets/images/mitglied-werden-banner.png) no-repeat left center transparent;
    z-index: 9999999;
	border-radius: 6px;
}

.mitglieder_werden_sticky:hover {
    background: url(assets/images/mitglied-werden-banner-hover.png) no-repeat left center transparent;
}

.mitglied_werden_sticky_content {
	position: relative;
}

.js_close_mitglied_werden_sticky {
	position: absolute;
    top: 0px;
	right: 5px;
	width: 25px;
	height: 25px;
	cursor:pointer;
	background: url(assets/images/cross_8371414.png) no-repeat left center transparent;
}






/*-----------------
	4.6 Text
-----------------------*/

.ie_text h1,
.ie_text h2,
.ie_text h3,
.ie_text h4,
.ie_text h5,
.ie_text p.h1,
.ie_text p.h2,
.ie_text p.h3,
.ie_text p.h4,
.ie_text p.h5 { 
	margin-bottom: 20px;
}

.ie_text.text-gross p,
.ie_text.text-gross a,
.ie_text.text-gross span,
.text-gross .einleitungstext p,
.text-gross .einleitungstext a,
.text-gross .einleitungstext span {
    font-size: 22px;
    line-height: 32px;
}


/*-----------------
	4.7 Info Abende
-----------------------*/

.info_abend_teaser .blog-post-img img {
	width: 100%;
}

.single-info-abend-wrapper .form-anfrage .form-group {
	margin-bottom: 20px;
}

.single-info-abend-wrapper .single-left-content img {
	margin-bottom: 40px;
}

.ie_info-abende .blog-post {
	text-align: center;
}

.info-abend-sommerpause-text {
	margin-left: 20px;
}

.info-abend-sommerpause-text h2 {
	margin-bottom: 20px;
}
.info-abend-sommerpause-box img {
	border-radius: 6px;
}



/*-----------------
	4.8 Banner
-----------------------*/

.banner-section {
	position: relative;
	padding: 100px 0px 100px 0;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

.banner-section .content-box {
	position: relative;
	max-width: 500px;
	background-color: #009EE0;
	border-radius: 5px !important;
	padding: 30px !important;
	color: #fff;
}

.banner-section .content-box h1,
.banner-section .content-box h2,
.banner-section .content-box h3,
.banner-section .content-box h4,
.banner-section .content-box h5,
.banner-section .content-box .h1,
.banner-section .content-box .h2,
.banner-section .content-box .h3,
.banner-section .content-box .h4,
.banner-section .content-box .h5 {
	color: #fff;
}

.banner-section p[class=""] {
	font-size: 18px;
	margin: 20px 0;
	color: #fff;
}

.banner-section .content-box h2 strong{
	border-bottom:2px solid #fff;
}

.banner-section .content-box h2 span{
	position:relative;
	color:#2EA052;
}

.banner-section .content-box .text{
	position:relative;
	color:#1c1e2a;
	font-size:22px;
	font-style:italic;
	line-height:1.7em;
	margin-bottom:35px;
	margin-top:16px;
	max-width:445px;
}

.banner-section a.link {
	position:relative;
	font-size:32px;
	line-height: 1.4em;
	color:#ffffff;
	font-style:italic;
	padding-right:65px;
	display:inline-block;
	font-weight:400;
}

.banner-section a.link span {
	margin-left: 15px;
}

/*-----------------
	4.9 Pressemitteilungen
-----------------------*/

.pressemitteilung_teaser {
	position: relative;
	padding: 40px;
	border: 1px solid #eef1f5;
	margin-bottom: 40px;
	border-radius: 8px;
	background-color: #fafafa;
}

.pressemitteilung_kategorie_icon_wrapper {
	position: absolute;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background-color: #d9f1fa;
	top: -25px;
	right: 10px;
	padding: 10px;
}

.pressemitteilung_kategorie_icon {
	width: 40px;
	height: 40px;
}

.pressemitteilung_teaser h3 {
	margin-bottom: 10px;
	min-height: 98px;
}

.pressemitteilung_teaser p.pressemitteilung-subline {
	min-height: 95px;
}

.pressemitteilung_teaser .pressemitteilung-date {
	margin-bottom: 5px;
}

/*-----------------
	4.10 Zweispaltiger Text
-----------------------*/

.ie_zweispaltiger_text h1,
.ie_zweispaltiger_text h2,
.ie_zweispaltiger_text h3 {
	margin-bottom: 20px;
}


/*-----------------
	4.11 Timeline
-----------------------*/

.steps {
	position: relative;
	margin-top: 32px;
}

.steps::after {
	content: "";
	position: absolute;
	width: 1px;
	background-color: #2c3d49;
	opacity: 0.4;
	top: 0;
	bottom: 0;
	left: 50%;
}
  
.steps .content p {
	color: #676767;
	font-size: 16px;
}
  
.steps .content .h2 {
	font-weight: 600;
	color: #676767;
	margin-bottom: 20px;
}
  
.steps-container {
	position: relative;
	background-color: inherit;
	width: calc(50% + 32px);
}
  
.steps-container .content {
	padding: 32px;
	background-color: white;
	position: relative;
	border-radius: 0px 0px 80px 0px;
	box-shadow: 0px 16px 27px rgb(0 11 30 / 10%);
	border: 2px solid #fff
}

.steps-container .content:hover {
	border: 2px solid #009EE0;
}
  
.steps .steps-container:nth-child(even) {
	left: calc(50% - 32px);
	flex-direction: row-reverse;
}
  
.steps-container {
	display: flex;
}
  
.steps .steps-container .date {
	font-weight: 900;
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 10px;
	width: 62px;
	height: 62px;
	background-color: #2c3d49;
	border-radius: 50%;
	flex-shrink: 0;
	align-items: center;
	display: flex;
	justify-content: center;
	z-index: 19;
}

.steps .steps-container .date:hover {
	background-color: #009EE0;
}
  
.step-line {
	width: 40px;
	background-color: #2c3d49;
	height: 1px;
	margin-top: 31px;
	opacity: 0.4;
	flex-shrink: 0;
}
  
@media (max-width: 767px) {
	
	.steps::after {
		left: 32px;
	}

	.steps-container {
	  	left: 0;
	  	flex-direction: row-reverse;
	  	width: auto;
		margin-bottom: 16px;
	}

	.steps .steps-container:nth-child(even) {
		left: 0;
	}

}


/*-----------------
	4.12 Hugoria Produkte
-----------------------*/

.produkt_teaser {
	margin-bottom: 50px;
}

.produkt_teaser .produkt_title {
	font-size: 1.2rem;
	text-align: center;
}

.produkt_teaser .produkt_preis {
	text-align: center;
	color: #0070c0;
	font-weight: bold;
	font-size: 16px;
}

.produkt_teaser .btn {
	margin-top: 15px;
}

.p_referenten {
	margin-top: 20px;
}

.mehrere_produkte_teaser {
	padding: 40px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.mehrere_produkte_teaser .blog-post-img {
	padding: 0 50px;
}

.mehrere_produkte_teaser .teasertext {
	min-height: 90px;
}

.mehrere_produkte_teaser h4 {
	min-height: 60px;
	margin-top: 20px;
}


/*-----------------
	4.13 Partner
-----------------------*/

.partner_teaser {
	background-color: #fff;
    padding: 40px;
    border-radius: 6px;
	margin-bottom: 40px;
    box-shadow: 0px 20px 60px 0px rgba(0, 15, 56, 0.1);
	text-align: center;
}

.partner_teaser h3 {
	margin: 20px 0;
}

.partner_teaser .btn {
	width: 100%;
	text-align: center;
}

.partner_teaser img {
	max-width: 100%;
}

/*-----------------
	4.14 Stellenangebote
-----------------------*/

.ie_stellenangebote .table_stellenangebote tr td p {
	margin-bottom: 5px;
}


/*-----------------
	4.15 Tochterfirmen
-----------------------*/

.tochterfirma_teaser {
	background-color: #f7f7f7;
    padding: 40px;
    border-radius: 6px;
	margin-bottom: 40px;
}

.tochterfirma_teaser img {
	border-radius: 6px;
}

.tochterfirma_teaser h3 {
	margin-bottom: 20px;
}

.tochterfirma_teaser .tochterfirma_kontaktdaten {
	margin: 40px 0;
	list-style: none;
}

.tochterfirma_teaser .tochterfirma_kontaktdaten li {
	margin: 0 0 5px 0;
}


.tochterfirma_teaser .tochterfirma_kontaktdaten li i {
	margin-right: 10px;
	font-size: 16px !important;
}

/*-----------------
	4.16 Mitgliedermagazin
-----------------------*/

.mitgliedermagazin_teaser {
	margin-bottom: 40px;
	position: relative;
}

.mitgliedermagazin_teaser h3 {
	text-align: center;
	margin: 10px 0;
}

.mitgliedermagazin_teaser img {
	border-radius: 6px;
}

.mitgliedermagazin_teaser span.flaticon-pdf {
	position: absolute;
	padding: 12px 16px;
    border-radius: 50%;
	right: -25px;
	top: -25px;
	background-color: #009EE0;
	color: #fff;
	font-size: 18px;
}

.mitgliedermagazin_teaser span.flaticon-pdf:before {
	font-size: 28px!important;
}

/*-----------------
	4.17 FAQs
-----------------------*/

.ie_faqs .accordion-item .accordion-panel h1,
.ie_faqs .accordion-item .accordion-panel h2,
.ie_faqs .accordion-item .accordion-panel h3 {
	margin-bottom: 20px;
}


.ie_faqs .accordion-thumb {
	margin: 0;
	padding: 25px;
	cursor: pointer;
	position: relative;
}

.ie_faqs .accordion-thumb h3 {
	font-size: 22px;
	line-height: 32px;
}

.ie_faqs .accordion-panel {
	padding: 35px;
}

.ie_faqs .accordion-thumb:hover,
.ie_faqs .accordion-item.is-active {
	background-color: #d9f1fa;	
}

  
.ie_faqs .accordion-item .accordion-thumb:after,
.ie_faqs .accordion-item.is-active .accordion-thumb:after {
	font-family: Flaticon;
	font-weight: 300; 
	content: "\f11a";
	position: absolute;
	font-size: 1rem;
	top: 22px;
	right: 3px;
}
  
.ie_faqs .accordion-item .accordion-thumb:after,
.ie_faqs .accordion-item.is-active .accordion-thumb:after {
	font-size: 1rem;
	top: 26px;
	right: 20px;
}
  
.ie_faqs .accordion-item.is-active .accordion-thumb:after {
	content: "\f11b";
}
  
.ie_faqs .accordion-item {
	background-color: transparent;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	border-radius: 8px;
}
  

  


/*-----------------
	4.18 Downloads
-----------------------*/

.download_box_wrapper {
	margin-bottom: 40px;
	padding: 40px;
	border: 1px solid #ebedf4;
    border-radius: 6px;
}

.download_box_wrapper h3 {
	margin-top: 20px;
	font-size: 20px;
	line-height: 24px;
}

.download_box_wrapper h3 i {
	font-size: 17px!important;
	margin-right: 10px;
}

.download_box_wrapper p {
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #808080;
}

.ie_downloads table tr i {
	font-size: 22px!important;
	margin-right: 10px;
}

.dt-container .dataTable,
.dt-container .dt-paging {
	margin-top: 20px;
}

.option_td{
	width: 25%!important;
}

.btn-custom {
	padding: 5px 20px!important;
}

.text-right {
	text-align: right!important;
}

/*-----------------
	4.19 Bild
-----------------------*/

.ie_bild img {
	width: 100%;
}


/*-----------------
	4.20 Bild + Text
-----------------------*/

.ie_bild_text img {
	width: 100%;
	border-radius: 6px;
}


/*-----------------
	4.21 Mitgliedsbeiträge
-----------------------*/

.hug-mitgliedsbeitrag-wrap {
    border-radius: 10px;
    margin-bottom: 30px;
	padding: 40px 25px;
    border: 2px solid #f2f3f1;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
	font-size: 16px;
	background-color: #fff;
	position: relative;
	background-color: #F8F8F8;
}

.bestseller .hug-mitgliedsbeitrag-wrap {
	border: 2px solid #009EE0;
}

.hug-mitgliedsbeitrag-headline h5{
    margin-bottom: 10px;
}
 
.hug-mitgliedsbeitrag-headline p {
    margin-bottom: 20px;
}

.hug-mitgliedsbeitrag-subline p {
	font-size: 25px;
	margin-top: 20px;
}

.hug-mitgliedsbeitrag-beitragsinfo p {
	margin-top: 10px;
	color: rgba(128.775,126.31,126.225,1);
	font-size: 16px;
}

.mitgliedsbeitrag-preis {
	font-size: 50px;
	font-weight: bold;
}

.mitgliedsbeitrag-preis span {
	color: rgba(128.775,126.31,126.225,1);
	font-size: 16px;
	font-weight: normal;
}

.hug-mitgliedsbeitrag-wrap ul {
	margin-top: 40px;
}


.hug-mitgliedsbeitrag-wrap ul li {
	margin-bottom: 10px;
}

.hug-mitgliedsbeitrag-wrap i {
   background-color: #e053d5;
   border-radius: 50%;
   padding: 4px;
   color: #fff;
   margin-right: 10px;
}

.hug-mitgliedsbeitrag-wrap .btn {
	margin-top: 20px;
	background-color: #f0f0f0;
	color: #333;
}

.bestseller .hug-mitgliedsbeitrag-wrap .btn {
	margin-top: 20px;
}


/*-----------------
	4.22 Sonstige Veranstaltungen
-----------------------*/

.sonstige_veranstaltung_teaser {
	position: relative;
	padding: 20px;
	text-align: center;
}


.sonstige_veranstaltung_teaser h2 {
	margin-bottom: 20px;
	min-height: 90px;
}

.sonstige_veranstaltung_teaser ul {
	margin: 20px 0px;
}

.sonstige_veranstaltung_teaser ul li {
	margin-bottom: 10px;
}

.sonstige_veranstaltung_teaser ul li i {
	font-size: 18px!important;
	margin-right: 10px;
}

.sonstige_veranstaltung_teaser img {
	border-radius: 8px;
	margin-bottom: 30px;
	max-width: 100%;
}

.single_sonstige_veranstaltung .sidebar-content img {
	border-radius: 8px;
}

.single_sonstige_veranstaltung h2,
.single_sonstige_veranstaltung h3,
.single_sonstige_veranstaltung ul {
	margin-bottom: 20px;
}

/*-----------------
	4.23 Beratungstermin vereinbaren
-----------------------*/

.beratungstermin_vereinbaren {
	position: fixed;
	bottom: 20px;
	left: 20px;
	background-color: #009EE0;
	border-radius: 6px;
	padding: 40px 20px;
	z-index: 999;
}

.beratungstermin_vereinbaren .js_close_beratungstermin {
	color: #333!important;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 20px!important;
	cursor: pointer;
}

.beratungstermin_vereinbaren h1,
.beratungstermin_vereinbaren h2,
.beratungstermin_vereinbaren h3,
.beratungstermin_vereinbaren h4,
.beratungstermin_vereinbaren h5 {
	margin-bottom: 20px;
}


.beratungstermin_vereinbaren h1,
.beratungstermin_vereinbaren h2,
.beratungstermin_vereinbaren h3,
.beratungstermin_vereinbaren h4,
.beratungstermin_vereinbaren h5,
.beratungstermin_vereinbaren p,
.beratungstermin_vereinbaren span,
.beratungstermin_vereinbaren a {
	color: #fff;
}

/*-----------------
	4.24 Hotline Button
-----------------------*/

.sticky-to-top-button  {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: #fff;
    background-color: rgb(255 255 255/1);
    border-radius: 9999px;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0.75rem;
    width: 60px;
	border: none;
	box-shadow: 0 2px 4px -1px #0003, 0 1px 10px #0000001f, 0 4px 5px #00000024;
	position: fixed;
	bottom: 20px;
	left: 48%;
	height: 60px;
	
}

.sticky-to-top-button.hidden {
	display: none;
}

.sticky-contact-box {
	border-width: 3px;
	--tw-bg-opacity: 1;
    align-items: center;
    background-color: #fff;
    background-color: rgb(255 255 255/1);
    border-radius: 9999px;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0.75rem;
    width: 60px;
	border-color: #e053d5;
	box-shadow: 0 2px 4px -1px #0003, 0 1px 10px #0000001f, 0 4px 5px #00000024;
	position: fixed;
	bottom: 100px;
	right: 2%;
	height: 60px;
	z-index: 9999;
}

.sticky-contact-box:before {
	content: "";
    height: 120px;
    width: 120px;
    position: absolute;
    left: -30px;
    top: -30px;
    border: 3px solid #e053d5;
    border-radius: 50%;
    animation: videoBtnAnim 3s linear infinite;
    display: block;
}


@-webkit-keyframes videoBtnAnim {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	75% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@keyframes videoBtnAnim {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	75% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}


.contact-overlay {
	background-color: rgb(29 29 31/0.7);
	z-index: 5;
    width: 100%;
    height: 100%;
    position: fixed;
    inset: 0;
}

/*-----------------
	4.25 Persönliche Beratung
-----------------------*/

.persoenliche_beratung {
	position: fixed;
	top: 50%;
	right: 20px;
	background-color: #fff;
	padding: 30px;
	border-radius: 50%;
	box-shadow: 0 0 24px hsla(0, 0%, 6%, .078);
}

.persoenliche_beratung img {
	width: 100px;
}

#modal_persoenliche_beratung ul {
	margin: 20px 0px;
}

#modal_persoenliche_beratung ul li {
	margin-bottom: 10px;
}

#modal_persoenliche_beratung ul li i {
	font-size: 18px!important;
	margin-right: 10px;
}


#modal_persoenliche_beratung ul li img{
	width: 160px;
}


/*-----------------
	4.26 Repeater
-----------------------*/

.repeater-text {
	margin-top: 20px;
}
.repeater-text-row {
	margin-bottom: 50px;
}
.repeater-text-row img {
    border-radius: 6px;
}
/*-----------------
	4.27 App
-----------------------*/

.hug-app-wrap {
	display: inline-block;
	width: 100%; 
	margin-bottom: 30px;
	border: 1px solid #d9f1fa;
	border-radius: 10px;
	padding: 20px;
}

  
.hug-app-subline {
	margin-bottom: 20px;
	font-size: 20px;
}
  

.hug-app-bild {
	width: 90px; 
	height: 90px; 
	margin-bottom: 20px;
}
  
.hug-app-bild img {
	width: 100%;
	height: 100%;
}
  
.hug-app-headline h4 {
	margin-bottom: 15px;
	font-weight: bold;
}

.hug-app-wrap .btn {
	margin-top: 20px;
	background-color: #009EE0;
	color: #fff;
}

.hug-app-wrap .btn i {
	font-size: 18px!important;
}

.download_play_store,
.download_app_store {
	width: 180px;
}

.hug-app-beschreibung-so-gehts {
	background-color: #d9f1fa;
	padding: 20px;
	border-radius: 8px;
}

.hug-app-beschreibung-so-gehts h3 {
	margin-bottom: 20px;
}

.hug-app-beschreibung-so-gehts p,
.hug-app-beschreibung-so-gehts ul li {
	font-size: 15px;
	line-height: 25px;
}

/*-----------------
	4.28 Aussteller
-----------------------*/

.aussteller_teaser {
	margin-bottom: 40px;
	margin-top: 40px;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	border: 1px solid #f2f3f1;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
}

.aussteller_adresse p,
.aussteller_adresse a  {
	color: #b1b1b1;
	font-size: 14px;
	line-height: 24px;
}


.aussteller_teaser i { 
	margin-right: 5px;
}

.aussteller_headline h3 {
	margin-bottom: 20px;
	min-height: 72px;
}

.aussteller_headline h4 {
	margin-bottom: 20px;
	min-height: 72px;
}

.aussteller_logo img {
	margin-bottom: 25px;

}
.aussteller_adresse {
	margin-bottom: 40px;
}


.aussteller_teaser .btn--theme { 
	margin-top: 20px;
}

/*-----------------
	4.30 Neuigkeiten
-----------------------*/

.ie_neuigkeiten .blog-post {
	text-align: center;
}

/*-----------------
	4.31 Call to Action
-----------------------*/

.ie_call_to_action {
	background-color: #0089B3;
}

.ie_call_to_action .call-to-action-content-left h1,
.ie_call_to_action .call-to-action-content-left h2,
.ie_call_to_action .call-to-action-content-left h3,
.ie_call_to_action .call-to-action-content-left h4 {
	color: #FFFAF0;
}

.ie_call_to_action h1,
.ie_call_to_action h2,
.ie_call_to_action h3,
.ie_call_to_action h4 {
	margin-bottom: 20px;
}

.ie_call_to_action .call-to-action-content-right {
	background-color: #fff;
	padding: 40px;
    border-radius: 10px;
}

.ie_call_to_action p {
	font-size: 20px;
	line-height: 30px;
}

.ie_call_to_action ul {
	list-style: none;
    margin: 40px  0 0 0;
}

.ie_call_to_action ul li {
    font-size: 21px;
    padding-left: 52px;
    position: relative;
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 32px;
    color: #fff;
}

.ie_call_to_action ul li:before {
    color: #333 !important;
}

.ie_call_to_action ul li a {
    color: #fff;
    text-decoration: none;
}

.ie_call_to_action ul li a i {
    width: 40px;
    height: 40px;
    left: 0;
    top: -7px;
    display: flex;
    margin-right: 12px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: absolute;
    color: #333;
    background-color: #fff;
    text-decoration: none;
	font-size: 18px!important;
}

.ie_call_to_action  .call-to-action-content-left p {
	color: #FFFAF0;
}



/*-----------------
	4.32 Schritte
-----------------------*/

.ie_schritte .schritt-wrapper .schritte-wrapper-header {
	background-color: #009EE0;
	padding: 10px 15px;
	border-radius: 6px;
	margin-bottom: 20px;
}

.ie_schritte .schritt-wrapper .schritte-wrapper-header h3 {
	color: #fff;
	margin: 0;
	padding: 0;
	letter-spacing: 1.5px;
}

.ie_schritte .schritt-wrapper {
	margin-bottom: 40px;
}

.ie_schritte .schritt-wrapper ul {
	margin-left: 40px!important;
}

/*-----------------
	4.33 Download Filter
-----------------------*/

.js_ul_tabelle_filter span {
	padding: 4px 12px!important;
	font-size: 15px;
	margin: 0 10px 10px 0;
}

/*-----------------
	4.34 Content Aktuelles
-----------------------*/

.ie_content_aktuelles img {
	max-width: 100%!important;
	margin: 20px 0;
	border-radius: 8px;
}

/*-----------------
	4.35 News
-----------------------*/

.news_teaser {
	background-color: #f7f7f7;
    padding: 40px;
    border-radius: 6px;
	margin-bottom: 40px;
}

.news_teaser img {
	border-radius: 6px;
}

.news_teaser h2 {
	margin-bottom: 15px;
	margin-top: 20px;
}

/*-----------------
	6. Mitglieder Menü
-----------------------*/

#mitglieder_menu {
    position: fixed;
    background-color: rgb(255, 255, 255);
    bottom: 0px;
    -webkit-box-pack: justify;
    z-index: 9999999;
    max-height: 100%;
    transition: transform 0.33s ease 0s;
    left: 0px;
    right: 0px;
    height: 100%;
    width: 320px;
    transform: translateX(0px);
    border-radius: 0px 16px 16px 0px;
}

.mitglieder_menu_header {
	position: relative;
	padding: 10px 25px;
	border-bottom: 2px solid #f2f3f1;
}

.mitglieder_menu_header img {
	width: 200px;

}

.js_close_mitglieder_menu {
	position: absolute;
	right: 15px;
	top: 10px;
	cursor: pointer;
}

.mitglieder_menu_header i {
	font-size: 22px!important;
}

.mitglieder-menu-overlay {
	background-color: rgb(29 29 31/0.7);
	z-index: 999999;
    width: 100%;
    height: 100%;
    position: fixed;
    inset: 0;
	display: none;
}

.mitglieder_menu_body {
	padding: 20px 25px;
}

#mitglieder_menu p.h4 { 
	margin: 10px 0;
}

#mitglieder_menu ul { 
	margin-top: 30px;
}


#mitglieder_menu ul li { 
	position: relative;
	margin-bottom: 15px;
	cursor: pointer;
	display: block;
}

#mitglieder_menu ul li a { 
	font-size: 15px;
}

#mitglieder_menu ul li i { 
	position: absolute;
	right: 0px;
	top: 10px;
	font-size: 13px!important;
}

#mitglieder_menu ul.sub-menu { 
	display: none;
	position: absolute;
    top: -40px;
    right: -300px;
    background: #fff;
    padding: 20px 40px;
    border-radius: 0px 16px 16px 0px;
	width: 300px;
}

#mitglieder_menu ul.sub-menu li { 
	display: block;
}

#mitglieder_menu ul li:hover > .sub-menu {
	display: block;
}

#mitglieder_menu ul li:hover > .sub-menu {
	display: block;
}

#mitglieder_menu ul li.menu-item-has-children::after {
	content: "\f054";
	font: normal normal normal 12px / 1 FontAwesome !important;
	position: absolute;
	right: 0px;
	top: 5px;
}



/*-----------------
	7. Single Beiträge
-----------------------*/

.single-beitrag .single-excerpt {
	line-height: 1.6em;
}

.single-beitrag .single-left-content h2,
.single-beitrag .single-left-content h3,
.single-beitrag .single-left-content h4,
.single-beitrag .single-left-content h5 {
	margin: 20px 0;
}

.single-beitrag .thumb-img {
	margin-bottom: 20px;
	border-radius: 8px;
}

/*-----------------
	8. Sidebar
-----------------------*/

.sidebar-widget {
	box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
	background: #ffffff;
	margin-bottom: 20px;
	border-radius: 10px;
}

.sidebar-widget .sidebar-content {
	padding: 30px;
}

.sidebar-widget .sidebar-header { 
	padding: 20px 0;
	border-bottom: 1px solid #d9f1fa;
	text-align: center;
}

.sidebar-widget .sidebar-header h4 { 
	padding: 0;
	margin: 0;
}

.sidebar-widget ul li { 
	font-size: 16px;
	margin-bottom: 10px;
}

.sidebar-widget ul li i { 
	margin-right: 10px;
}

.sidebar-widget .ul_post_teaser li {
	padding: 0 0 4px 0;
}

.sidebar-widget .ul_post_teaser img {
	width: 60px;
	border-radius: 6px;
	margin: 0 15px 5px 0!important;
}

.sidebar-widget .ul_post_teaser li:before {
	content: '';
}

.sidebar-widget .ul_post_teaser li a {
	text-decoration: none!important;
	color: #333!important;
	font-size: 14px;
}


/*-----------------
	9. Medienportal
-----------------------*/

.row_medienportal {
	margin-top: 50px;
}

ul.medienportal_info {
	margin: 20px 0;
}

ul.medienportal_info li {
	margin: 0 0 10px 0;
	color: #808080;
    font-size: 14px;
}

/*-----------------
	10. 404 Seite
-----------------------*/


.template_404 img {
	border-radius: 8px;
}

/*-----------------
	11. Single Stellenangebot
-----------------------*/

.single_stellenangebot_template .single-left-content h3 {
	margin: 40px 0 20px 0;
}

.stellenangebot_sidebar img {
	height: 300px;
}


/*-----------------
	12. Buttons
-----------------------*/



  
  .btn.ico-30.ico-left,
  .btn.ico-30.ico-right {
	padding: 0.37rem 0;
  }

.btn {
    padding: 0.9rem 1.8rem;
    border: 2px solid transparent;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out; 
	font-family: 'Roboto Slab';
	font-size: 18px;
	line-height: 28px;
}
  
.btn.btn-sm {
    font-size: 0.975rem;
    padding: 0.7rem 1.5rem;
}

.btn--white {
    color: #353f4f!important;
    background-color: #fff!important;
    border-color: #fff!important;
}

.btn--white:hover {
    color: #009EE0!important;
}
  
.btn--tra-white {
    color: #fff!important;
    background-color: transparent!important;
    border-color: #fff!important;
}

.btn--grey {
    color: #353f4f!important;
    background-color: transparent!important;
    border-color: #ccc!important;
}

.btn--theme,
#searchsubmit,
#reset-pass-submit {
    color: #fff!important;
    border-color: #009EE0!important;
	background-color: #009EE0!important;
	border: 4px solid #009EE0!important;
}

.btn-block {
	width: 100%;
}

.btn--magenta {
	background-color: #e053d5;
    color: #fff;
    text-decoration: none;
}

.btn--magenta:hover {
	background-color: #fff;
	color: #e053d5!important;
}

.btn-magenta {
	background-color: #fff;
    color: #e053d5;
    text-decoration: none;
    border: 4px solid #e053d5!important;
}

.btn-magenta:hover {
	background-color: #e053d438;
	color: #e053d5!important;
}



/*-----------------
	13. Padding & Marging
-----------------------*/

.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }

.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }

.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; }
.mt-70 { margin-top: 70px; }
.mt-75 { margin-top: 75px; }
.mt-80 { margin-top: 80px; }
.mt-85 { margin-top: 85px; }
.mt-90 { margin-top: 90px; }
.mt-95 { margin-top: 95px; }
.mt-100 { margin-top: 100px; }

.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-60 { margin-bottom: 60px; }
.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mb-75 { margin-bottom: 75px; }
.mb-80 { margin-bottom: 80px; }
.mb-85 { margin-bottom: 85px; }
.mb-90 { margin-bottom: 90px; }
.mb-95 { margin-bottom: 95px; }
.mb-100 { margin-bottom: 100px; }

.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }

.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }


/*-----------------
	14. Headlines
-----------------------*/

h1, .h1 {
	font-size: 40px;
	line-height: 50px;
	font-family: 'Roboto Slab';
}

h2, .h2 {
	font-size: 32px;
	line-height: 42px;
	font-family: 'Roboto 500';
	color: #009EE0;
}

h3, .h3 {
	font-size: 26px;
	line-height: 36px;
	font-family: 'Roboto';
}

h4, .h4 {
	font-size: 20px;
	line-height: 30px;
	font-family: 'Roboto 900';
}

h5, .h5 {
	font-size: 18px;
	line-height: 28px;
	font-family: 'Roboto 500';
}

/*-----------------
	nachträglich hinzugefügt
-----------------------*/

.project-preview:hover img {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);
	border-radius: 6px!important;
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a:hover,
.wp-megamenu-sub-menu>li>a:hover { 
	text-decoration: underline;
	text-underline-offset: 5px;
	color: #009EE0!important;
}

#mitglieder_menu ul li a:hover { 
	text-decoration: underline;
	color: #009EE0!important;
}

/*-----------------
	15. Login Template
-----------------------*/

.register-form-title {
	text-align: center;
	margin-bottom: 40px;
}

.register-form-title p {
	margin-bottom: 0;
}

.register-form-title a {
	font-weight: 500;
	text-decoration: underline;
}


.register-page-form {
	padding: 60px;
}


.reset-password-link p {
	position: relative;
	font-size: 0.9rem;
	line-height: 1;
	margin-top: -8px;
	margin-bottom: 10px;
}

.reset-password-link a {
	text-decoration: underline;
	text-underline-offset: 4px;
	font-weight: bold;
} 

.reset-password-link a:hover {
	text-decoration: none;
} 

.separator-line {
	display: flex;
	width: 100%;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	font-size: 0.9rem;
	font-weight: 500;
	margin: 25px 0px 30px;
}

.separator-line::before, 
.separator-line::after {
	content: "";
	border-top: 2px solid rgba(0, 0, 0, .1);
	margin: 0 15px 0 0;
	flex: 1 0 20px;
}

.separator-line::after {
	margin: 0 0 0 15px;
}


.reset-page-wrapper .form-control,
.register-page-form .form-control,
.reset-page-wrapper .input,
.register-page-form .input,
.register-page-form #somfrp_user_info,
#searchform input#s {
	height: 60px;
	background-color: #d9f1fa!important;
	border: 1px solid transparent;
	color: #fff;
	font-size: 0.95rem;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 25px;
	padding: 5px 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	display: block;
	width: 100%;
	color: #333;
}



.reset-page-wrapper label,
.register-page-form label,
.reset-page-wrapper label,
.register-page-form label {
	position: relative;
	color: #353f4f;
	font-size: 1rem;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 12px;
	padding-left: 5px;
}

.reset-page-wrapper #wp-submit,
.register-page-form #wp-submit {
	width: 100%;
	height: 60px;
	font-size: 1rem;
	line-height: 1;
	font-weight: 500;
	padding: 0.9rem 1.8rem;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	user-select: none;
	border-radius: 6px;
	color: #fff !important;
	border-color: #009EE0 !important;
	background-color: #009EE0 !important;
	padding: 0.9rem 1.8rem;
	border: 2px solid transparent;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	font-family: 'Roboto Slab';
	font-size: 18px;
	line-height: 28px;
}

.reset-page-wrapper #wp-submit:hover,
.register-page-form #wp-submit:hover { 
	color: #333!important;
}


.reset-page-wrapper .form-control {
	text-align: center;
}

.register-page-form .form-control::-moz-placeholder { color: #999; } 
.register-page-form .form-control:-ms-input-placeholder { color: #999; } 
.register-page-form .form-control::-webkit-input-placeholder { color: #999; } 



.reset-page-wrapper .form-control:focus,
.register-page-form .form-control:focus {
	outline: 0px none;
	box-shadow: none;
	background-color: #fcfdfd;
	border-color: #009EE0;
}

.register-page-form {
	background-color: #fff;
	padding: 40px;
    min-height: 200px;
    border-radius: 6px;
	box-shadow: 0px 20px 60px 0px rgba(0, 15, 56, 0.1);
}

.register-page-form h2 {
	margin-bottom: 20px;
}


/*-----------------
	16. Suche 
-----------------------*/

.suchergebnisse h1 {
	margin-bottom: 40px;
	text-align: center;
}

.suchergebnisse h1 span {
	background-color: #e053d5; 
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 5px;
	padding: 4px;
}

.screen-reader-text {
	margin-bottom: 10px;
}

/*-----------------
	17. Marquee 
-----------------------*/

.marquee {
    width: 100%;
    overflow: hidden;
    background: #009EE0;
    color: #fff;
	font-size: 20px;
	padding: 0;
}