body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
button {
    font-size: 16px;
}
.mobile-only {
    display: block;
}
.desktop-only {
    display: none;
}
#logo img {
    height: 41px;
    width: auto;
}
#slider-startseite .mod_article_inner {
    width: 100%;
}
#slider-startseite {
    padding-bottom: 0px;
}
.mit-slider #blauer-balken {
    display: none;
}
#slider .rsts-skin-default .rsts-nav-bullets a:hover,
#slider .rsts-skin-default .rsts-nav-bullets a.active {
    background-color: #dd1d7e;
}
#slider .rsts-skin-default .rsts-nav-bullets a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#slider .rsts-skin-default .rsts-nav {
    text-align: center;
    right: 0px;
    left: 0px;
}
#slider .inside {
    margin: 0 auto;
    max-width: 1680px;
    overflow: hidden;
}
#slider .stoerer {
    display: none;
    position: absolute;
    height: 100%;
    left: 60px;
}
.content_zertifizierung img {
    max-width: 61px;
}
.content_zertifizierung {
    text-align: center;
    padding:10px 20px;
}
.content_wrapper_zertifizierung p {
    color: #23367A;
    ine-height: 1.3;
}
.content_wrapper_zertifizierung {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.main_wrapper_zertifizierung h2 {
    color: #23367A;
}
.main_wrapper_zertifizierung {
    padding: 40px 0px 60px 0px;
}
.content_datenschutzthemen {
    width: 100%;
}
.content_wrapper_datenschutzthemen p {
    color: #fff;
    font-size:  22px;
    line-height: 1.2;
}
.content_wrapper_datenschutzthemen {
    display: flex;
}
.main_wrapper_datenschutzthemen h2 {
    color: #fff;
    font-size: 36px;
}
.main_wrapper_datenschutzthemen {
    padding: 40px 0px 60px 0px;
}
.datenschutz-teaser-image-wrapper.datenschutz-left-wrapper {
    padding-left: 0 !important;
}
.datenschutz-teaser-image-wrapper.datenschutz-right-wrapper {
    padding-right: 0 !important;
}
.datenschutz-teaser-image-wrapper {
    padding: 0 0.5% 0 0.5%;
}
.datenschutz-teaser-main {
    display: flex;
}
.datenschutz-bg-dark-blue {
    background-color: #003B76;
    font-size: 2.5em;
    padding: 3.125em 0 3.125em 0;
    color: #FFFFFF;
}
button#CybotCookiebotDialogBodyButtonDecline.CybotCookiebotDialogBodyButton {
    background-color: #1032CF !important;
       border: 1px solid #1032CF !important;
       color: #FFFFFF !important;
}
button#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection.CybotCookiebotDialogBodyButton {
    background-color: #1032CF !important;
       border: 1px solid #1032CF !important;
       color: #FFFFFF !important;
}
#map-anfahrt .leaflet-pane {
    z-index: 10;
}
.keywords-amp ul li a {
    text-decoration: none;
    color: #FFFFFF;
}
.keywords-amp ul li {
    background: #003A74;
    color: #FFFFFF;
    padding: 2px 7px 4px 7px;
    margin: 0 5px 8px 0;
    display: inline-block;
    font-weight: normal;
    border-radius: 5px;
}
.galerie-ohne-aufzaehlung {
    list-style: none;
}
.centered-heading-leistungsspektrum {
    text-align: center;
    vertical-align: middle;
}
.flex-itemflex-leistungsspektrum-child p {
    font-size: 1rem;
}
.flex-itemflex-leistungsspektrum-child h3 {
    font-size: 1rem;
    color: #FFFFFF !important;
}
.flex-itemflex-leistungsspektrum-child {
    margin: 20px;
}
.flex-item-leistungsspektrum {
    flex: auto;
    background-color: #005290;
    text-align: left;
    margin: 10px 10px 10px 10px;
    color: #FFF;
}
.flex-container-leistungsspektrum {
    display: flex;
    flex-direction: column;
}
#footer-partner-images .col_0 {
}
.dotdotdot {
    height:5.5em;
    overflow:hidden;
}

/* CSS-Reset: Abstände entfernen */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin:0;
    padding:0;
}

/* CSS-Reset: Abstände unter Bildern entfernen */
img {
    max-width:100%;
    vertical-align:top;
}

/* CSS-Reset: Listenpunkte entfernen */
ul,
ol {
    list-style-type:none;
}
body {
    font:16px/23px Signika;
    color:#003b76;
    -webkit-text-size-adjust:100%;
    font-weight:300;
    /*
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -o-hyphens:auto;
    hyphens:auto;
    */
}
a {
    text-decoration:underline;
    color:#dd1d7e;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:300;
}
h1:before {
    color:#dd1d7e;
    content:'// ';
}
h1,
h2,
h3 {
    margin-bottom:16px;
    font-size:32px;
    line-height:1.2;
}
h2 {
    color:#5384bc;
}
h4 {
    font-size:18px;
    line-height:24px;
    font-weight:bold;
}
h5 {
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
}
h6 {
    font-size:15px;
    font-weight:bold;
    color:#0084c7;
    text-transform:uppercase;
}
h1 a,
h2 a,
h4 a,
h5 a,
h6 a {
    text-decoration:none;
    color:#003B76;
}
h3 {
    font-size:28px;
    text-decoration:none;
    color:#aaa;
}
h3 a:hover {
    color:#dd1d7e;
}
h3 a {
    text-decoration:none;
    color:#aaa;
}
#slider h3 {
    font-size:24px;
}
p {
    margin-bottom:11.5px;
}
#main ul {
    margin-left:24px;
    list-style-type:disc;
    list-style-position: outside;
}
#main #socialshareprivacy ul {
    list-style-type:none;
}
#main #socialshareprivacy label {
    clear:none;
}
strong {
    font-weight:700;
}
.position-relative {
    position:relative;
}
#header .inside {
    width:96%;
    height:98px;
    max-width:940px;
    position:relative;
    margin-right:auto;
    margin-left:auto;
    text-align:left;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
}
#stoerer {
    width:83px;
    height:54px;
    position:absolute;
    right: 0;
}
#response {
    width:220px;
}
#response p {
    margin-bottom:0;
    padding-top:5px;
}
#response p,
#response p a {
    font-size:20px;
    text-decoration:none;
    color:#999;
}
#response-icon-tel {
    margin-top:4px;
    margin-right:2px;
    margin-left:3px;
}
#response-icon-tel-bremen {
    margin-top:4px;
    margin-right:2px;
    margin-left:3px;
}
#response-icon-email {
    margin-top:6px;
    margin-right:2px;
}
.response-tel-ort {
    display:none;
}
#logo {
    top:79px;
    position:absolute;
    z-index: 20;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
}
#hauptnavigation {
    display:none;
}
#blauer-balken {
    width:100%;
    height:40px;
    background-color:#003b76;
    background:-moz-linear-gradient(0deg,#003b76,#0084c7);
    background:-webkit-linear-gradient(0deg,#003b76,#0084c7);
    background:-o-linear-gradient(0deg,#003b76,#0084c7);
    background:-ms-linear-gradient(0deg,#003b76,#0084c7);
    background:linear-gradient(90deg,#003b76,#0084c7);
    -pie-background:linear-gradient(0deg,#003b76,#0084c7);
}
.startseite #blauer-balken {
    height:220px;
    background-image:url("/files/amp/bild-uploads/kontakt/bg-kontakt-seitenkopf.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
}
#hauptnavigation-mobil {
    width:96%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    padding-top:10px;
    padding-bottom:10px;
}
#hauptnavigation-mobil select {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    background:#ddd url("/files/amp/layout/hamburger.png") right center no-repeat;
    border:0;
    border-radius:0;
    font-family:Signika;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    text-indent: 0.01px;
    text-overflow: '';
    background-size:34px 20px;
}
.mod_article {
    padding-bottom:23px;
}
.padding-top {
    padding-top:23px;
}
.padding-top + .mod_article {
    padding-top:23px;
}
.no-padding {
    padding-top:0;
    padding-bottom:0;
}
.mod_breadcrumb {
    margin-bottom:15px;
}
.mod_article_inner,
.mod_breadcrumb {
    width:96%;
    max-width:940px;
    margin-right:auto;
    margin-left:auto;
}
.mod_breadcrumb h6 {
    display:inline-block;
    font-size:13px;
    color:#999;
    text-transform:none;
    font-weight:300;
}
#main .mod_breadcrumb ul {
    display:inline-block;
    margin-left:0;
}
.mod_breadcrumb ul li {
    display:inline-block;
    list-style-type:none;
}
.mod_breadcrumb ul li:before {
    display:inline-block;
    padding-right:5px;
    padding-left:5px;
    color:#DD1D7E;
    content:">";
}
.mod_breadcrumb ul li:first-child:before {
    display:inline-block;
    padding-left:0;
    content:'';
}
.mod_breadcrumb ul li,
.mod_breadcrumb ul li a {
    font-size:13px;
    color:#999;
}
.full-width .mod_article_inner {
    width:100%;
    max-width:100%;
}
.lead-in p {
    font-size:22px;
    line-height:30px;
}
#newsletter {
    background-image:url("/files/amp/layout/newsletter-bg.jpg");
    background-repeat:repeat-x;
    background-size:360px 300px;
}
#newsletter-inside {
    width:96%;
    max-width:940px;
    position:relative;
    margin-right:auto;
    margin-left:auto;
    padding-top:30px;
    padding-bottom:20px;
}
#newsletter-stamp {
    width:171px;
    height:92px;
    right:0;
    top:-20px;
    position:absolute;
    z-index: 10;
}
#footer {
    width:100%;
    background-color:#eee;
}
#footer .inside {
    width:100%;
}
#footer h3 {
    font-size:16px;
}
#footer p,
#footer li {
    font-size:13px;
    line-height:18px;
}
#footer p {
    margin-bottom:9px;
}
#footer,
#footer a {
    text-decoration:none;
    color:#666;
}
#footer a:hover {
    text-decoration:underline;
}
#footer-box-1,
#footer-box-2,
#footer-box-3 {
    margin-top:16px;
}
#footer-box-1,
#footer-box-2 {
    width:49%;
    display:inline-block;
    margin-bottom:10px;
    vertical-align:top;
}
#footer-box-1 {
    margin-right:2%;
}
.info {
    margin-bottom:0;
    color:#aaa;
}
.layout_short {
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:3px dotted #ccc;
}
.dlh_googlemap {
    width:100% !important;
    height:300px !important;
}
.bg-light-grey {
    background-color:#eee;
}
.bg-geometry {
    background-image:url("/files/amp/bild-uploads/leistungen/geometry.png");
    border-width:1px 0px;
    border-style:solid;
    border-color:#eee;
}
.schrift_gross {
    font-size:20px;
    line-height:26px;
}
.schrift-gigantisch,
.lead-in.schrift-gigantisch p {
    font-size:50px;
}
.bg-map-grey {
    background-image:url("/files/amp/bild-uploads/kontakt/kontakt-anfahrten-bg.jpg");
    background-repeat:repeat;
}
.news-teaserbild {
    float:left;
    margin-bottom:.5em;
    margin-right: 2%;
}
.news-teaserbild + .teaser {
    clear:left;
}
.mod_newsreader.block .ce_text.block {
    clear:left;
}
.news-fullimage {
    margin-right:.5em;
    margin-bottom:.5em;
}
.referenzen-box {
    width:50%;
    float:left;
    display:block;
}
.referenzen-box-tablet,
.referenzen-box-desktop {
    display:none;
}
.referenzen-box.abstand {
    width:100%;
    margin:5px 0;
}
#left nav ul {
    border-top:1px solid #ddd;
}
#left nav ul li a {
    display:block;
    margin:0;
    padding:10px 0;
    border-bottom:1px solid #ddd;
    text-decoration:none;
}
#left nav ul li a.active {
    color:#003B76;
}
#left {
    display:none;
}
.slashslash:before {
    font-size:32px;
    color:#dd1d7e;
    content:'// ';
}
.slashslash {
    float:left;
    margin-top:15px;
    font-size:32px;
    color:#dd1d7e;
}
.white-box-links {
    width:100%;
    max-width:500px;
    margin:10px 0;
    padding:20px 20px 10px;
    background-color:#fff;
    font-size:23px;
    line-height:28px;
    color:#003b76;
    box-sizing: border-box;
}
.white-box-rechts {
    width:100%;
    max-width:500px;
    float:right;
    margin:10px 0;
    padding:20px 20px 10px;
    background-color:#fff;
    font-size:23px;
    line-height:28px;
    color:#003b76;
    box-sizing: border-box;
}
.white-box-strategie-fischer {
    width:100%;
    max-width:640px;
    float:none;
    margin:150px auto 10px;
    padding:0 20px 10px;
    background-color:rgba(255,255,255,.4);
    box-sizing: border-box;
}
.magenta-box-links {
    width:100%;
    max-width:500px;
    margin:10px 0;
    padding:20px 20px 10px;
    background-color:#dd1d7e;
    font-size:23px;
    line-height:28px;
    color:#fff;
    box-sizing: border-box;
}
.magenta-box-rechts {
    width:100%;
    max-width:500px;
    float:right;
    margin:10px 0;
    padding:20px 20px 10px;
    background-color:#dd1d7e;
    font-size:23px;
    line-height:28px;
    color:#fff;
    box-sizing: border-box;
}
.bg-agentur-beratung {
    background-image:url("/files/amp/bild-uploads/agentur/albrecht-mediapro-digitales-marketing.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: 100%;
    background-size:cover;
}
.bg-maschinenbau-bild-1 {
    background-image:url("/files/amp/bild-uploads/leistungen/maschinenbau_marketing/bg-maschinenbau-marketing-1.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: 100%;
    background-size:cover;
}
.bg-agentur-werbung-a-z {
    background-image:url("/files/amp/bild-uploads/agentur/bg-agentur-werbung.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: 100%;
    background-size:cover;
}
.bg-agentur-mosaik {
    height:440px;
    background:#f2f2f2 url("/files/amp/bild-uploads/agentur/bg-agentur-mosaik.jpg") center center no-repeat;
}
.bg-agentur-know-how {
    background-image:url("/files/amp/bild-uploads/agentur/bg-agentur-know-how.png");
    background-repeat:repeat;
}
.bg-agentur-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/agentur/bg-agentur-seitenkopf.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-adwords-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/leistungen/adwords/header_adwords_flatdesign.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-onlineshop-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/leistungen/onlineshops/header_onlineshops_flatdesign_web.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-marketing-krisenzeiten-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/slider/amp_slider_marketing-in-krisenzeiten_02.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-datenschutz-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/leistungen/datenschutz/header_datenschutz_flatdesign_web.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-emailmarketing-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/leistungen/e_mail_marketing/header_e-mail-marketing_flatdesign_webformat.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-websites-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/leistungen/websites/header_websites_flatdesign.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-jobs-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/agentur/jobs-bremen-werbeagentur.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-ndda-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/agentur/netzwerk-deutscher-digital-agenturen-ndda.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-agentur-sieben {
    background-image:url("/files/amp/bild-uploads/agentur/bg-agentur-sieben.jpg");
    background-position:center center;
    background-repeat:repeat;
}
.bg-leistungen-workshops-header {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/leistungen/workshop/bg-leistungen-workshops-header.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-leistungen-workshops-01-header {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/leistungen/workshop/bg-leistungen-workshops-01-header.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-leistungen-workshops-02-header {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/leistungen/workshop/bg-leistungen-workshops-02-header.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-kontakt-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/kontakt/bg-kontakt-seitenkopf.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
th {
    text-align:left;
}
.bg-leistungen-workshops-03-header {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/leistungen/workshop/bg-leistungen-workshops-03-header.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-maschinenbau-seitenkopf {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/leistungen/maschinenbau_marketing/leistungen-maschinenbau-marketing-unterseite_slider_1236x350.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-strategie-header {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/strategie/header-strategie-einfuehrung.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-strategie-header-beispiele {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/strategie/header-strategie-beispiele.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-strategie-header-pdb {
    width:100%;
    height:220px;
    background-image:url("/files/amp/bild-uploads/strategie/header-strategie-pdb.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-strategie-fischer {
    padding:0;
    background-image:url("/files/amp/bild-uploads/strategie/bg-strategie-fischer-03.jpg");
    background-position:center bottom;
    background-repeat:no-repeat;
}
.bg-strategie-tuempelgruen {
    max-width:1280px;
    margin-right:auto;
    margin-left:auto;
    padding:0;
    background-color:#8dc4b6;
    background-position:center bottom;
    background-repeat:no-repeat;
}
p.back {
    display:inline-block;
    padding:2px 10px;
    background-color:#dd1d7e;
    text-decoration:none;
    color:#fff;
}
p.back a {
    text-decoration:none;
    color:#fff;
}
p.back a:before {
    content:'« ';
}
.netzwerkbilder {
    max-width:150px;
    float:left;
    display:inline-block;
    margin-right:15px;
    margin-bottom:15px;
}
.content-slider .slider-container {
    width:350px;
    height:350px;
    min-width:350px;
    position:relative;
    overflow:auto;
    list-style-type:none;
}
.content-slider #main ul {
    margin-left:0;
}
.content-slider .slider-container li {
    list-style-type:none;
}
table th.col_0 {
    width:21%;
}
table td,
table th {
    vertical-align:top;
}
.table-wartungsarbeiten td {
    padding:.25em .5em .25em 0;
}
.table-wartungsarbeiten th {
    padding-right:.25em;
    text-align:left;
}
.content-slider .dots li {
    width:18px;
    height:18px;
    display:inline-block;
    margin-right:10px;
    border:1px solid #999;
    border-radius:16px;
    text-indent: -9999px;
    cursor:pointer;
}
.content-slider .dots li.active {
    background-color:#ffcee7;
    border:1px solid #DD1D7E;
}
.content-slider .slider-container ol li {
    height:18px;
}
.content-slider .dots {
    height:20px;
    bottom:50px;
    position:absolute;
    left:38%;
}
.bg-halftone {
    background-image:url("/files/amp/layout/backgrounds/halftone.png");
    background-repeat:repeat;
}
.bg-pixel_weave {
    background-image:url("/files/amp/layout/backgrounds/pixel_weave.png");
    background-repeat:repeat;
}
.bg-fabric {
    background-image:url("/files/amp/layout/backgrounds/fabric_of_squares_gray.png");
    background-repeat:repeat;
}
.bg-graphy {
    background-image:url("/files/amp/layout/backgrounds/graphy.png");
    background-repeat:repeat;
}
.bg-lil_fiber {
    background-image:url("/files/amp/layout/backgrounds/lil_fiber.png");
    background-repeat:repeat;
}
.border-top {
    border-top:1px solid #ddd;
}
.border-bottom {
    border-bottom:1px solid #ddd;
}
.uebersicht,
.uebersicht a {
    font-size:16px;
    text-decoration:none;
    color:#999;
}
.uebersicht a:hover {
    text-decoration:underline;
    color:#dd1d7e;
}
figure.news-fullimage {
    max-width:100%;
}
.schmale-spalte {
    max-width:600px;
    margin-right:auto;
    margin-left:auto;
}
::-moz-selection {
    background-color:#dd1d7e;
    color:#fff;
}
::selection {
    background-color:#dd1d7e;
    color:#fff;
}
.amp-button {
    display:inline-block;
    padding:5px 15px;
    background-color:#dd1d7e;
    border-style:hidden;
    border-radius:20px;
    text-decoration:none;
    color:#fff;
}
.amp-button:hover {
    background-color:#f14d9e;
}
.amp-button.mail {
    padding:5px 15px 5px 55px;
    background-image:url("/files/amp/layout/icon-mail-02.png");
    background-repeat:no-repeat;
    background-position: 13px center;
}
.amp-button.blue {
    background-color:#003b76;
}
.amp-button.blue:hover {
    background-color:#1c5691;
}
.amp-button.light-blue {
    background-color:#5384bc;
}
.amp-button.light-blue:hover {
    background-color:#67a4e9;
}
.amp-button.light-red {
    background-color:#e85c4d;
}
.amp-button.light-red:hover {
    background-color:#f57f72;
}
.amp-button.lemon-yellow {
    background-color:#f1c825;
    color:#003b76;
}
.amp-button.lemon-yellow:hover {
    background-color:#f9d64c;
    color:#003b76;
}
.amp-button.ocean-green {
    background-color:#2fc1a4;
}
.amp-button.ocean-green:hover {
    background-color:#53dec2;
}
.amp-button.dark-grey {
    background-color:#5f5f5f;
}
.amp-button.dark-grey:hover {
    background-color:#888;
}
.amp-button.grey {
    background-color:#888;
}
.amp-button.grey:hover {
    background-color:#aaa;
}
.amp-button.light-grey {
    background-color:#ccc;
    color:#003b76;
}
.amp-button.light-grey:hover {
    background-color:#ddd;
}
.amp-button-leer {
    display:inline-block;
    padding:4px 14px;
    background-color:#ffcee7;
    border:1px solid;
    border-radius:20px;
    text-decoration:none;
    color:#dd1d7e;
}
.news-fullimage {
    margin-right:0;
}
.header-navigation {
    display:none;
}
.netzwerkbilder.third {
    clear:left;
}
.netzwerkcontainer {
    float:left;
}
.netzwerkcontainer + div.text-rechts {
    clear:left;
}
ol.list-ordered-strong {
    counter-reset:li; /* Initiate a counter */
        margin-left:0; /* Remove the default left margin */
        padding-left:0; /* Remove the default left padding */
}
ol.list-ordered-strong > li {
    position: relative;
    margin: 0 0 0 1.25em;
    list-style: none;
}
ol.list-ordered-strong.with-margin > li {
    margin-bottom: 6px;
}
.lead-in ol.list-ordered-strong > li {
    font-size: 22px;
    line-height: 30px;
}
ol.list-ordered-strong > li:before {
    content:counter(li) "."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left:-1.25em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:1.25em;
    font-weight:bold;
    text-align:left;
}
.blackbox {
    padding:20px;
    text-align:center;
    background-color:rgba(0,0,0,.5);
    color:#fff;
}
.blackbox,
.blackbox p,
.blackbox h2,
.blackbox a {
    line-height:1.2;
    color:#fff;
}
#strategie-maschinen {
    padding-top:80px;
    padding-bottom:80px;
    background:#eee url("/files/amp/bild-uploads/strategie/strategie_maschinen.jpg") center center no-repeat;
    background-size: cover;
}
#strategie-bau {
    padding-top:80px;
    padding-bottom:80px;
    background:#eee url("/files/amp/bild-uploads/strategie/strategie_bau.jpg") center center no-repeat;
    background-size: cover;
}
#strategie-hotels {
    padding-top:80px;
    padding-bottom:80px;
    background:#eee url("/files/amp/bild-uploads/strategie/strategie_hotels.jpg") center center no-repeat;
    background-size: cover;
}
#strategie-gesund {
    padding-top:80px;
    padding-bottom:80px;
    background:#eee url("/files/amp/bild-uploads/strategie/strategie_gesund.jpg") center center no-repeat;
    background-size: cover;
}
#strategie-herstellung {
    padding-top:80px;
    padding-bottom:80px;
    background:#eee url("/files/amp/bild-uploads/strategie/strategie_herstellung.jpg") center center no-repeat;
    background-size: cover;
}
.max-1280 {
    max-width:1280px;
    margin-right:auto;
    margin-left:auto;
}
.scrollup {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 80px;
    right: 30px;
    display: none;
    text-indent: -9999px;
    background: url('/files/amp/layout/scroll-to-top.png') no-repeat;
    background-color: #dd1d7e;
    border-radius: 60px;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.4);
    background-size: 60px 60px;
    z-index: 1000;
}
#main .ui-accordion + .ce_text {
    margin-top:1em;
}
#main .ui-accordion .ui-accordion-header {
    font-weight: 300;
}
.showcase-container {
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #dddddd 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
}
.showcase-container .mod_article_inner {
    max-width:1150px;
    position:relative;
}
.showcase-button p a {
    display:inline-block;
    padding:12px 25px;
    background-color:#DA007F;
    text-decoration:none;
    color:#fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.showcase-button-disabled p a {
    display:inline-block;
    padding:12px 25px;
    background-color:#aaa;
    text-decoration:none;
    color:#fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: default;
}
#cookiebar {
    box-sizing: border-box;
        background-color: rgba(0, 0, 0, 0.7);
        border-top: none;
        color: #ffffff;
}
#cookiebar button {
    background-color: #DD1D7E;
}
#cookiebar a {
    color: #ffffff;
}
.ce_gallery {
}
#main .ce_gallery ul.cols_3 {
    margin-left:0;
}
.ce_gallery ul.cols_3 li {
    width:30%;
    margin-right:5%;
    padding-bottom:30px;
    list-style-type:none;
}
.ce_gallery ul.cols_3 li.col_last {
    margin-right:0;
}
.bg-leistungen-adwords-badge {
    background-color:#eee;
}
#footer-partner-images img {
    width: auto;
}
#footer hr {
    height:1px;
    border: none;
    border: 1px solid #cccccc;
}
#footer-partner-images {
    text-align: center;
}
#footer-partner-images ul {
    max-width: 920px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap;
}
#footer-partner-images ul img {
    vertical-align: middle;
    margin-right: 15px;
}
#footer-partner-images ul li:nth-child(1) img {
    margin-top: 14px;
    width: 125px;
}
#footer-partner-images ul li:nth-child(2) img {
    margin-top: 29px;
    width: 110px;
}
#footer-partner-images ul li:nth-child(3) img {
    margin-top: 30px;
    width: 120px;
}
#footer-partner-images ul li:nth-child(4) img {
    margin-top: 28px;
    width: 80px;
}
#footer-partner-images ul li:nth-child(5) img {
    margin-top: 15px;
    margin-bottom: 10px;
    width: 75px;
}
#footer-partner-images ul li:nth-child(6) img {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 120px;
}
#footer-partner-images ul li:nth-child(7) img {
    margin-top: 18px;
    margin-bottom: 10px;
    width: 125px;
}
.bg-dunkelblau {
    background-color:#003a74;
}
.bg-magenta {
    background-color:#dd1d7e;
    background-image:url("/files/amp/bild-uploads/leistungen/adwords/optimieren.jpg");
    background-position:center bottom;
    background-size: cover;
}
.bg-magenta h1,
.bg-magenta h2,
.bg-magenta h3,
.bg-magenta p,
.bg-magenta,
.magenta-box-links h1,
.magenta-box-links h2,
.magenta-box-links h3,
.magenta-box-links p,
.magenta-box-rechts h1,
.magenta-box-rechts h2,
.magenta-box-rechts h3,
.magenta-box-rechts p {
    color:#fff;
}
.bg-magenta .amp-button {
    background-color:#fff;
    color:#dd1d7e;
}
.bg-brodeln {
    background-image:url("/files/amp/bild-uploads/leistungen/adwords/brodeln.jpg");
    background-position:center bottom;
    background-size: cover;
}
.datenschutz #main ul {
    margin-left:50px;
    list-style-type:square;
}
.datenschutz #main ol {
    margin-left:50px;
    list-style-type:decimal;
}
.datenschutz #main ul li,
.datenschutz #main ol li {
    padding-left:10px;
}
.datenschutz #main h2 {
    margin-top:48px;
    margin-bottom:0;
}
.datenschutz #main h3 {
    margin-top:24px;
    margin-bottom:0;
    font-size:18px;
    font-weight:bold;
    color:#003b76;
}
p.legal {
    font-size:13px;
}
body.formstyle label {
    display: block;
}

@media all and (min-width: 480px) {
.centered-heading-leistungsspektrum {
    text-align: left;
    vertical-align: middle;
}
.flex-itemflex-leistungsspektrum-child p {
    font-size: 1rem;
}
.flex-itemflex-leistungsspektrum-child h3 {
    font-size: 1rem;
    color: #FFFFFF !important;
}
.flex-itemflex-leistungsspektrum-child {
    margin: 20px;
}
.flex-item-leistungsspektrum {
    flex: auto;
    background-color: #005290;
    text-align: left;
    margin: 10px 10px 10px 10px;
    color: #FFF;
}
.flex-container-leistungsspektrum {
    display: flex;
    flex-direction: column;
}
.box-4er-1,
.box-4er-2,
.box-4er-3,
.box-4er-4 {
    width:49%;
    display:inline-block;
    vertical-align:top;
}
.box-4er-1,
.box-4er-3 {
    margin-right:1.5%;
}
.box-2er-1,
.box-2er-2 {
    width:49%;
    display:inline-block;
    vertical-align:top;
}
.box-2er-1 {
    margin-right:1.5%;
}
.news-teaserbild + .teaser {
    clear:none;
}
#response {
    width:320px;
}
.response-tel-ort {
    display:inline;
}
.netzwerkbilder {
    max-width:160px;
}
}

@media all and (min-width: 768px) {
#logo img {
    height: 47px;
    width: auto;
}
#header .inside {
    height: 101px;
}
#slider .stoerer p {
    font-size: 4vw;
    line-height: 100%
}
#slider .stoerer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
}
.content_datenschutzthemen {
    width: 50%;
}
.centered-heading-leistungsspektrum {
    text-align: center;
    vertical-align: middle;
}
.flex-itemflex-leistungsspektrum-child p {
    font-size: 1rem;
}
.flex-itemflex-leistungsspektrum-child h3 {
    font-size: 1rem;
    color: #FFFFFF !important;
}
.flex-itemflex-leistungsspektrum-child {
    margin: 20px;
}
.flex-item-leistungsspektrum {
    flex: auto;
    max-width: 169.1px;
    background-color: #005290;
    text-align: left;
    margin: 10px 10px 10px 10px;
    color: #FFF;
}
.flex-container-leistungsspektrum {
    display: flex;
    flex-direction: row;
}
h1 {
    /*
    -webkit-hyphens:none;
    -moz-hyphens:none;
    -ms-hyphens:none;
    -o-hyphens:none;
    hyphens:none;
    */
}
#hauptnavigation {
}
#newsletter-stamp {
    width:228px;
    height:123px;
}
#footer {
    margin-top:30px;
}
#footer-box-1,
#footer-box-2 {
    width:23.5%;
    margin-right:1.5%;
}
#footer-box-3 {
    width:49%;
    display:inline-block;
}
#footer-box-1,
#footer-box-2,
#footer-box-3 {
    margin-top:30px;
    margin-bottom:30px;
}
.mod_article {
    padding-bottom:30px;
}
.mit-slider #blauer-balken {
    display:none;
}
#slider {
    display:block;
    text-decoration:none;
}
#slider a {
    text-decoration:none;
}
.slider-container {
    width:100%;
    min-width:100%;
    position:relative;
    overflow:auto;
}
#slider .mod_article_inner {
    width:100%;
    max-width:100%;
}
.slider-container li {
    height:400px;
}
.slider-container ul li {
    float:left;
}
.slider-container ul li .first,
.slider-container ul li .second,
.slider-container ul li .third {
    height:100%;
    background:-moz-linear-gradient(0deg,#003b76,#0084c7);
    background:-webkit-linear-gradient(0deg,#003b76,#0084c7);
    background:-o-linear-gradient(0deg,#003b76,#0084c7);
    background:-ms-linear-gradient(0deg,#003b76,#0084c7);
    background:linear-gradient(90deg,#003b76,#0084c7);
    -pie-background:linear-gradient(0deg,#003b76,#0084c7);
    background-attachment:fixed;
}
.dlh_googlemap {
    width:100% !important;
    height:400px !important;
}
.slide-inner {
    width:100%;
    height:400px;
    max-width:940px;
    position:relative;
    margin-right:auto;
    margin-left:auto;
}
#slider .mod_article {
    padding-bottom:0;
}
.slide-white-stripe {
    background-image:url("/files/amp/bild-uploads/slider/slider-white-stripe.png");
    background-position:center bottom;
    background-repeat:repeat-x;
}
#blauer-balken {
    margin-bottom:20px;
}
#blauer-balken {
    margin-bottom:30px;
}
#slider .text-left {
    width:54%;
    display:inline-block;
    margin-right:4%;
    margin-left:2%;
    vertical-align:top;
}
#slider .image-right {
    width:290px;
    right:2%;
    top:0;
    position:absolute;
    display:inline-block;
    vertical-align:top;
}
#slider h1,
#slider h2,
#slider h3,
#slider h4,
#slider h5,
#slider h6,
#slider p,
#slider a {
    color:#fff;
}
#slider h2 {
    clear:both;
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
    padding:10px;
    background-color:#DD1D7E;
    font-size:44px;
}
#slider h3 {
    clear:both;
    display:inline-block;
    padding:6px 10px;
    background-color:#DD1D7E;
}
#slider .dots {
    bottom:60px;
    position:absolute;
    left:2%;
}
#slider .dots li {
    width:20px;
    height:20px;
    display:inline-block;
    margin-right:10px;
    background-color:#fff;
    border-radius:20px;
    text-indent: -9999px;
    cursor:pointer;
}
#slider .dots li.active {
    background-color:#DD1D7E;
}
.text-links {
    width:60%;
    display:inline-block;
    vertical-align:top;
}
.text-rechts {
    width:60%;
    display:inline-block;
    vertical-align:top;
}
.bild-links {
    width:38%;
    max-width:400px;
    display:inline-block;
    margin-right:2%;
    vertical-align:top;
}
.bild-rechts {
    width:38%;
    max-width:350px;
    float:right;
    display:inline-block;
    margin-left:2%;
    vertical-align:top;
}
.bild-zentral {
    height:auto;
    display:block;
    margin-right:auto;
    margin-left:auto;
    vertical-align:top;
}
#slide-first .slide-inner {
    background-image:url("/files/amp/bild-uploads/slider/slide-linkedin-portfolio.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}
#slide-second .slide-inner {
    background-image:url("/files/amp/bild-uploads/slider/slide-tagcloud.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}
#slide-third .slide-inner {
    background-image:url("/files/amp/bild-uploads/slider/slide-internetmarketing-02.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}
#slide-facebook .slide-inner {
    background-image:url("/files/amp/bild-uploads/slider/slide-online-marketing.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}
#slide-christmas .slide-inner {
    background-image:url("/files/amp/bild-uploads/slider/slide-feiertage-abschluss.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}
#slide-jobs .slide-inner {
    background-image:url("/files/amp/bild-uploads/agentur/job-ameise.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}
#slide-umzug .slide-inner {
    background-image:url("/files/amp/bild-uploads/slider/slide_umzug_56.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}
#slide-revolution .slide-inner {
    background-image:url("/files/amp/bild-uploads/slider/slider-overlay-digitale-revolution.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}
#slide-revolution {
    background-image:url("/files/amp/bild-uploads/slider/slider-background-digitale-revolution.jpg");
    background-position:right bottom;
    background-size: cover;
    background-attachment: scroll;
}
#slide-digital .slide-inner {
    background-image:url("/files/amp/bild-uploads/slider/digitales_marketing_2.png");
    background-position:right bottom;
    background-size: cover;
    background-attachment: scroll;
}
#slide-berge .slide-inner {
    background-image:url("/files/amp/bild-uploads/slider/slider_berge_web.png");
    background-position:right bottom;
    background-size: cover;
    background-attachment: scroll;
}
.referenzen-box {
    width:33.3%;
}
.referenzen-box.zweispaltig {
    width:50%;
}
.referenzen-box.zweispaltig.abstand {
    width:50%;
    margin:0;
    box-sizing:border-box;
}
.referenzen-box.abstand.links {
    padding:0 5px 5px 0;
}
.referenzen-box.abstand.rechts {
    padding:0 0 5px;
}
.referenzen-box-tablet {
    display:inline-block;
}
.magenta-box-links,
.magenta-box-rechts,
.white-box-links,
.white-box-rechts {
    margin:30px 0;
}
.bg-agentur-seitenkopf,
.bg-kontakt-seitenkopf,
.bg-jobs-seitenkopf,
.bg-ndda-seitenkopf,
.bg-emailmarketing-seitenkopf,
.bg-websites-seitenkopf {
    height:350px;
}
.bg-leistungen-workshops-header,
.bg-strategie-header,
.bg-strategie-header-beispiele,
.bg-strategie-header-pdb,
.bg-onlineshop-seitenkopf,
.bg-adwords-seitenkopf,
.bg-datenschutz-seitenkopf,
.bg-maschinenbau-seitenkopf,
.bg-marketing-krisenzeiten-seitenkopf {
    height:350px;
}
.header-navigation {
    width:96%;
    max-width:940px;
    bottom:0;
    left:0;
    right:0;
    position:absolute;
    display:block;
    margin-right:auto;
    margin-left:auto;
}
.header-navigation li {
    float:left;
}
.header-navigation li a {
    float:left;
    display:block;
    margin:0 .3em 0 0;
    padding:0 .5em;
    background-color:rgba(233,0,123,.4);
    font-size:17px;
    line-height:1.5em;
    color:#fff;
    text-decoration: none;
}
.header-navigation li a:hover,
.header-navigation li a.active {
    background-color:rgba(233,0,123,1);
}
.netzwerkcontainer {
    width:40%;
    float:left;
}
.netzwerkbilder {
    max-width:130px;
}
.netzwerkcontainer + div.text-rechts {
    clear:none;
}
.schrift-gigantisch,
.lead-in.schrift-gigantisch p {
    font-size:72px;
}
}

@media all and (min-width: 1024px) {
.desktop-rechts {
    text-align:right;
}
#logo img {
    height: 47px;
    width: auto;
}
#slider {
    margin-bottom: 40px;
}
.content_datenschutzthemen {
    width: 50%;
}
.centered-heading-leistungsspektrum {
    text-align: center;
    vertical-align: middle;
}
.flex-itemflex-leistungsspektrum-child p {
    font-size: 1rem;
}
.flex-itemflex-leistungsspektrum-child h3 {
    font-size: 1rem;
    color: #FFFFFF !important;
}
.flex-itemflex-leistungsspektrum-child {
    margin: 20px;
}
.flex-item-leistungsspektrum {
    flex: auto;
    max-width: 215px;
    background-color: #005290;
    text-align: left;
    margin: 10px 10px 10px 10px;
    color: #FFF;
}
.flex-container-leistungsspektrum {
    display: flex;
    flex-direction: row;
}
.teaser-bild,
.more-bild {
}
#header .inside {
    height:101px;
}
#logo {
    top:79px;
}
#response {
    width:735px;
    right:95px;
    top:10px;
    position:absolute;
    text-align:right;
}
#response p {
    display:inline;
}
#response p,
#response p a {
    font-size:16px;
}
#response-icon-tel {
    margin-top:5px;
    margin-left:15px;
}
#response-icon-tel-bremen {
    margin-top:5px;
}
#response-icon-email {
    margin-left:15px;
}
#hauptnavigation-mobil {
    display:none;
}
#hauptnavigation {
    bottom:0;
    right:0;
    position:absolute;
    overflow:visible;
    display:inline-block;
    z-index: 20;
}
#hauptnavigation ul li {
    float:left;
    margin-left:25px;
    border-bottom:3px solid #fff;
    font-size:18px;
    color:#003B76;
    list-style-type:none;
}
#hauptnavigation ul li.trail,
#hauptnavigation ul li.trail:hover {
    border-color:#ccc;
}
#hauptnavigation ul li a {
    padding-top:4px;
    padding-bottom:4px;
    text-decoration:none;
    color:#003B76;
}
#hauptnavigation ul li:hover {
    border-color:#ccc;
}
#hauptnavigation ul li.active {
    border-color:#dd1d7e;
}
#hauptnavigation ul li ul {
    top:26px;
    position:absolute;
    display:none;
    margin:0;
    padding:0;
    text-align:left;
}
#hauptnavigation ul li:last-child ul {
    right:0;
}
#hauptnavigation ul li:hover > ul {
    display:block;
    z-index:30;
}
#hauptnavigation ul li ul li {
    clear:both;
    margin:0;
    padding:0;
    border-bottom:0;
}
#hauptnavigation ul li ul li a {
    width:230px;
    display:block;
    padding-top:12px;
    padding-bottom:12px;
    padding-left:10px;
    background-color:#eee;
    border-left:3px solid #eee;
}
#hauptnavigation ul li ul li a:hover {
    background-color:#ddd;
    border-left:3px solid #ddd;
}
#hauptnavigation ul li ul li a.active {
    border-left:3px solid #dd1d7e;
}
#hauptnavigation ul li ul li ul,
#hauptnavigation ul li ul li ul li,
#hauptnavigation ul li ul li ul li a {
    display:none;
}
.box-4er-1,
.box-4er-2,
.box-4er-3,
.box-4er-4 {
    width:23.5%;
}
.box-4er-1,
.box-4er-2,
.box-4er-3 {
    margin-right:1.5%;
}
#blauer-balken {
    margin-bottom:40px;
}
.slider-container li {
    height:400px;
}
.slide-inner {
    height:400px;
}
#slider .text-left {
    width:56%;
    margin-left:0;
}
#slider .image-right {
    width:400px;
    right:0;
}
.referenzen-box {
    width:25%;
}
.referenzen-box.dreispaltig {
    width:33.3%;
}
.referenzen-box-tablet {
    display:none;
}
.referenzen-box-desktop {
    display:inline-block;
}
.sidebar-links #container {
    width:940px;
    margin-right:auto;
    margin-left:auto;
}
.sidebar-links #left {
    width:220px;
    float:left;
    margin-left:0;
}
.sidebar-links #main {
    width:700px;
    float:right;
}
#left {
    display:block;
}
#linke-spalte ul li {
    display:block;
    margin:0;
    padding:10px 0 10px 20px;
    border-bottom:1px solid #ddd;
    text-decoration:none;
}
#linke-spalte ul li a {
    text-decoration:none;
}
#linke-spalte .mod_article_inner {
    width:100%;
}
.netzwerkbilder {
    max-width:160px;
}
.testdrive #hauptnavigation ul li.extended-navigation-4 ul {
    right:0;
    top:26px;
    position:absolute;
}
.testdrive #hauptnavigation ul li.extended-navigation-4 ul {
    width:940px;
    background-color:#eee;
}
.testdrive #hauptnavigation ul li.extended-navigation-4 ul li {
    width:230px;
    clear:none;
    display:inline-block;
    margin-top:30px;
    background: #ff9900;
}
.testdrive #hauptnavigation ul li.extended-navigation-4 ul li a {
    border: none;
}
.testdrive #hauptnavigation ul li.extended-navigation-4 ul li ul li {
    float:none;
    display:block;
}
.testdrive #hauptnavigation ul li.extended-navigation-4 ul li ul li a {
    width:200px;
    top:0;
    display:block;
    background-color:#f90;
}
}

@media all and (min-width: 1200px) {
#slider {
    background-color: #eee;
}
.mobile-only {
    display: none;
}
.desktop-only {
    display: block;
}
#slider .stoerer p {
    font-size: 64px;
}
.content_wrapper_zertifizierung {
    flex-direction: row;
}
.content_datenschutzthemen {
    width: 50%;
}
.flex-itemflex-leistungsspektrum-child-button {
    flex: auto;
    max-width: 215px !important;
    text-align: left;
    margin: 10px 0px 10px 0px;
    color: #FFF;
}
.centered-heading-leistungsspektrum {
    text-align: center;
    vertical-align: middle;
}
.flex-itemflex-leistungsspektrum-child p {
    font-size: 1rem;
}
.flex-itemflex-leistungsspektrum-child h3 {
    font-size: 1rem;
    color: #FFFFFF !important;
}
.flex-itemflex-leistungsspektrum-child {
    margin: 20px;
}
.flex-item-leistungsspektrum {
    flex: auto;
    max-width: 215px !important;
    background-color: #005290;
    text-align: left;
    margin: 10px 10px 10px 10px;
    color: #FFF;
}
.flex-container-leistungsspektrum {
    display: flex;
    flex-direction: row;
}
#CybotCookiebotDialogBodyButtonDecline {
    margin-left: 5px !important;
}
#response {
    right:0;
}
#stoerer {
    right:-95px;
}
.mod_article {
    padding-bottom:40px;
}
.padding-top {
    padding-top:40px;
}
.padding-top + .mod_article {
    padding-top:40px;
}
.dlh_googlemap {
    width:100% !important;
    height:450px !important;
}
#footer {
    margin-top:60px;
}
.magenta-box-links,
.magenta-box-rechts,
.white-box-links,
.white-box-rechts {
    margin:100px 0;
}
}

@media all and (-webkit-min-device-pixel-ratio: 2),
all and (min--moz-device-pixel-ratio: 2),
all and (-o-min-device-pixel-ratio: 2/1),
all and (min-device-pixel-ratio: 2),
all and (min-resolution: 192dpi),
all and (min-resolution: 2dppx) {
.amp-button.mail {
    background-image:url("../../files/amp/css/base/files/amp/layout/icon-mail-02@2x.png");
    background-size: 44px 32px;
}
#hauptnavigation-mobil select {
    background-image:url("../../files/amp/css/base/files/amp/layout/hamburger@2x.png");
}
#newsletter {
    background-image:url("../../files/amp/css/base/files/amp/layout/newsletter-bg@2x.jpg");
}
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea {
    width:90%;
    max-width:500px;
    padding:8px 5px;
    background-color:#fff;
    -webkit-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
    border:1px solid #aaa;
    border-radius:4px;
    font:16px Signika;
    color:#003B76;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    font-weight:300;
}
button[type=submit],
input[type=submit],
.button-blue,
#footer a.button-blue {
    clear:both;
    display:inline-block;
    margin-top:16px;
    margin-bottom:16px;
    padding:5px 10px;
    background:-moz-linear-gradient(90deg,#003B76,#0084C7);
    background:-webkit-linear-gradient(90deg,#003B76,#0084C7);
    background:-o-linear-gradient(90deg,#003B76,#0084C7);
    background:-ms-linear-gradient(90deg,#003B76,#0084C7);
    background:linear-gradient(0deg,#003B76,#0084C7);
    -pie-background:linear-gradient(90deg,#003B76,#0084C7);
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.3);
    box-shadow:1px 1px 2px rgba(0,0,0,.3);
    border:1px solid #003B76;
    border-radius:4px;
    font:14px/16px Signika,sans-serif;
    text-decoration:none;
    color:#fff;
}
select {
    font-weight:300;
}
label {
    clear:both;
}
label {
    display:inline-block;
    margin-top:10px;
}
span.mandatory {
    color:#f00;
}
fieldset {
    border: none; padding: 0;
}

#rezensionen-slider {
    max-width:750px;
    margin:0 auto;
}
#rezensionen-slider .rsts-crop {
    margin-top:1rem;
}
#rezensionen-slider .rsts-nav-item a:hover,
#rezensionen-slider .rsts-nav-item a.active {
    background-color:#dd1d7e;
    box-shadow: none;
    transform: scale(1.5);
}
#rezensionen-slider .rsts-nav-prev a,
#rezensionen-slider .rsts-nav-next a {
    background-image:none;
}
#rezensionen-slider .rsts-nav-prev::before,
#rezensionen-slider .rsts-nav-next::before {
    width:8px;
    height:8px;
    display:inline-block;
    content: "";
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    pointer-events: none;
}
#rezensionen-slider .rsts-nav-prev::before {
    transform: translate(22px, -12px) rotate(-135deg);
}
#rezensionen-slider .rsts-nav-next::before {
    transform: translate(28px, -12px) rotate(45deg);
}
#rezensionen-slider .rsts-nav *:focus {
    outline: 2px solid #003b76;
}
#rezensionen-slider a {
    text-decoration: none !important;
}
.rezension {
    margin:3rem auto;
    padding:2.5rem;
    background-color:#f9fafc;
    line-height:1.6;
    color:#003b76;
    max-width: calc(940px + 5rem);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.rezension-zitat {
    position:relative;
    margin:.5rem 0 1.5rem;
    padding:.5rem;
    font-size:1.5rem;
    line-height:1.3;
    font-style:italic;
    color:#003b76;
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px;
    quotes: "";
}
.rezension-zitat p {
    margin-bottom:0;
    padding:0 3rem;
}
.rezension-zitat p::before,
.rezension-zitat p::after {
    width:0;
    position:absolute;
    font-size:5rem;
    line-height:1;
    color:#dd1d7e;
    font-weight: 700;
    font-style: normal;
    opacity: 0.3;
    pointer-events: none;
}
.rezension-zitat p::before {
    left:.5rem;
    content: "„";
    bottom: -0.5rem;
}
.rezension-zitat p::after {
    right:3rem;
    content: "“";
    top: -0.5rem;
}
.rezension-text {
    margin-top:2.5rem;
    padding:1.2rem 1.5rem;
    border-left:4px solid #5384bc;
    font-size:1.2rem;
    background: #fff;
}
.rezension-autor {
    margin-bottom:.2rem;
    text-align:right;
    font-size:1.2rem;
    color:#003b76;
    font-weight: 600;
}
.rezension-firma {
    margin-bottom:1rem;
    text-align:right;
    font-size:1.1rem;
    color:#5384bc;
}
.rezension-text p + p {
    margin-top:1rem;
}
@media (max-width: 600px) {
    .rezension {
        padding: 1rem;
      }
      .rezension-zitat {
        font-size: 1.3rem;
        position: relative;
      }
      .rezension-zitat p {
        padding: 1.0rem 0rem;
        line-height: 1.5;
      }
      .rezension-zitat p::before,
      .rezension-zitat p::after {
        font-size: 4rem;
      }
      .rezension-zitat p::before {
        left: 0.8rem;
        bottom: -0.5rem;
      }
      .rezension-zitat p::after {
        right: 3rem;
        top: -0.5rem;
      }
}

.ce_rsce_feature figure {
	position: relative;
	margin-bottom: 11.5px;
}

.ce_rsce_feature figure img {
	display: block;
	margin: 0;
	width: 100%;
}

.ce_rsce_feature figure a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.ce_rsce_feature figure .hover-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.ce_rsce_feature figure h2 {
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-weight: normal;
    font-size: 1.3em;
    padding: 8px;
    margin-top: 1px;
}

.ce_rsce_feature figure p {
    color: #333;
    padding: 8px;
}

.ce_rsce_feature figure a:hover .hover,
.ce_rsce_feature figure a:focus .hover {
    max-height: 240px;
    opacity: 1;
    top: 0;
}

/* Slide */

.ce_rsce_feature figure .hover,
.ce_rsce_feature.slide figure .hover {
    background: rgba(183, 191, 185, 0.75);
    overflow: hidden;
    max-height: 0;
    transition: all 0.35s linear;
}

/* Fade */

.ce_rsce_feature.fade figure a img {
	opacity: 1;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
}

.ce_rsce_feature.fade figure .hover {
    background: rgba(255,255,255,0.2);
	opacity: 0;
    overflow: hidden;
    max-height: 240px;
    transition: opacity 0.4s linear;
}

.ce_rsce_feature.fade figure a:hover .hover,
.ce_rsce_feature.fade figure a:focus .hover {
	opacity: 1;
	max-height: 240px;
}

.ce_rsce_feature.fade figure a:hover img {
	opacity: 0.7;
}

/* gaga */
.scroll-down-wrapper {
    position: fixed;
    visibility: visible;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    /* background-color: #777777; */
    color: #eeeeee;
	width:auto;
	/*
    width: 50px;
    height: 48px;
    line-height: 48px;
	*/
    right: 30px;
    bottom: 80px;
    padding-top: 2px;
	/*
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-down-wrapper:hover {
    /* background-color: #888888; */
}
.scroll-down-wrapper.show {
    visibility:hidden;
    /* cursor:pointer; */
    /* opacity: 1.0; */
}
.scroll-down-wrapper i.fa {
    line-height: inherit;
}

#hauptnavigation-codefog {
  height: 100%;
  background-color: #ddd;
  font-family: sans-serif;
}

#hauptnavigation-codefog ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#hauptnavigation-codefog > ul > li {
  border-bottom: 1px solid #ccc;
}

#hauptnavigation-codefog li {
  position: relative;
}

#hauptnavigation-codefog a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  color: #003b76;
  text-decoration: none;
  font-size: 1.2rem;
}

#hauptnavigation-codefog a.active {
  color: #dd1d7e;
}

#hauptnavigation-codefog ul.level_2 {
  background-color: #ccc;
}

#hauptnavigation-codefog ul.level_3 {
  background-color: #bbb;
}

#hauptnavigation-codefog li.submenu > a::after {
  content: "»";
  font-size: 1.5rem;
  color: #dd1d7e;
  margin-left: auto;

  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

#hauptnavigation-codefog li.submenu_show > a::after {
  transform: rotate(90deg);
}


.mobile_menu_trigger {
  background-color: #ddd;
  color: #003b76;
  font-size: 1.2em;
  padding: 12px 16px;
  cursor: pointer;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.mobile_menu_trigger::after {
  content: "☰";
  font-size: 1.6rem;
  color: #dd1d7e;
}
/* signika-300 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: url('/files/amp/layout/fonts/signika-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/amp/layout/fonts/signika-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/amp/layout/fonts/signika-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/amp/layout/fonts/signika-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/files/amp/layout/fonts/signika-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/amp/layout/fonts/signika-v20-latin-300.svg#Signika') format('svg'); /* Legacy iOS */
}

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

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