@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/fonts/MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
      local('MaterialIcons-Regular'),
      url(/fonts/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'),
      url(/fonts/MaterialIcons/MaterialIcons-Regular.woff) format('woff'),
      url(/fonts/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    
    /* Support for IE. */
    -webkit-font-feature-settings: 'liga';
            font-feature-settings: 'liga';
}
/* h2i */
h3 i.material-icons {
    font-size: 24px;
    margin-right: 10px;
}

@font-face {
    font-family: 'Krub';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Krub'),
      local('Krub-Regular'),
      url(/fonts/Krub/Krub-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Krub';
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: local('Krub Bold'),
      local('Krub-Bold'),
      url(/fonts/Krub/Krub-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    font-display: fallback;
    src: local('Raleway ExtraLight'),
      local('Raleway-ExtraLight'),
      url(/fonts/Raleway/static/Raleway-ExtraLight.ttf) format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
    src: local('Raleway Medium'),
      local('Raleway-Medium'),
      url(/fonts/Raleway/static/Raleway-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: local('Raleway Bold'),
      local('Raleway-Bold'),
      url(/fonts/Raleway/static/Raleway-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    font-display: fallback;
    src: local('Raleway Black'),
      local('Raleway-Black'),
      url(/fonts/Raleway/static/Raleway-Black.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Roboto'),
      local('Roboto-Regular'),
      url(/fonts/Roboto/Roboto-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: local('Roboto Bold'),
      local('Roboto-Bold'),
      url(/fonts/Roboto/Roboto-Bold.ttf) format('truetype');
}

@-webkit-keyframes hosting-animation{
    from {-webkit-transform: scale(0.5) translateX(-52vw);transform: scale(0.5) translateX(-52vw); visibility: hidden}
    to {-webkit-transform: scale(1) translateX(0);transform: scale(1) translateX(0); visibility: visible}
}


@keyframes hosting-animation{
    from {-webkit-transform: scale(0.5) translateX(-52vw);transform: scale(0.5) translateX(-52vw); visibility: hidden}
    to {-webkit-transform: scale(1) translateX(0);transform: scale(1) translateX(0); visibility: visible}
}

@-webkit-keyframes hosting-animation-line{
    from {-webkit-transform: scaleX(0);transform: scaleX(0); visibility: hidden;}
    to {-webkit-transform: scaleX(1);transform: scaleX(1); visibility: visible;}
}

@keyframes hosting-animation-line{
    from {-webkit-transform: scaleX(0);transform: scaleX(0); visibility: hidden;}
    to {-webkit-transform: scaleX(1);transform: scaleX(1); visibility: visible;}
}

@-webkit-keyframes first-box {
    from {top: 2.5vw; left: 2.5vw; color: transparent}
    to {top: 0; left: 0; color: white;}
}

@keyframes first-box {
    from {top: 2.5vw; left: 2.5vw; color: transparent}
    to {top: 0; left: 0; color: white;}
}

@-webkit-keyframes second-box {
    from {-webkit-box-shadow: none;box-shadow: none; background-color: rgb(235, 91, 119); left: 5vw; top: 5vw; color: transparent}
    to {-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1);box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1); background-color: rgb(239, 98, 112); left: 7.5vw; top: 7.5vw; color: white}
}

@keyframes second-box {
    from {-webkit-box-shadow: none;box-shadow: none; background-color: rgb(235, 91, 119); left: 5vw; top: 5vw; color: transparent}
    to {-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1);box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1); background-color: rgb(239, 98, 112); left: 7.5vw; top: 7.5vw; color: white}
}

@-webkit-keyframes third-box {
    from {-webkit-box-shadow: none;box-shadow: none; background-color: rgb(235, 91, 119); left: 7.5vw; top: 7.5vw; color: transparent}
    to {-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1);box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1); background-color: rgb(235, 120, 113); left: 15vw; top: 15vw; color: white;}
}

@keyframes third-box {
    from {-webkit-box-shadow: none;box-shadow: none; background-color: rgb(235, 91, 119); left: 7.5vw; top: 7.5vw; color: transparent}
    to {-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1);box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1); background-color: rgb(235, 120, 113); left: 15vw; top: 15vw; color: white;}
}

@-webkit-keyframes box-animation-header {
    from {color: white}
    to {color: transparent}
}

@keyframes box-animation-header {
    from {color: white}
    to {color: transparent}
}

@-webkit-keyframes slideIn40 {
  from {visibility:hidden;-webkit-transform: translateX(40vw);transform: translateX(40vw)}
  to {visibility:visible;-webkit-transform: translateX(0);transform: translateX(0)}
}

@keyframes slideIn40 {
  from {visibility:hidden;-webkit-transform: translateX(40vw);transform: translateX(40vw)}
  to {visibility:visible;-webkit-transform: translateX(0);transform: translateX(0)}
}

@-webkit-keyframes slideIn95 {
  from {visibility:hidden;-webkit-transform: translateX(95vw);transform: translateX(95vw)}
  to {visibility:visible;-webkit-transform: translateX(0);transform: translateX(0)}
}

@keyframes slideIn95 {
  from {visibility:hidden;-webkit-transform: translateX(95vw);transform: translateX(95vw)}
  to {visibility:visible;-webkit-transform: translateX(0);transform: translateX(0)}
}

@-webkit-keyframes rotatedSlideIn40 {
  from {visibility:hidden;-webkit-transform: translateX(40vw) rotate(45deg);transform: translateX(40vw) rotate(45deg)}
  to {visibility:visible;-webkit-transform: translateX(0) rotate(45deg);transform: translateX(0) rotate(45deg)}
}

@keyframes rotatedSlideIn40 {
  from {visibility:hidden;-webkit-transform: translateX(40vw) rotate(45deg);transform: translateX(40vw) rotate(45deg)}
  to {visibility:visible;-webkit-transform: translateX(0) rotate(45deg);transform: translateX(0) rotate(45deg)}
}

@-webkit-keyframes rotatedSlideIn95 {
  from {visibility:hidden;-webkit-transform: translateX(95vw) rotate(45deg);transform: translateX(95vw) rotate(45deg)}
  to {visibility:visiblek;-webkit-transform: translateX(0) rotate(45deg);transform: translateX(0) rotate(45deg)}
}

@keyframes rotatedSlideIn95 {
  from {visibility:hidden;-webkit-transform: translateX(95vw) rotate(45deg);transform: translateX(95vw) rotate(45deg)}
  to {visibility:visible;-webkit-transform: translateX(0) rotate(45deg);transform: translateX(0) rotate(45deg)}
}

@-webkit-keyframes slideOut40 {
  from {-webkit-transform: translateX(0);transform: translateX(0)}
  to {-webkit-transform: translateX(40vw);transform: translateX(40vw)}
}

@keyframes slideOut40 {
  from {-webkit-transform: translateX(0);transform: translateX(0)}
  to {-webkit-transform: translateX(40vw);transform: translateX(40vw)}
}

@-webkit-keyframes slideOut95 {
  from {-webkit-transform: translateX(0);transform: translateX(0)}
  to {-webkit-transform: translateX(95vw);transform: translateX(95vw)}
}

@keyframes slideOut95 {
  from {-webkit-transform: translateX(0);transform: translateX(0)}
  to {-webkit-transform: translateX(95vw);transform: translateX(95vw)}
}

@-webkit-keyframes rotatedSlideOut40 {
  from {-webkit-transform: translateX(0) rotate(45deg);transform: translateX(0) rotate(45deg)}
  to {-webkit-transform: translateX(40vw) rotate(45deg);transform: translateX(40vw) rotate(45deg)}
}

@keyframes rotatedSlideOut40 {
  from {-webkit-transform: translateX(0) rotate(45deg);transform: translateX(0) rotate(45deg)}
  to {-webkit-transform: translateX(40vw) rotate(45deg);transform: translateX(40vw) rotate(45deg)}
}

@-webkit-keyframes rotatedSlideOut95 {
  from {-webkit-transform: translateX(0) rotate(45deg);transform: translateX(0) rotate(45deg)}
  to {-webkit-transform: translateX(95vw) rotate(45deg);transform: translateX(95vw) rotate(45deg)}
}

@keyframes rotatedSlideOut95 {
  from {-webkit-transform: translateX(0) rotate(45deg);transform: translateX(0) rotate(45deg)}
  to {-webkit-transform: translateX(95vw) rotate(45deg);transform: translateX(95vw) rotate(45deg)}
}


@-webkit-keyframes opacityIn {
    from {
        opacity: 0;
    }
    
    to {
        opacity: 1;
    }
}


@keyframes opacityIn {
    from {
        opacity: 0;
    }
    
    to {
        opacity: 1;
    }
}

@-webkit-keyframes breathe {
    0% {
        -webkit-transform:translate(0,0);
                transform:translate(0,0);
    }
    
    25% {
        -webkit-transform:translate(2px, -16px);
                transform:translate(2px, -16px);
    }

    50% {
        -webkit-transform:translate(3px,-8px);
                transform:translate(3px,-8px);
    }

    75% {
        -webkit-transform:translate(-3px, -16px);
                transform:translate(-3px, -16px);
    }


    100% {
        -webkit-transform:translate(0,0);
                transform:translate(0,0);
    }
}

@keyframes breathe {
    0% {
        -webkit-transform:translate(0,0);
                transform:translate(0,0);
    }
    
    25% {
        -webkit-transform:translate(2px, -16px);
                transform:translate(2px, -16px);
    }

    50% {
        -webkit-transform:translate(3px,-8px);
                transform:translate(3px,-8px);
    }

    75% {
        -webkit-transform:translate(-3px, -16px);
                transform:translate(-3px, -16px);
    }


    100% {
        -webkit-transform:translate(0,0);
                transform:translate(0,0);
    }
}

@-webkit-keyframes blurIn {
    from {
        opacity: 0;
        -webkit-transform:scale(0.9);
                transform:scale(0.9);
        -webkit-filter: blur(5px);
                filter: blur(5px);
    }
    
    to {
        opacity: 1;
        -webkit-transform:scale(1);
                transform:scale(1);
        -webkit-filter: blur(0);
                filter: blur(0);
    }
}

@keyframes blurIn {
    from {
        opacity: 0;
        -webkit-transform:scale(0.9);
                transform:scale(0.9);
        -webkit-filter: blur(5px);
                filter: blur(5px);
    }
    
    to {
        opacity: 1;
        -webkit-transform:scale(1);
                transform:scale(1);
        -webkit-filter: blur(0);
                filter: blur(0);
    }
}

@-webkit-keyframes openTimesDesktop {
    from {
        opacity: 0;
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg);
    }
}

@keyframes openTimesDesktop {
    from {
        opacity: 0;
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg);
    }
}

@-webkit-keyframes openTimesMobile {
    from {
        opacity: 0;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes openTimesMobile {
    from {
        opacity: 0;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes fromBottom {
    0% {-webkit-transform: translateY(50vh);transform: translateY(50vh); opacity: 0}
    80% {-webkit-transform: translateY(-2vh);transform: translateY(-2vh); opacity: 1}
    100% {-webkit-transform: translateY(0);transform: translateY(0); opacity: 1}
}

@keyframes fromBottom {
    0% {-webkit-transform: translateY(50vh);transform: translateY(50vh); opacity: 0}
    80% {-webkit-transform: translateY(-2vh);transform: translateY(-2vh); opacity: 1}
    100% {-webkit-transform: translateY(0);transform: translateY(0); opacity: 1}
}

@-webkit-keyframes wiggle {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    25% {-webkit-transform: rotate(5deg);transform: rotate(5deg)}
    50% {-webkit-transform: rotate(-4deg);transform: rotate(-4deg)}
    75% {-webkit-transform: rotate(2deg);transform: rotate(2deg)}
    100% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
}

@keyframes wiggle {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    25% {-webkit-transform: rotate(5deg);transform: rotate(5deg)}
    50% {-webkit-transform: rotate(-4deg);transform: rotate(-4deg)}
    75% {-webkit-transform: rotate(2deg);transform: rotate(2deg)}
    100% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
}

@-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
  }
  
  @-moz-keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
  }
  
  @-webkit-keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
  }
  
  @-ms-keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
  }
  
  @-o-keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
  }

/* Helfer Klassen */

.w-100 {
    width: 100% !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.border-radius-5 {
    border-radius: 5px;
}

.material-icons {
    vertical-align: sub;
    font-size: 18px;
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
}
/* h1i,h2i,h3i */
h2,h3,h4 {
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
}
/* h2i */
h3.centered {
	text-align: center;
}
/* h3i */
h4 {
    font-size: 1.2em;
    margin-bottom: 15px;
    margin-top: 15px;
}

.typewriter::after {
    content: '_';
    right: 5px;
    bottom: 0;
    -webkit-animation: 1s blink step-start infinite;
    -moz-animation: 1s blink step-start infinite;
    -ms-animation: 1s blink step-start infinite;
    -o-animation: 1s blink step-start infinite;
    animation: 1s blink step-start infinite;
}

.inline-text-heading {
    color: white;
    background-color: #6bacd1;
    padding: 2px 5px;
    border-radius: 5px;
}

h1.hide {
    display: none;
}

p {
    margin-top: 15px;
    margin-bottom: 30px;
}

.text-margin {
    margin-top: 15px;
    margin-bottom: 30px;
}

.inhalt-margin {
    margin-bottom: 45px;
}

.block {
    display: block;
}

img.centered {
    width: 50%;
    height: auto;
    border-radius: 5px;
    margin: 2vh auto;
    display: block;

}

img.full-width {
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 2vh auto;
    display: block;

}

.more i.material-icons {
    font-size: 1.2em;
}

.opt-out {
    margin-left: 2.5vw;
    margin-right: 2.5vw;
    border: none;
    cursor:pointer;
    line-height:30px;
    border-radius: 1px;
    background-color: rgba(237, 58, 90, 0.7);
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:normal;
    color:white;
    vertical-align:middle;
    font-family: "Raleway", sans-serif;
    font-size: 1.0em;
    display: none;
}

.opt-out.visible {
    display: block;
}

.font-size-unset {
    font-size: unset !important;
}


.bg-light-grey {
    background-color: rgb(240, 245, 245);
}

.nowrap {
    word-wrap: unset;
    word-break: keep-all;
    white-space: nowrap;
    hyphens: none;
}

/* Honeypot im Kontaktformular ,zum Abfangen von Spam, verstecken */
#website {
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 0;
    background-color: transparent;
    color: transparent;
    border: none;
}

html { 
    /*background-image: url("../images/background-small.jpg");*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-color: rgb(30,30,30);
}

body { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    font-family: "krub", sans-serif;
    line-height: 1.5;
    overflow: auto;
    background-color: white;
    color: #2c2c2c;
    
}

body .background {
    width: 100vw;
    overflow: hidden;
	-webkit-transform: scale3d(1,1,1);
	        transform: scale3d(1,1,1);
    position: fixed;
    z-index: -5;
    height: 100vh;
}

body .background-unit {
    width: 100vw;
    z-index: -5;
    position: fixed;
    background-color: rgb(44,44,44);
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0, 0.3);
            box-shadow: 0px 0px 10px 3px rgba(0,0,0, 0.3);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; 
}

body .button-big {
    padding: 30px;
    background-color: rgba(58, 215, 255, 0.9);
    background-image: -o-linear-gradient(45deg, #9eecff, #f16a83);
    background-image: linear-gradient(45deg, #9eecff, #f16a83);
    color: white;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 500px;
    border-width: 0;
    margin-top: 60px;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

body .button-big:hover {
    cursor: pointer;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 5px 10px rgba(44,44,44, 0.2);
    box-shadow: 0px 5px 10px rgba(44,44,44, 0.2);
}

body .contact_bubble {
    background-color: #2c2c2c;
    color: white;
    width: 33vw;
    border-radius: 1vw;
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 2.5vw;
    padding: 0;
	visibility:hidden;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.29);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.29);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    border: 1px solid rgb(33, 33,33);
    -webkit-transform: translateX(40vw);
        -ms-transform: translateX(40vw);
            transform: translateX(40vw);
    -webkit-animation: slideIn40 1s 60s forwards;
            animation: slideIn40 1s 60s forwards;
}

body .contact_bubble.closed {
    -webkit-animation: slideOut40 1s forwards;
            animation: slideOut40 1s forwards;
}
                    /* h2i */
body .contact_bubble h3 {
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0;
    -webkit-text-decoration-color: #3AD7FF;
    text-decoration-color: #3AD7FF;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
    font-weight: 200;
    margin-left: 0;
    margin-right: 0;
}
                    /* h2i */
body .contact_bubble h3:first-of-type {
    margin-top: 0;
}

body .contact_bubble p {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

body .contact_bubble fieldset {
    margin: 15px;
}

body .contact_bubble::before {
    content: '';
    position: absolute;
    background-color: #2c2c2c;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
    width: 3vw;
    height: 3vw;
    right: -1.5vw;
    bottom: 3.5vw;
}

body .contact_bubble .close_button {
    position: absolute;
    right: 15px;
    top: 15px;
    background: transparent;
    border: none;
    color: white;
    font-size: 1em;
    cursor: pointer;
    font-family: 'Krub', Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana, sans-serif;
}

body .contact_bubble .close_button:hover {
    text-decoration: underline;
}

body .contact_bubble .contact_bubble_text {
    margin: 15px 15px 0 15px;
    font-size: 1.2em;
}

body .contact_bubble fieldset {
    width: calc(100% - 30px);
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

body .contact_bubble form {
    text-align: left;
    margin: 0;
    width: 100%;
}

body .contact_bubble form input[type="text"], body .contact_bubble form input[type="email"], body .contact_bubble form input[type="tel"] {
    max-width: 300px;
    border: none;
    padding: 15px;
    font-size: 0.75em;
}

body .contact_bubble form input[type="submit"] {
    float: none;
    background-color: white;
    color: black;
    margin-top: 0;
    margin-bottom: 0;
    padding: 13px 15px;
    font-size: 0.75em;
    margin-top: 2px;
    margin-bottom: 2px;
}

body .contact_bubble_triangle {
    position: fixed;
    background-color: #2c2c2c;
    width: 3vw;
    height: 3vw;
    right: 1vw;
    bottom: 1vw;
    margin-bottom: 5vw;
	visibility: hidden;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.29);
            box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.29);
    z-index: 1;
    border: 1px solid rgb(33, 33,33);
    -webkit-transform: translateX(40vw) rotate(45deg);
        -ms-transform: translateX(40vw) rotate(45deg);
            transform: translateX(40vw) rotate(45deg);
    -webkit-animation: rotatedSlideIn40 1s 60s forwards;
            animation: rotatedSlideIn40 1s 60s forwards;
}

body .contact_bubble_triangle.closed {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: rotatedSlideOut40 1s forwards;
            animation: rotatedSlideOut40 1s forwards;
}

body table, body ul, body ol {
    text-align: left;
}

header { 
    width: 100%; 
    height: 111px; 
    background-color: white; 
    position: fixed; 
    z-index: 5;
}

		
footer { 
    width: 100%; 
    height: auto; 
    background-color: #2c2c2c; 
    position: relative; 
    color: white;
    margin: 0;
}

footer::after {
    content: '';
    display: block;
    position: relative;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: rgb(44,44,44,1);
    background-image: -o-linear-gradient(225deg, #3ad8ff7f, #ef526e7f);
    background-image: linear-gradient(-135deg, #3ad8ff7f, #ef526e7f);
    opacity: 1;
}
		

footer p {
    margin: 0;
}
        h3i
footer h4 {
    margin-top: 0;
    font-size: 1.2em;
}
        h3i
footer h4.margin-top {
    margin-top: 30px;
}

footer .social-media {

    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

footer .facebook-link-container {
    margin: -15px;
}

footer .facebook-link img {
    height: 30px;
    width: auto;
    padding: 15px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}


footer .contact-information {

    border-top: 1px solid rgba(42,42,42, 0.5);
}

footer .footer-navigation {

    border-top: 1px solid rgba(42,42,42, 0.5);
}

footer .footer-navigation ul {
    padding: 0;
    border-left: 4px solid white;
    list-style-type: none;
    padding-left: 15px;
}

/*footer .footer-navigation ul li {
    margin-bottom: 1vh;
}*/

footer .footer-navigation ul li:hover {
    cursor: pointer;
    text-decoration: underline;
}
                                            h3i
footer .footer-navigation .nav-item-container h4 {
    margin-bottom: 0;
}

footer .footer-navigation .nav-item-container ul {
    margin-top: 15px;
}

footer .footer-navigation, footer .contact-information {
    position: relative;
    padding-top: 30px;
    padding-bottom: 32px;
    row-gap: 15px;
}

footer .footer-navigation::after, footer .contact-information::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #e9e9e9;
    opacity: 0.5;
    border-radius: 4px;
}

footer .copyright {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

footer table {
    margin: auto;
    height: auto;
}

footer table td {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
}

footer table td:nth-of-type(n+2) {
    border-left: 2px solid white;
}

footer table td a {
    color: white;
    text-decoration: none;
    -webkit-transition: -webkit-text-decoration 0.5s ease-out;
    transition: -webkit-text-decoration 0.5s ease-out;
    -o-transition: text-decoration 0.5s ease-out;
    transition: text-decoration 0.5s ease-out;
    transition: text-decoration 0.5s ease-out, -webkit-text-decoration 0.5s ease-out;
}

footer table td a:hover {
    text-decoration: underline;
}

footer table td img {
    height: 20px;
}

footer .footer-hr {
    width: 30vw;
    border: 2px solid white;
    margin-top: 5vw;
    margin-bottom: 5vw;
}

footer span.ecosia {
    color: white;
}
        h3i
footer h4 {
    color: white;
}
		
section { 
    width: 100%; 
    height: auto;   
}

body section article:first-of-type {
    padding-top: 110px;
}

a{
    color: #6bacd1;
    text-decoration: none;
}

a:visited{
    color: #6bacd1;
}

a:hover{
    text-decoration: underline;
}

.shopping-button {
	position: fixed;
	left: 15px;
	bottom: 15px;
	background-color: #6bacd1;
	color: white;
	border-radius: 50px;
	padding: 7.5px 15px;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}
		
.slider-table { 
    width: 100%;
    height: 100%; 
}
		
#webdesign {
    -webkit-transition: width 2s; /* Safari */
    -o-transition: width 2s;
    transition: width 2s;
    margin-top: 0;

}
		
#kontakt {
    -webkit-transition: width 2s; /* Safari */
    -o-transition: width 2s;
    transition: width 2s;
    margin-top: 0;

}
		
.impressum { 
    -webkit-transition: width 2s; /* Safari */
    -o-transition: width 2s;
    transition: width 2s;
}
		
.datenschutz { 
    -webkit-transition: width 2s; /* Safari */
    -o-transition: width 2s;
    transition: width 2s;
}
		
table { 
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

header .header .pre-nav-container {
	background-color: #6bacd1;
	color: white;
	padding: 5px 15px;
	display: flex;
	font-size: 0.8rem;
    font-family: Krub;
	justify-content: flex-end;
	border-bottom: 1px solid rgba(0,0,0,0.08);
    height: 30px;
}

header .header .pre-nav-container.mobile {
    display: none;
    
}

header .header .pre-nav-container .pre-nav-box1 {
	display: flex;
    width: 50%;
    align-items: flex-start;
	padding-left: 15px;
	padding-right: 15px;

}

header .header .pre-nav-container .pre-nav-box2 {
	display: flex;
    width: 50%;
    justify-content: flex-end;
	padding-left: 15px;
	padding-right: 15px;

}

header .header .pre-nav-container .pre-nav-box2 .pre-nav-element-link{
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
    border: none;
}
.pre-nav-element-link a {
    color: white;
    text-decoration: none;
}

.pre-nav-element a:visited{
    color: white;
}

.pre-nav-element a:hover{
    text-decoration: underline;
} 

.pre-nav-element a {
    color: white;
    text-decoration: none;
}

.pre-nav-element-link a:visited{
    color: white;
}

.pre-nav-element-link a:hover{
    text-decoration: underline;
} 

header .header .pre-nav-container .pre-nav-element {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid white;
}

header .header .pre-nav-container .pre-nav-element:last-of-type {
	border-right: none;
}

header .header .pre-nav-container .pre-nav-element .material-icons {
	font-size: 0.90rem;
	vertical-align: sub;
	margin-right: 7.5px;
}




.main-nav {
    height: 80px;
}

header .logo-link {
    height: 70px;
}

header .header-image {

    max-height: 100%;
    max-width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}

header .business-name {
    width: 100%;
    height: auto;
    max-height: 15px;
    max-width: 106.967px;
}

/*
Navigation auf den Boden des Headers binden
*/
header .header {
    position: absolute;
    width: 100%;
    height: 111px;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.10);
            box-shadow: 0 0px 2px rgba(0, 0, 0, 0.10);
    border-bottom: 1px solid rgba(44,44,44, 0.1);
    margin: 0;
    padding: 0;
    background-color: white;
}

header .header nav {
    height: 80px;
    font-family: "Arial", Helvetica, sans-serif;
    width: 100%;
    background-color: white;
}

		
header .header nav .nav-list{
	background-color: white;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    bottom: 0;
    text-align: center;
    height: 100%;
    width: 75%;
    color: white;
    font-weight: normal;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
		
header .header nav .nav-list li {
    /*display: inline-block;*/
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 20px;
    height: 40px;
    vertical-align: top;
}

header .header nav .nav-list li.active a span {
    position: relative;
}

header .header nav .nav-list li.active a span::before {
    content: '[';
    position: absolute;
    left: -12px;
    top: 0;
    color: #6babd1;
    font-size: 18px;
    line-height: 18px;
}

header .header nav .nav-list li.active a span::after {
    content: ']';
    position: absolute;
    right: -12px;
    top: 0;
    color:#6babd1;
    font-size: 18px;
    line-height: 18px;
}

header .header nav .nav-list li a {
    vertical-align: middle;
    height: 100%;
    line-height: 40px;
    text-decoration: none;
	color: #2c2c2c;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	font-size: 16px;
}
		
header .header nav .nav-list li:hover {
    cursor: pointer;
    -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
    user-select: none;

}

header .header nav .nav-list li:hover a {
    /*color: #3AD7FF;*/
    color: #6babd1;
}


header .header nav .nav-list li ul.dropdown {
    position: relative;
    background-color: white;
    color: #2c2c2c;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 1px solid #bfbfbf;
    z-index: 5;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transition: 0.25s ease-out transform;
    -o-transition: 0.25s ease-out transform;
    transition: 0.25s ease-out transform;
    background-color: #bfbfbf;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.10);
            box-shadow: 0 0px 2px rgba(0, 0, 0, 0.10);

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

header .header nav .nav-list li:hover ul.dropdown {
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
}

header .header nav .nav-list li ul.dropdown li {
    line-height: 40px;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    word-wrap: break-word;
    /*border-bottom: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;*/
    background-color: white;
    -webkit-transition: 0.25s ease-out transform;
    -o-transition: 0.25s ease-out transform;
    transition: 0.25s ease-out transform;
    width: 100%;
    height: 100%;
    font-size: 14px;
}

header .header nav .nav-list li ul.dropdown li:last-of-type {
    border-bottom: none;
}

header .header nav .nav-list li ul.dropdown li:hover {
    background-color: #f2f2f2;
    -webkit-animation: none;
            animation: none;
    -webkit-transform: translateX(.5vw);
        -ms-transform: translateX(.5vw);
            transform: translateX(.5vw);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
}

li.hide-on-desk {
    display: none;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

fieldset table {
    width: 100%;
}

input[type="text"], select, textarea, input[type="email"], input[type="tel"] {
    width: 100%;
    padding: 15px;
    padding-bottom: 5px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 2px;
    margin-left: 0;
    resize: vertical;
    font-family: "Verdana", Verdana, sans-serif;
    font-size: 1em;
    /*background-color: rgb(245, 245, 245);*/
    border: 2px solid transparent;
    border-bottom: 2px solid black;
}

textarea {
    width: 100%;
    /*border-left-color: #e9e9e9;
    border-top-color: #e9e9e9;
    border-right-color: #e9e9e9;*/
    height: calc(100% - 1px);
    resize: none;
    border-color: #e9e9e9;
}

input[type="text"]:focus, select:focus, textarea:focus, input[type="email"]:focus, input[type="tel"]:focus {
    border-bottom: 2px solid #3AD7FF;
}

input[type=submit], input[type=reset] {
    padding: 15px;
    border: 2px solid white;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 15px;
    resize: vertical;
    font-family: "Verdana", Verdana, sans-serif;
    background-color: rgb(245, 245, 245);
}

input[type=submit]:hover, input[type=reset]:hover{
    border: 2px solid #3AD7FF;
}

input[type=submit]:active, input[type=reset]:active {
    background-color: #3AD7FF;
    color: white;
}

input[type=submit]{
    float: left;
    font-weight: bold;
    background-color: black;
    color: white;
    border: 2px solid white;
    -webkit-appearance: none;
}

input[type=reset] {
    float: right;
    background-color: transparent;
    border: 2px solid black;
}

input[type=checkbox] {
    margin-left: 0;
    margin-right: 15px;
}

.submit_reset {
    width: 100%;
}

		
.spacer-before {      
    height: 60px;
    width: 100%;
    background: none;
}


/* Bootstrap Carousel */
.carousel.responsive .carousel-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 750px;
}

.carousel.responsive .carousel-inner * {
    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

.carousel .ghostButton {
    background-color: transparent;
    color: white !important;
    border-color: white;
}

.carousel .ghostButton:hover {
    background-color: white;
    color: #2c2c2c !important;
    text-shadow: none;
}


.carousel.responsive .carousel-caption {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    text-align: left;
    margin: auto;
    max-width: 1140px;
    text-shadow: 0 0px 30px rgba(0,0,0,0.6);
    z-index: 0;
}

.carousel.responsive .carousel-caption::after {
    content: "";
    display: table;
    clear: both;
}
                                        /* h1i */
.carousel.responsive .carousel-caption h2 {
    font-size: 4rem;
    text-align: left;
    font-family: 'Krub', Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana, sans-serif;
}

.carousel.responsive .carousel-caption p {
    font-size: 2.4rem;
    font-weight: bold;
}

.carousel.responsive .carousel-caption .ghostButton {
    margin-top: 120px;
    float: right;
    -webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.1);
            box-shadow: 0 0px 30px rgba(0,0,0,0.1);
}

.color-banner {
    background-color: #6babd1;
}

.color-banner.home {
    background-color: white;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: calc(100vh - 160px);
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: rgba(107, 172, 209, 1);*/
    background-size: auto;
    background-size: cover;
    background-blend-mode: multiply;
    background-position: left center;
    /*text-shadow: 0 15px 30px rgba(0,0,0,.6);*/
    background-repeat: no-repeat;
}

.color-banner.home * {
    color: black !important;
}

/*:not(.webp) .color-banner.home {
    background: url("/images/server-racks.jpg") rgba(107, 172, 209, 1);
}

.webp .color-banner.home {
    background: url("/images/server-racks.webp") rgba(107, 172, 209, 1);
}*/

.color-banner.home .background-pattern-dotted {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 0;
    /*padding: 2.25em 1.6875em;
    background-image: -webkit-repeating-radial-gradient(center center,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 1px,transparent 100%);
    background-image: -o-repeating-radial-gradient(center center,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 1px,transparent 100%);
    background-image: repeating-radial-gradient(center center,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 1px,transparent 100%);
    background-size: 3px 3px;
    background-color: rgba(0,0,0,.2);*/
    background-color: rgba(0,0,0,0.1);
    
}

.color-banner * {
    background-color: transparent !important;
    color: white !important;
}


                    /* h3 vorher */
.color-banner .inhalt h1 {
    font-size: 3.5em;
    font-family: Raleway,sans-serif;
}
                            /* h3 vorher*/
.color-banner.home .inhalt h1 {
    text-align: center;
}

/* neu eingefügt */
.inhalt h1 {
	font-family: 'Raleway', sans-serif;
	font-size: 1.4em;
	/* margin-left: 2.5vw; */
	/* margin-right: 2.5vw; */
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 15px;
}
                    /* h3i */
.color-banner .inhalt h4 {
    text-align: center;
    font-family: Krub;
    font-weight: normal;
    font-size: 1.4em;   
}
                    /* h2i */
.color-banner .inhalt h3.big {
    font-size: 1.4em;
}

.color-banner .usp-container {
    font-family: 'Krub', Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana, sans-serif;
    text-align: center;
    padding: 60px 15px;
}

.color-banner .usp-container .usp-icon-container {
    margin-bottom: 15px;
}

.color-banner .usp-container .usp-icon-container svg {
    height: 60px;
    width: auto;
    text-align: center;
}

.color-banner .usp-container .usp-heading-container {
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 5px;
}

.color-banner .ghostButton {
    background-color: transparent;
    color: white !important;
    border-color: white;
}

.color-banner .ghostButton:hover {
    background-color: white !important;
    color: #2c2c2c !important;
    text-shadow: none;
}

.home_arrow_down {
    height: 50px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
    background-color: #6bacd1;
}

.home_arrow_down .arrow_down, .home_arrow_down .arrow_down svg {
    height: 30px;
    width: 30px;
}

.content {
    height: 100%;
    width: 100%;
}

.content.primary-color .inhalt {
	background-color: transparent;
	color: white;
}

.content.center {
	text-align: center;
}

        /* h3i           h4i */
/*.inhalt h4, .inhalt h5, .inhalt ul {
    margin-left: 2.5vw;
    margin-right: 2.5vw;
}*/

.inhalt {
    background-color: white;
    margin: auto;
    margin-bottom: 15px;
    color: black;
}

.inhalt.home-services-container {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 60px;
    background-color: transparent;;
}

.inhalt.bottom-line {
    border-bottom: 1px solid #e9e9e9;
}

                                /* h2i */
.inhalt.home-services-container h3 {
    margin-top: 30px;
}

.inhalt.home-services-container p {
    font-size: 1.0em;
}

.inhalt .home-services-img-container {
    text-align: center;
}

.inhalt .home-services-img-container img {
    max-width: 100%;
    width: calc(100% - 30px);
    border-radius: 50%;
    border: 2px solid #e9e9e9;
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

.inhalt .offers-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    position: relative;
    margin-top: 60px;
}

.inhalt .offer-link {
    display: block;
    color: black;
    text-decoration: none !important;
    margin-bottom: 60px;
}

.inhalt .offer::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: 'Jetzt anfordern';
    color: white;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 15px;
}

.inhalt .offer {
    background-image: -o-linear-gradient(225deg, #3ad8ff7f, #ef526e7f);
    background-image: linear-gradient(-135deg, #3ad8ff7f, #ef526e7f);
    background-color: white;
    border-radius: 30px;
    padding: 0 !important;
    font-family: 'Krub', Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana, sans-serif;
    font-size: 1.0em;
    width: 300px;
    position: relative;
    height: 100%;
}

.inhalt .offer-content {
    background-color: white;
    border-radius: 30px;
    border: 5px solid #e9e9e9;
    padding: 15px;
    height: 100%;
    -webkit-transition: 0.3s -webkit-transform ease-out;
    transition: 0.3s -webkit-transform ease-out;
    -o-transition: 0.3s transform ease-out;
    transition: 0.3s transform ease-out;
    transition: 0.3s transform ease-out, 0.3s -webkit-transform ease-out;
    position: relative;
    z-index: 1;
}

.inhalt .offer:hover .offer-content {
    -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
            transform: translateY(-60px);
}

.inhalt .offer-image {
    width: 50%;
    margin: auto;
}

.inhalt .offer-image img { 
    width: 100%;
    height: auto;
    max-width: 100%;
}

.inhalt .offer-title {
    width: 100%;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    text-align: left;
    font-size: 1.5em;
    padding-top: 15px;
    min-height: calc(1.5em * 2 + 15px);
}

.inhalt .offer-price {
    width: 100%;
    font-family: 'Raleway', sans-serif;
    text-align: left;
    font-size: 1.75em;
    color: rgb(239, 77, 106);
    padding-top: 15px;
}

.inhalt .offer-text {
    width: 100%;
    padding-top: 15px;
}

.inhalt .fernwartung {
    /*background-image: url("/images/fernwartung.jpg");*/
    padding: 15px;
    text-align: center;
    /*background-position: center;
    background-size: cover;
    background-attachment: fixed;
    -webkit-box-shadow: inset 0 1vh 2.5vw rgba(0,0,0,0.3);
            box-shadow: inset 0 1vh 2.5vw rgba(0,0,0,0.3);
    border-radius: 5px;*/
}

.inhalt .fernwartung-button {
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    padding: 15px 15px;
    margin: 30px auto;
    text-align: center;
    background-image: -o-linear-gradient(45deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
    background-image: linear-gradient(45deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
    display: inline-block;
    text-decoration: none;
    display: table;
    border-radius: 20vw;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out, -webkit-transform 0.25s ease-out;
    transition: -webkit-box-shadow 0.25s ease-out, -webkit-transform 0.25s ease-out;
    -o-transition: box-shadow 0.25s ease-out, transform 0.25s ease-out;
    transition: box-shadow 0.25s ease-out, transform 0.25s ease-out;
    transition: box-shadow 0.25s ease-out, transform 0.25s ease-out, -webkit-box-shadow 0.25s ease-out, -webkit-transform 0.25s ease-out;
    -webkit-box-shadow: 0px 2px 5px rgba(44,44,44, 0.1);
            box-shadow: 0px 2px 5px rgba(44,44,44, 0.1);
    border: 2px solid white;
}

.inhalt .fernwartung-button:nth-of-type(2) {
    background-image: -o-linear-gradient(190deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
    background-image: -o-linear-gradient(260deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
    background-image: linear-gradient(190deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
}

.inhalt .fernwartung-button:nth-of-type(3) {
    background-image: -o-linear-gradient(297deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
    background-image: -o-linear-gradient(153deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
    background-image: linear-gradient(297deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
}

.inhalt .fernwartung-button:hover {
    text-decoration: none;
    -webkit-box-shadow: 0px 5px 10px rgba(44,44,44, 0.2);
            box-shadow: 0px 5px 10px rgba(44,44,44, 0.2);
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
}

.inhalt .fernwartung-button:visited {
    color: white;
}

.inhalt .fernwartung-button .material-icons {
    font-size: 23px;
}

table.services {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #2c2c2c;
    margin: auto;
    border-color: #e9e9e9;
    border-style: hidden;
    border-width: 1px;
}

table.services th {
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    color: black;
    border-top-style: hidden;
    border-left-style: hidden;
    border-right-style: hidden;
}

table.services th, table.services td {
    padding: 15px 15px;
    width: 50%;
    -webkit-transition: background 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: background 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: background 0.3s ease-out, transform 0.3s ease-out;
    transition: background 0.3s ease-out, transform 0.3s ease-out;
    transition: background 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

table.services td {
    font-size: 1em;
    border-style: hidden;
    border-left-style: solid;
    border-right-style: solid;
    border-color: #e9e9e9;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

table.services tr:nth-of-type(2n) td{
    background-color: #fdfdfd;
}


table.services tr td i {
    color: #3ad7ff;
}

table.services td:hover, table.services tr:nth-of-type(2n) td:hover {
    background-color: #f5f5f5;
}

.inhalt .box-animation {
    position: relative;
    width: 25vw;
    height: 25vw;
    margin: auto;
    color: transparent;
    text-align: center;
}
                    /* h2i */
.inhalt .box-animation h3 {
    margin-top: 30px;
    font-size: 1.5vw;
    font-weight: 700;
    position: relative;
}

.inhalt .box-animation .first-box {
    position: absolute;
    width: 20vw;
    height: 20vw;
    /*background-color: rgb(237, 65, 98);*/
    background-color: rgb(235, 91, 119);
    left: 2.5vw;
    top: 2.5vw;
    border-radius: 0.75vw;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1);
            box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1);
    animation: first-box 1s ease-out 1s forwards;
    -moz-animation: first-box 1s ease-out 1s forwards;
    -webkit-animation: first-box 1s ease-out 1s forwards;
    -o-animation: first-box 1s ease-out 1s forwards;
}

.inhalt .box-animation .second-box {
    position: absolute;
    width: 15vw;
    height: 15vw;
    background-color: rgb(235, 91, 119);   
    left: 5vw;
    top: 5vw;
    border-radius: 0.75vw;
    animation: second-box 1s ease-out 1s forwards;
    -moz-animation: second-box 1s ease-out 1s forwards;
    -webkit-animation: second-box 1s ease-out 1s forwards;
    -o-animation: second-box 1s ease-out 1s forwards;
}

.inhalt .box-animation .third-box {
    position: absolute;
    width: 10vw;
    height: 10vw;
    background-color: rgb(235, 91, 119);
    left: 7.5vw;
    top: 7.5vw;
    border-radius: 0.75vw;
    animation: third-box 1s ease-out 1s forwards;
    -moz-animation: third-box 1s ease-out 1s forwards;
    -webkit-animation: third-box 1s ease-out 1s forwards;
    -o-animation: third-box 1s ease-out 1s forwards;
}

.inhalt .hosting-animation {
    margin: auto;
    position: relative;
    height: 35vh;
}

.homecontainer, .homecontainer_it {
    background: rgb(245,147,165); 
    background: -o-linear-gradient(315deg, rgb(248, 160, 176) 0%,rgb(153, 235, 255) 100%);
    background: linear-gradient(135deg, rgb(248, 160, 176) 0%,rgb(153, 235, 255) 100%);
    width: 100%;
    height: calc(100vh - 80px);
    position: relative;
    margin: 0 !important;
}

.homecontainer_home {
    background-image: url("/images/home_background.jpg");
    background-attachment: fixed;
    position: relative;
    width: 100%;
}

/*.homecontainer_home::before {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 0;
    padding: 2.25em 1.6875em;
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 1px, transparent 100%);
    background-image: -o-repeating-radial-gradient(center center, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 1px, transparent 100%);
    background-size: 3px 3px;
    content: '';
}*/

.homecontainer_home, .homecontainer_it {
    /*background-image: url(../images/regensburg_klein.jpg);*/
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: white;
}

.homecontainer_it {
    position: relative;
    /*background-image: url("../images/it-services-home.jpg");*/
    height: auto;
    background: none;
    overflow: hidden;
}

/*.webp .homecontainer_it {
    background-image: url("../images/it-services-neustifter-services-2.webp");
}*/

.homecontainer_it .sidecontainer {
    position: absolute;
    left: 0;
    top: 0;
    height: 400px;
    width: 400px;
    background-color: white;
    -webkit-box-shadow: 5px 0px 10px rgba(44,44,44, 0.2);
            box-shadow: 5px 0px 10px rgba(44,44,44, 0.2);
    text-align: left;
    padding: 60px 75px 60px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom-right-radius: 400px;
}
                                /* h1i */
.homecontainer_it .sidecontainer h2 {
    text-align: left;
    margin: 0;
}

.homecontainer .homecontainer_spancontainer, .homecontainer_home .homecontainer_spancontainer {
    text-align: center;
    height: 50%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: table;
}

                                                                                                                                                                                                                    /* h1i */
.homecontainer .homecontainer_spancontainer .homecontainer_heading, .homecontainer_home .homecontainer_spancontainer .homecontainer_heading, .homecontainer_home .homecontainer_spancontainer .homecontainer_heading h2 {
    color: white;
    font-size: 5vh;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-shadow: 0 15px 30px rgba(0,0,0,0.3);
    /*filter: blur(0.004em);*/
}
                                                                        /* h1i */
.homecontainer_home .homecontainer_spancontainer .homecontainer_heading h2 {
    padding: 0;
	-webkit-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	        transform: scale(0.9);
	-webkit-filter: blur(5px);
	        filter: blur(5px);
	opacity: 0;
	-webkit-animation: 1.5s 1s ease-out forwards blurIn;
            animation: 1.5s 1s ease-out forwards blurIn;
    color: /*#2c2c2c*/ white;
    /*text-shadow: 0 0.5vh 0.5vw rgba(0,0,0,0.02);*/
    display: block;
    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    margin-bottom: 90px;
    margin-top: 90px;
}

.homecontainer_spancontainer .homecontainer_heading u {
    font-weight: 900;
}

.homecontainer_spancontainer .homecontainer_heading_small {
    font-size: 4vh;
    font-weight: 500;
	-webkit-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	        transform: scale(0.9);
	-webkit-filter: blur(5px);
	        filter: blur(5px);
	opacity: 0;
	-webkit-animation: 1.5s 2s ease-out forwards blurIn;
            animation: 1.5s 2s ease-out forwards blurIn;
    color: /*#2c2c2c*/ white;
    /*text-shadow: 0 0.5vh 0.5vw rgba(0,0,0,0.02);*/
}

.homecontainer .homecontainer_divcontainer, .homecontainer_home .homecontainer_divcontainer, .homecontainer_it .homecontainer_divcontainer {
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-pack: space-around;
        -ms-flex-pack: space-around;
            justify-content: space-around;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}

.homecontainer_home .homecontainer_divcontainer, .homecontainer_it .homecontainer_divcontainer {
    height: 100px;
}

@supports (-ms-flow-from: thingy) {
    .homecontainer .homecontainer_divcontainer, .homecontainer_home .homecontainer_divcontainer, .homecontainer_it .homecontainer_divcontainer {
        -webkit-box-pack: space-around;
        -ms-flex-pack: space-around;
            justify-content: space-around;
    }
}

.homecontainer .homecontainer_divcontainer .homecontainer_element {
    height: 40vh;
    width: 15vw;
    min-width: 200px;
    background-color: white;
    border-radius: 3vh;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.3);
            box-shadow: 0 15px 30px rgba(0,0,0,0.3);
    padding: 0;
    -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
    -o-transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
    -webkit-transform: translateY(50vh);
        -ms-transform: translateY(50vh);
            transform: translateY(50vh);
    opacity: 0;
}

/*.homecontainer .homecontainer_divcontainer .homecontainer_element:hover {
    transform: scale(1.05);
    box-shadow: 0 1.5vh 4vw rgba(0,0,0,0.3);
}*/

.homecontainer .homecontainer_divcontainer .homecontainer_element.inView {
    -webkit-animation: fromBottom 0.75s ease-out forwards;
            animation: fromBottom 0.75s ease-out forwards;
}

.homecontainer .homecontainer_divcontainer .homecontainer_element:first-of-type {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
}

.homecontainer .homecontainer_divcontainer .homecontainer_element:nth-of-type(2) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}

.homecontainer .homecontainer_divcontainer .homecontainer_element:nth-of-type(3) {
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
}

.homecontainer_home .homecontainer_divcontainer .arrow_down, .homecontainer_it .homecontainer_divcontainer .arrow_down, .arrow_down {
    -webkit-transition: 0.25s linear transform;
    -o-transition: 0.25s linear transform;
    transition: 0.25s linear transform;
    margin: 25px 25px;
    /*opacity: 0.125;*/
}

.homecontainer_home .homecontainer_divcontainer .arrow_down:hover, .homecontainer_it .homecontainer_divcontainer .arrow_down:hover, .arrow_down:hover {
    cursor: pointer;
    -webkit-transform: translateY(1vh);
        -ms-transform: translateY(1vh);
            transform: translateY(1vh);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
}

.homecontainer_home .homecontainer_divcontainer .arrow_down, .homecontainer_home .homecontainer_divcontainer .arrow_down svg,
 .homecontainer_it .homecontainer_divcontainer .arrow_down, .homecontainer_it .homecontainer_divcontainer .arrow_down svg {
    height: 50px;
    width: 50px;
    -ms-flex-item-align: end;
        align-self: flex-end;
}

.homecontainer_it .homecontainer_divcontainer {
    margin-top: calc(100vh - 180px);
}

.homecontainer_element .image {
    height: 50%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: rgb(44,44,44);
    border-top-left-radius: 3vh;
    border-top-right-radius: 3vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-around;
        -ms-flex-pack: space-around;
            justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10%;
}

.homecontainer_element svg {
    width: 100%;
    height: 100%;
}

.homecontainer_element .image img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    /*filter: blur(0.02em);*/
}

.homecontainer_element .zahnrad {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
            transform: scale(1.01);
    
    -webkit-transform: rotate(2deg);
    
        -ms-transform: rotate(2deg);
    
            transform: rotate(2deg);
    transform-box: fill-box;
}

.homecontainer_element .zahnrad_blau {
    -webkit-transform-origin: -4.8817px 226.89px;
        -ms-transform-origin: -4.8817px 226.89px;
            transform-origin: -4.8817px 226.89px;
    -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
            transform: rotate(18deg);
}

.homecontainer_element .zahnrad_rot {
    -webkit-transform-origin: -53.252998px 240.95px;
        -ms-transform-origin: -53.252998px 240.95px;
            transform-origin: -53.252998px 240.95px;
    -webkit-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
            transform: rotate(8deg);
}

.homecontainer_element .text {
    height: 50%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-size: 1.75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.homecontainer .caption, .homecontainer_home .caption {
    position: absolute; 
    right: 0;
    bottom: 0;
    font-size: 12px;
    padding: .5vh .5vw;
    color: white;
}

.homecontainer .webdesign_background_container {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
}

.homecontainer .webdesign_background_container .background_video {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    background-image: url("/videos/background_video_thumbnail.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}


.homecontainer .webdesign_background_container .background_video #webdesign_video {
    position: absolute;
    top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
  overflow: hidden;
    /*filter: grayscale(0.3) brightness(0.9) contrast(0.9);*/
}

.homecontainer .webdesign_background_container .background_pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 0;
    padding: 2.25em 1.6875em;
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 1px, transparent 100%);
    background-image: -o-repeating-radial-gradient(center center, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 1px, transparent 100%);
    background-size: 3px 3px;
    background-color: rgba(0,0,0,0.2);
}

.homecontainer .webdesign_textcontainer {
    position: absolute;
    top: calc(50% - 75px);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: white;
    font-size: 3.5em;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-shadow: 0 15px 30px rgba(0,0,0,0.6);
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.homecontainer .webdesign_textcontainer .textcontainer_heading {
    -webkit-animation: 1.5s 1s ease-in-out forwards opacityIn, 20s 1s ease-in-out infinite breathe normal;
            animation: 1.5s 1s ease-in-out forwards opacityIn, 20s 1s ease-in-out infinite breathe normal;
    opacity: 0;
    display: block;
    overflow: hidden;
}

.homecontainer .webdesign_arrow_down {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    height: 100px;
    text-align: center;
}

.homecontainer .webdesign_arrow_down .arrow_down {
    margin: 25px auto;
    height: 50px;
    width: 50px;
    -webkit-transition: 0.25s linear transform;
    -o-transition: 0.25s linear transform;
    transition: 0.25s linear transform;
}

.homecontainer .webdesign_arrow_down .arrow_down:hover {
    cursor: pointer;
    -webkit-transform: translateY(1vh);
    -ms-transform: translateY(1vh);
    transform: translateY(1vh);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.homecontainer .webdesign_arrow_down .arrow_down svg {
    height: 50px;
    width: 50px;
}

.benefit-article {
    background: -o-linear-gradient(135deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background: -o-linear-gradient(225deg, #3ad8ff, #80a4c7, #31d7de);
    background: linear-gradient(-135deg, #3ad8ff, #80a4c7, #31d7de);
	background-size: 400% 400%;
	-webkit-animation: gradient 15s ease infinite;
	        animation: gradient 15s ease infinite;
}
                    /* h1i */
.benefit-container h2 {
    color: white;
    text-shadow: 0 15px 30px rgba(0,0,0,0.3);
}

.benefit-container .benefit-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-bottom: 30px;
}

.benefit-container .benefit-flex .benefit {
    position: relative;
    background-color: white;
    margin: 30px;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.3);
            box-shadow: 0 15px 30px rgba(0,0,0,0.3);
    border: 2px solid #e9e9e9;
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
    -webkit-transition: 0.3s ease-out opacity, 0.3s ease-out transform;
    -o-transition: 0.3s ease-out opacity, 0.3s ease-out transform;
    transition: 0.3s ease-out opacity, 0.3s ease-out transform;
    -webkit-transform-style: flat;
            transform-style: flat;
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    will-change: transform, opacity;
}

.benefit-container .benefit-flex .benefit.invisible {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
}

.benefit-container .benefit-flex .benefit.visible {
    opacity: 1;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
}

.benefit-container .benefit .benefit-icon {
    font-size: 50px;
    color: #2c2c2c;
}


.benefit-container .benefit span {
    position: absolute;
    width: 150px;
    max-height: 150px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    overflow: hidden;
    text-align: center;
    color: #2c2c2cbf;
    font-weight: bold;
    font-family: 'Krub', sans-serif;
    font-size: 1.2em;
}


.inhalt .responsive-design-img {
    float: right;
    max-width: 30vw;
    height: auto;
    border-radius: 2px;
}

.inhalt .responsive-design-img-2 {
    width: 100%;
    height: auto;
    border-radius: 2px;
}

.inhalt .shopware-img-link-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

.inhalt .shopware-img-link {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}


p {
    font-size: 1.0em;
    /*margin-left: 2.5vw;
    margin-right: 2.5vw;*/
    /*font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;*/
    font-family: 'Krub', Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana, sans-serif;
}
            /* h1i */
p, th, td, h2, span {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

p.subheading {
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
    font-family: raleway;
}

ul {
    font-size: 1.0em;
    font-family: 'Krub', Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana, sans-serif;
    line-height: 2;
}

a {
    word-break: keep-all;
}

.datenschutz a {
    word-break: normal;
}
/* h1i */
h2 {
    /*-webkit-text-decoration-color: #3AD7FF;
            text-decoration-color: #3AD7FF;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip: ink;*/
    /*font-family: 'Oswald', sans-serif;*/
    font-family: 'Raleway', sans-serif;
    font-weight: normal;


}
        /* h1i */
.inhalt h2.first {
    margin-top: 0;
}
        /* h2i */
.inhalt h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    /*margin-left: 2.5vw;
    margin-right: 2.5vw;*/
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 15px;
}
        /* h2i */
.inhalt h3.first {
    margin-top: 2.5vw;
}

.inhalt .flex-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.inhalt .flex-container .flex-item {
    width: 50%;
}

.inhalt .flex-container .flex-item:nth-of-type(odd) {
    padding-right: 15px;
}

.inhalt .flex-container .flex-item:nth-of-type(even) {
    padding-left: 15px;
}

.full-width-svg-container svg {
    width: 100%;
    height: auto;
}

.inhalt .full-width-svg-container svg {
    opacity:0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    width: 100%;
    height: auto;
}

.inhalt .full-width-svg-container.inView svg {
    -webkit-animation: 1s ease-out forwards blurIn;
            animation: 1s ease-out forwards blurIn;
}

.inhalt .full-width-svg-container {
    margin-top: 5vw;
    /*margin-left: 2.5vw;
    margin-right: 2.5vw;*/
    width: calc(100% - 5vw);
    text-align: center;
}

.inhalt .full-width-svg-container:first-of-type {
    margin-top: 0;
}

.full-width-svg-container.margin-bottom {
	margin-bottom: 5vw;
	margin-top: 0;
}


.inhalt .content_underline {
    /*border-bottom: 2px solid rgba(0, 0, 0, 0.20);*/
    margin-top: 0;
    margin-bottom: 30px;
}

.inhalt .content_not_underline {
    border-bottom: none;
    margin-top: 30px;
}

.inhalt .content_not_underline ul {
    padding-left: 30px;
}

.inhalt .content_not_underline img {
    float: right; 
    max-width: 40%;
}
/* h1i */
h2 {
    text-align: center;
    font-size: 2.5em;
    
    word-break: keep-all;
    word-wrap: break-word;
    /*-webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;*/
    /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
    /*margin-top: 0;*/
    margin-bottom: 30px;
    margin-top: 60px;
}
                                /* h1i */
.inhalt .content_not_underline h2 {
    text-align: center;
    font-size: 2.5em;
    
    word-break: keep-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
    margin-top: 0;
    margin-bottom: 15px;
}

.inhalt .content_underline ul {
    margin: 0;
    padding-left: 30px;
}

.inhalt .content_underline.contact {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.inhalt .content_underline .contact_button {
    text-decoration: none;
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.75em;
    text-align: center;
    font-weight: bold;
    margin: auto;
    border: 5px solid #ED3A5A;
    border-image-source: linear-gradient(45deg, #9eecff, #f16a83);
    font-family: 'Krub', Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana, sans-serif;
    border-image-slice: 1;
    color: #ED3A5A;
    background-image: -o-linear-gradient(45deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
    background-image: linear-gradient(45deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    -webkit-transition: background 0.25s ease-out, color 0.25s ease-out;
    -o-transition: background 0.25s ease-out, color 0.25s ease-out;
    transition: background 0.25s ease-out, color 0.25s ease-out;
}

.inhalt .content_underline .contact_button:hover {
    background-image: -o-linear-gradient(45deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
    background-image: linear-gradient(45deg, hsl(192, 100%, 81%), hsl(349, 83%, 68%));
    background-clip: border-box;
    color: white;
}

.inhalt .legal-info {
    background-color: rgba(44,44,44,.025);
    border-radius: 5px;
    margin: 2.5vh 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    font-size: 1em;
}

.inhalt .google_review_OptIn {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.inhalt .google_review_OptIn .google_stars {
    font-size: 1.4em;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    color: black !important;
    text-decoration: none !important;
}


.inhalt .google_review_OptIn i {
    font-size: 1.8em;
    color: #f9b805;
}

/*.it-services-entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 100%;
    min-height: calc(100vh - 80px);
}

.it-services-entry-wrapper {
    width: auto;
    background-color: rgba(255,255,255,0.8);
    border-radius: 5px;
    padding: 15px;
    text-align: center;
}
.it-services-entry-wrapper h3 {
    text-align: center;
}
.it-services-entry-wrapper h2 {
    margin-top: 30px;
    margin-bottom: 15px;
}*/

.it-services-entry-wrapper .scrollButton, .ghostButton, .colorButton {
    background-color: white;
        padding: 15px;
    border-radius: 5px;
    color: #2c2c2c;
    text-decoration: none !important;
    width: 260px;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    font-size: 1.1em;
    margin-top: 15px;
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out, border 0.3s ease-out;
    -o-transition: color 0.3s ease-out, background-color 0.3s ease-out, border 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out, border 0.3s ease-out;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #2c2c2c;
    cursor: pointer;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

.business-subjects {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 30px 0;
}

.business-subjects .subject {
    max-width: 200px;
    min-width: 150px;
    text-align: center;
    padding: 30px;
}

.business-subjects .subject i {
    font-size: 5em;
    color: #6BACD1;
}

.partner-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner-link .partner {
    padding: 30px;
    text-align: center;
}


.ghostButton.smallButton {
    padding: 7.5px;
    font-size: 1em;
    margin-bottom: 15px;
}

.colorButton {
	color: white;
	border-color: #6bacd1;
	background-color: #6bacd1;
	width: auto;
}

.googleButton {
    border-color: #6bacd1;
    color: white;
    border-radius: 5px;
    background-color: #6bacd1;
    width: auto;
}

.it-services-entry-wrapper .scrollButton:first-of-type {
    margin-right: 15px;
}

.it-services-entry-wrapper .scrollButton:visited, .ghostButton:visited {
    color: #2c2c2c;
}

.colorButton:visited {
	color: white;
}

.it-services-entry-wrapper .scrollButton:hover, .ghostButton:hover {
    color: white;
    background-color: #2c2c2c;
}

.colorButton:hover {
	background-color: #57a1cb;
}

.it-services-entry-wrapper .scrollButton .material-icons, .ghostButton .material-icons, .colorButton .material-icons {
    font-size: 24px;
}
                                    /* h1i                                         h1i                                h1i */
.inhalt .fuer-unternehmen-container h2, .inhalt .fuer-privatanwender-container h2, .inhalt .fernwartung-container h2 {
    font-weight: normal;
}

.inhalt .fuer-unternehmen-container .feature-flex-container, .inhalt .fuer-privatanwender-container .feature-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}

.inhalt .fuer-unternehmen-container .feature-flex-item, .inhalt .fuer-privatanwender-container .feature-flex-item {
    border-radius: 5px;
    width: calc(50% - 15px);
    margin-bottom: 30px;
    padding: 15px;
    background-color: white;
    border: 1px solid rgba(44,44,44, 0.1);
}
                                                    /* h2i                                                             h2i */
.inhalt .fuer-unternehmen-container .feature-flex-item h3, .inhalt .fuer-privatanwender-container .feature-flex-item h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    /*color: white;
    background-image: -o-linear-gradient(225deg, #3ad8ff7f, #ef526e7f);
    background-image: linear-gradient(-135deg, #3ad8ff7f, #ef526e7f);*/
    border: 2px;
    font-weight: bold;
    background-color: #2c2c2c;
    color: white;
    border-radius: 5px;
}
                                                       /* h2i                                                                           h2i */
.inhalt .fuer-unternehmen-container .feature-flex-item h3 .material-icons, .inhalt .fuer-privatanwender-container .feature-flex-item h3 .material-icons {
    font-size: 24px;
}

.inhalt .fuer-unternehmen-container .feature-flex-item p, .inhalt .fuer-privatanwender-container .feature-flex-item p {
    font-size: 1.0em;
    margin-bottom: 0;
}

.inhalt .certificate-container {
    padding: 15px;
    margin-top: 30px;
}

.inhalt .certificate-container:first-child {
    margin-top: 0;
}


.inhalt .certificate-container .certificate-img-container {
    position: relative;
}

.inhalt .certificate-container .certificate-img-container::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    right: 1px;
    background-color: #2c2c2c;
}

.inhalt .certificate-container .certificate-img-container img {
    max-width: 100%;
}

.inhalt .certificate-container .certificate-text-container > * {
    margin: 0;
}

.inhalt .certificate-container .certificate-text-container .certificates {
    background-color: #6babd125;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
}

.inhalt .certificate-container .certificate-text-container .certificates .partner-logo {
    margin-top: 15px;
    width: 200px;
    height: 200px;
}
                                                                        /* h2i */
.inhalt .certificate-container .certificate-text-container .certificates h3 {
    margin-top: 15px;
}
                                                                        /* h3i */
.inhalt .certificate-container .certificate-text-container .certificates h4 {
    margin-bottom: 0;
}
                                                                        /* h4i */
.inhalt .certificate-container .certificate-text-container .certificates h5 {
    margin-top: 0;
}

.inhalt a.referenz-link {
    margin-top: 15px;
    margin-bottom: 15px;
}

.inhalt a.referenz-link:hover {
    text-decoration: none !important;
}

.inhalt .referenz {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid rgba(44,44,44, 0.1);
}

/*.inhalt .referenz {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2vw 1fr 2vw 1fr 2vw 1fr 2vw 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    max-width: 800px;
    margin: auto;
    grid-gap: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid rgba(44,44,44, 0.1);
}

.inhalt .referenz > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;
}

.inhalt .referenz > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;
}

.inhalt .referenz > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 5;
}

.inhalt .referenz > *:nth-child(4) {-ms-grid-row: 1;-ms-grid-column: 7;
}

.inhalt .referenz > *:nth-child(5) {-ms-grid-row: 1;-ms-grid-column: 9;
}*/

.inhalt .referenz:hover, .inhalt .contact-container .contact-flex-item a.messenger_contact_link:hover .messenger_contact {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-box-shadow: 0px 5px 10px rgba(44,44,44, 0.2);
            box-shadow: 0px 5px 10px rgba(44,44,44, 0.2);
}

/*.inhalt .referenz .top-border-hide {
    width: calc(100% - 2vw + 4px);
    background-color: white;
    height: 4px;
    top: -4px;
    right: -4px;
    position: absolute;
    transition: width 0.3s ease-out;
}

.inhalt .referenz .bottom-border-hide {
    width: calc(100% - 2vw + 4px);
    background-color: white;
    height: 4px;
    bottom: -4px;
    left: -4px;
    position: absolute;
    transition: width 0.3s ease-out;
}

.inhalt .referenz .left-border-hide {
    height: calc(100% - 2vw + 4px);
    background-color: white;
    width: 4px;
    left: -4px;
    bottom: -4px;
    position: absolute;
    transition: height 0.3s ease-out;
}

.inhalt .referenz .right-border-hide {
    height: calc(100% - 2vw + 4px);
    background-color: white;
    width: 4px;
    right: -4px;
    top: -4px;
    position: absolute;
    transition: height 0.3s ease-out;
}

.inhalt .referenz:hover .top-border-hide {
    width: 0;
}

.inhalt .referenz:hover .bottom-border-hide {
    width: 0;
}

.inhalt .referenz:hover .left-border-hide {
    height: 0;
}

.inhalt .referenz:hover .right-border-hide {
    height: 0;
}*/

.inhalt .referenz .img-container {
    position: relative;
    height: 100px;
    width: 150px;
    margin: auto;
}

.inhalt .referenz .img-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    margin: auto;
    max-width: 100%;
    max-height: 100px;

}

.inhalt .referenz .desc-container > div {
    width: 100%;
}

.inhalt .referenz .desc-container .name {
    display: table;
    text-align: center;
    padding: 1vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
                                        /* h2i */
.inhalt .referenz .desc-container .name h3 {
    margin: 0;
    color: rgb(44,44,44);
    display: table-cell;
    vertical-align: middle;

}

.inhalt .referenz .desc-container .line-container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.inhalt .referenz .desc-container .line-container .line {
    height: 2px;
    width: 33.33%;
    margin: auto;
    background-color: rgb(44,44,44);
    /*background-image: -o-linear-gradient(225deg, #3ad8ff7f, #ef526e7f);
    background-image: linear-gradient(-135deg, #3ad8ff7f, #ef526e7f);*/
    opacity: 0.5;
    border-radius: 4px;
}

.inhalt .referenz .desc-container .service {
    display: table;
    text-align: center;
    padding: 0;
    padding-bottom: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.inhalt .referenz .desc-container .service span {
    color: rgb(44,44,44);
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-row-span: 0;
    grid-row-end: 3;
    display: table-cell;
    vertical-align: middle;
}

.inhalt .article-preview-link {
    color: #2c2c2c;
    -webkit-transition: -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    border: 1px solid rgba(44,44,44, 0.1);
    border-radius: 5px;
    padding: 0 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.inhalt .article-preview-link:hover {
    text-decoration: none;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 5px 10px rgba(44,44,44, 0.2);
    box-shadow: 0px 5px 10px rgba(44,44,44, 0.2);
}
                            /* h2i                     h2i */
.inhalt .article-preview-link h3, .inhalt .article h3 {
    margin-top: 0;
}

.inhalt .article-preview-link .date, .inhalt .article .date {
    color: #555555;
    font-size: 0.75em;
}

.inhalt .article-preview-link .read-more {
    color: #6bacd1;
    float: right;
}

.inhalt .article-preview-link:visited .read-more {
    color: #2ca3c2;
}

.inhalt .article-preview-link:hover .read-more {
    text-decoration: underline;
}

.inhalt .article-preview-link .img-container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.inhalt .article-preview-link .text-container {
    background-color: white;
    padding-top: 15px;
    padding-bottom: 15px;
}

.inhalt .article-preview-link .img-container img, .inhalt .article .img-container img {
    width: 100%;
    max-width: 100%;
    border-radius: 2px;
}

.inhalt .article-preview-link.unbordered {
	color: #2c2c2c;
	-webkit-transition: -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
	transition: -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-o-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
	transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
	transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
	border: none;
	border-radius: 5px;
	padding: 0 15px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.inhalt .article {
    margin-top: 30px;
}

.inhalt .article .article-info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inhalt .article .date-container, .inhalt .article .back-link {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
}

.inhalt .article .date-container {
    text-align: right;
}

.inhalt .article .date {
    text-align: right;
}

.inhalt .article .article-content {
    margin-top: 15px;
}

.inhalt .article .article-content .img-container , .inhalt .article .article-content .text-container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.inhalt .article .article-content .full-width-media-header {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.inhalt .article .article-sharing {
    margin-top: 15px;
}

.inhalt .article .article-sharing-container {
    text-align: right;
}

.inhalt .article .article-sharing-wrapper {
    margin-top: -7.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; 
}

.inhalt .article .sharing-link {
    z-index: 0;
    position: relative;
    font-size: 0;
}

.inhalt .article .sharing-link::before {
    z-index: -1;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 15px;
    width: 100%;
}

.inhalt .article .sharing-link:hover, .inhalt .article .sharing-link:focus, .inhalt .article .sharing-link:active {
    text-decoration: none;
}

.inhalt .article .sharing-link.facebook::before {
    background-color: rgba(24, 118, 242, 0.3);
}

.inhalt .article .sharing-link.twitter::before {
    background-color: rgba(29, 161, 242, 0.3);
}

.inhalt .article .sharing-link.whatsapp::before {
    background-color: rgba(47, 185, 68, 0.3);
}

.inhalt .article .article-sharing-icon {
    padding: 7.5px;
    height: 45px;
    width: 45px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    border-radius: 2px;
}

.inhalt .contact-container {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: space-between;*/
}
                        /* h2i */
.inhalt .contact-container h3 {
    margin-top: 2.5vw;
}
                                        /* h2i */
.inhalt .contact-container .text-margin h3 {
    margin-top: 0;
}

.inhalt .contact-container .text-margin p:last-child {
    margin-bottom: 0 !important;
}

.inhalt .contact-container.padding-between .col-md-6:nth-of-type(odd) {
    padding-right: 15px;
}

.inhalt .contact-container.padding-between .col-md-6:nth-of-type(even) {
    padding-left: 15px;
}

.inhalt .contact-container .contact-flex-item a.contact, .address-line {
    font-family: 'Raleway', sans-serif;
    font-size: 1.2em;
    color: #2c2c2c;
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}

.inhalt .contact-container .contact-flex-item a.contact:hover {
    color: #6babd1;
}

.inhalt .contact-container .contact-flex-item .messenger_contact {
    /*background-color: rgba(44,44,44,0.025);
    border-radius: 5px;
    margin: 2.5vh 0;*/
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 5px;
    background-color: #6babd1;
    margin-top: 15px;
    margin-bottom: 15px;
}

.inhalt .contact-container .contact-flex-item .messenger_contact > img {
    height: 25px;
    margin: 10px;
}

.inhalt .contact-container .contact-flex-item .messenger_contact > span {
    width: auto;
    margin: 0;
    word-break: keep-all;
    margin: 10px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.inhalt .contact-container .contact-flex-item a.messenger_contact_link:hover {
    text-decoration: none;
}

.inhalt .contact-container .contact-flex-item a.messenger_contact_link .messenger_contact {
    -webkit-transition: -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

/*.inhalt .contact-container .contact-flex-item a.messenger_contact_link:hover .messenger_contact {
        -webkit-box-shadow: 0 0 1vh rgba(0,0,0,0.1);
            box-shadow: 0 0 1vh rgba(0,0,0,0.1);
}*/

.inhalt .contact-container .open-times {
    position: absolute;
    right: 2.5vw;
    top: calc(2.5vw + 60px);
    width: 14.5vw;
    height: 14.5vw;
    color: white;
    background: rgb(245,147,165); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(315deg, rgb(248, 160, 176) 0%,rgb(153, 235, 255) 100%);
    background: linear-gradient(135deg, rgb(248, 160, 176) 0%,rgb(153, 235, 255) 100%);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 0.9em;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg);
    border-radius: 100%;
    padding: 1vw;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 4px solid white;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 0;
    -webkit-animation: openTimesDesktop 1s 0.5s ease-out forwards;
            animation: openTimesDesktop 1s 0.5s ease-out forwards;
}

.inhalt table.times-and-price {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-family: 'Raleway', sans-serif;
    font-size: 1.2em;
    color: #2c2c2c;
    
}

.inhalt table.times-and-price td {
    vertical-align: top;
    padding: 7.5px 15px;
}

.inhalt table.times-and-price td:nth-of-type(odd) {
    padding-left: 0;
}

.inhalt table.times-and-price td:nth-of-type(even) {
    padding-right: 0;
}

.inhalt table.times-and-price th {
    position: relative;
    font-size: 1.2em;
    padding-top: 30px;
    padding-bottom: 15px;
}

.inhalt table.times-and-price th::after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: rgba(44,44,44, 0.1);
    background-image: -o-linear-gradient(225deg, #3ad8ff7f, #ef526e7f);
    background-image: linear-gradient(-135deg, #3ad8ff7f, #ef526e7f);
    opacity: 0.5;
    border-radius: 4px;
}
        /* h2i */
.inhalt h3.spacer {
    color: transparent;
}

.inhalt .facebook-link {
    width: 100%;
    text-align: center;
}

.inhalt .facebook-link img{
    max-width: 100%;
    max-height: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.inhalt .impressum_inhalt {
    display: inline-block; 
    width: 49%; 
    min-width: 180px; 
    margin: 0; 
    vertical-align: top;
    
}

.inhalt .impressum_bild {
    display: inline-block;
    width: 49%;
    min-width: 180px;
    margin: 0;
    vertical-align: top;
    margin-bottom: 20px;
}

.inhalt .impressum_bild img {
    float: right;
    border-radius: 1vw;
    -webkit-box-shadow: 0 1vh 2.5vw rgba(0,0,0,0.3);
    box-shadow: 0 1vh 2.5vw rgba(0,0,0,0.3);
}

.inhalt .content_full_image {
    width: 100%;
    max-width: 800px;
    margin: auto;
    text-align: center;
}

.inhalt .content_full_image img {
    width: 30vw;
}

.inhalt .content_full_image img:hover {
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.clear {
    line-height: 40px;
}

.icon {
    display: none;
} 

.icon  {
    color:  #6babd1;
    font-size: 28px;
}

.icon:hover{
    color: #ED3A5A;
}

.contact-alert-overlay {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2000;
    overflow: hidden;
}

.contact-alert-box {
    width: 30vw;
    background-color: black;
    border-radius: 2.5vw;
}

.contact-alert-box .alert-text {
    color: white;
    font-size: 1.15vw;
    width: 100%;
    margin: 0;
    padding: 2.5vw;
}

.contact-alert-box .alert-text p {
    color: white;
    font-size: 1.15vw;
    width: 100%;
}

.contact-alert-box .alert-ok {
    color: white;
    font-size: 1.15vw;
    font-weight: bold;
    margin: auto;
    text-align: center;
    height: 5vw;
    line-height: 5vw;
    background-color: rgb(5,5,5);
}

/* Seite Karriere */

/* h2i */
h3.job-title{
    text-align: center;
    font-size: 1.6rem;
}
/* h2i */
h3.karriere {
    font-family: 'Raleway', sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 15px;
}
/* h3i */
h4.karriere {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 15px;
}

ul.karriere-listitem {
    list-style: none;
}
ul.karriere-listitem li {
    position: relative;
  }

ul.karriere-listitem li::before {
  content: "";
  margin-left: -1em;
  font-size: 1rem;
  width: 5px;
  height: 5px;
  background-color: #6bacd1;
  margin-right: 0.5em;
  top: calc(50% - 2.5px);
  position: absolute;
  border-radius: 1px;
}

.job-kontakt-box {
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border: 2px solid #6babd1;
    margin-bottom: 30px;
}
/*
.job-kontakt-box:hover {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
*/






@media screen and (max-width: 1200px) {
    .carousel.responsive .carousel-caption {
        max-width: 960px;
    }
}


@media screen and (max-width: 992px){
    
    @-webkit-keyframes first-box {
        from {top: 5vw; left: 5vw; color: transparent}
        to {top: 0vw; left: 0vw; color: white;}
    }

    @keyframes first-box {
        from {top: 5vw; left: 5vw; color: transparent}
        to {top: 0vw; left: 0vw; color: white;}
    }

    @-webkit-keyframes second-box {
        from {-webkit-box-shadow: none;box-shadow: none; background-color: rgb(235, 91, 119); left: 10vw; top: 10vw; color: transparent}
        to {-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1);box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1); background-color: rgb(239, 98, 112); left: 10vw; top: 10vw; color: white}
    }

    @keyframes second-box {
        from {-webkit-box-shadow: none;box-shadow: none; background-color: rgb(235, 91, 119); left: 10vw; top: 10vw; color: transparent}
        to {-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1);box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1); background-color: rgb(239, 98, 112); left: 10vw; top: 10vw; color: white}
    }

    @-webkit-keyframes third-box {
        from {-webkit-box-shadow: none;box-shadow: none; background-color: rgb(235, 91, 119); left: 15vw; top: 15vw; color: transparent}
        to {-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1);box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1); background-color: rgb(235, 120, 113); left: 20vw; top: 20vw; color: white;}
    }

    @keyframes third-box {
        from {-webkit-box-shadow: none;box-shadow: none; background-color: rgb(235, 91, 119); left: 15vw; top: 15vw; color: transparent}
        to {-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1);box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.1); background-color: rgb(235, 120, 113); left: 20vw; top: 20vw; color: white;}
    }

    .main-nav {
        height: 70px;
    }

    header .header {
        position: absolute;
        width: 100%;
        height: 121px;
    }
    
    header .header nav .nav-list {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        height: 80px;
    }
    
    header .header nav .nav-list li a{
        font-size: 16px;
    }
    
    header .header nav .nav-list li.active a span::before, header .header nav .nav-list li.active a span::after {
        line-height: 19px;
    }
    
    header .header nav .nav-list li ul.dropdown li {
        font-size: 14px;
    }
    
    header .header nav .nav-list li ul.dropdown li i.material-icons {
        font-size: 16px;
    }
    
    header .header nav {
        text-align: center;
        height: 61px;
    }

    /* mobile Pre Nav Bar*/

    header .header .pre-nav-container {
        display: flex;
        justify-content: end;
        height: 40px;
    }
    header .header .pre-nav-container .pre-nav-box1 {
        display: flex;
        width: 50%;
        align-items: flex-end;
        padding-left: 15px;
        padding-right: 15px;
    }
    header .header .pre-nav-container .pre-nav-box2 {
        display: flex;
        width: 50%;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
        justify-content: end;
    }
 

    header .header .pre-nav-container .pre-nav-box2.hide-on-tablet {
        display: none;
    }

    header .header .pre-nav-container .pre-nav-element {
        display: flex;
        width: unset;
        padding-left: 15px;
        padding-right: 0px;
        border-right: unset;
        justify-content: right;
        height: 30px;
        align-items: center;

        
    }
    header .header .pre-nav-container .pre-nav-element .hide-on-tablet, header .header .pre-nav-container .pre-nav-element.hide-on-tablet{
        display: none;
    }

    .hide-on-tablet {
        display: none;
    }

    /* mobile Nav Bar*/



    
    textarea {
        width: 100%;
    }
    
    .submit_reset {
        width: 100%;
    }

    /* Bootstrap Carousel */
    .carousel.responsive .carousel-item {
        min-height: 0;
    }

    .carousel.responsive .carousel-caption {
        max-width: 720px;
    }
    
    body .contact_bubble {
        width: 90vw;
        padding: 0;
    }
    
    body .contact_bubble.closed {
        -webkit-animation: slideOut95 1s forwards;
                animation: slideOut95 1s forwards;
    }
    
    body .contact_bubble_triangle {
        -webkit-transform: translateX(95vw) rotate(45deg);
            -ms-transform: translateX(95vw) rotate(45deg);
                transform: translateX(95vw) rotate(45deg);
        -webkit-animation: rotatedSlideIn95 1s 60s forwards;
                animation: rotatedSlideIn95 1s 60s forwards;
    }
    
    body .contact_bubble_triangle.closed {
        -webkit-animation: rotatedSlideOut95 1s forwards;
                animation: rotatedSlideOut95 1s forwards;
    }
    
    body .contact_bubble {
        -webkit-transform: translateX(95vw);
            -ms-transform: translateX(95vw);
                transform: translateX(95vw);
        -webkit-animation: slideIn95 1s 60s forwards;
                animation: slideIn95 1s 60s forwards;
    }
    
    body .contact_bubble .close_button {
        margin-top: 3.5vw;
    }

    body section article:first-of-type {
        padding-top: 120px;
    }
    
    .homecontainer {
        height: auto;
        min-height: calc(100vh - 80px);
    }
    
    .homecontainer .homecontainer_spancontainer {
        height: 40vh;   
    }
    
    .homecontainer .homecontainer_spancontainer .homecontainer_heading {
        font-size: 7.5vw;
        font-weight: 700;
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        padding: 0 2.5vw 0 2.5vw;
    }
                                                                            /* h1i */
    .homecontainer_home .homecontainer_spancontainer .homecontainer_heading h2 {
        margin-top: 90px;
        margin-bottom: 90px;
    }
                                                                    /* h1i */
    .homecontainer .homecontainer_spancontainer .homecontainer_heading h2 {
        font-size: 7.5vw;
        font-weight: 700;
        width: 100%;
    }
    
    .homecontainer_home .homecontainer_spancontainer .homecontainer_heading, .homecontainer_home .homecontainer_spancontainer .homecontainer_heading_small {
        padding: 0 2.5vw 0 2.5vw;
    }
    
    .homecontainer .homecontainer_divcontainer {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    
    .homecontainer .homecontainer_element {
        /*min-width: 55vw;
        min-height: 75vw;*/
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    
    .inhalt .responsive-design-img {
        float: right;
        max-width: 50%;
        height: auto;
    }
    
    .inhalt .box-animation {
        width: 40vw;
        height: 40vw;
    }
                           /* h2i */
    .inhalt .box-animation h3 {
        font-size: 2.5vw;
    }
    
    .inhalt .box-animation .first-box {
        width: 30vw;
        height: 30vw;
        left: 5vw;
        top: 5vw;
        animation: first-box 1s ease-out 1s forwards;
        -moz-animation: first-box 1s ease-out 1s forwards;
        -webkit-animation: first-box 1s ease-out 1s forwards;
        -o-animation: first-box 1s ease-out 1s forwards;
    }

    .inhalt .box-animation .second-box {
        width: 25vw;
        height: 25vw;
        left: 10vw;
        top: 10vw;
        animation: second-box 1s ease-out 1s forwards;
        -moz-animation: second-box 1s ease-out 1s forwards;
        -webkit-animation: second-box 1s ease-out 1s forwards;
        -o-animation: second-box 1s ease-out 1s forwards;
    }

    .inhalt .box-animation .third-box {
        width: 20vw;
        height: 20vw;
        left: 15vw;
        top: 15vw;
        animation: third-box 1s ease-out 1s forwards;
        -moz-animation: third-box 1s ease-out 1s forwards;
        -webkit-animation: third-box 1s ease-out 1s forwards;
        -o-animation: third-box 1s ease-out 1s forwards;
    }
    
    /*.inhalt .hosting-animation {
        margin-left: -2.5vw;
    }*/
    
    .inhalt .flex-container .flex-item { 
        width: 100%;
        padding: 0 !important;
    }
    
    .inhalt .flex-container .flex-item:nth-of-type(2) {
        margin-top: 30px;
    }
    
    .inhalt .contact-container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: auto;
    }

    .inhalt .contact-container.padding-between .col-md-6:nth-of-type(1+2n) {
        padding-right: 0;
    }

    .inhalt .contact-container.padding-between .col-md-6:nth-of-type(2n) {
        padding-left: 0;
    }
    
    .inhalt .contact-container .contact-flex-item {
        width: 100%;
    }
                                                                /* h2i */
    .inhalt .contact-container .contact-flex-item:nth-of-type(2) h3 {
        margin-top: 5vw;
    }
    
    .inhalt .contact-container .open-times {
        width: 20.5vw;
        height: 20.5vw;
        border-width: 3px;
    }

    .it-services-entry-wrapper .scrollButton {
        width: 100%;
        display: block;
    }

    .it-services-entry-wrapper .scrollButton:first-of-type {
        margin-right: 0;
    }

    .inhalt .fuer-unternehmen-container .feature-flex-item, .inhalt .fuer-privatanwender-container .feature-flex-item {
        width: calc(100%);
    }

    .inhalt .certificate-container .certificate-img-container {
        text-align: center;
        margin-bottom: 15px;
        padding-bottom: 17px;
    }

    .inhalt .certificate-container .certificate-img-container::after {
        top: auto;
        right: auto;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;

    }

    .inhalt .certificate-container .certificate-img-container img {
        width: 360px;
    }


}

@media screen and (max-width: 768px){

    /* Grid Helfer Klassen */
    .sm-margin-top-15 {
        margin-top: 15px;
    }

    .sm-no-padding {
        padding: 0 !important;
    }



    
    .icon{
        display: block;
    }
	/* h1i */
	h2 {
    	font-size: 2.0em;
    }
    
    body.expand {
        overflow: hidden;
    }
    
    img.centered {
        width: 100%;
        height: auto;
        border-radius: 5px;
        margin: 2vh auto;
        display: block;

    }
    
    header { 
        height: 101px; 
    }

    header .header {
        height: 101px;
    }
    
    header .logo-link {
        height: 60px;
    }

    header .header-image {
        height: 60px;
        margin-bottom: 0;
        margin-top: 0;
    }
    
    header .header nav .nav-list {
        width: 100%;
        overflow: hidden;
        -webkit-transition: height 0.3s ease-out;
        -o-transition: height 0.3s ease-out;
        transition: height 0.3s ease-out;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        will-change: height;
        height: 0;
        min-height: 0;
        display: block;
    }
    
    header .header nav .nav-list li {
        height: auto;
    }
    
    header .header nav .nav-list li a {
        line-height: 40px;
        display: block;
    }
    

    header .header nav a.icon {
        width: auto;
        top: 0;
        right: 0;
        position: absolute;
        height: 60px;
        padding-top: 22px;
        padding-bottom: 22px;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
    }

    header .header nav a.icon .bar {
        width: 32px;
        height: 4px;
        background-color:  #6babd1;
        border-radius: 2px;
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center;
        -webkit-transition: 0.3s ease-out transform, 0.3s ease-out margin;
        -o-transition: 0.3s ease-out transform, 0.3s ease-out margin;
        transition: 0.3s ease-out transform, 0.3s ease-out margin;
        will-change: transform, margin;
    }

    header .header nav a.icon .bar.top {
        margin-bottom: 8px;
    }

    .expand header .header nav a.icon .bar.top {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        margin-bottom: 2px;
        margin-top: 6px;
    }

    .expand header .header nav a.icon .bar.bottom {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        margin-top: -6px;
    }
    
    header .header nav .nav-list > li{
        width: 100%;
        /*display: none;*/
        /*-webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
                transform: translateX(100%);*/
        -webkit-transition: -webkit-transform 0.25s ease-out;
        transition: -webkit-transform 0.25s ease-out;
        -o-transition: transform 0.25s ease-out;
        transition: transform 0.25s ease-out;
        transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
    }

    
    header .header nav .nav-list li{
        display: block;
        border: 0;
        margin: 0;
    }
    
    header .header nav .nav-list li ul.dropdown {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        border: none;
        background-color: white;
        position: relative;
        display: none;
    }
    
    header .header nav .nav-list li ul.dropdown li {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0;
        line-height: 40px;
    }
    
    
    header .header nav .icon i{
        position: relative;
        text-align: center;
        line-height: 60px;    
    }
    
    nav .header-image {
        width: auto;
        height: 60px;
        display: inline-block;
        vertical-align: middle;
        padding-top: 5px;
    }
    
    header .header nav .nav-list li a {
        color: #2c2c2c;
        font-size: 18px;
        font-weight: 700;
    }
    
    header .header nav .nav-list.expand {
        height: calc(100vh - 60px);
        overflow-y: scroll;
        padding-top: 15px;
    }

    header .header nav .nav-list > li {
        background-color: white;
        /*display: block;*/
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 15px;
        border: 2px solid #2c2c2c;
        border-radius: 5px;
        margin-left: 15px;
        margin-right: 15px;
        box-sizing: border-box;
        width: calc(100% - 30px);
        overflow: hidden;
    }

    header .header nav .nav-list > li#button-kontakt {
        background-color: white;
        border: 2px solid #6babd1;
    }

    header .header nav .nav-list > li.active {
        background-color: #2c2c2c;
    }

    header .header nav .nav-list > li.active#button-kontakt {
        background-color: #6babd1;
    }


    header .header nav .nav-list > li > a {
        background-color: white;
        color: #2c2c2c;
        height: auto;
    }

    header .header nav .nav-list > li#button-kontakt > a {
        color: #6babd1;
    }

    header .header nav .nav-list > li.active > a {
        background-color: #2c2c2c;
        color: white !important;
        height: auto;
    }

    header .header nav .nav-list > li.active#button-kontakt > a {
        background-color: #6babd1;
    }
    
    header .header nav .nav-list.expand li ul.dropdown li {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

        
    /*header .header nav .nav-list.expand > li:nth-child(n+2) > a > div::before {
        content: '';
        position: absolute;
        bottom: calc((60px - 24px) / 2);
        left: calc((100% - 33.33%)/2);
        height: 2px;
        width: 33.33%;
        margin: auto;
        background-color: rgba(44,44,44, 0.2);
        background-image: -o-linear-gradient(225deg, #3ad8ff7f, #ef526e7f);
        background-image: linear-gradient(-135deg, #3ad8ff7f, #ef526e7f);
        opacity: 0.5;
        border-radius: 4px;
        z-index: 2;
    }*/
    
    
    nav .nav-list.expand .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    
    nav .nav-list.expand a {
        float: none;
        display: block;
        /*text-align: center;*/
    }

    header .header nav .nav-list li.active a span::before, header .header nav .nav-list li.active a span::after {
        color: white;
    }

    body section article:first-of-type {
        padding-top: 100px;
    }

        /* mobile Pre Nav Bar*/

    header .header .pre-nav-container.mobile {
        display: block;
        height: 40px;
    }

    header .header .pre-nav-container {
        display: none;
        padding: 5px 0px;
    }

    header .header .pre-nav-container .pre-nav-box1 {
        display: flex;
        width: unset;
        justify-content: right;
        padding-left: 0;
        padding-right: 0;
    }

    header .header .pre-nav-container .pre-nav-element {
        border-right: unset;
        display: flex;
        width: unset;
        justify-content: right;
        padding-left: 10px;
        padding-right: 0;
        height: 30px;
        align-items: center;
    }

    header .header .pre-nav-container .pre-nav-element .material-icons {
        font-size: 1.75rem;
        margin-right: 15px;
    }
    
    /* mobile Nav*/

    header .header .nav-container-mobile {
        color: #6bacd1;
        padding: 5px 15px;
        display: flex;
        font-size: 0.95rem;
        font-family: Roboto;
        font-weight: 400;
        justify-content: center;
        height: 30px;
        margin-top: 30px;
    }

    header .header .nav-element-mobile {	
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
        border-right: 1px solid white;
        
    }

    .hide-on-desk {
        display: block;
    }
    
    textarea {
        width: 100%;
    }
    
    .submit_reset {
        width: 100%;
    }

    /* mobile Pre Nav Bar*/

    header .header .pre-nav-container.mobile {
        display: block;
        height: 40px;
    }
    
    header .header .pre-nav-container {
        display: none;
        padding: 5px 0px;
    }
    
    header .header .pre-nav-container .pre-nav-box1 {
        display: flex;
        width: unset;
        justify-content: right;
        padding-left: 0;
        padding-right: 0;
    }
    
    header .header .pre-nav-container .pre-nav-element {
        border-right: unset;
        display: flex;
        width: unset;
        justify-content: right;
        padding-left: 10px;
        padding-right: 0;
        height: 30px;
        align-items: center;
        }
    
    header .header .pre-nav-container .pre-nav-element .material-icons {
        font-size: 1.75rem;
        margin-right: 15px;
    }
        
        /* mobile Nav*/
    
    header .header .nav-container-mobile {
        color: #6bacd1;
        padding: 5px 15px;
        display: flex;
        font-size: 0.95rem;
        font-family: Roboto;
        font-weight: 400;
        justify-content: center;
        height: 30px;
        margin-top: 30px;
    }
    
    header .header .nav-element-mobile {	
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
        border-right: 1px solid white;
            
    }
    
    .hide-on-desk {
        display: block;
    }

    .hide-on-tablet {
        display: none;
    }
        
    textarea {
        width: 100%;
    }
        
    .submit_reset {
        width: 100%;
    }

    /* Bootstrap Carousel */
                                        /* h1i */
    .carousel.responsive .carousel-caption h2 {
        font-size: 2.4rem;
    }
    
    .carousel.responsive .carousel-caption p {
        font-size: 1.4rem;
    }
    
    .homecontainer {
        height: auto;
        min-height: calc(100vh - 60px);
    }
    
    .homecontainer .homecontainer_spancontainer {
        height: 30vh;
    }  
    
    .homecontainer .homecontainer_divcontainer .homecontainer_element {
        width: 80vw;
        min-height: 110vw;
    }
    
    .homecontainer .homecontainer_divcontainer .homecontainer_element:first-of-type {
        -webkit-animation-delay: 0s;
                animation-delay: 0s;
    }

    .homecontainer .homecontainer_divcontainer .homecontainer_element:nth-of-type(2) {
        -webkit-animation-delay: 0s;
                animation-delay: 0s;
    }

    .homecontainer .homecontainer_divcontainer .homecontainer_element:nth-of-type(3) {
        -webkit-animation-delay: 0s;
                animation-delay: 0s;
    }
                                                                                                                                                    /* h1i */
    .homecontainer_home .homecontainer_spancontainer .homecontainer_heading, .homecontainer_home .homecontainer_spancontainer .homecontainer_heading h2 {
        font-size: 4vh;
    }
    
    /*.homecontainer_it .sidecontainer {
        position: absolute;
        left: 0;
        top: 0;
        height: 300px;
        width: 300px;
        padding: 30px 60px 30px 15px;
        border-bottom-right-radius: 300px;
    }*/

    .homecontainer .webdesign_textcontainer .textcontainer_heading {
        -webkit-animation: 1.5s 1s ease-in-out forwards opacityIn;
                animation: 1.5s 1s ease-in-out forwards opacityIn;
    }   
                            /* h2i */
    /*.color-banner .inhalt h3 {
        font-size: 1.2em;
        margin-top: 15px;
        margin-bottom: 15px;
    }*/
                            /* h2i */
    .color-banner .inhalt h3 {
        font-size: 2.6em;
    }
                        /* h3i */
    .color-banner .inhalt h4 {
        font-size: 1.2em;
    }

    .color-banner .usp-container {
        padding: 30px 15px;
    }

    .color-banner .usp-container .usp-heading-container {
        font-size: 1.2em;
    }
    
            /* h3i         h4i */
    .inhalt h4, .inhalt h5, .inhalt ul {
        margin-left: 0;
        margin-right: 0;
    }

    .inhalt .offers-container {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .inhalt .offer {
        max-width: 400px;
        width: 100%;
    }

    .inhalt .fernwartung-button {
        width: 90%;
    }

    .benefit-article {
        background-size: 200% 200%;
        -webkit-animation: none;
                animation: none;
    }

            /* h2i */
    .inhalt h3 {
        word-break: keep-all;
        margin-top: 30px;
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 0;
    }
    
    .inhalt p {
        font-size: 1.0em;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    
    .inhalt .content_underline, .inhalt .content_not_underline {
        margin-left: 0;
        margin-right: 0;
    }
    
    /*.inhalt ul {
        font-size: 1.2em;
    }*/
    
    .inhalt .content_underline ul, .inhalt .content_not_underline ul {
        width: 100%;
        max-width: 100%;
    }
    
    .inhalt .content_underline .contact_button {
        padding: 2.5vw;
        padding-left: 5vw;
        padding-right: 5vw;
		padding: 0;
		border: none;
    }
    
    .inhalt .content_not_underline img {
        max-width: 70%
    }   
    
    .inhalt .leistungsumfang li div::before { 
        /*width: 25px;*/
        background-position: top;
        margin-top: 0.5em;
        /*left: calc(-25px - 2vw);*/
    }
    
    .inhalt .leistungsumfang li span {
        line-height: 25px;
    }

    /*.inhalt .referenz {
        margin-top: 4vh;
        margin-bottom: 4vh;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 30px auto;
        grid-template-rows: auto auto;
    }

    .inhalt .referenz > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .inhalt .referenz > *:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }*/


    .inhalt .referenz .img-container {
        height: 150px;
        width: 100%;
    }

    .inhalt .referenz .img-container img{
        max-height: 150px;       
    }

    .inhalt .referenz .desc-container {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
    }
    
    .inhalt .contact-container .open-times {
        position: relative;
        display: inline-block;
        width: 100%;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        border-radius: 5px;
        height: auto;
        top: 0;
        right: 0;
        border-width: 2px;
        -webkit-animation: openTimesMobile 1s 0.5s ease-out forwards;
                animation: openTimesMobile 1s 0.5s ease-out forwards;
    }

    .inhalt table.times-and-price {
        margin-left: 0;
        margin-right: 0;
    }

            /* h2i */
    .inhalt h3.spacer {
        display: none;
    }
    
    .inhalt .impressum_inhalt {
        width: 100%;
    
    }
    
    .inhalt .responsive-design-img {
        float: none;
        max-width: 100%;
        height: auto;
    }
    
    .inhalt .impressum_bild img {
        float: left;
    }
    
    .inhalt .content_full_image img {
        width: 80vw;
    }
	
	
	table.services th, table.services td {
		padding: 10px 10px;
	}
    
    table.services td:hover {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
    }
    table.services td:nth-of-type(2n):hover {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
    }


    .inhalt .article .article-content .img-container, .inhalt .article-preview-link .img-container {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    
    input[type="submit"], input[type="reset"] {
        width: 30vw;
    }
    
    footer {
        font-size: 1.0em;
    }
        /* h3i            h3i */
    footer h4, footer h4.margin-top {
        margin-top: 2vh;
        margin-bottom: 1vh;
    }
        /* h3i */
    footer h4.main-link {
        margin-top: 0;
        /*margin-bottom: 0;*/
    }
    

    footer .contact-information .contact-impressum .social-media-container {
        padding-top: 4vw;
        padding-bottom: 2vw;
    }
    
    footer .footer-navigation {
        border-top-width: 2px;
    }
    

    footer .footer-navigation ul {
        margin-bottom: 0;
        margin-top: 0;
        padding-left: 15px;
    }
    
    footer .copyright {
        font-size: 1em;
    }
    
    footer table td {
        width: 100%;
    	-webkit-box-sizing: border-box;
    	        box-sizing: border-box;
    	height: auto;
    }
    
    footer table td:nth-of-type(n+2) {
        border-left: 0px solid white;
    }
}



/* Container Ausgleich */
@media screen and (min-width: 576px) and (max-width: 768px) {
    .container {
        max-width: unset !important;
    }
}