/*
Theme Name: ABCDesign
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/***************************************** GENERAL ****************************************/
p, li {
	font-family: lato,sans-serif;
  	font-weight: 400;
  	font-size: 22px;
	color: #585858;
	line-height: 1.4em;
}
p strong,
li strong {
  	font-weight: 900;
	color: #090909 !important;
}
h1 {
 	font-family: source-sans-3,sans-serif;
  	font-weight: 700 !important;
  	font-size: 92px;
  	color: #ff7276 !important;
  	text-transform: uppercase;
}
h2 {
 	font-family: source-sans-3,sans-serif;
  	font-weight: 700 !important;
  	font-size: 38px;
  	color: #0a1327 !important;
  	text-transform: uppercase;
}
h3 {
 	font-family: source-sans-3,sans-serif;
  	font-weight: 700 !important;
  	font-size: 28px;
  	color: #0a1327 !important;
  	text-transform: uppercase;
}
.avia-button {
	font-family: source-sans-3,sans-serif;
  	font-weight: 700 !important;
	font-size: 18px !important;
  	color: #ff7276 !important;
  	background-color: transparent !important;
  	border: 2px solid #ff7276 !important;
  	border-radius: 25px !important;
  	text-transform: uppercase;
  	padding: 12px 25px !important;
  	margin-top: 20px !important;
}
.avia_image, .av-image-caption-overlay {
  	border-radius: 0px;
}

.special_amp {
  	font-family: inherit;
  	font-style: inherit;
  	font-size: inherit;
  	line-height: inherit;
  	font-weight: inherit;
  	color: inherit !important;
}

ul {
  	margin-left: 0px;
}
.entry-content-wrapper li {
  	padding: 12px 0 6px 0;
}
/***************************************** HEADER ********************************************/
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0px !important;
}
.header_color .header_bg {
    background-color: #fff0;
}
#header {
    background: transparent;
}
#header.header-scrolled {
    background: #0a1327;
}
.logo svg {
	width: 105px;
}
#top .header-scrolled .logo a svg {
    width: 70px;
}
.av-main-nav > li > a {
 	font-family: source-sans-3,sans-serif;
  	font-weight: 400 !important;
  	font-size: 19px !important;
  	text-transform: uppercase;
}
#top #header .av-menu-button > a .avia-menu-text {
  	background-color: #ff7276 !important;
  	border-color: #ff7276 !important;
  	color: #0a1327 !important;
  	font-weight: 700;
  	font-size: 18px;
  	border-radius: 31px;
  	padding: 8px 23px;
  	margin-left: 8.4em;
}
#top .header-scrolled .av-menu-button > a .avia-menu-text {
  	padding: 5px 23px !important;
}
.av-main-nav > li > a {
  	padding: 0 20px;
}
/*body #header .main_menu .avia-menu > ul > li.menu-item.menu-item-language::after {
  content: "";
  width: 1px;
  height: 15px;
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: 0px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: white;
}*/
.av-main-nav > li::after {
  	content: "";
  	width: 1px;
  	height: 15px;
  	position: absolute;
  	z-index: 10;
  	top: 0;
  	bottom: 0;
  	right: 0px;
  	margin-top: auto;
  	margin-bottom: auto;
  	background-color: #becef2;
}
li#menu-item-32::after,
li#menu-item-33::after,
li#menu-item-683::after {
  	width: 0px;
}

#top .av-main-nav ul a {
  	line-height: 26px;
  	font-size: 15px;
  	border-bottom: none;
  	border-right: none;
  	border-left: none;
}

#top .av-main-nav ul li::after {
  	border-bottom: 1px solid #222d4d;
  	content: "";
  	position: absolute;
  	width: 190px;
  	bottom: 0;
  	right: 9px;
}
#top .av-main-nav ul li:last-child::after {
  	border-bottom: 0px solid #222d4d;
  	content: "";
  	position: absolute;
  	width: 190px;
  	bottom: 0;
  	right: 9px;
}

ul.sub-menu {
	border: 1px solid #222d4d;
  	border-top: 0px;
}
/***************************************** HOME *******************************************/
#top .home-banner-text p {
	font-weight: 600;
  	font-size: 48px;
	color: #eef2fa;
	padding: 0px 15%;
  	line-height: 1.2em;
  	margin-top: 0.3em;
}
#top .home-services h2 {
  	font-size: 28px;
}
#top .home-services img {
  	filter: invert(68%) sepia(42%) saturate(7086%) hue-rotate(322deg) brightness(119%) contrast(105%);
  	width: 100px;
  	height: 80px;
}
#top .google-partner-grid-1 {
	/*padding: 200px 0px;*/
	padding: 70px 0px;
}
#top .google-partner-grid-2 {
	padding: 230px 15% 220px 100px;
}

#top .home-animated-numbers .av_one_third {
    padding: 0px 2%;
}
#top .home-animated-numbers .avia-animated-number .avia-single-number {
    font-family: Lato;
  	font-size: 58px;
  	font-weight: 800;
  	color: #ff7276;
}
#top .home-animated-numbers .avia-no-number {
  	opacity: 1;
  	font-family: Lato;
  	font-size: 58px;
  	font-weight: 800;
  	color: #ff7276;
}
#top .home-animated-numbers .av-special-heading {
  	margin-top: 35px;
}
#top .home-animated-numbers h3 {
  	font-family: Lato;
  	font-size: 23px;
  	font-weight: 900;
  	color: #0a1327;
  	text-transform: uppercase;
}
#top .home-animated-numbers p {
  	font-size: 20px;
}
#top .home-referenze-grid {
	padding: 0px;
	overflow: hidden;
}
#top .home-referenze-grid img:hover {
	scale: 1.05;
}
#top .home-referenze-grid .flex_column {
	position: absolute;
  	bottom: 5em;
  	left: 5em;
}
#top .home-referenze-grid .avia-image-container.avia-align-center {
  	margin-bottom: 0px;
}
#top .home-referenze-grid .flex_column img {
	height: 65px;
	width: auto;
	margin-bottom: 30px;
}
#top .home-referenze-grid .flex_column img:hover {
	scale: 1;
}
#top .home-referenze-grid .flex_column p {
	font-size: 26px;
	color: #ff7276;
	text-transform: uppercase;
}

#top .cta-section {
	background-color: #0a1327;
	border-radius: 15px;
	padding: 100px 20%;
}
#top .cta-section h2 {
	color: #ff7276 !important;
}
#top .cta-section h2 span {
	color: #ffffff;
}
#top .cta-section p {
	color: #ebe8e8;
	margin: 1.8em 0;
}
#top .cta-section .avia-button {
	color: #0a1327 !important;
  	background-color: #ff7276 !important;
}
#top .cta-section::before {
  	content: url('https://www.abcagency.at/wp-content/uploads/2024/11/abc-cta.svg');
  	position: absolute;
  	width: 530px;
  	top: 127px;
  	right: 0;
  	left: 415px;
  	z-index: 0;
  	opacity: 0.1;
  	overflow: visible;
  	visibility: visible;
}

#top .faq-col,
#top .form-col {
	background-color: #f7f7f7;
	border-radius: 15px;
	padding: 50px 30px;
}
#top .form-col {
	padding: 50px 30px 30px 30px;
}

/*** FAQ ***/
.main_color .toggler:hover {
	background: #fbfbfb;
}
p.toggler {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
}
.single_toggle {
    margin: 0 0 5px 0;
}
.js_active .toggler {
    border-width: 0px !important;
    border-radius: 5px !important;
    padding: 16px 55px 16px 20px;
    background-color: #ffffff;
    line-height: 1.2em;
}
.toggle_icon {
    right: 18px;
    margin-top: -8px;
    left: auto;
    border-color: #2c3e50 !important;
    width: 22px;
    height: 22px;
    top: 44%;
    border-radius: 3px;
}
.toggle_icon .hor_icon {
    border-top-width: 2px;
    left: 3px;
    top: 9px;
    width: 14px;
    border-color: #2c3e50;
}
.toggle_icon .vert_icon {
    border-left-width: 2px;
    left: 9px;
    top: 3px;
    height: 14px;
    border-color: #2c3e50;
}
.toggle_content {
    border-width: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #ffffff !important;
    position: relative;
    bottom: 2px;
    border-top: 1px solid #d2d2d2 !important;
}
.toggle_content p {
    font-size: 17px;
    font-weight: 300;
}

#top .technology-section .content {
	padding: 15px 0px;
}
#top .technology-section .wpcpro-wrapper img {
  	max-width: 75px;
  	height: auto;
}
/*** partners section google home ***/
#wpcpro-wrapper-1071:not(.wpcp-justified) #sp-wp-carousel-pro-id-1071.wpcp-carousel-section.sp-wpcp-1071:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    width: 430px;
}
/******************************** SUBPAGE UMSATZ ********************************/
#top .subpage-banner .content {
	padding-top: 160px;
}
#top .subpage-title h1 {
	font-size: 60px;
}
#top .subpage-title.av-special-heading-h1 .av-subheading p {
	font-weight: 400;
	font-size: 35px;
	color: #ffffff;
}
#top .title-bottom-border.hr-custom .hr-inner.inner-border-av-border-fat {
  	border-top-width: 8px;
}

#top .umsatz-grid {
	display: flex;
}
#top .umsatz-grid-1 {
	padding: 0px 0px 20px 15%;
	width: 55% !important;
	display: flex;
}
#top .umsatz-grid-2 {
	padding: 0px 15% 20px 0px;
	width: 45% !important;
}
#top .umsatz-grid-1 .flex_column {
	background-color: #f7f7f7;
	padding: 100px 40px 80px 60px;
	height: 100%;
}
#top .umsatz-grid-2 .flex_column {
	height: 290px;
	padding: 0px 10% 30px 10%;
}
#top .umsatz-grid-2 .flex_column_table {
	margin-top: 0px !important;
}
#top .umsatz-grid-2 img {
	height: 70px;
	width: 70px;
}
#top .umsatz-grid-2 p {
	font-size: 16px !important;
  	color: #fff !important;
  	font-weight: 700 !important;
  	text-align: center;
  	padding-top: 40px;
  	min-height: 84.8px;
}

#top .umsatz-grid-2-alt p {
  	color: #161b23 !important;
}

#top .umsatz-cs-table .flex_column_table {
	background-color: #f7f7f7;
}
#top .umsatz-cs-table-col-1 {
	padding: 100px 40px 80px 60px;
	width: 65% !important;
}
#top .umsatz-cs-table-col-2 {
	padding: 0px 6%;
}

#top .umsatz-cryoniq .flex_column_table {
  	background-color: #0e131c;
  	border-radius: 15px;
  	padding-left: 80px;
  	margin-top: 180px !important;
}
#top .umsatz-cryoniq-col-1 {
  	padding-top: 140px;
}
#top .umsatz-cryoniq-logo img {
  	filter: invert(85%) sepia(9%) saturate(12%) hue-rotate(202deg) brightness(111%) contrast(98%);
}
#top .umsatz-cryoniq .avia-animated-number-content p {
  	font-family: Lato;
  	font-size: 20px !important;
  	font-weight: 400 !important;
  	padding: 0px;
  	margin-top: 10px !important;
  	line-height: 1.4em;
  	color: #ffffff !important;
  	text-align: left;
}
#top .umsatz-cryoniq .avia-animated-number-title {
  	font-size: 115px;
  	letter-spacing: 0px;
  	font-weight: 700;
  	color: #ff7276 !important;
  	position: absolute;
  	left: 0;
  	rigth: 0;
  	top: 63px;
}
#top .umsatz-cryoniq .avia-no-number {
  	opacity: 1;
  	font-size: 115px;
  	letter-spacing: 0px;
  	font-weight: 700;
  	color: #ff7276 !important;
}
#top .umsatz-cryoniq .text-below-number p {
  	font-family: Lato;
  	font-size: 20px !important;
  	font-weight: 400 !important;
  	padding: 0px;
  	margin-top: 10px !important;
  	line-height: 1.4em;
  	color: #ffffff !important;
  	text-align: left;
  	position: absolute;
  	bottom: 70px;
}
#top .umsatz-cryoniq-image img {
  	position: relative;
  	bottom: 80px;
}
#wpcpro-wrapper-1082:not(.wpcp-justified) #sp-wp-carousel-pro-id-1082.wpcp-carousel-section.sp-wpcp-1082:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    width: 350px;
}
#top .umsatz-slider-col {
	padding: 100px 0px;
}
/*********************************** SUBPAGE SOFTWARE ***********************************/
/*#top .software-grid-2 {
	padding: 0px 15% 20px 0px;
	width: 45% !important;
}*/
#top .software-abc-section .av_one_third {
	background-color: #f7f7f7;
	padding: 50px 25px 30px 25px;
}
#top .software-abc-section .av_one_third h3 {
  	font-size: 30px;
  	text-transform: none;
  	height: 66px;
  	display: flex;
  	align-items: end;
  	padding-bottom: 10px;
}
#top .software-abc-section .av_one_third .avia-image-overlay-wrap {
  	height: 107px;
  	display: flex;
  	align-items: end;
  	margin-bottom: 30px;
}
#top .software-abc-section .av_one_third img {
  	width: 70px;
  	opacity: 0.17;
  	/*margin-bottom: 30px;*/
}
#top .software-abc-section .av_one_third ul {
  	margin-left: 0px;
}
#top .software-abc-section .av_one_third li {
  	line-height: 1.2em;
  	padding: 8px 0;
}
#top .software-abc-section .av_one_third ul li::marker {
  	color: #ff7276;
}
#top .software-erfolg .av_one_third,
#top .software-erfolg .av_one_half {
	background-color: #f7f7f7;
	padding: 60px 25px 30px 25px;
}
#top .software-erfolg .av_one_third h3,
#top .software-erfolg .av_one_half h3 {
  	font-size: 30px;
  	text-transform: none;
  	height: 66px;
  	display: flex;
  	align-items: end;
  	padding-bottom: 10px;
}
#top .software-erfolg .content {
	padding-bottom: 0px;
}
#top .software-erfolg .av-special-heading {
  	padding-bottom: 25px !important;
}
#top .software-erfolg .av_one_third .av-special-heading,
#top .software-erfolg .av_one_half .av-special-heading {
  	padding-bottom: 0px !important;
}
#top .software-erfolg img,
#top .abc-background-title img {
  	width: 258px;
}
#top .software-erfolg .avia-image-container,
#top .abc-background-title .avia-image-container {
  	position: absolute;
  	left: 0px;
  	right: 0px;
  	top: 22px;
}
#top .software-erfolg .av_one_third ul,
#top .software-erfolg .av_one_half ul {
  	margin-left: 0px;
}
#top .software-erfolg .av_one_third li,
#top .software-erfolg .av_one_half li {
  	line-height: 1.2em;
  	padding: 8px 0;
}
#top .software-erfolg .av_one_third ul li::marker,
#top .software-erfolg .av_one_half ul li::marker {
  	color: #ff7276;
}

/*************************** SUBPAGE EXPANSION *************************/
#top .abc-partners .slide-entry img {
	height: 80px;
}
#top .abc-partners .slide-entry {
	width: 170px;
}

/*************************** SUBPAGE WEBSEITT ERSTELLUNG **********************/
#top .website-erstellung-grid-1 {
	align-items: center;
	padding-right: 60px;
}
/***** flip box *****/

#top .flip-box {
    position: relative;
    width: 300px; /* prispôsobte podľa vašich potrieb */
    height: 200px; /* prispôsobte podľa vašich potrieb */
    overflow: hidden; 
    perspective: 1000px;
}

.flip-box-front, .flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transition: transform 2s;
    transform-style: preserve-3d;
}

.flip-box-front {
    transform: rotateY(0deg);
    z-index: 2; 
}

.flip-box-back {
    transform: rotateY(-180deg);
    z-index: 1;
    padding: 38% 40px !important;
}

#top .flip-box:hover .flip-box-front {
    transform: rotateY(-180deg);
    z-index: 1;
}

#top .flip-box:hover .flip-box-back {
    transform: rotateY(0deg);
    z-index: 2;
}
/***** flip box *****/

#top .webseite-flip-box-section h3 {
  	font-family: Lato;
  	font-size: 20px !important;
  	color: #ffffff !important;
  	font-weight: 800 !important;
  	padding-top: 20px;
  	text-transform: none !important;
}
#top .webseite-flip-box-section p {
  	font-family: source-sans-3,sans-serif;
  	font-size: 19px !important;
  	color: #ffffff !important;
  	font-weight: 400 !important;
  	padding: 0px 13%;
  	margin-top: 0px !important;
  	line-height: 1.4em;
}
#top .webseite-flip-box-section img {
  	width: auto;
  	max-width: 133px;
  	height: 100px;
}
#top .webseite-flip-box-section .flex_cell {
  	padding: 0px;
}
#top .webseite-flip-box-section .flex_column {
  	height: 430px;
}
#top .webseite-flip-box-section .flex_column_table_cell {
  	float: none;
  	display: table-cell;
}
#top .webseite-flip-box-section-last-col h3 {
	padding-bottom: 69px;
}
#top .webseite-flip-box-section-col-1 p {
	padding: 0px 20%;
}
/*************************** SUBAPAGE UBER UNS ***********************/
#top .uber-uns-leistungen .av_one_third {
	background-color: #f7f7f7;
	padding: 70px 25px 50px 25px;
}
#top .uber-uns-leistungen .content {
	padding-top: 40px;
  	padding-bottom: 0px;
}
#top .uber-uns-leistungen .av-special-heading {
  	padding-bottom: 60px !important;
}
#top .uber-uns-leistungen .av_one_third .av-special-heading {
  	padding-bottom: 0px !important;
}
#top .uber-uns-leistungen .av_one_third h3 {
  	font-size: 30px;
  	text-transform: none;
  	height: 66px;
  	display: flex;
  	align-items: end;
}
#top .uber-uns-leistungen .av_one_third p {
  	height: 154px;
}
#top .uber-uns-leistungen .av_one_third img {
  	filter: invert(53%) sepia(92%) saturate(366%) hue-rotate(310deg) brightness(93%) contrast(117%);
  	width: 115px;
  	height: 82px;
}
#top .uber-uns-leistungen .column-top-margin {
  	margin-top: 15px;
}

#top .uber-uns-experten .av_one_third {
	background-color: #f7f7f7;
	padding: 70px 25px 50px 25px;
}
#top .uber-uns-experten h3 {
  	font-size: 33px;
  	text-transform: none;
  	padding-top: 20px;
}
#top .uber-uns-experten .av_one_third .av-special-heading {
  	margin-top: 30px;
}
#top .uber-uns-experten .av_one_third h4 {
	font-family: source-sans-3,sans-serif;
  	font-weight: 700 !important;
  	font-size: 24px;
  	color: #0a1327 !important;
  	min-height: 53px;
}
#top .uber-uns-experten .av_one_third p {
	font-size: 20px;
	min-height: 170px;
}
#top .uber-uns-experten .content {
	padding-bottom: 0px;
}

#top .abc-partners-uber-uns .slide-entry img {
	/*height: 70px;*/
	height: 55px;
}
#top .abc-partners-uber-uns .slide-entry {
	/*width: 160px;*/
	width: 127px;
}
#top .abc-partners-uber-uns .slide-entry.slide-loop-2 {
	/*width: 128px;*/
	width: 101px;
}
#top .abc-partners-uber-uns .slide-entry.slide-loop-1 {
	/*width: 147px;*/
	width: 116px;
}
#top .abc-partners-uber-uns .slide-entry.slide-loop-5 {
	width: 116px;
}
/************************ PORTFOLIO SUBPAGE ************************/
#top .portfolio-subpage-grid-1-1 {
	padding: 0px 100px 0px 14.5%;
}
#top .portfolio-subpage-grid-1-2 {
	padding: 80px 100px;
}
#top .portfolio-subpage-grid-2-1 {
	padding: 80px 100px;
}
#top .portfolio-subpage-grid-2-2 {
	padding: 0px 14.5% 0px 100px;
}
#top .portfolio-subpage-grid-1-2 {
	height: 830px;
}
#top .portfolio-subpage-grid-2-1 {
	height: 830px;
}
/************************ PORTFOLIO ITEMS **********************/
.single-portfolio #header {
  	background: #0a1327;
}
.single-portfolio h1 {
  	font-size: 56px;
  	color: #ffffff !important;
  	margin-top: 90px !important;
  	margin-bottom: 40px !important;
}
#top .portfolio-arrow-down-right img {
	width: 100px;
  	position: relative;
  	right: -8em;
}
#top .portfolio-grid-1 {
	padding: 0px 0px 0px 14.5%;
}
#top .portfolio-grid-2 {
	padding: 80px 0px 0px 0px;
}
#top .portfolio-arrow-down img {
	height: 125px;
	margin-bottom: 20px;
}
#top .alternative-title h2 {
	color: #ffffff !important;
}
#top .alternative-text p,
#top .alternative-text li {
	color: #dddddd;
}
#top .portfolio-icon-section .av_one_fourth h3 {
	font-size: 18px;
  	color: #d2d2d2 !important;
  	margin-left: 15px;
}
#top .portfolio-icon-section .av_one_fourth .av-special-heading {
	margin-top: 0px;
}
#top .portfolio-icon-section .av_one_fourth img {
	filter: invert(96%) sepia(0%) saturate(229%) hue-rotate(174deg) brightness(85%) contrast(103%);
  	width: 40px;
  	height: 40px;
}
#top .portfolio-icon-section .av_one_fourth {
	display: flex;
	align-items: center;
}
#top .portfolio-cta .content {
	padding-top: 50px;
}
#top .portfolio-losungsansatz .av_one_third {
	min-height: 470px;
	margin-top: 30px;
}
/*** bodhi ***/
#top .portfolio-bodhi-title h1 {
	color: #222426 !important;
}
#top .bodhi-ziele-section .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
  	margin-top: 0px;
}
#top .colors-section .portfolio-arrow-down img {
	width: 1400px;
}
#top .colors-section .av_one_third img {
	width: 270px;
}
#top .colors-section .flex_column_table {
	margin-top: 110px !important;
}
#top .bodhi-losungsansatz.portfolio-losungsansatz .av_one_third {
	min-height: 520px;
}
#top .bodhi-ergebnisse.portfolio-losungsansatz .av_one_third {
	min-height: 400px;
}
/*** anndora ***/
#top .anndora-losungsansatz.software-erfolg .av_one_half h3 {
  	height: auto;
}
#top .anndora-losungsansatz .flex_column_table:last-child {
  	margin-top: 30px !important;
}
/*** metgis ***/
#top .metgis img {
	filter: invert(86%) sepia(25%) saturate(3693%) hue-rotate(352deg) brightness(101%) contrast(107%);
}
/*** automobile ***/
#top .automobile-herausforderungen .av_one_third .avia-image-container {
	position: initial;
}
#top .automobile-herausforderungen .av_one_third img {
	width: 100px;
	height: 75px;
}
#top .automobile-herausforderungen.software-erfolg .av_one_third h3 {
	height: auto;
	padding-bottom: 0px;
}
#top .automobile-herausforderungen.software-erfolg .av_one_third {
	min-height: 440px;
}

/*** spring ***/
#top .portfolio-spring-title h1 {
	margin-bottom: 0px !important;
}
#top .portfolio-spring-title.av-special-heading-h1 .av-subheading p {
	margin-bottom: 40px !important;
	padding: 0px 30%;
}
#top .spring img {
	filter: invert(42%) sepia(98%) saturate(935%) hue-rotate(3deg) brightness(95%) contrast(102%);
}
#top .spring-arrow-center-section.avia-image-container {
	top: -35px;
}
#top .spring-marketing-section .slide-entry img {
	height: 65px;
}
#top .spring-marketing-section .slide-entry {
	width: 85px;
	padding: 0px 20px 0px 0px;
}
#top .spring-marketing-section.software-erfolg .av_one_third h3 {
  	height: auto;
}
#top .spring-marketing-section.portfolio-losungsansatz .av_one_third {
  	min-height: 440px;
}
#top .spring-fazit-section .content {
	padding-bottom: 110px;
}

/*** dpd ***/
#top .dpd img {
	filter: invert(14%) sepia(99%) saturate(6289%) hue-rotate(341deg) brightness(82%) contrast(106%);
}
#top .dpd-interner-chatbot .av_one_half .avia-image-container {
	position: initial;
}
#top .dpd-interner-chatbot .av_one_half img {
	width: 100px;
	height: 75px;
}
#top .dpd-interner-chatbot.software-erfolg .av_one_half h3 {
	height: auto;
	padding-bottom: 0px;
}
#top .dpd-interner-chatbot.software-erfolg .flex_column_table:last-child {
	margin-top: 28px !important;
}

/*** nano crm ***/
#top .nano-crm-losung.software-erfolg .av_one_half {
  	background-color: transparent;
  	padding: 0px;
}
#top .nano-crm-losung.software-erfolg .av_one_half .avia-image-container {
  	position: initial;
}
#top .nano-crm-losung.software-erfolg .av_one_half img {
  	width: auto;
}
#top .nano-crm-losung.software-erfolg .av_one_half ul li::marker {
  	color: inherit;
}
#top .nano-crm-losung.software-erfolg .content {
  	padding-bottom: 100px;
}
/************************ SUBPAGE KONTAKT *************************/
#top .abc-partners-kontakt .slide-entry img {
  	border-radius: 6px;
}
#top .kontakt-kontaktdaten .av_one_third {
	background-color: #f7f7f7;
	padding: 90px 20px 50px 20px;
  	border-radius: 15px;
}
#top .kontakt-kontaktdaten .av_one_third h2 {
	font-size: 25px;
}
#top .kontakt-kontaktdaten .av_one_third img {
	width: 110px;
	height: 90px;
	filter: invert(57%) sepia(78%) saturate(1152%) hue-rotate(313deg) brightness(99%) contrast(102%);
}
#top .kontakt-kontaktdaten .av_one_third p a {
	color: #ff7276;
	font-size: 28px;
	font-weight: 900;
}
#top .kontakt-kontaktdaten .av_one_half {
	background-color: #f7f7f7;
	padding: 60px 35px 30px 35px;
  	border-radius: 15px;
}
#top .kontakt-kontaktdaten .av_one_half h2 {
	font-size: 27px;
}
#top .kontakt-kontaktdaten .av_one_half p {
	line-height: 1.7em;
	margin-bottom: 1.2em;
}
#top .kontakt-kontaktdaten .flex_column_table:last-child {
	margin-top: 28px !important;
}
#top .kontakt-kontakt-form-img,
#top .kontakt-kontakt-form-img img {
	border-radius: 15px;
}
#wpcpro-wrapper-1116:not(.wpcp-justified) #sp-wp-carousel-pro-id-1116.wpcp-carousel-section.sp-wpcp-1116:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    width: 30f0px;
}
/************************ CONTACT FORM 7 ***********************/
.main_color .required {
  	color: #2c3e50;
}
#top .contact-form-7 label {
	font-family: Lato;
  	font-weight: 600;
  	color: #2c3e50;
  	font-size: 17px;
}
#top .contact-form-7 br {
	display: none;
}
#top .contact-form-7 .input-text,
#top .contact-form-7 input[type="text"],
#top .contact-form-7 input[type="input"],
#top .contact-form-7 input[type="password"],
#top .contact-form-7 input[type="email"],
#top .contact-form-7 input[type="number"],
#top .contact-form-7 input[type="url"],
#top .contact-form-7 input[type="tel"],
#top .contact-form-7 input[type="search"],
#top .contact-form-7 textarea,
#top .contact-form-7 select {
  	border: 1px solid #cdcdcd !important;
  	font: 15px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  	background: #fff !important;
  	border-radius: 5px !important;
  	padding: 9px 9px;
  	font-family: Lato;
  	margin-bottom: 15px;
  	margin-top: 3px;
}
#top .contact-form-7 textarea {
  	height: 180px;
}
#top .contact-form-7 textarea::placeholder, #top .contact-form-7 input::placeholder {
  	color: #a2a2a2 !important;
  	opacity: 1;
}
input[type="submit"], #submit, .button {
	font-family: source-sans-3,sans-serif;
  	font-weight: 700 !important;
  	font-size: 18px !important;
  	color: #0a1327 !important;
  	background-color: #ff7276 !important;
  	border: 2px solid #ff7276 !important;
  	border-radius: 25px !important;
  	text-transform: uppercase;
  	padding: 12px 25px !important;
}
#top .contact-form-7 p {
  	margin: 5px 0px 0px 0px;
  	text-align: left;
}
#top form {
  	margin-top: 12px !important;
}
#top .grecaptcha-badge {
	display:none !important;
}
/************************** FOOTER *************************/
#top .footer-section h3 {
	font-family: Lato;
	font-weight: 900 !important;
	color: #ff7276 !important;
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#top .footer-section p,
#top .footer-section li {
	color: #d0d8e8;
	font-size: 15px;
}
#top .footer-section p a,
#top .footer-section li a {
	color: #d0d8e8;
	font-size: 15px;
}
#top .footer-section p a:hover,
#top .footer-section li a:hover {
	color: #ff7276;
	text-decoration: underline !important;
}
#top .footer-section ul {
	margin-left: 0px;
}
#top .footer-section li {
  	padding: 10px 0;
}
#top .footer-col-5 p {
	line-height: 1.9em;
  	margin-top: 0.4em;
}
#top .footer-col-5 strong {
	font-weight: 900;
	text-transform: uppercase;
	color: #d0d8e8 !important;
}
#top .footer-col-1 img {
	width: 155px;
	margin-bottom: 25px;
}
#top .footer-col-1 p {
	color: #ffffff;
	line-height: 1.8em;
  	padding-right: 10px;
}
#top .footer-border::before {
  	width: 1px;
  	background-color: #2a3140;
  	content: "";
  	display: block;
  	position: absolute;
  	z-index: 10;
  	left: -50px;
  	bottom: 30px;
  	height: calc( 100% - 65px );
  	visibility: visible;
}

#socket .copyright {
  	width: 100%;
  	text-align: center;
  	font-family: Lato;
}
span.copyright em {
	display: none !important;
}

/****** DATENSCHUTZ *******/
#top .datenschutz p a,
#top .datenschutz li a {
	color: inherit !important;
	text-decoration: underline !important;
}
#top .datenschutz p a:hover,
#top .datenschutz li a:hover {
	color: #ff7276 !important;
}
/******************** SCROLL TOP *********************/
#scroll-top-link.avia_pop_class {
  	opacity: 1;
}
#scroll-top-link {
  	background-color: #fff;
  	color: #ff7276 !important;
  	border: 2px solid #ff7276 !important;
  	border-radius: 50%;
  	font-size: 18px;
  	line-height: 45px;
}
#scroll-top-link:hover {
  	background-color: #ff7276;
  	color: #ffffff !important;
  	border: 2px solid #ff7276 !important;
}

/***************** POPUP FORM ****************/
h2.ays_pb_show_title_on_mobile.ays_pb_title_styles_2 {
	font-family: source-sans-3,sans-serif !important;
  	font-weight: 700 !important;
  	font-size: 28px;
  	color: #0a1327 !important;
  	text-transform: uppercase;
  	text-align: left;
}
.ays-pb-modals .ays-popup-hrs-default {
  	display: none;
}
#top .popup-form.contact-form-7 .input-text,
#top .popup-form.contact-form-7 input[type="text"],
#top .popup-form.contact-form-7 input[type="input"],
#top .popup-form.contact-form-7 input[type="password"],
#top .popup-form.contact-form-7 input[type="email"],
#top .popup-form.contact-form-7 input[type="number"],
#top .popup-form.contact-form-7 input[type="url"],
#top .popup-form.contact-form-7 input[type="tel"],
#top .popup-form.contact-form-7 input[type="search"],
#top .popup-form.contact-form-7 textarea,
#top .popup-form.contact-form-7 select {
  	margin-bottom: 9px;
  	margin-top: 0px;
}
#top .popup-form.contact-form-7 textarea {
  	height: 160px;
}


/*********************************************************************** RESOLUTIONS ***************************************************************************/
@media only screen and (max-width: 3840px) and (min-width: 2561px)  {
	#top .google-partner-grid-2 {
  		padding: 226px 32% 220px 100px;
	}
	#top .umsatz-grid-1 {
  		padding: 0px 0px 20px 32.5%;
	}
	#top .umsatz-grid-2 {
 		padding: 0px 30% 20px 0px;
	}
	#top .portfolio-grid-1 {
		padding: 0px 0px 0px 32.5%;
	}

	#top .webseite-flip-box-section .flex_column {
    	height: 850px;
  	}
  	#top .website-erstellung-grid-1 {
  		padding-right: 60px;
	}
}

@media only screen and (max-width: 2560px) and (min-width: 1921px)  {
	#top .google-partner-grid-2 {
  		padding: 226px 25% 220px 100px;
	}
	#top .umsatz-grid-1 {
  		padding: 0px 0px 20px 24%;
	}
	#top .umsatz-grid-2 {
  		padding: 0px 22% 20px 0px;
	}
	#top .portfolio-grid-1 {
		padding: 0px 0px 0px 24%;
	}

  	#top .webseite-flip-box-section .flex_column {
    	height: 590px;
  	}
  	#top .website-erstellung-grid-1 {
  		padding-right: 60px;
	}
}

@media only screen and (max-width: 1728px)  {
	#top .google-partner-grid-2 {
  		padding: 210px 10% 160px 100px;
	}
	#top .umsatz-grid-1 {
  		padding: 0px 0px 20px 11%;
	}
	#top .umsatz-grid-2 {
  		padding: 0px 11% 20px 0px;
	}
	#top .portfolio-grid-1 {
  		padding: 0px 0px 0px 10.5%;
	}
	#top .portfolio-subpage-grid-1-1 {
		padding: 0px 100px 0px 10.5%;
	}
	#top .portfolio-subpage-grid-2-2 {
		padding: 0px 10.5% 0px 100px;
	}
	#top .portfolio-subpage-grid-2-1,
	#top .portfolio-subpage-grid-1-2 {
  		height: 800px;
	}
/***** webseite erstellung ******/
	#top .webseite-flip-box-section img {
  		width: auto;
  		max-width: 123px;
  		height: 90px;
	}
	#top .website-erstellung-grid-1 {
  		padding-right: 60px;
	}
}

@media only screen and (max-width: 1600px)  {
	#top .google-partner-grid-1 {
  		padding: 100px 0px;
	}
	#top .google-partner-grid-1 img {
  		width: 420px;
	}
	#top .google-partner-grid-2 {
  		padding: 180px 6% 140px 100px;
	}
	#top .home-referenze-grid .flex_column img {
  		height: 55px;
	}
	#top .home-referenze-grid .flex_column p {
  		font-size: 23px;
	}
	#top .umsatz-grid-1 {
    	padding: 0px 0px 20px 8%;
  	}
  	#top .umsatz-grid-2 {
    	padding: 0px 8% 20px 0px;
  	}
  	#top .portfolio-grid-1 {
  		padding: 0px 0px 0px 7.5%;
	}
	#top .portfolio-subpage-grid-1-1 {
		padding: 0px 100px 0px 7.5%;
	}
	#top .portfolio-subpage-grid-1-2 {
		padding: 80px 80px;
	}
	#top .portfolio-subpage-grid-2-1 {
		padding: 80px 80px;
	}
	#top .portfolio-subpage-grid-2-2 {
		padding: 0px 7.5% 0px 100px;
	}

	#top .portfolio-subpage-grid-2-1, #top .portfolio-subpage-grid-1-2 {
    	height: 740px;
  	}

  	#wpcpro-wrapper-1071:not(.wpcp-justified) #sp-wp-carousel-pro-id-1071.wpcp-carousel-section.sp-wpcp-1071:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
  		width: 380px;
	}
/***** webseite erstellung *****/
	#top .webseite-flip-box-section p {
  		padding: 0px 10%;
	}
	#top .webseite-flip-box-section .flex_column {
  		height: 400px;
	}
	#top .webseite-flip-box-section img {
    	max-width: 105px;
    	height: 90px;
  	}
  	#top .webseite-flip-box-section-last-col h3 {
  		padding-bottom: 46px;
  		padding-right: 10%;
  		padding-left: 10%;
	}
	#top .website-erstellung-grid-1 {
  		padding-right: 60px;
	}
}

@media only screen and (max-width: 1536px) {
	#top .google-partner-grid-2 {
    	padding: 160px 6% 120px 100px;
  	}
	#top .umsatz-grid-1 {
    	padding: 0px 0px 20px 6%;
  	}
  	#top .umsatz-grid-2 {
    	padding: 0px 6% 20px 0px;
  	}
  	#top .portfolio-grid-1 {
    	padding: 0px 0px 0px 6.5%;
  	}
  	#top .portfolio-arrow-down img {
  		height: 100px;
	}
	#top .portfolio-subpage-grid-1-1 {
		padding: 0px 100px 0px 5.5%;
	}
	#top .portfolio-subpage-grid-2-2 {
		padding: 0px 5.5% 0px 100px;
	}

	#top .portfolio-subpage-grid-2-1, #top .portfolio-subpage-grid-1-2 {
    	height: 700px;
  	}
/****** webseite erstellung *******/
  	#top .website-erstellung-grid-1 {
  		padding-right: 50px;
	}
	#top .webseite-flip-box-section p {
  		font-size: 18px !important;
	}
	#top .webseite-flip-box-section img {
    	max-width: 100px;
    	height: 90px;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 384px;
  	}
}

@media only screen and (max-width: 1470px) {
	#top .google-partner-grid-1 {
    	padding: 130px 0px;
  	}
  	#top .google-partner-grid-2 {
    	padding: 150px 6% 140px 80px;
  	}
  	#top .cta-section::before {
  		left: 405px;
	}
	#top .umsatz-grid-1 {
    	padding: 0px 0px 20px 4%;
  	}
  	#top .umsatz-grid-2 {
    	padding: 0px 4% 20px 0px;
  	}
  	#top .portfolio-arrow-down-right img {
  		width: 90px;
	}
	#top .portfolio-grid-2 {
  		padding: 100px 0px 0px 0px;
	}
	#top .portfolio-arrow-down img {
    	height: 80px;
  	}
  	#top .portfolio-grid-1 {
    	padding: 0px 0px 0px 4.5%;
  	}
  	#top .portfolio-subpage-grid-1-1 {
		padding: 0px 70px 0px 4.5%;
	}
	#top .portfolio-subpage-grid-1-2 {
		padding: 80px 80px;
	}
	#top .portfolio-subpage-grid-2-1 {
		padding: 80px 80px;
	}
	#top .portfolio-subpage-grid-2-2 {
		padding: 0px 4.5% 0px 70px;
	}

	#top .portfolio-subpage-grid-2-1, #top .portfolio-subpage-grid-1-2 {
    	height: 670px;
  	}

  	#wpcpro-wrapper-1071:not(.wpcp-justified) #sp-wp-carousel-pro-id-1071.wpcp-carousel-section.sp-wpcp-1071:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 350px;
  	}
  	#wpcpro-wrapper-1082:not(.wpcp-justified) #sp-wp-carousel-pro-id-1082.wpcp-carousel-section.sp-wpcp-1082:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
  		width: 310px;
	}
/****** webseite erstellung ******/
	#top .webseite-flip-box-section .flex_column {
    	height: 355px;
  	}
  	#top .webseite-flip-box-section img {
    	max-width: 95px;
    	height: 80px;
  	}
  	#top .webseite-flip-box-section p {
    	font-size: 17px !important;
  	}
  	#top .website-erstellung-grid-1 {
  		padding-right: 40px;
	}
	#top .webseite-flip-box-section-col-1 p {
  		padding: 0px 20%;
	}
}

@media only screen and (max-width: 1366px) {
	#top #header .av-menu-button > a .avia-menu-text {
  		margin-left: 6.2em;
	}
	#top .home-services h2 {
  		font-size: 26px;
	}
	p, li {
  		font-size: 20px;
	}
	#top .google-partner-grid-1 {
    	padding: 80px 0px;
  	}
	#top .google-partner-grid-2 {
    	padding: 130px 6% 110px 80px;
  	}
  	#wpcpro-wrapper-1071:not(.wpcp-justified) #sp-wp-carousel-pro-id-1071.wpcp-carousel-section.sp-wpcp-1071:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 300px;
  	}
	#top .home-animated-numbers .av_one_third {
  		padding: 0px;
	}
	#top .cta-section::before {
    	left: 360px;
  	}
  	#top .subpage-title h1 {
  		font-size: 55px;
	}
	#top .subpage-title.av-special-heading-h1 .av-subheading p {
  		font-size: 32px;
	}
	#top .umsatz-grid-2 .flex_column {
  		padding: 0px 8% 30px 8%;
	}
	#top .umsatz-cryoniq-col-1 {
  		padding-top: 115px;
	}
	#top .umsatz-cryoniq .text-below-number p {
  		bottom: 60px;
	}
	#top .uber-uns-experten .av_one_third p {
  		font-size: 19px;
	}
	#top .portfolio-grid-1 {
    	padding: 0px 0px 0px 4%;
  	}
  	#top .portfolio-losungsansatz .av_one_third {
  		min-height: 455px;
	}
	#top .portfolio-subpage-grid-1-1 {
		padding: 0px 50px 0px 4%;
	}
	#top .portfolio-subpage-grid-2-2 {
		padding: 0px 4% 0px 50px;
	}
	#top .uber-uns-leistungen .av_one_third p {
  		height: 140px;
	}
	#top .uber-uns-leistungen .av_one_third {
  		padding: 70px 25px 30px 25px;
	}
/*** bodhi ***/
	#top .bodhi-losungsansatz.portfolio-losungsansatz .av_one_third {
  		min-height: 490px;
	}
	#top .bodhi-ergebnisse.portfolio-losungsansatz .av_one_third {
  		min-height: 380px;
	}

	#top .portfolio-subpage-grid-2-1, #top .portfolio-subpage-grid-1-2 {
    	height: 620px;
  	}
/*** spring ***/
	#top .portfolio-spring-title.av-special-heading-h1 .av-subheading p {
  		padding: 0px 31%;
	}
	#top .spring-marketing-section .slide-entry img {
  		height: 60px;
	}
	#top .spring-marketing-section .slide-entry {
  		width: 75px;
	}
/****** webseite erstellung ******/
	#top .webseite-flip-box-section img {
    	max-width: 90px;
    	height: 75px;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 340px;
  	}
}

@media only screen and (max-width: 1280px) {
	.av-main-nav > li > a {
  		font-size: 17px !important;
	}
	#top #header .av-menu-button > a .avia-menu-text {
  		font-size: 16px;
	}
	h1 {
  		font-size: 82px;
	}
	#top .home-banner-text p {
  		font-size: 38px;
  		padding: 0px 18%;
	}
	#top .home-services img {
  		width: 90px;
  		height: 70px;
	}
	#top .home-services h2 {
    	font-size: 24px;
  	}
  	h2 {
  		font-size: 35px;
	}
	#top .home-animated-numbers h3 {
  		font-size: 22px;
	}
	#top .home-animated-numbers .avia-animated-number .avia-single-number,
	#top .home-animated-numbers .avia-no-number {
  		font-size: 54px;
	}
	#top .home-referenze-grid .flex_column img {
    	height: 45px;
    	margin-bottom: 20px;
  	}
  	#top .home-referenze-grid .flex_column p {
    	font-size: 20px;
  	}
  	#top .home-referenze-grid .flex_column {
  		bottom: 3em;
  		left: 4em;
	}
	#top .cta-section::before {
    	left: 332px;
    	width: 500px;
  	}
  	#top .footer-col-5 p {
  		line-height: 1.5em;
	}
	#top .footer-col-1 img {
  		width: 140px;
	}
	#top .subpage-title h1 {
    	font-size: 52px;
  	}
  	#top .subpage-title.av-special-heading-h1 .av-subheading p {
    	font-size: 30px;
  	}
  	#top .umsatz-cryoniq-col-1 {
    	padding-top: 105px;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-title {
  		top: 45px;
	}
  	#wpcpro-wrapper-1082:not(.wpcp-justified) #sp-wp-carousel-pro-id-1082.wpcp-carousel-section.sp-wpcp-1082:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 270px;
  	}

  	#top .software-cs-table-col-1 {
  		padding: 80px 40px 60px 60px;
  	}

  	#top .abc-partners-uber-uns .slide-entry img {
  		/*height: 60px;*/
  		height: 50px;
	}
	#top .abc-partners-uber-uns .slide-entry {
  		/*width: 140px;*/
  		width: 115px;
	}
	#top .abc-partners-uber-uns .slide-entry.slide-loop-1 {
  		/*width: 125px;*/
  		width: 106px;
	}
	#top .abc-partners-uber-uns .slide-entry.slide-loop-2 {
  		/*width: 112px;*/
  		width: 90px;
	}
	#top .abc-partners-uber-uns .slide-entry.slide-loop-1 {
  		/*width: 129px;*/
  		width: 106px;
	}
	#top .abc-partners-uber-uns .slide-entry.slide-loop-5 {
  		width: 103px;
	}
	#top .uber-uns-leistungen .av_one_third h3 {
  		font-size: 27px;
	}
	#top .uber-uns-experten h3 {
  		font-size: 30px;
	}
	#top .uber-uns-experten .av_one_third h4 {
  		font-size: 22px;
	}
	#top .uber-uns-experten .av_one_third p {
  		font-size: 19px;
  		min-height: 190px;
	}
/***** portfolio items *****/
	.single-portfolio h1 {
  		font-size: 52px;
	}
	#top .portfolio-arrow-down-right img {
    	width: 80px;
  	}
  	#top .portfolio-arrow-down img {
    	height: 70px;
  	}
  	#top .portfolio-losungsansatz .av_one_third h3 {
  		font-size: 28px;
	}
	#top .portfolio-losungsansatz .av_one_third {
    	min-height: 476px;
  	}
/*** bodhi ***/
	#top .bodhi-losungsansatz.portfolio-losungsansatz .av_one_third {
  		min-height: 545px;
	}
/*** automobile ***/
	#top .automobile-herausforderungen.software-erfolg .av_one_third {
  		min-height: 410px;
	}
/*** nano crm ***/
	#top .nanocrm-ergebnisse-section.software-erfolg .av_one_third {
  		min-height: 425px;
	}

	#top .portfolio-subpage-grid-2-1, #top .portfolio-subpage-grid-1-2 {
    	height: 580px;
  	}
/***** webseite erstellung *****/
	#top .webseite-flip-box-section .flex_column {
    	height: 320px;
  	}
  	#top .webseite-flip-box-section h3 {
  		padding-top: 5px;
	}
}	

@media only screen and (max-width: 1194px) {
	#top #header .av-menu-button > a .avia-menu-text {
  		padding-right: 17px;
  		padding-left: 17px;
	}
	.av-main-nav > li > a {
  		padding: 0 16px;
	}
	p, li {
    	font-size: 18px;
  	}
  	#top .home-services h2 {
    	font-size: 22px;
  	}
  	#top .home-services img {
    	width: 85px;
    	height: 65px;
  	}
  	#top .google-partner-grid-1 img {
    	width: 350px;
  	}
  	#top .google-partner-grid-2 {
    	padding: 150px 5% 140px 70px;
  	}
  	#top .home-animated-numbers h3 {
    	font-size: 21px;
  	}
  	#top .cta-section::before {
    	left: 310px;
    	width: 470px;
    	top: 120px;
  	}
  	h3 {
  		font-size: 26px;
	}
	#top .footer-section .av-flex-placeholder {
  		width: 4% !important;
	}
	#top .footer-section .av_one_fifth {
  		width: 17.6% !important;
	}
	#top .footer-border::before {
  		left: -25px;
  		height: calc( 100% - 70px );
	}

	#top .subpage-title h1 {
    	font-size: 49px;
  	}
  	#top .subpage-title.av-special-heading-h1 .av-subheading p {
    	font-size: 28px;
  	}

  	#top .umsatz-grid-2 .flex_column {
    	padding: 0px 6% 30px 6%;
  	}
  	#top .umsatz-grid-2 {
  		width: 50% !important;
	}
	#top .umsatz-grid-1 {
  		width: 50% !important;
	}
	#top .umsatz-cryoniq-col-1 {
    	padding-top: 85px;
  	}
  	#top .umsatz-cryoniq .text-below-number p {
    	bottom: 45px;
  	}
  	#top .umsatz-cryoniq-image img {
  		bottom: 65px;
	}

	#top .software-cs-table-col-1 {
    	padding: 60px 40px 40px 60px;
  	}
  	#top .software-abc-section .av_one_third h3,
  	#top .software-erfolg .av_one_third h3,
  	#top .software-erfolg .av_one_half h3 {
  		font-size: 28px;
	}
	#top .software-abc-section .av_one_third img {
  		width: 65px;
	}

	#top .abc-partners .slide-entry img {
  		height: 70px;
	}
	#top .abc-partners .slide-entry {
  		width: 145px;
	}

	#top .abc-partners-uber-uns .slide-entry img {
    	/*height: 50px;*/
    	height: 47px;
  	}
  	#top .abc-partners-uber-uns .slide-entry {
    	/*width: 115px;*/
    	width: 108px;
  	}
  	#top .abc-partners-uber-uns .slide-entry.slide-loop-2 {
    	/*width: 92px;*/
    	width: 86px;
  	}
  	#top .abc-partners-uber-uns .slide-entry.slide-loop-1 {
   		width: 105px;
   		width: 99px;
  	}
  	#top .abc-partners-uber-uns .slide-entry.slide-loop-5 {
    	width: 98px;
  	}
  	#top .uber-uns-leistungen .av_one_third .av-special-heading {
  		margin-top: 30px;
	}
  	#top .uber-uns-leistungen .av_one_third h3 {
    	font-size: 25px;
  	}
  	#top .uber-uns-leistungen .av_one_third img {
  		width: 95px;
  		height: 70px;
	}
	#top .uber-uns-experten h3 {
    	font-size: 28px;
  	}
	#top .uber-uns-experten .av_one_third h4 {
    	font-size: 21px;
  	}
  	#top .uber-uns-experten .av_one_third p {
    	font-size: 18px;
  	}
  	#top .uber-uns-experten .av_one_third {
  		padding: 70px 25px 30px 25px;
	}
/***** portfolio items *****/
	#top .portfolio-cta .content {
  		padding-top: 20px;
	}
	#top .portfolio-losungsansatz .av_one_third h3 {
  		font-size: 26px;
	}
	#top .portfolio-losungsansatz .av_one_third {
    	min-height: 455px;
  	}
/*** bodhi ***/
	#top .bodhi-losungsansatz.portfolio-losungsansatz .av_one_third {
    	min-height: 510px;
  	}
/*** kontakt ***/
	#top .kontakt-kontaktdaten .av_one_third h2 {
  		font-size: 23px;
	}
	#top .kontakt-kontaktdaten .av_one_third p a {
  		font-size: 25px;
	}
	#top .kontakt-kontaktdaten .av_one_third img {
  		width: 90px;
  		height: 70px;
	}
	#top .kontakt-kontaktdaten .av_one_third p {
  		margin-top: 0.3em;
	}
	#top .kontakt-kontaktdaten .av_one_half h2 {
  		font-size: 24px;
	}
	#top .kontakt-kontaktdaten .flex_column_table:last-child {
  		margin-top: 22px !important;
	}
	#wpcpro-wrapper-1116:not(.wpcp-justified) #sp-wp-carousel-pro-id-1116.wpcp-carousel-section.sp-wpcp-1116:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
  		width: 230px;
	}
/*** spring ***/
	#top .spring-arrow-center-section.avia-image-container {
  		top: -14px;
	}
	#top .spring-marketing-section .slide-entry img {
    	height: 50px;
  	}
  	#top .spring-marketing-section.portfolio-losungsansatz .av_one_third {
  		min-height: 380px;
	}
	#top .spring-marketing-section .av_one_third .av-special-heading {
  		margin-top: 40px;
	}

	#top .portfolio-subpage-grid-2-1, #top .portfolio-subpage-grid-1-2 {
    	height: 550px;
  	}
/*** dpd ***/
	#top .dpd-interner-chatbot.software-erfolg .flex_column_table:last-child {
  		margin-top: 23px !important;
	}
/***** webseite erstellung *****/
	#top .webseite-flip-box-section h3 {
  		font-size: 18px !important;
	}
	#top .webseite-flip-box-section .flex_column {
    	height: 298px;
  	}
  	#top .webseite-flip-box-section .av-special-heading {
  		margin-top: 35px;
	}
	#top .webseite-flip-box-section img {
    	max-width: 85px;
    	height: 75px;
  	}
}

@media only screen and (max-width: 1080px) {
	.av-main-nav > li > a {
    	padding: 0 13px;
  	}
  	.av-main-nav > li > a {
    	font-size: 16px !important;
  	}
  	#top #header .av-menu-button > a .avia-menu-text {
    	font-size: 15px;
    	margin-left: 5.7em;
  	}
  	.logo svg {
  		width: 95px;
	}
	#top .home-services h2 {
    	min-height: 48.4px;
  	}
  	#top .home-services p {
    	min-height: 126px;
  	}
  	#top .google-partner-grid-2 {
    	padding: 100px 5% 80px 70px;
  	}
  	#wpcpro-wrapper-1071:not(.wpcp-justified) #sp-wp-carousel-pro-id-1071.wpcp-carousel-section.sp-wpcp-1071:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 250px;
  	}
  	#top .home-animated-numbers h3 {
    	font-size: 20px;
  	}
  	#top .home-animated-numbers p {
  		font-size: 18px;
	}
	#top .home-animated-numbers .avia-animated-number .avia-single-number,
	#top .home-animated-numbers .avia-no-number {
    	font-size: 50px;
  	}
  	#top .home-referenze-grid .flex_column img {
    	height: 40px;
    	margin-bottom: 15px;
  	}
  	#top .home-referenze-grid .flex_column p {
    	font-size: 18px;
  	}
  	#top .home-referenze-grid .flex_column {
    	bottom: 2em;
    	left: 3.5em;
  	}
  	#top .cta-section::before {
    	left: 256px;
    	width: 460px;
    	top: 120px;
  	}
  	#top .footer-section h3 {
  		font-size: 16px;
	}
	#top .footer-section p, #top .footer-section li {
  		font-size: 14px;
	}
	#top .footer-section li {
  		padding: 9px 0;
	}

	#top .umsatz-grid-1 .flex_column {
  		padding: 80px 40px 60px 50px;
	}
	#top .umsatz-cs-table-col-1 {
  		padding: 80px 40px 60px 50px;
	}
	#top .animated-numbers-subpage .hr.hr-invisible {
  		height: 40px !important;
	}
	#top .umsatz-cryoniq-col-1 {
    	padding-top: 65px;
  	}
  	#top .umsatz-cryoniq .text-below-number p {
    	bottom: 25px;
  	}
  	#top .umsatz-cryoniq-image img {
    	bottom: 55px;
    	scale: 1.08;
  	}
  	#top .umsatz-cryoniq .flex_column_table {
  		margin-top: 160px !important;
	}
	#wpcpro-wrapper-1082:not(.wpcp-justified) #sp-wp-carousel-pro-id-1082.wpcp-carousel-section.sp-wpcp-1082:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 220px;
  	}
  	#top .umsatz-slider-col {
  		padding: 100px 0px 70px 0px;
	}
	#top .software-cs-table-col-1 {
    	padding: 50px 30px 20px 40px;
  	}
  	#top .software-abc-section .av_one_third h3,
  	#top .software-erfolg .av_one_third h3,
	#top .software-erfolg .av_one_half h3 {
    	font-size: 26px;
    	height: 58px;
  	}
  	#top .software-abc-section .av_one_third img {
    	width: 55px;
  	}
  	#top .software-erfolg .av_one_third .av-special-heading,
  	#top .software-erfolg .av_one_half .av-special-heading {
  		padding-bottom: 10px !important;
	}
	#top .uber-uns-experten .av_one_third {
  		padding: 40px 20px 30px 20px;
	}
	#top .uber-uns-leistungen .av_one_third img {
    	width: 80px;
    	height: 70px;
  	}
  	#top .uber-uns-experten .av_one_third p {
    	min-height: 205px;
  	}
/***** portfolio items *****/
	#top .portfolio-icon-section .av_one_fourth h3 {
  		font-size: 16px;
	}
	#top .portfolio-losungsansatz .av_one_third h3 {
  		font-size: 24px;
	}
	#top .portfolio-subpage-grid-1-1 {
		padding: 0px 50px 0px 50px;
	}
	#top .portfolio-subpage-grid-1-2 {
		padding: 80px 50px;
	}
	#top .portfolio-subpage-grid-2-1 {
		padding: 80px 50px;
	}
	#top .portfolio-subpage-grid-2-2 {
		padding: 0px 50px 0px 50px;
	}
/*** bodhi ***/
	#top .bodhi-ergebnisse.portfolio-losungsansatz .av_one_third {
    	min-height: 410px;
  	}
/*** automobile ***/
	#top .automobile-herausforderungen .av_one_third img {
  		width: 80px;
  		height: 55px;
	}
/*** spring ***/
	#top .portfolio-spring-title.av-special-heading-h1 .av-subheading p {
    	padding: 0px 28%;
  	}
  	#top .spring-marketing-section.portfolio-losungsansatz .av_one_third {
    	min-height: 410px;
  	}
/*** dpd ***/
	#top .dpd-interner-chatbot.software-erfolg .flex_column_table:last-child {
  		margin-top: 21px !important;
	}
/*** kontakt ***/
	#top .kontakt-kontaktdaten .av_one_third img {
    	width: 80px;
    	height: 60px;
  	}
  	#top .kontakt-kontaktdaten .av_one_third h2 {
    	font-size: 21px;
  	}
/***** webseite erstellung ******/
	#top .webseite-flip-box-section p {
    	padding: 0px 7%;
  	}
  	#top .webseite-flip-box-section p {
    	font-size: 16px !important;
  	}
  	#top .webseite-flip-box-section h3 {
    	font-size: 17px !important;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 270px;
  	}
  	#top .webseite-flip-box-section img {
    	max-width: 80px;
    	height: 70px;
  	}
}

@media only screen and (max-width: 1024px) {
	#top #header .av-menu-button > a .avia-menu-text {
    	padding-right: 14px;
    	padding-left: 14px;
  	}
  	#top #header .av-menu-button > a .avia-menu-text {
    	margin-left: 4.3em;
  	}
  	h1 {
    	font-size: 74px;
  	}
  	#top .home-banner-text p {
    	font-size: 32px;
  	}
  	#top .google-partner-grid-2 {
    	padding: 90px 5% 80px 60px;
  	}
  	#top .google-partner-grid-1 img {
    	width: 300px;
  	}
  	#top .home-animated-numbers h3 {
    	font-size: 19px;
  	}
  	#top .home-animated-numbers p {
    	font-size: 17px;
  	}
  	#top .cta-section::before {
    	left: 230px;
  	}
  	h3 {
    	font-size: 24px;
  	}
  	#top .footer-section h3 {
    	font-size: 15px;
  	}

  	#top .umsatz-cryoniq-logo img {
  		width: 250px;
	}
	#top .umsatz-cryoniq .avia-animated-number-content p,
	#top .umsatz-cryoniq .text-below-number p {
  		font-size: 18px !important;
	}
	#top .umsatz-cryoniq .avia-animated-number-title,
	#top .umsatz-cryoniq .avia-no-number {
  		font-size: 100px;
	}
	#top .umsatz-cryoniq .avia-animated-number-title {
  		top: 52px;
	}
	#top .software-abc-section .av_one_third h3,
	#top .software-erfolg .av_one_third h3,
	#top .software-erfolg .av_one_half h3 {
    	font-size: 25px;
  	}

  	#top .abc-partners .slide-entry img {
    	height: 60px;
  	}
  	#top .abc-partners .slide-entry {
    	width: 125px;
  	}

  	#top .uber-uns-experten .av_one_third p {
    	min-height: 230px;
  	}
/***** portfolio items *****/
	.single-portfolio h1 {
    	font-size: 50px;
  	}
  	#top .portfolio-losungsansatz .av_one_third h3 {
  		font-size: 22px;
	}
	#top .portfolio-losungsansatz .av_one_third {
    	min-height: 462px;
  	}
	#top .portfolio-subpage-grid-1-2 {
		padding: 60px 50px;
	}
	#top .portfolio-subpage-grid-2-1 {
		padding: 60px 50px;
	}
/*** bodhi ***/
	#top .bodhi-losungsansatz.portfolio-losungsansatz .av_one_third {
    	min-height: 560px;
  	}
/*** automobile ***/
	#top .automobile-herausforderungen.software-erfolg .av_one_third .av-special-heading {
		padding-bottom: 0px !important;
	}
	#top .automobile-herausforderungen.software-erfolg .av_one_third {
    	min-height: 380px;
  	}
/*** spring ***/
	#top .spring-marketing-section .slide-entry img {
    	height: 40px;
  	}
  	#top .spring-marketing-section .slide-entry {
    	width: 62px;
  	}
  	#top .spring-marketing-section .avia-smallarrow-slider-heading {
  		display: none;
	}
	#top .spring-marketing-section.software-erfolg .av_one_third .av-special-heading {
    	padding-bottom: 0px !important;
  	}
  	#top .spring-marketing-section.portfolio-losungsansatz .av_one_third {
    	min-height: 360px;
  	}
  	#top .spring-fazit-section .content {
  		padding-bottom: 80px;
	}
/*** nano crm ***/
	#top .nanocrm-ergebnisse-section.software-erfolg .av_one_third {
  		min-height: 400px;
	}
/*** kontakt ***/
	#top .kontakt-kontaktdaten .av_one_third {
  		padding: 70px 20px 40px 20px;
	}

	#top .portfolio-subpage-grid-2-1, #top .portfolio-subpage-grid-1-2 {
    	height: 490px;
  	}
}

/**************************************************** TABLET RESOLUTIONS ***********************************************/
@media only screen and (max-width: 989px) {
	.responsive #top .sm-flex-column-reverse .flex_column_table {
        display:flex !important;
        flex-wrap:wrap;
        flex-direction:column-reverse;
    }
    .responsive #top .sm-flex-column-reverse-grid.av-layout-grid-container {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: column-reverse !important;
    }

    #top #wrap_all .sm-col-one-half {
  		width:49.5%;
  		margin-left:1%;
  	}
  	#top #wrap_all .sm-col-one-half.sm-first {
  		clear:none;
  		margin-left:0px;
  	}
  	#top #wrap_all .sm-col-one-half.first {
  		clear:none;
  	}

	.av-main-nav > li::after {
  		width: 0px;
	}
	.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
    	height: 65px;
    	line-height: 65px;
  	}
  	.header_color .header_bg {
  		background-color: #0a1327;
	}
  	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
  		font-family: source-sans-3,sans-serif;
  		font-weight: 400 !important;
  		font-size: 18px !important;
  		text-transform: uppercase;
  		color: #becef2 !important;
	}
	.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
  		border-color: #1f2b39;
	}
	#top #header .av-menu-button > a .avia-menu-text {
    	margin-left: 0;
    	font-size: 18px;
    	position: relative;
    	top: 10px;
  	}
  	#wpcpro-wrapper-1071:not(.wpcp-justified) #sp-wp-carousel-pro-id-1071.wpcp-carousel-section.sp-wpcp-1071:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 350px;
  	}
  	.av-minimum-height-95:not(.av-slideshow-section) .container, .av-cell-min-height-95 > .flex_cell {
  		height: auto !important;
  		padding: 130px 0px !important;
	}
	#top .home-services img {
    	width: 70px;
    	height: 55px;
  	}
	#top .home-services h2 {
    	min-height: 44px;
    	font-size: 20px;
  	}
  	#top .home-services p {
    	min-height: 112px;
    	margin-top: 0.4em;
  	}
	p, li {
    	font-size: 16px;
  	}
  	.avia-button {
  		font-size: 16px !important;
  		padding: 10px 25px !important;
	}
	#top .home-services .avia-button {
    	margin-top: 10px;
  	}
  	#top .home-animated-numbers h3 {
    	font-size: 18px;
  	}
  	#top .home-animated-numbers p {
    	font-size: 16px;
  	}
  	#top .home-animated-numbers .avia-animated-number .avia-single-number, #top .home-animated-numbers .avia-no-number {
    	font-size: 45px;
  	}
  	#top .home-animated-numbers .hr.hr-invisible {
  		height: 65px !important;
	}
	#top .home-referenze-grid .flex_column img {
    	height: 35px;
  	}
  	#top .home-referenze-grid .flex_column p {
    	font-size: 17px;
    	padding-right: 10%;
  		min-height: 48px;
  	}
  	.avia-section-huge .content, .avia-section-huge .sidebar {
  		padding-top: 100px;
  		padding-bottom: 120px;
	}
	#top .cta-section::before {
    	left: 196px;
  	}
  	#top .contact-form-7 label {
  		font-size: 15px;
	}
	#top .contact-form-7 .input-text,
	#top .contact-form-7 input[type="text"],
	#top .contact-form-7 input[type="input"],
	#top .contact-form-7 input[type="password"],
	#top .contact-form-7 input[type="email"],
	#top .contact-form-7 input[type="number"],
	#top .contact-form-7 input[type="url"],
	#top .contact-form-7 input[type="tel"],
	#top .contact-form-7 input[type="search"],
	#top .contact-form-7 textarea,
	#top .contact-form-7 select {
  		font: 14px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	input[type="submit"], #submit, .button {
  		font-size: 16px !important;
  		padding: 10px 25px !important;
	}
	#top .footer-section .flex_column_table {
    	display: flex !important;
    	flex-wrap: wrap;
    	margin-top: 20px !important;
  	}
  	#top .footer-section .flex_column_table .flex_column {
    	width: 48%;
    	flex: 0 0 48%;
    	margin-top: 20px;
    	padding-left: 12%;
  	}
  	#top .footer-section .flex_column_table .footer-col-1 {
    	width: 100%;
    	flex: 0 0 100%;
    	margin-top: 20px;
    	padding-left: 0%;
  	}
  	#top .footer-section .av-flex-placeholder {
    	width: 0 !important;
  	}
  	#top .footer-col-2,
  	#top .footer-col-4 {
  		margin-left: 0px !important;
  	}
  	#top .footer-col-3,
  	#top .footer-col-5 {
    	margin-left: 4% !important;
  	}
  	#top .footer-col-4::before {
  		width: 0px;
	}

	#top .footer-section .avia-image-container.avia-align-left {
  		float: none;
  		display: table !important;
  		margin: 0 auto !important;
	}
	#top .footer-col-1 p {
  		text-align: center;
  		margin-bottom: 40px;
	}
	#top .footer-col-1 img {
  		margin-bottom: 10px;
	}

	#top .footer-col-2::after,
	#top .footer-col-3::after {
  		height: 1px;
    	background-color: #2a3140;
    	content: "";
    	display: block;
    	position: absolute;
    	z-index: 10;
    	left: 42px;
    	bottom: 0px;
    	width: calc( 100% - 100px );
    	visibility: visible;
	}
	#top .footer-col-4,
	#top .footer-col-5 {
  		padding-top: 40px;
	}
	#top .footer-border::before {
  		bottom: 42px;
	}

	#top .subpage-banner .content {
  		padding-top: 90px;
	}

	#top .tablet-image img {
		margin-bottom: 50px;
	}
	#top .umsatz-grid {
  		display: block;
	}
	#top .umsatz-grid-1 {
    	width: 100% !important;
  	}
  	#top .umsatz-grid-1 {
    	width: 100% !important;
    	padding: 0px 50px;
  	}
  	#top .umsatz-grid-2 {
    	width: 100% !important;
    	padding: 0px 50px;
  	}
  	#top .umsatz-grid-2 .flex_column {
    	padding: 100px 6% 30px 6%;
  	}
  	#top .umsatz-cs-table-col-1 {
  		margin-bottom: 0px !important;
  	}
  	#top .umsatz-cs-table-col-2 {
  		padding: 80px 6%;
  		margin-bottom: 0px !important;
	}
	#top .umsatz-cs-table-col-2 img {
  		width: 400px;
	}
	#top .umsatz-cs-table-col-1 {
  		width: 100% !important;
	}
	#top .umsatz-cryoniq-col-1 {
    	padding-top: 65px;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-title {
    	top: 38px;
  	}
  	#top .umsatz-cryoniq-image img {
    	bottom: 48px;
    	scale: 1.08;
  	}
  	#top .umsatz-cryoniq .flex_column_table {
  		padding-left: 40px;
	}
  	#top .umsatz-slider-col {
  		margin-bottom: 50px !important;
	}
  	#top .home-animated-numbers .hr.hr-invisible {
    	height: 50px !important;
  	}
  	#top .subpage-title.av-special-heading-h1 .av-subheading p {
    	line-height: 1.2em;
    	margin-top: 15px;
    	font-size: 26px;
  	}
  	#top .tablet-width-image img {
  		width: 962px;
  		height: 400px;
  		object-fit: cover;
	}
	#top .software-cs-table-col-2 {
    	margin-bottom: 0px !important;
  	}
  	#top .software-cs-table-col-1 {
    	padding: 80px 40px 60px 50px;
  	}

  	#top .software-abc-section .av_one_third {
		display: flex !important;
	}
	#top .software-abc-section .av_one_third img {
    	width: 80px;
  	}
  	#top .software-abc-section .avia-image-container.avia-align-left {
  		margin-right: 30px;
	}
	#top .software-abc-section .av_one_third h3 {
    	height: auto;
  	}
  	#top .software-abc-section .av_one_third .avia-image-overlay-wrap {
  		align-items: start;
  		margin-top: 5px;
	}
	#top .software-erfolg .av_one_third h3,
	#top .software-erfolg .av_one_half h3 {
  		height: auto;
	}

	#top .internationale-erfolg-img img {
		margin-top: 70px;
	}

	#top .abc-partners-uber-uns .slide-entry {
    	width: 115px !important;
  	}
  	#top .abc-partners-uber-uns .slide-entry.slide-loop-2 {
    	width: 92px !important;
  	}
  	#top .abc-partners-uber-uns .slide-entry.slide-loop-1 {
    	width: 105px !important;
  	}
  	#top .abc-partners-uber-uns .slide-entry.slide-loop-5 {
    	width: 105px !important;
  	}
  	#top .uber-uns-leistungen .column-top-margin {
  		margin-top: 10px;
	}
	#top .uber-uns-leistungen .av-special-heading {
  		padding-bottom: 80px !important;
	}
	#top .uber-uns-leistungen .content {
  		padding-top: 0px;
	}
	#top .uber-uns-leistungen .av_one_third p {
    	height: 95px;
  	}
	#top .uber-uns-experten .column-top-margin {
  		margin-top: 10px;
	}
	#top .uber-uns-experten h3 {
    	padding-bottom: 25px;
    	padding-top: 40px;
  	}
  	#top .uber-uns-experten .av_one_third h4 {
    	font-size: 22px;
  	}
  	#top .uber-uns-experten .av_one_third p {
    	min-height: 160px;
  	}
/***** portfolio items *****/
	.single-portfolio h1 {
  		margin-top: 20px !important;
	}
	#top .portfolio-tablet-img img {
		margin-top: 60px;
	}
	#top .portfolio-grid-1 {
    	padding: 50px 50px 0px 50px;
  	}
  	#top .portfolio-grid-2 {
    	padding: 60px 0px 0px 0px;
  	}
  	#top .portfolio-arrow-down-right img {
  		right: -3em;
	}
	#top .portfolio-erfolg .content {
		padding-top: 0px;
	}
	#top .portfolio-losungsansatz .av_one_third {
  		margin-top: 10px;
	}
	#top .portfolio-losungsansatz .av_one_third {
    	min-height: 357px;
  	}
/*** bodhi ***/
	#top .bodhi-ziele-section .content {
		padding-top: 130px;
	}
	#top .bodhi-losungsansatz.portfolio-losungsansatz .av_one_third {
    	min-height: 320px;
  	}
  	#top .bodhi-ergebnisse.portfolio-losungsansatz .av_one_third {
    	min-height: 300px;
  	}
/*** anndora ***/
	#top .anndora-losungsansatz .flex_column_table:last-child {
  		margin-top: 19px !important;
	}
/*** automobile ***/
	#top .automobile-herausforderungen.software-erfolg .av_one_third {
    	min-height: 330px;
  	}
  	#top .automobile-fazit-section .content {
  		padding-bottom: 20px;
  	}
  	#top .automobile-anforderungen-section .content {
  		padding-top: 50px;
  	}
/*** spring ****/
	#top .spring-marketing-section.portfolio-losungsansatz .av_one_third {
    	min-height: 305px;
  	}
/*** dpd ***/
	#top .dpd-interner-chatbot.software-erfolg .flex_column_table:last-child {
  		margin-top: 18px !important;
	}
	#top .dpd-interner-chatbot .av_one_half img {
  		width: 80px;
  		height: 65px;
	}
/*** nano crm ***/
	#top .nanocrm-grey-section .content {
		padding-top: 100px;
	}
	#top .nanocrm-fazit-section .content {
		padding-top: 50px;
	}
/*** kontakt ***/
	#top .kontakt-kontaktdaten .av_one_half h2 {
    	font-size: 21px;
  	}
  	#top .kontakt-kontakt-form-img {	
  		height: 700px;
	}

	.responsive #top #wrap_all .av-flex-cells .portfolio-subpage-grid-2-1.no_margin,
	.responsive #top #wrap_all .av-flex-cells .portfolio-subpage-grid-1-2.no_margin {
    	height: 460px !important;
    	overflow: hidden;
  	}
/***** webseite erstellung ******/
	#top .website-erstellung-grid-1 {
    	padding-top: 60px !important;
  	}
  	#top #wrap_all .xs-col-one-half-webseite-grid {
    	width: 50% !important;
    	float: left !important;
  	}
  	#top .webseite-flip-box-section-col-1,
  	#top .webseite-flip-box-section-col-4,
  	#top .webseite-flip-box-section-col-5 {
  		background-color: #262b33;
  	}
  	#top .webseite-flip-box-section-col-2,
  	#top .webseite-flip-box-section-col-3,
  	#top .webseite-flip-box-section-col-6,
  	#top .webseite-flip-box-section-col-6 {
  		background-color: #0d131d;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 400px;
  	}
  	#top .webseite-flip-box-section h3 {
    	font-size: 20px !important;
  	}
  	#top .webseite-flip-box-section p {
    	font-size: 18px !important;
    	padding: 0px 15%;
  	}
  	#top .webseite-flip-box-section-col-1 p {
    	padding: 0px 21%;
  	}
  	#top .webseite-flip-box-section-last-col h3 {
    	padding-bottom: 44px;
    	padding-right: 16%;
    	padding-left: 16%;
  	}
  	.flip-box-back {
  		padding: 35% 40px !important;
	}
}

@media only screen and (max-width: 834px) {
	.av-minimum-height-95:not(.av-slideshow-section) .container, .av-cell-min-height-95 > .flex_cell {
    	padding: 110px 0px !important;
  	}
  	#top .home-services h2 {
    	font-size: 19px;
  	}
  	/*#top .home-animated-numbers h3 {
    	min-height: 39.6px;
  	}*/
  	#top .home-animated-numbers p {
    	font-size: 13px;
  	}
  	#top .home-animated-numbers-title-3 h3 {
  		padding: 0px 20%;
  	}
  	#top .home-referenze-grid .flex_column p {
    	font-size: 15px;
  	}
  	#top .home-referenze-grid .flex_column img {
    	height: 30px;
  	}
  	#top .home-referenze-grid .flex_column {
    	bottom: 1.5em;
    	left: 2.5em;
  	}
  	#top .cta-section {
  		padding: 100px 17%;
	}
	#top .cta-section::before {
    	left: 134px;
  	}
  	#top .faq-section .flex_column_table {
    	display: flex !important;
    	flex-wrap: wrap;
    	margin-top: 20px !important;
  	}
  	#top .faq-section .flex_column_table .flex_column {
    	width: 100%;
    	flex: 0 0 100%;
    	margin-top: 20px;
  	}
  	#top form {
  		margin-top: 0px !important;
	}

	#top .umsatz-cryoniq .flex_column_table {
  		padding-left: 40px;
	}
	#top .umsatz-cryoniq .avia-animated-number-content p,
	#top .umsatz-cryoniq .text-below-number p {
    	font-size: 17px !important;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-title,
  	#top .umsatz-cryoniq .avia-no-number {
    	font-size: 70px;
  	}
  	#top .umsatz-cryoniq-col-1 {
    	padding-top: 50px;
  	}
  	#top .umsatz-cryoniq-image img {
    	bottom: 40px;
    	scale: 1;
    	left: 10px;
  	}
  	#top .umsatz-cryoniq .flex_column_table {
    	margin-top: 120px !important;
  	}

  	#top .uber-uns-experten .av_one_third p {
    	min-height: 180px;
  	}
/***** portfolio items *****/
	#top .portfolio-cta .content {
    	padding-top: 0px;
  	}
  	#top .portfolio-losungsansatz .av_one_third {
    	min-height: 400px;
  	}
	#top .portfolio-subpage-grid-1-2 {
		padding: 60px 40px;
	}
	#top .portfolio-subpage-grid-2-1 {
		padding: 60px 40px;
	}
/*** bodhi ***/
	#top .bodhi-losungsansatz.portfolio-losungsansatz .av_one_third {
    	min-height: 360px;
  	}
  	#top .bodhi-ergebnisse.portfolio-losungsansatz .av_one_third {
    	min-height: 320px;
  	}
/*** spring ***/
	#top .portfolio-spring-title.av-special-heading-h1 .av-subheading p {
    	padding: 0px 23%;
  	}
/*** nano crm ***/
	#top .nanocrm-ergebnisse-section.software-erfolg .av_one_third {
    	min-height: 340px;
  	}
/*** kontakt ***/
	#top .kontakt-kontaktdaten .av_one_third p a {
    	font-size: 20px;
  	}
  	#top .kontakt-kontaktdaten .av_one_third h2,
  	#top .kontakt-kontaktdaten .av_one_half h2 {
    	font-size: 19px;
  	}
  	#top .kontakt-kontaktdaten .av_one_third {
    	padding: 50px 20px 30px 20px;
  	}
  	#top .kontakt-kontaktdaten .av_one_third img {
    	width: 70px;
    	height: 50px;
  	}
  	#top .kontakt-kontaktdaten .flex_column_table:last-child {
    	margin-top: 15px !important;
  	}

  	#top .portfolio-subpage-grid-1-1 .hr,
  	#top .portfolio-subpage-grid-2-2 .hr {
  		margin-top: 0px !important;
  		margin-bottom: 15px !important;
	}
	#top .portfolio-subpage-grid-1-1,
	#top .portfolio-subpage-grid-2-2 {
    	padding: 0px 40px 0px 40px;
  	}
/***** webseite erstellung ******/
	#top .webseite-flip-box-section p {
    	padding: 0px 12%;
  	}
  	#top .webseite-flip-box-section-col-1 p {
    	padding: 0px 20%;
  	}
  	.flip-box-back {
    	padding: 39% 40px !important;
  	}
}

@media only screen and (max-width: 820px) {
	#top .umsatz-cryoniq .flex_column_table {
    	padding-left: 30px;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-content p,
  	#top .umsatz-cryoniq .text-below-number p {
    	font-size: 16px !important;
  	}
/*** nano crm ***/
	#top .nanocrm-ergebnisse-section.software-erfolg .av_one_third {
    	min-height: 365px;
  	}
}
@media only screen and (max-width: 810px) {
	#top .bodhi-losungsansatz.portfolio-losungsansatz .av_one_third {
    	min-height: 380px;
  	}
/***** webseite erstellung ******/
	#top .webseite-flip-box-section .flex_column {
    	height: 390px;
  	}
}
@media only screen and (max-width: 800px) {
	#top .home-services p {
    	font-size: 15px;
  	}
  	#top .subpage-title h1 {
    	font-size: 48px;
  	}
  	#top .umsatz-cryoniq .text-below-number p {
    	bottom: 17px;
  	}
  	#top .portfolio-losungsansatz .av_one_third {
    	min-height: 415px;
  	}
/*** bodhi ***/
	#top .bodhi-losungsansatz.portfolio-losungsansatz .av_one_third {
    	min-height: 400px;
  	}
  	#top .bodhi-ergebnisse.portfolio-losungsansatz .av_one_third {
    	min-height: 340px;
  	}
}

@media only screen and (max-width: 768px) {
	h1 {
    	font-size: 65px;
  	}
  	#top .home-banner-text p {
    	font-size: 28px;
  	}
  	#top .home-services h2 {
    	font-size: 18px;
  	}
  	#top .home-services p {
    	min-height: 126px;
  	}
  	#top .cta-section {
    	padding: 100px 13%;
  	}
  	#top .cta-section::before {
    	left: 98px;
  	}

  	#top .subpage-title h1 {
    	font-size: 46px;
  	}
  	#top .subpage-title.av-special-heading-h1 .av-subheading p {
    	font-size: 24px;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-content p,
  	#top .umsatz-cryoniq .text-below-number p {
    	font-size: 15px !important;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-title, #top .umsatz-cryoniq .avia-no-number {
    	font-size: 60px;
  	}

  	#top .uber-uns-leistungen .av_one_third {
  		padding: 50px 25px 30px 25px;
	}
	#top .uber-uns-leistungen .av_one_third p {
    	height: 115px;
  	}
  	#top .uber-uns-experten .av_one_third p {
    	min-height: 205px;
  	}
/***** portfolio items *****/
	#top .portfolio-arrow-down-right img {
  		width: 70px;
  		position: initial;
	}
/*** bodhi ***/
	#top .bodhi-ziele-section .content {
    	padding-top: 100px;
  	}
/*** automobile ***/
	#top .automobile-herausforderungen.software-erfolg .av_one_third {
    	min-height: 340px;
  	}
/*** spring ***/
	#top .spring-marketing-section.portfolio-losungsansatz .av_one_third {
    	min-height: 323px;
  	}
/*** nano crm ***/
	#top .nanocrm-ergebnisse-section.software-erfolg .av_one_third {
    	min-height: 365px;
  	}

  	.avia-section-huge .content, .avia-section-huge .sidebar {
    	padding-top: 100px;
    	padding-bottom: 60px;
  	}
/***** webseite erstellung ******/
	#top .webseite-flip-box-section .flex_column {
    	height: 365px;
  	}
  	.flip-box-back {
    	padding: 39% 20px !important;
  	}
}

/********************************************* MOBILE RESOLUTIONS *****************************************/

@media only screen and (max-width: 767px) {
	.responsive #top .sm-flex-column-reverse-umsatz-cryoniq .flex_column_table {
        display:flex !important;
        flex-wrap:wrap;
        flex-direction:column-reverse;
    }
	#top #wrap_all .xs-col-one-half {
    	width: 50% !important;
    	float: left !important;
  	}
  	#top #wrap_all .xs-col-one-half-portfolio {
    	width: 50% !important;
    	float: left !important;
  	}
  	.responsive #top .sm-flex-column-reverse-grid-portfolio.av-layout-grid-container {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: column-reverse !important;
    }

	.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
    	height: 60px !important;
    	line-height: 60px;
  	}
  	.responsive #top .logo {
    	height: 60px !important;
  	}
  	.logo svg {
    	width: 90px !important;
  	}
  	h1 {
    	font-size: 60px;
  	}
  	#top .home-banner-text p {
    	font-size: 26px;
    	padding: 0px 5%;
  	}

  	#top .home-services .flex_column {
  		background-color: #f7f7f7;
  		border-radius: 15px;
  		padding: 60px 40px 40px 40px;
  	}
  	#top .home-services h2 {
    	font-size: 24px;
    	min-height: auto;
  	}
  	#top .home-services p {
    	min-height: auto;
    	margin-top: 0.85em;
    	font-size: 18px;
  	}
  	#top .home-services img {
    	width: 80px;
    	height: 65px;
  	}
  	.avia-section-huge .content, .avia-section-huge .sidebar {
    	padding-top: 100px;
    	padding-bottom: 70px;
  	}
  	p, li {
    	font-size: 18px;
  	}
  	.avia-button {
    	font-size: 17px !important;
    	padding: 11px 25px !important;
  	}
  	h2 {
    	font-size: 33px;
  	}
  	.responsive #top #wrap_all .av-flex-cells .google-partner-grid-1.no_margin {
    	padding-left: 0 !important;
    	padding-right: 0 !important;
  	}
  	#wpcpro-wrapper-1071:not(.wpcp-justified) #sp-wp-carousel-pro-id-1071.wpcp-carousel-section.sp-wpcp-1071:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 300px;
  	}
  	#top .home-animated-numbers h3 {
    	font-size: 20px;
  	}
  	#top .home-animated-numbers p {
    	font-size: 17px;
    	margin-top: 0.2em;
  	}
  	#top .home-animated-numbers .flex_column {
    	padding-bottom: 40px;
  	}
  	#top .home-animated-numbers .hr.hr-invisible {
    	height: 45px !important;
  	}

  	.responsive #top #wrap_all .av-flex-cells .home-referenze-grid.no_margin {
    	padding-left: 0 !important;
    	padding-right: 0 !important;
  	}
  	#top .home-referenze-grid .flex_column img {
    	height: 40px;
    	margin-bottom: 20px;
  	}
  	#top .home-referenze-grid .flex_column p {
    	font-size: 17px;
  	}
  	#top .cta-section {
    	padding: 100px 40px;
  	}
  	#top .cta-section::before {
    	left: 38px;
    	width: 430px;
    	top: 135px;
  	}
  	input[type="submit"], #submit, .button {
    	font-size: 17px !important;
    	padding: 11px 25px !important;
  	}
  	#top .footer-section .flex_column_table .flex_column {
    	padding-left: 4%;
  	}
  	#top .footer-section .flex_column_table .footer-col-1 {
    	padding-left: 0%;
  	}
  	#top .footer-col-2::after, #top .footer-col-3::after {
    	left: 5px;
    	width: calc( 100% - 40px );
  	}
  	span.wpcf7-spinner {
  		display: none;
  	}

  	#top .subpage-title h1 {
    	font-size: 44px;
  	}
  	#top .umsatz-grid-2 .flex_column {
    	padding: 50px 6% 20px 6%;
  	}
  	#top .umsatz-grid-2 p {
  		padding-top: 30px;
	}

	#top .umsatz-cryoniq-col-1 {
    	padding-top: 0px;
    	position: relative;
    	bottom: 80px;
    	padding-left: 50px;
  	}
  	#top .umsatz-cryoniq-image img {
    	bottom: 85px;
    	left: 0px;
  	}
  	#top .umsatz-cryoniq .flex_column_table {
    	margin-top: 150px !important;
    	padding-bottom: 35px;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-content p,
  	#top .umsatz-cryoniq .text-below-number p {
    	font-size: 17px !important;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-title, #top .umsatz-cryoniq .avia-no-number {
    	font-size: 70px;
  	}
  	#top .umsatz-cryoniq .text-below-number p {
    	bottom: -112px;
  	}
  	#top .umsatz-grid-1 .flex_column,
  	#top .software-cs-table-col-1 {
    	padding: 70px 30px 40px 30px;
  	}
  	#top .software-erfolg .avia-image-container,
  	#top .abc-background-title .avia-image-container {
  		top: 36px;
	}

	.responsive #top #wrap_all .abc-partners.avia-content-slider-odd .slide-entry.first,
	.responsive #top #wrap_all .abc-partners.avia-content-slider-odd .slide-entry {
    	margin-left: 0;
    	width: 25% !important;
    	margin-bottom: 0px !important;
  	}
  	#top .abc-partners .slide-entry-wrap {
  		display: flex;
  	}

  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.first,
	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry {
    	margin-left: 0;
    	width: 33% !important;
    	margin-bottom: 0px !important;
    	flex: 0 0 33%;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns .slide-entry {
  		margin-left: 0 !important;
  	}
  	#top .abc-partners-uber-uns .slide-entry-wrap {
  		display: flex;
  		flex-wrap: wrap;
  	}
  	#top .abc-partners-uber-uns .slide-entry img {
  		height: 54px;
    	margin: 0;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-1.first {
  		width: 120px !important;
  		flex: 0 0 120px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-2 {
  		width: 105px !important;
  		flex: 0 0 105px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-4 {
  		width: 130px !important;
  		flex: 0 0 130px;
  		margin-top: 10px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-5 {
  		width: 130px !important;
  		flex: 0 0 130px;
  		margin-top: 10px;
  	}
  	#top .abc-partners-uber-uns .slide-entry.slide-loop-2 {
    	width: auto !important;
  	}*/

  	#top .uber-uns-leistungen .av_one_third h3 {
  		height: auto;
	}
	#top .uber-uns-leistungen .av_one_third p {
    	height: auto;
  	}

  	#top .uber-uns-experten h3 {
    	text-align: center;
    	font-size: 26px;
  	}
  	#top .uber-uns-experten .av_one_third h4 {
    	min-height: auto;
  	}
  	#top .uber-uns-experten .av_one_third p {
    	min-height: auto;
  	}
/***** portfolio items *****/
	.responsive #top #wrap_all .av-flex-cells .portfolio-grid-2.no_margin {
    	padding-left: 0 !important;
    	padding-right: 0 !important;
  	}
  	#top .portfolio-tablet-img img {
    	margin-top: 45px;
  	}
  	#top .portfolio-cta .content {
    	padding-top: 20px;
  	}
  	#top .portfolio-losungsansatz .av_one_third {
    	min-height: auto;
  	}
  	#top .portfolio-subpage-grid-1-1,
  	#top .portfolio-subpage-grid-2-2 {
    	padding: 70px 50px 50px 50px;
  	}
/*** bodhi ***/
	#top .bodhi-losungsansatz.portfolio-losungsansatz .av_one_third,
	#top .bodhi-ergebnisse.portfolio-losungsansatz .av_one_third {
    	min-height: auto;
  	}
/*** anndora ***/
	#top .anndora-losungsansatz .flex_column_table:last-child {
    	margin-top: 0px !important;
  	}
/*** automobile ***/
	#top .automobile-herausforderungen.software-erfolg .av_one_third {
    	min-height: auto;
  	}
/*** spring ****/
	#top .portfolio-spring-title.av-special-heading-h1 .av-subheading p {
    	padding: 0px 10%;
  	}
  	.responsive #top #wrap_all .spring-marketing-section .slide-entry {
    	width: 60px;
    	margin-left: 0% !important;
    	margin-bottom: 0;
  	}
  	#top .spring-marketing-section.portfolio-losungsansatz .av_one_third {
    	min-height: auto;
  	}
/*** dpd ***/
	#top .dpd-interner-chatbot.software-erfolg .flex_column_table:last-child {
    	margin-top: 0px !important;
  	}
/*** kontakt ***/
	#top .kontakt-kontaktdaten .av_one_third h2, #top .kontakt-kontaktdaten .av_one_half h2 {
    	font-size: 22px;
  	}
  	#top .kontakt-kontaktdaten .av_one_third p a {
    	font-size: 25px;
  	}
  	#top .kontakt-kontaktdaten .av_one_third img {
    	width: 90px;
    	height: 70px;
  	}
  	#top .kontakt-kontaktdaten .av_one_third {
    	padding: 70px 20px 50px 20px;
  	}
  	#top .kontakt-kontaktdaten .flex_column_table:last-child {
    	margin-top: 0px !important;
  	}
  	#top .kontakt-kontakt-form-img {
    	height: auto;
    	background: none;
  	}
  	#top .kontakt-team-img img {
  		height: 400px;
  		object-fit: cover;
  	}
  	.responsive #top #wrap_all .av-flex-cells .portfolio-subpage-grid-2-1.no_margin,
  	.responsive #top #wrap_all .av-flex-cells .portfolio-subpage-grid-1-2.no_margin {
    	height: auto !important;
    	overflow: hidden;
  	}
/***** webseite erstellung ******/
	.responsive #top #wrap_all .webseite-flip-box-section.av-flex-cells .no_margin {
    	padding-left: 4% !important;
    	padding-right: 4% !important;
  	}
  	#top .webseite-flip-box-section p {
   		padding: 0px;
   		font-size: 16px !important;
  	}
  	#top .webseite-flip-box-section h3 {
    	font-size: 18px !important;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 280px;
  	}
  	#top .webseite-flip-box-section-last-col h3 {
    	padding-bottom: 36px;
    	padding-right: 8%;
    	padding-left: 8%;
  	}
}

@media only screen and (max-width: 500px) {
	h1 {
    	font-size: 48px;
  	}
  	#top .home-banner-text p {
    	font-size: 23px;
    	padding: 0px;
  	}
  	h2 {
    	font-size: 30px;
  	}
  	#top .google-partner-grid-2 {
    	padding: 90px 5% 60px 60px;
  	}
  	.avia-section-huge .content, .avia-section-huge .sidebar {
    	padding-top: 90px;
    	padding-bottom: 70px;
  	}
  	#wpcpro-wrapper-1071:not(.wpcp-justified) #sp-wp-carousel-pro-id-1071.wpcp-carousel-section.sp-wpcp-1071:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 250px;
  	}
  	#top .home-animated-numbers .flex_column:last-child {
    	padding-bottom: 0px;
  	}
  	#top .home-referenze-grid .flex_column p {
    	font-size: 16px;
    	margin-right: 70px;
  	}
  	#top .cta-section::before {
    	left: 38px;
    	width: 300px;
    	top: 145px;
  	}
  	h3 {
    	font-size: 22px;
  	}
  	#top .faq-col {
  		padding: 50px 25px;
	}
	#top .form-col {
  		padding: 50px 25px 30px 25px;
	}
	#top .footer-section .flex_column_table .flex_column {
    	padding-left: 0;
  	}

  	#top .footer-section li {
    	padding: 6px 0;
  	}
  	#top .footer-border::before {
    	bottom: 21px;
    	left: -14px;
    	height: calc( 100% - 50px );
  	}
  	#top .footer-col-2::after, #top .footer-col-3::after {
    	left: 2px;
    	width: calc( 100% - 20px );
    	bottom: -11px;
  	}
  	#top .footer-section .content {
  		padding-bottom: 20px;
  	}

  	#top .subpage-title h1 {
    	font-size: 42px;
  	}
  	#top .subpage-title.av-special-heading-h1 .av-subheading p {
    	font-size: 23px;
  	}
  	#top .tablet-image img {
    	margin-bottom: 35px;
  	}
  	.responsive #top #wrap_all .av-flex-cells .umsatz-grid-2-col.no_margin {
    	padding-left: 4% !important;
    	padding-right: 4% !important;
  	}
  	#top .umsatz-grid-2 p {
  		font-size: 14px !important;
  		min-height: 70px;
	}
	#top .umsatz-grid-2 img {
  		height: 50px;
  		width: 50px;
	}
	#top .umsatz-grid-2 p {
    	padding-top: 15px;
  	}
  	#top .umsatz-grid-2 .flex_column {
    	padding: 40px 6% 0px 6%;
  	}
  	#top .umsatz-grid-1 .flex_column {
    	padding: 55px 30px 30px 30px;
  	}
  	#top .umsatz-cs-table-col-1 {
    	padding: 55px 30px 30px 30px;
  	}
  	#top .home-animated-numbers .hr.hr-invisible {
    	height: 25px !important;
  	}
  	#top .umsatz-cryoniq-col-1 {
    	padding-left: 5px;
  	}
  	#top .umsatz-cryoniq-logo img {
    	width: 200px;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-title, #top .umsatz-cryoniq .avia-no-number {
    	font-size: 60px;
  	}
  	#top .umsatz-cryoniq .text-below-number p {
    	bottom: -107px;
  	}
  	#top .umsatz-slider-col {
    	padding: 80px 0px 40px 0px;
  	}
  	#top .umsatz-cs-table-col-2 img {
    	width: 280px;
  	}
  	#top .umsatz-cs-table-col-2 {
    	padding: 60px 6%;
  	}
  	#top .software-abc-section .av_one_third {
    	display: block !important;
  	}
  	#top .software-abc-section .av_one_third .avia-image-overlay-wrap {
  		height: auto;
  		display: block;
  		margin-bottom: 20px;
  		margin-top: 0px;
	}
	#top .software-abc-section .av_one_third img {
    	width: 55px;
  	}
  	#top .tablet-width-image img {
    	width: auto;
    	height: auto;
  	}

  	.responsive #top #wrap_all .abc-partners.avia-content-slider-odd .slide-entry.first,
  	.responsive #top #wrap_all .abc-partners.avia-content-slider-odd .slide-entry {
    	width: 33% !important;
  	}
  	#top .avia-smallarrow-slider-heading {
  		display: none;
	}

	#top .abc-partners-uber-uns .slide-entry img {
    	height: 54px;
  	}
  	#top .abc-background-title .avia-image-container {
    	top: 18px;
  	}
  	#top .uber-uns-leistungen .av_one_third .av-special-heading {
  		margin-top: 35px;
	}
	#top .uber-uns-experten .av_one_third p {
    	font-size: 18px;
  	}
/***** portfolio items *****/
	.single-portfolio h1 {
    	font-size: 43px;
  	}
  	#top .portfolio-tablet-img img {
    	margin-top: 30px;
  	}
  	#top .portfolio-grid-2 {
    	padding: 40px 0px 0px 0px;
  	}
  	#top #wrap_all .xs-col-one-half-portfolio {
    	width: 100% !important;
    	float: left !important;
  	}
/*** bodhi ***/
	#top .colors-section .flex_column_table {
  		margin-top: 50px !important;
	}
	#top .colors-section .av_one_third img {
  		width: 180px;
	}
	#top .colors-section .content {
		padding-bottom: 0px;
	}
/*** anndora ***/
	#top .anndora-losungsansatz .flex_column_table:not(:first-child) {
  		margin-top: 15px !important;
	}
	#top .anndora-losungsansatz .flex_column_table:last-child {
  		margin-top: 0px !important;
	}
/*** spring ***/
	#top .portfolio-spring-title.av-special-heading-h1 .av-subheading p {
    	padding: 0px;
  	}
  	#top .spring-arrow-center-section.avia-image-container {
    	top: -14px;
  	}
/*** dpd ***/
	#top .dpd-interner-chatbot.software-erfolg .av_one_half .av-special-heading {
  		margin-top: 40px;
	}
/*** kontakt ***/
	#top .kontakt-team-img img {
  		object-position: 32% 0;
  	}
  	#top .kontakt-kontaktdaten .av_one_half {
  		padding: 50px 25px 20px 25px;
	}
	#top .kontakt-partners.av_one_half {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	#wpcpro-wrapper-1116:not(.wpcp-justified) #sp-wp-carousel-pro-id-1116.wpcp-carousel-section.sp-wpcp-1116:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 180px;
  	}
/***** webseite erstellung *****/
	#top .text-flip-front-mobile p {
		display: none;
	}
	#top .webseite-flip-box-section h3 {
    	font-size: 17px !important;
    	min-height: 42.4px;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 220px;
  	}
  	#top .webseite-flip-box-section img {
    	max-width: 80px;
    	height: 62px;
  	}
  	#top .webseite-flip-box-section .flex_column_table_cell {
  		float: none;
  		display: block;
  		padding-top: 44px;
	}
	#top .webseite-flip-box-section-last-col h3 {
    	padding-right: 0;
    	padding-left: 0;
  	}
  	#top .webseite-flip-box-section-col-5 img {
  		width: 69px;
  	}
  	.flip-box-back {
    	padding: 38% 10px !important;
  	}
  	#top .website-erstellung-grid-1 {
    	padding-top: 50px !important;
  	}
}

@media only screen and (max-width: 430px) {
	#top .cta-section::before {
    	width: 285px;
  	}
  	#top .uber-uns-experten h3 {
    	font-size: 25px;
  	}
  	#top .uber-uns-experten .av_one_third h4 {
    	font-size: 21px;
  	}
/***** webseite erstellung ******/
	#top .webseite-flip-box-section p {
    	font-size: 15px !important;
  	}
}

@media only screen and (max-width: 414px) {
	h1 {
    	font-size: 46px;
  	}
  	#top .home-banner-text p {
    	font-size: 21px;
  	}
  	#top .home-services h2 {
    	font-size: 23px;
  	}
  	#top .home-referenze-grid .flex_column img {
    	height: 35px;
    	margin-bottom: 15px;
  	}
  	#top .home-referenze-grid .flex_column p {
    	font-size: 15px;
    	margin-right: 60px;
  	}
  	#top .cta-section::before {
    	width: 277px;
  	}
  	#top .footer-section .flex_column_table .flex_column {
    	width: 100%;
    	flex: 0 0 100%;
    	padding-left: 5%;
  	}
  	#top .footer-section .flex_column_table .footer-col-1 {
    	padding-left: 0;
  	}
  	#top .footer-border::before {
    	width: 0;
  	}
  	#top .footer-col-3,
  	#top .footer-col-5 {
    	margin-left: 0 !important;
  	}
  	#top .footer-col-4,
  	#top .footer-col-5 {
    	padding-top: 0px;
  	}
  	#top .footer-col-2::after, #top .footer-col-3::after {
    	height: 0px;
  	}
  	#top .footer-section h3 {
  		margin-bottom: 0px;
	}
	#top .footer-section li {
    	padding: 3px 0;
  	}

  	.responsive #top #wrap_all .av-flex-cells .umsatz-grid-2-col.no_margin {
    	padding-left: 3% !important;
    	padding-right: 3% !important;
  	}
  	#top .umsatz-grid-2 p {
    	font-size: 13px !important;
    	min-height: 60px;
    	padding-top: 10px;
  	}

  	#top .uber-uns-leistungen .av_one_third img {
    	width: 85px;
    	height: 60px;
  	}
  	#top .uber-uns-leistungen .av_one_third h3 {
    	font-size: 23px;
  	}
/***** webseite erstellung *****/
	#top .webseite-flip-box-section img {
    	max-width: 76px;
    	height: 57px;
  	}
  	#top .webseite-flip-box-section-col-5 img {
    	width: 65px;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 210px;
  	}
  	#top .webseite-flip-box-section .flex_column_table_cell {
    	padding-top: 40px;
  	}
}

@media only screen and (max-width: 396px) {
	h1 {
    	font-size: 44px;
  	}
  	#top .home-banner-text p {
    	font-size: 20px;
  	}
  	#top .home-services .flex_column {
    	padding: 50px 25px 30px 25px;
  	}
  	h2 {
    	font-size: 28px;
  	}
  	#top .home-animated-numbers .hr.hr-invisible {
    	height: 30px !important;
  	}
  	#top .home-animated-numbers .av-special-heading {
  		margin-top: 0px;
	}
	#top .home-animated-numbers .avia-animated-number {
		margin-bottom: 20px;
	}
	#top .home-animated-numbers h3 {
    	font-size: 19px;
  	}
	#top .home-animated-numbers p {
    	margin-top: 0em;
    	font-size: 16px;
  	}
  	#top .cta-section::before {
    	width: 260px;
  	}

  	#top .subpage-title h1 {
    	font-size: 38px;
  	}
  	#top .subpage-title.av-special-heading-h1 .av-subheading p {
    	font-size: 21px;
  	}
  	#top .umsatz-cs-table-col-2 img {
    	width: 250px;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-title, #top .umsatz-cryoniq .avia-no-number {
    	font-size: 60px;
  	}
  	#wpcpro-wrapper-1082:not(.wpcp-justified) #sp-wp-carousel-pro-id-1082.wpcp-carousel-section.sp-wpcp-1082:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 200px;
  	}

  	#top .software-erfolg .avia-image-container,
  	#top .abc-background-title .avia-image-container {
    	top: 32px;
  	}

  	#top .abc-partners .slide-entry img {
    	height: 55px;
  	}

  	#top .abc-background-title .avia-image-container {
    	top: 18px;
  	}
  	#top .uber-uns-leistungen .av_one_third h3 {
    	font-size: 22px;
  	}
/***** portfolio items *****/
	.single-portfolio h1 {
    	font-size: 41px;
  	}
	#top .portfolio-arrow-down-right img {
    	width: 60px;
  	}
  	#top .portfolio-arrow-down img {
    	height: 60px;
  	}
/***** webseite erstellung *****/
	#top .webseite-flip-box-section h3 {
    	font-size: 16px !important;
    	min-height: 40.4px;
    	padding-top: 0px;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 196px;
  	}
  	.flip-box-back {
    	padding: 38% 0px !important;
  	}
}

@media only screen and (max-width: 393px) {
	#top .home-services .av-special-heading {
  		margin-top: 40px;
	}
	#wpcpro-wrapper-1071:not(.wpcp-justified) #sp-wp-carousel-pro-id-1071.wpcp-carousel-section.sp-wpcp-1071:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 200px;
  	}
  	#top .google-partner-grid-1 {
    	padding: 80px 0px 60px 0px;
  	}
	#top .umsatz-cs-table-col-1 {
    	padding: 45px 20px 20px 20px;
  	}
  	#top .umsatz-grid-1 .flex_column {
    	padding: 45px 20px 30px 20px;
  	}
  	#top .uber-uns-experten h3 {
    	font-size: 24px;
  	}

  	#top .technology-section .wpcpro-wrapper img {
  		max-width: 65px;
	}
	#top .technology-section.avia-section {
  		min-height: 10px;
	}
/*** dpd ***/
	#top .dpd-interner-chatbot .av_one_half img {
    	width: 70px;
    	height: 60px;
  	}

  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-1.first {
    	width: 118px !important;
    	flex: 0 0 118px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-2 {
    	width: 103px !important;
    	flex: 0 0 103px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-4 {
    	width: 129px !important;
    	flex: 0 0 129px;
   		margin-top: 10px;
  	}
}

@media only screen and (max-width: 385px) {
	h1 {
    	font-size: 42px;
  	}
  	#top .home-services h2 {
    	font-size: 22px;
  	}
  	#top .home-services p {
    	font-size: 17px;
  	}
  	p, li {
    	font-size: 17px;
  	}
  	h2 {
    	font-size: 27px;
  	}
  	#top .cta-section::before {
    	width: 250px;
  	}
  	p.toggler {
  		font-size: 16px !important;
  	}
  	.toggle_content p {
  		font-size: 16px;
  	}
  	.toggle_content {
  		padding: 12px 20px 11px 20px;
  	}

  	#top .subpage-title h1 {
    	font-size: 37px;
  	}
  	#top .umsatz-cs-table-col-2 img {
    	width: 230px;
  	}
/***** portfolio items *****/
	.single-portfolio h1 {
    	font-size: 38px;
  	}
/*** nano crm ***/
	#top .nanocrm-fazit-section .content {
    	padding-top: 10px;
  	}
/*** kontakt ***/
	#top .kontakt-kontaktdaten .av_one_third img {
    	width: 80px;
    	height: 60px;
  	}
  	#top .kontakt-team-img img {
    	height: 340px;
  	}

  	#top .abc-partners-uber-uns .slide-entry img {
    	height: 47px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-1.first {
    	width: 100px !important;
    	flex: 0 0 100px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-2 {
    	width: 87px !important;
    	flex: 0 0 87px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-4 {
    	width: 109px !important;
    	flex: 0 0 109px;
    	margin-top: 4px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-5 {
    	width: 109px !important;
    	flex: 0 0 109px;
    	margin-top: 4px;
  	}
}

@media only screen and (max-width: 380px) {
	#top .webseite-flip-box-section h3 {
    	font-size: 15px !important;
    	min-height: 33px;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 188px;
  	}
  	.flip-box-back {
    	padding: 36% 0px !important;
  	}
}

@media only screen and (max-width: 375px) {
	#top .umsatz-grid-2 p {
    	font-size: 12px !important;
    	min-height: 55px;
    	padding-top: 5px;
  	}
  	#top .umsatz-grid-2 .flex_column {
    	padding: 30px 6% 0px 6%;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-title, #top .umsatz-cryoniq .avia-no-number {
    	font-size: 55px;
  	}

  	#top .abc-partners .slide-entry img {
    	height: 50px;
  	}

  	#top .abc-partners-uber-uns .slide-entry img {
    	/*height: 37px;*/
    	height: 47px;
  	}
  	#top .uber-uns-experten .av_one_third h4 {
    	font-size: 20px;
  	}
  	#top .uber-uns-experten h3 {
    	font-size: 23px;
  	}
/*** kontakt ***/
	#top .kontakt-kontaktdaten .av_one_half {
  		padding: 50px 25px 20px 25px;
	}

	#wpcpro-wrapper-1082:not(.wpcp-justified) #sp-wp-carousel-pro-id-1082.wpcp-carousel-section.sp-wpcp-1082:not(.wpcp-content-carousel) > div:not(.wpcpro-gallery-thumbs) .wpcp-single-item img {
    	width: 180px;
  	}
}

@media only screen and (max-width: 370px) {
	h1 {
    	font-size: 40px;
  	}
  	#top .home-banner-text p {
    	font-size: 19px;
  	}
  	#top .cta-section::before {
    	width: 235px;
  	}
  	#top .cta-section h2 {
    	font-size: 30px;
  	}

  	#top .subpage-title h1 {
    	font-size: 36px;
  	}
  	#top .subpage-title.av-special-heading-h1 .av-subheading p {
    	font-size: 20px;
  	}
  	/*#top .umsatz-grid-1 .flex_column {
    	padding: 55px 25px 30px 25px;
  	}
  	#top .umsatz-cs-table-col-1 {
    	padding: 55px 25px 30px 25px;
  	}*/
  	h2 {
    	font-size: 26px;
  	}
  	#top .umsatz-cryoniq .flex_column_table {
    	padding-bottom: 25px;
  	}
  	#top .umsatz-cryoniq .text-below-number p {
    	bottom: -103px;
  	}
  	#top .software-abc-section .av_one_third h3, #top .software-erfolg .av_one_third h3, #top .software-erfolg .av_one_half h3 {
    	font-size: 23px;
  	}
  	#top .software-abc-section .av_one_third img {
    	width: 50px;
  	}
  	#top .software-erfolg .av_one_third h3,
  	#top .software-erfolg .av_one_half h3 {
  		padding-bottom: 0px;
	}
}

@media only screen and (max-width: 365px) {
	#top .uber-uns-leistungen .av_one_third h3 {
    	font-size: 21px;
  	}
  	#top .technology-section .wpcpro-wrapper img {
    	max-width: 60px;
  	}
/***** webseite erstellung *****/
	#top .webseite-flip-box-section img {
    	max-width: 70px;
    	height: 54px;
  	}
  	#top .webseite-flip-box-section-col-5 img {
    	width: 61px;
  	}
  	#top .webseite-flip-box-section .av-special-heading {
    	margin-top: 30px;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 182px;
  	}
  	.flip-box-back {
    	padding: 33% 0px !important;
  	}
}

@media only screen and (max-width: 360px) {
	#top .umsatz-cs-table-col-2 img {
    	width: 200px;
  	}
}

@media only screen and (max-width: 355px) {
	h1 {
    	font-size: 39px;
  	}
  	#top .home-services img {
    	width: 70px;
    	height: 55px;
  	}
  	#top .home-services h2 {
    	font-size: 21px;
  	}
  	.avia-button {
    	font-size: 16px !important;
    	padding: 10px 25px !important;
  	}
  	#top .cta-section::before {
    	width: 245px;
    	left: 29px;
  	}
  	#top .subpage-title h1 {
    	font-size: 35px;
  	}
  	#top .umsatz-cryoniq .flex_column_table {
    	padding-left: 15px;
    	padding-right: 15px;
  	}
/***** webseite erstellung *****/
	#top .webseite-flip-box-section p {
    	font-size: 14px !important;
  	}
  	#top .webseite-flip-box-section .flex_column_table_cell {
    	padding-top: 35px;
  	}
  	#top .webseite-flip-box-section .flex_column {
    	height: 175px;
  	}
}

@media only screen and (max-width: 350px) {
	h2 {
    	font-size: 25px;
  	}
  	#top .home-animated-numbers h3 {
    	font-size: 18px;
  	}
  	#top .cta-section {
    	padding: 100px 30px;
  	}
  	#top .cta-section::before {
    	width: 240px;
  	}
  	#top .software-abc-section .av_one_third h3, #top .software-erfolg .av_one_third h3, #top .software-erfolg .av_one_half h3 {
    	font-size: 22px;
  	}
  	#top .abc-partners .slide-entry img {
    	height: 45px;
  	}
}

@media only screen and (max-width: 345px) {
	h1 {
    	font-size: 38px;
  	}
  	#top .subpage-title h1 {
    	font-size: 34px;
  	}
  	#top .subpage-title.av-special-heading-h1 .av-subheading p {
    	font-size: 19px;
  	}
  	#top .abc-partners-uber-uns .slide-entry img {
    	/*height: 34px;*/
    	height: 47px;
  	}
/***** webseite erstellung *****/
	#top .webseite-flip-box-section h3 {
    	font-size: 14px !important;
    	min-height: 31px;
  	}
}

@media only screen and (max-width: 340px) {
	#top .home-banner-text p {
    	font-size: 18px;
  	}
  	#top .home-services h2 {
    	font-size: 20px;
  	}
  	#top .cta-section::before {
    	width: 230px;
  	}
/***** webseite erstellung *****/
	.responsive #top #wrap_all .webseite-flip-box-section.av-flex-cells .no_margin {
    	padding-left: 2.5% !important;
    	padding-right: 2.5% !important;
  	}
}

@media only screen and (max-width: 335px) {
	h1 {
    	font-size: 36px;
  	}
  	#top .home-services h2 {
    	font-size: 19px;
  	}
  	#top .home-referenze-grid .flex_column {
    	bottom: 0.7em;
    	left: 2em;
  	}
  	#top .home-referenze-grid .flex_column p {
    	font-size: 14px;
  	}
  	h2 {
    	font-size: 23px;
  	}
  	#top .subpage-title h1 {
    	font-size: 32px;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-content p,
  	#top .umsatz-cryoniq .text-below-number p {
    	font-size: 16px !important;
  	}
  	#top .umsatz-cryoniq .avia-animated-number-title, #top .umsatz-cryoniq .avia-no-number {
    	font-size: 42px;
  	}
  	#top .umsatz-cryoniq .text-below-number p {
    	bottom: -88px;
  	}
  	#top .umsatz-cryoniq .flex_column_table {
    	padding-bottom: 10px;
  	}
  	
  	#top .software-abc-section .av_one_third h3, #top .software-erfolg .av_one_third h3, #top .software-erfolg .av_one_half h3 {
    	font-size: 20px;
  	}
  	p, li {
    	font-size: 16px;
  	}
  	#top .software-abc-section .av_one_third img {
    	width: 45px;
  	}

  	#top .abc-partners .slide-entry img {
    	height: 40px;
  	}

  	#top .abc-partners-uber-uns .slide-entry img {
    	height: 43px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-1.first {
    	width: 92px !important;
    	flex: 0 0 92px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-2 {
    	width: 80px !important;
    	flex: 0 0 80px;
  	}
  	.responsive #top #wrap_all .abc-partners-uber-uns.avia-content-slider-odd .slide-entry.slide-loop-4 {
    	width: 100px !important;
    	flex: 0 0 100px;
    	margin-top: 4px;
  	}
}