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

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

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

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


body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.5rem;
background: #ddd;
color: #333;
}

h1 {font-size: 1.3rem;}
h2, h3 {font-size: 1.1rem;}

a:link,
a:visited { color: #333; }
a:hover { color: #a00; }

#wrapper {
max-width: 1200px;
margin: auto;
background: #f6f6f6;
}

#header .mod_article { float: left; display: block; width: 100%; }
#main {width: 100%;}

 
#main  [class*="mod_"] { 
padding: 0 60px; 
}

#right { margin-right: 0; }

#topnavi { background: #3c3c3c; display: block; float: left;  width: 100%; margin-top: -20px; position: relative; z-index: 1; }
#footer ul, #topnavi ul { list-style-type: none; }
#topnavi li { display: inline-block; }
#topnavi a { color: #eee; padding: 1em; text-decoration: none; }
#topnavi strong { padding: 1em; }
#topnavi strong, #topnavi a:hover { background: #555; color: #fff; }

#footer { background: #333; color: #ccc;  }
#footer a {  color: #ccc;  text-decoration: none; }
#footer li { display: block; line-height: 1.7rem;}
#footer .inside {
    padding: 2rem 30px;
    overflow: auto;
}
#footer .offer { text-transform: uppercase; font-size: 1.1em; }

#partner { background: #fff; text-align: center; }
#partner ul {margin: auto; }
#partner li { display: inline-block; float: none; }
#partner .inside { padding: 1em 0; }
#partner img { max-width: 200px; height: auto; padding: 1em 2em; }

.round img {
    -webkit-box-shadow: 5px 5px 15px 0px rgba(122,122,122,1);
    -moz-box-shadow: 5px 5px 15px 0px rgba(122,122,122,1);
    box-shadow: 5px 5px 15px 0px rgba(122,122,122,1);
    margin: 20px;
    border-radius: 50%;
    max-width: calc(100% - 40px);
}
.circle {
background-color: #2d3436;
background-image: linear-gradient(315deg, #2d3436 0%, #b8b8b8 74%);
color: #fff;
width: 120px; 
height:120px;
  border-radius: 50%;
  display: flex; /* or inline-flex */
  align-items: center; 
  justify-content: center;
text-align: center;
border: 2px solid white;
margin: auto;
}

.offer { line-height: 1.7em; font-size: 1.1em; letter-spacing: 0.1em; font-weight: 600; }

.projekte .content-gallery li { max-width: calc(25% - 20px); padding: 10px; }


.since { margin-top: 20px; position: relative; z-index: 10; }

.t-left { text-align: left; }
.t-right { text-align: right; }
.t-center { text-align: center; }
.team { text-align: center;  margin: 1em auto; font-size: 0.9em; }

@media (min-width:1024px) {
#container { display: table; }
#main { padding: 2em 0; }
.add-right #main { width: 60%;  display: table-cell; float: none;  padding: 2em 0; }
.add-right #right { width: calc(40% - 30px);  display: table-cell; padding-right: 30px; vertical-align: middle; float: none; }
}

@media (max-width:1023px) {
#right { width: 100%; }
#right .ce_image { margin: auto; max-width: 400px; width: 65%; }
.round img { max-width: 400px; width: 65%; }
}

@media (min-width:768px) {
.b25 { width: 25%; float: left; display: block; }
.b33 { width: 33.33%; float: left; display: block; }
.b66 { width: 66.66%; float: left; display: block; }
.b75 { width: 75%; float: left; display: block; }
}

@media (max-width:767px) {
h1 {font-size: 1.2rem;}
h2, h3 {font-size: 1.1rem;}

#main  [class*="mod_"],
#right  [class*="mod_"] { 
padding: 0 20px; 
}
#footer .t-left, #footer .t-right {text-align: center; }
#footer .mod_customnav ul {padding: 0; }
#footer .mod_customnav li {display: inline-block; padding: 0 2em; }

}

@media (max-width:600px) {
#logo {margin-right: 100px; }
#topnavi {display: none; }
#partner .content-gallery img { padding: 0; }
.mobile_menu_trigger {    display: initial!important; }
.projekte .content-gallery li { max-width: calc(50% - 20px); }
.since { display: none; }
.offer { font-size: 0.9em!important; }
}