/*
Theme Name: Design
Theme URI: 
Author: marketing teamwork
Author URI: https://www.marketing-teamwork.de
Description: Wordpress-Theme
Version: 1.0
License: GNU General Public License

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

/* source-serif-4-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-serif-4-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-serif-4-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-serif-4-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/source-serif-4-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/source-serif-4-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/source-serif-4-v13-latin-regular.svg#SourceSerif4') format('svg'); /* Legacy iOS */
}

/* source-serif-4-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/source-serif-4-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-serif-4-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-serif-4-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/source-serif-4-v13-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/source-serif-4-v13-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/source-serif-4-v13-latin-500.svg#SourceSerif4') format('svg'); /* Legacy iOS */
}


/* source-serif-4-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/source-serif-4-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-serif-4-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-serif-4-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/source-serif-4-v13-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/source-serif-4-v13-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/source-serif-4-v13-latin-600.svg#SourceSerif4') format('svg'); /* Legacy iOS */
}

/* source-serif-4-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-serif-4-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-serif-4-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-serif-4-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/source-serif-4-v13-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/source-serif-4-v13-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/source-serif-4-v13-latin-700.svg#SourceSerif4') format('svg'); /* Legacy iOS */
}

/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-3-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-sans-3-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-3-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/source-sans-3-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/source-sans-3-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/source-sans-3-v18-latin-regular.svg#SourceSans3') format('svg'); /* Legacy iOS */
}



body {margin:0; padding:0;  font-family: "Source Sans 3", sans-serif; font-weight: 400; font-size:18px;line-height:1.7; color:#5A5E67}

p {margin-top:0}

h1, h2, h3, h4 {font-family: "Source Serif 4", serif!important; line-height:1.3!important}

h1 {font-size:60px}
h2 {font-size:48px}
h3 {font-size:26px}
h4 {font-size:24px}
.section1 {padding:8% 10%!important}
.section2 {padding:0% 10%!important}
.section3 {padding:4% 10%!important}
#ps2id-dummy-offset {height:80px!important}

@media (max-width: 1280px) {
h1 {font-size:55px}
h2 {font-size:38px}
h3 {font-size:24px}
h4 {font-size:22px}
.section1 {padding:6% 6%!important}
.section2 {padding:0% 6%!important}
.section3 {padding:3% 6%!important}
#ps2id-dummy-offset {height:70px!important}
}

@media (max-width: 1024px) {
body {font-size:17px;}
h1 {font-size:48px}
h2 {font-size:32px}
h3 {font-size:24px}
h4 {font-size:22px}
.section1 {padding:10% 6%!important}
#ps2id-dummy-offset {height:60px!important}
}

@media (max-width: 767px) {
body {font-size:16px;}
h1 {font-size:28px}
h2 {font-size:28px}
h3 {font-size:22px}
.section1, .section3 {padding:40px 20px!important}
.section2 {padding:0 20px!important}
#ps2id-dummy-offset {height:50px!important}
}


a, a:visited, a:focus,a:active {color:#012060; outline:none; text-decoration:none}
a:hover {color:#000000}




/* Content
-------------------------------------------------------------- */
#drdsgvo_map {height:350px!important}

.services .elementor-widget-icon-box .elementor-widget-container:hover {background:#012060; border-radius:0px!important; border:1px solid #fff!important}
.services .elementor-widget-icon-box:hover .elementor-icon-box-title,
.services .elementor-widget-icon-box:hover .elementor-icon-box-description
{color:#fff!important}
.services .elementor-widget-icon-box:hover .elementor-icon-box-icon .elementor-icon  {fill:#fff!important; color:#fff!important}

.news .elementor-post__text {margin-top: 0!important}

@media (max-width: 1024px) {
.overviewstart {display:none!important}

}

@media (max-width: 767px) {
header .elementor-button-text {display:none}
#drdsgvo_map {height:200px!important}
}

@media (min-width: 768px) {
header .recht {display:none!important}
}

.cta .elementor-icon-box-title b {color:#BDC9DF}
.overview h3.elementor-icon-box-title, .contact h3.elementor-icon-box-title {margin:0}
.overview .elementor-icon-box-icon, .contact .elementor-icon-box-icon {margin-bottom: auto!important; margin-top: 4px;}

.rechtliches h2 {margin:10px 0 5px; font-weight:400}
.rechtliches h3 {margin:10px 0 5px}
.rechtliches h4 {margin:0; font-size:20px}
/* SIB
-------------------------------------------------------------- */
.list ul {margin:0; padding:0}
.list ul li {list-style:circle; margin: 0 0 0 20px; font-size:90%}

.hyph {hyphens:auto}

.table .tablepress tr th {background-color:#012060; color:#fff; padding: 4px 20px; font-size:16px!important}
.table .tablepress tr td {padding: 4px 20px; color:#5A5E67; font-size:16px!important; border-top:none}
.table .tablepress tr:nth-child(odd) {background:#F6F6F6!important}

.preisliste .elementor-price-list-header {margin:0!important}

.iconbox .elementor-icon{background:#012060;  padding:20px;  border-radius:100%;}
.iconbox h2.elementor-icon-box-title {margin:0 0 20px!important}
.iconbox h2.elementor-icon-box-title:before {content:"Leistungen"; color:#01337e; font-weight:normal; position:absolute; margin-top:-30px; font-size:20px}

#kontakt .elementor-icon-box-description a {color:#fff!important}

@media (min-width: 768px) {
header .elementor-nav-menu li.hinweis {display:none}
}

@media (max-width: 1024px) {
.hyph1 {hyphens:auto}
}


@media (max-width: 767px) {
#start {background-position: bottom right -100px!important}
}
