/*
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

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

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

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

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


body {margin:0; padding:0;font-family: "Open Sans", Sans-serif; font-weight: 400; font-size:16px;line-height:1.5;overflow-x: hidden}

h1 {font-size:30px;}
h2 {font-size:40px; line-height:1.3!important;font-weight:400}
h3 {font-size:30px;}
h4 {font-size:20px}

h1,h3 {line-height:1.3!important; color:#0A9DD2; font-weight:400}
h2,h4 {line-height:1.3!important; color:#000; font-weight:400}

@media (max-width: 1024px) {
body {font-size:15px;}
h1 {font-size:26px}
h2 {font-size:30px}
h3 {font-size:24px}
h4 {font-size:18px}
}

@media (max-width: 768px) {
body {font-size:14px;}
h1 {font-size:22px}
h2 {font-size:20px}
h3 {font-size:17px}
h4 {font-size:16px}
}


a, a:visited, a:active {color:#0A9DD2; outline:none!important}
a:hover, a:focus {color: #14B6F3; text-decoration: none;}


.imprint-privacy h1 {padding: 0;  margin: 0 0 20px 0;  font-size:40px}
.imprint-privacy h2 {margin-top:25px;font-size:26px}
.imprint-privacy h2 + h3 {margin-top:5px;}
.imprint-privacy h3 {margin-bottom:5px;font-size:22px}
.imprint-privacy h4 {margin:20px 0 0 ; padding:0}
.imprint-privacy h3 + h4 {margin-top:0}



/* Header
-------------------------------------------------------------- */
.logo {width:200px!important}
.slogan{width: calc(100% - 200px)!important}




@media (max-width: 1024px) {
.logo {width:150px!important}
.slogan {width: calc(100% - 150px)!important}
}




/* Menü
-------------------------------------------------------------- */
@media (min-width: 768px) {
.hinweis {display:none!important}
}



@media (max-width: 767px) {
#responsive-menu-pro-container {margin-top: 50px!important;}
#responsive-menu-pro-header {border-bottom: 1px solid #D9EEF7;}
#responsive-menu-pro-header #responsive-menu-pro-header-bar-logo img {width:auto}
}



/* Slider
-------------------------------------------------------------- */
#slider .swiper-slide-inner {width:1340px!important; max-width:100%}
#slider .elementor-slide-heading {text-shadow: 1px 1px #000;}
#slider .elementor-slides .swiper-slide-inner {padding:20px!important}
#slider .swiper-pagination {position: relative!important; width: 1340px !important; margin: auto;padding-left:20px; text-align:left!important; padding-bottom:75px; margin-top:-100px}
#slider .swiper-pagination-bullet {background:#BFEFFF; opacity:1}
#slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff; opacity:1}

@media (max-width: 768px) {
#slider .swiper-pagination {padding-bottom:20px; margin-top:-40px}
}



/* Popup
-------------------------------------------------------------- */
.popup {font-size:13px}
.popup h4 {margin:0 0 5px}
.popup ul {margin:0; padding:0}
.popup ul li {margin-left:20px}



/* Internet Explorer  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dialog-widget-content {right:50px; top:50px}
.dialog-widget {align-items:flex-start!important}
}




/* Generell
-------------------------------------------------------------- */
p {margin-top:0}

.list ul {margin:0; padding:0}
.list ul li {margin-left:20px}

.blue {color:#0A9DD2}
.blue-line {
    width: 100%;
    margin-top: 30px;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(10, 157, 210, 0), rgba(10, 157, 210, 0.75), rgba(10, 157, 210, 0));
}

.kontakt strong {font-weight:400; padding-right:15px}

.impressum h4 {margin-bottom:5px}


@media (min-width: 1025px){
.kontakt strong {display:block; padding-right:0}
}

@media (max-width: 767px){
.kontakt strong {display:block; padding-right:0}
}

/* To Top
-------------------------------------------------------------- */

.js-to-top { display: inline-block; position: fixed; overflow: hidden;  white-space: nowrap; visibility: hidden; opacity: 0; bottom: 30px; right: 30px;}
.to-top--show {visibility: visible; opacity: 1;}

.to-top:before {font-family: "Font Awesome 5 Free";content: "\f106"; font-size: 40px; color: #0a9dd2;  padding: 10px;transition: 0.5s ease;}
.to-top:hover:before {color:#14B6F3 }


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