/* der pagemaker: Anfang */


/* Bottom */

#bottom .inside a:hover {
    color: #f8b300!important;
}

/* Footer */

#footer a:hover {
    color: #f8b300!important;
}

/* Header */

.header .mainmenu ul ul li a:hover {
    color: #f8b300!important;
}


/* News */ 

.newsreader .info {
    display: none;
}

.newsteaser .content {
    border-radius: 0;
}

.newsteaser .date {
    border-radius: 0;
}

.newsteaser .image_container {
    border-radius: 0;
}


/* Privacy-Manager */

.mod_privacy_optin .privacy_buttons input {
	background: #004489!important;
}

.mod_privacy_optin .privacy_content {
    border-radius: 0;
    margin-top: 0;
}


/* Top */

#top .mod_socials a i {
    border-radius: 0;
}

/* der pagemaker: Ende */


/* raleway-300 - 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: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-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: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-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: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-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: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@media only screen and (max-width: 767px) {
	.cta_right { display: none; }
}

@media only screen and (min-width: 2200px) {
}

.home #wrapper { margin-top: 0vh; z-index: 20; }
.home #wrapper #container { background: transparent; }

.cta_right { position: fixed; top: 15vh; right: 0; z-index: 99; text-align: right; }
.cta_right a { display: block; position: relative; right: 4px; transition: all 0.25s ease-in-out; }
.cta_right a:hover { right: 10px; }
.cta_right a svg { height: 90px; }

.cta_right a.cta_zertifikate { right: -83px; }
.cta_right a.cta_zertifikate:hover { right: -11px; }

.ce_fancybox.style2 .overlay {
  background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5) 100%) !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font_headline {
  color: rgb(0,68,137) !important;
}

.ce_text_extented a {
  text-decoration: none;
}

/* Bildzuweisung und -positionierung für das Quickmenü zur "Cookies/Datenschutzeinstellungen neu wählen" */
.fingerprint:before
{
    background:url("../img/elemente/fingerprint.svg") no-repeat;
    background-size: 32px;
    background-position: center;
    position: relative;
    top: 10px;
    display: inline-block;
    width: 53px; 
    height: 32px;
    content: " ";
}

/* akordeon accent color */

:root {
	--accentColor: #004489!important;
}

/* sprachenwechsler */

.mod_changelanguage { margin-left: 20px; font-weight: 600; }
#mmenu .mod_changelanguage {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    margin: 0;
    text-align: right;
}
.mod_changelanguage li a {
	color: transparent !important;
}
.mod_changelanguage li a.lang-en {
	background:url("../img/flags/en.svg") no-repeat;
    background-size: 20px 15px;
    background-position: center;
}
.mod_changelanguage li a.lang-de {
	background:url("../img/flags/de.svg") no-repeat;
    background-size: 20px 15px;
    background-position: center;
}
/* cta button termine */

#fys {
    display: block;
    width: 220px;
    /* height: 115px; */
    height: 55px;
    background: #de021c;
    background-size: 210px 168px !important;
    position: absolute;
    /* top: 0; */
    top: 85px;
    right: 60px;
    z-index: 9999;
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,.7);
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.7);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

#fys:hover {
    background-color: #ff0000 !important;
}

#fys h3 {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff !important;
    font-size: 1.2em;
    margin: 0;
}

#fys h3::before {
    font-family: 'FontAwesome';
    content: '\f105';
    padding-right: 7px;
}

#fys a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#siegel {
    background: url('../img/landing-page/Albrecht-Automatik-Service-for-your-safety.png') no-repeat right top;
    background-size: 320px;
    width: 320px;
    height: 320px;
    display: block;
    position: absolute;
    z-index: 9999;
    right: 150px;
    /* top: 140px; */
    top: 160px;
}

@media screen and (max-width: 1280px) {
    #siegel {
        right: 40px;
        background-size: 250px;
    }
}

@media screen and (max-width: 767px) {
    #fys {
        top: 70px;
    }
}
@media screen and (max-width: 1000px) {
    #fys {
        right: 10px;
    }
    .hero h2 {
        padding-top: 40%;
    }
}

@media screen and (max-width: 650px) {
    #fys {
        width: 200px;
        /* height: 110px; */
        height: 55px;
    }
    #siegel {
        right: auto;
        left: 0px;
        /* top: 60px; */
        top: 80px;
        background-position-x: left;
        background-size: 200px;
    }
    .hero h2 {
        font-size: 2.5em !important;
        padding-top: 70%;
    }
    .feature-box.-vertical-centered {
        display: block;
    }
}

/* farbverlauf rot blau */

.mod_article .gradient {
    background: #de021c;
    background: -moz-linear-gradient(left, #de021c 0%, #083a65 80%);
    background: -webkit-linear-gradient(left, #de021c 0%,#083a65 80%);
    background: linear-gradient(to right, #de021c 0%,#083a65 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de021c', endColorstr='#083a65',GradientType=1 );
}

.mod_article .gradient a {
    color: rgba(255, 255, 255, .5);
}

.mod_article .gradient label,
.mod_article .gradient span.mandatory {
    color: #fff;
}

.mod_article .gradient input.text {
    color: #083a65;
}