/*
Theme Name: Enfold Child
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 wil be much easier then.
Version: 1.0
Author: Media Solutions GmbH
Author URI: http://www.media-solutions.de
Template: enfold
*/

/*
=================================================================================================
============================== Overrides of existing styles =====================================
=================================================================================================
*/

/*
Override of main menu, so that no words break there
*/
nav {
    word-break: normal !important;
    hyphens: none !important;
}
/* Override of all Buttons*/
.avia-button.avia-color-theme-color:hover, .wpcf7-submit:hover, #searchsubmit:hover, .more-link:hover {
    background-color: #006cad !important;
    opacity: 1 !important;
}

.team-social a:hover {
    background-color: #006cad !important;
}

.avia-button .avia_iconbox_title {
pointer-events: none;
}


/*
Override of textarea so it only scales vertically
*/
textarea{
	resize: vertical;
}

/*
Override of cursor on hover on Imagemap areas
*/
area:hover{
	cursor: pointer;
}

/*
Override of Form Focus Border, shows Media Solutions color instead of default one
*/
input:focus, textarea:focus{
	border: 1px solid #007ac3 !important;
}

/*
Override of line heigth of lists to be 1.4
*/
ul{
	line-height: 1.4;
}

/*
Override of the headlines, so they wont be transformed to capital letters
*/
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{
	text-transform: unset;
}

h1,h2,h3,h4,h5{
	text-transform: none !important;
}

/*
Override of grid container, default is white
*/
.av-layout-grid-container {
     background: none;
}

/*
Override of sidebar so you can actually click things
*/
#top #main .sidebar	{
	pointer-events: all !important;
}

/*
Override of team member block, default one is a border
*/
.avia-team-member .team-social{
	border: none;
}

/*
Override of teammember contact icon backgroundcolor to Media Solutions colors
*/
.team-social a{
	background: #007ac3;
}

/*
Override of teammember contact icon color to white
*/
.team-social [data-av_icon]:before{
	color: #ffffff;
}

/*
Override of image rendering from optimized to // had some issues on chrome with the default: optimizeQuality
*/
img, a img {
	image-rendering: unset !important;
}

/*
Override of the default image overlay in a color section for hero images
*/
.image-overlay{
  background: -webkit-linear-gradient(to right, #2980b9, #f6f6f600) !important;
  background: linear-gradient(to right, #2980b9, #f6f6f600) !important;
}

/*
Override of the default image overlay in a color section for hero images / adds additional gradient layer 
*/
.image-overlay-inside::before {
  background-color: #fff !important;
  color: #2980b9 !important;
}

.home .avia-logo-element-container	{
	margin: 0;
}

/*
Override of Language flags from WPML so it fits our custom flags
*/
.wpml-ls-menu-item .wpml-ls-flag{
	height: auto;
	vertical-align: middle;
}

/*
Override of Language flags from WPML; hides selected language word
*/
.menu-item-language-current > a .avia-menu-text span  {
  display: none;
}

/*
Override of Language flags from WPML; gives it more space
*/
.menu-item-language-current > ul li a {
  padding-left: 12px !important;;
}

/*
Override of Language flags from WPML; sets background of the hover submenu
*/
.menu-item-language-current > .sub-menu {
  background-color: transparent !important;
  box-shadow: none;
}

/*
Override of Language flags from WPML; sets width from submenu to auto
*/
.menu-item-language-current > ul li  {
  width: auto;
}

/*
Override of Language flags from WPML; sets german flag paddding
*/
.menu-item-language-current > ul .wpml-ls-native  {
  padding-left: 5px !important;;
}

/*
Override of Language flags from Enfold; hides enfold default language switcher
*/
.av-language-switch-item {
    display: none;
}

/*
Override of Home Link in main menu, does hide it, when you are on the homepage
*/
.home #menu-item-7123{
  display:none;
}

.home #menu-item-10159{
  display:none;
}

/*
Adds arrows to submenu links in the main menu
*/
.menu li > a:after {
    content: "\E87d";
    font-family: 'entypo-fontello';
    padding-right: 10px;
    transform: rotate(90deg) scale(0.8);
    -webkit-transform: rotate(90deg) scale(0.7);
    padding-left: 10px;
    display: inline-block;
 }

 /*
 Adds arrows to submenu links in the main menu
 */
.menu li > a:only-child:after { content: ''; }
#menu-item-search > a:after {
  display: none !important;
}

/*
Override of the "jump to top" Button, so it matches Coperate Design
*/
#scroll-top-link {
    color: #ffffff;
    background-color: #007cc3 !important;
    border: none !important;
    border-radius: 50%;
}

/*
Override of the "jump to top" Button, so it matches Coperate Design
*/
#scroll-top-link:hover {
    background-color: #4bb4f0 !important;
    color: #fffff;
    border: none !important;
}

/*
Override of author in news; hides it completly
*/
span.blog-author.minor-meta, .text-sep-date {
    display: none!important;
}

/*
Override of icon list; sets padding to 0
*/
.avia-icon-list li:last-child{
	padding-bottom: 0;
}

/*
Override of team member box; sets the font size
*/
h3.team-member-name{
	font-size: 1.2em;
}

/*
Override automatically added space after certain sections
*/
#after_section_1 {
	background: none;
	border: none;
	pointer-events: none;
}

/* Bugfix blurry text in Chrome
.avia-chrome #top .avia-content-slider, .avia-chrome #top .avia-content-slider-inner, .avia-chrome #top .avia-content-slider-inner .slide-entry-wrap{
    perspective: unset;
	-webkit-perspective: unset;
} */

/*
Override of Tooltips; Disable Hyphenation for Tooltips (undesired word breaks)
*/
.inner_tooltip{
	hyphens: none;
}

/*
Override of Read more Links; Gives it more space
*/
.read-more-link{
	margin: 10px 0;
}

/*
Override of Read more Links; Coperate Design colors
*/
.read-more-link .more-link{
	background-color: #007ac3;
	color: #ffffff;
	text-shadow: none;
	padding: 8px 8px 8px 12px;
	transition: all .2s;
}

/*
Override of Read more Links; Coperate Design colors
*/
.read-more-link .more-link:hover{
	background-color: #208AC8;
	color: #ffffff;
}

/*
Override of Read more Links; transition of colors
*/
.read-more-link .more-link .more-link-arrow{
	transition: all .2s;
}

/*
Override of Read more Links; Margin to left
*/
.read-more-link .more-link:hover .more-link-arrow{
	margin-left: 4px;
}

/*
Override of Read more Links; Sets backgroundcolor to white
*/
.av-hotspot-fallback-tooltip-inner, .av-hotspot-fallback-tooltip-count, .av-hotspot-fallback-tooltip-count .avia-arrow{
	background-color: #f8f8f8 !important;
}

/*
Override of Cookie Link (Datenschutzerklärung); so its blue
*/
.avia-cookie-consent.avia-cookiemessage-bottom a{
	color: #008ae0;
}

/*
Override of Cookie Link (Datenschutzerklärung); so its on hovering turquoise
*/
.avia-cookie-consent.avia-cookiemessage-bottom a:hover{
	color: #ACE0EE;
}

/*
Override of Cookie settings button; Sets it to blue text on white background
*/
.avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn, .avia-popup .avia-cookie-consent-button.av-extra-cookie-btn{
	background-color: #ffffff !important;
	color: #007bbd !important;
}

/*
Override of Cookie dimiss button; Sets text red on hover
*/
.avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn.avia-cookie-hide-notification:hover{
	color: #ff0000 !important;
}


/*
Override of Cookie save button; sets default button style
*/
.avia-cookie-consent-modal-button.avia-cookie-close-bar{
	background-color: #007bbd !important;
	color: #ffffff !important;
}


/*
Override of Cookie banner text-alignment and spacing
*/
.avia-cookie-consent{
	text-align: center ;
}
.avia-cookie-consent p.avia_cookie_text{
	text-align: left;
	margin-bottom: .5em;
}
.avia-cookie-consent .container a{
	margin-top: .5em;
}

/*
=================================================================================================
====================================== Adding stuff =============================================
=================================================================================================
*/

/*
adds a overlap box, pulls boxes n to header images on desktop
*/
.ms-overlapbox{
    top: -350px;
}

/*
smaller space between columns in this section
*/
.ms-columnstyle-narrow .av-flex-placeholder {
    width: 1%!important;
}

/*
adds a overlap box, pulls boxes up in header images on desktop
*/
.ms-maxwidth {
    max-width: 1310px;
    padding: 0 50px;
    margin: 0 auto;
	background-color: transparent !important;
}

/*
adds class to scale to fullwidth
*/
.ms-fullwidth, .ms-fullwidth .avia-button {
    width: 100%;
}

/*
class style gridlayout on karriere -> faq
*/
.ms-karriere-gridlayout-overlap-faq .flex_cell_inner {
    background-color: white;
    z-index: 1;
    border-radius: 2px;
    width: 625px;
    box-shadow: 0 0 10px 0 #7f7f7f;
  }

  /*
  class style gridlayout on karriere
  */
.ms-karriere-gridlayout-overlap .flex_cell_inner {
    background-color: white;
    z-index: 1;
    width: 625px;
    padding: 15px;
    box-shadow: 0 0 10px 0 #7f7f7f;
}

/*
hide placeholders on karriere overlap items
*/
.ms-karriere-gridlayout-overlap .av-flex-placeholder  {
    display: none !important;
}

/*
class for overlapping gridlayout boxes into image header
*/
.ms-gridlayout-overlap  {
    top: -20em;
    background-color: transparent;
}

/*
class for small text
*/
.ms-small-text{
    font-size: 10px;
    margin-top: 1em;
    line-height: 1;
    opacity: .8;
}

/*
adds text shadow to transparent menu
*/
.av_header_transparency .avia-menu-text{
	text-shadow: 2px 2px 10px rgba(0,0,0,.3);
}

/*
hides shadow from mobile menu
*/
.av_header_transparency .sub-menu .avia-menu-text, #av-burger-menu-ul .avia-menu-text{
	text-shadow: none;
}

/*
colors header of homepage news white
*/
.ms-news-color-white, .ms-news-color-white h3{
	color: white;
}

/*
class for text shadow
*/
.ms-text-shadow{
	text-shadow: 2px 2px 10px rgba(0,0,0,.7);
}


/*
Make images in
*/
.ms-overlaygradient .av-extra-border-element{
    z-index: 1;
	pointer-events: none;
}

/*
Adds transparent gradient infront of image headers
*/
.ms-overlaygradient::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, rgba(0,3,12,0.75) 0%, rgba(0,3,12,.05) 75%), radial-gradient(closest-corner at 75% 50%, rgba(0,3,12,.05) 50%, rgba(0,3,12,0.1) 100%);
	mix-blend-mode: hard-light;
    z-index: 1;
}

/* uses additional constrast filter for better readability (bugs Edge) */
/*.ms-overlaygradient .av-parallax-inner::before{
	content: '';
	display: block;
	height: 100%;
	background: inherit;
	filter: contrast(75%);
	-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
}*/

/*
darkens the background image of this color section
*/
.ms-overlay .av-section-color-overlay{
	background-color: #00030c;
	opacity: 0.6 !important;
}

/*
blurs the background image of this color section
*/
.ms-overlay .av-parallax-inner{
	filter: blur(7px) contrast(75%);
}

/*
Sets same heigth and width for every news image to same
*/
.ms-image-ratio-16-9 article .slide-image, .ms-image-ratio-16-9 article .big-preview.single-big a, .ms-image-ratio-16-9 .avia-image-container-inner, .ms-image-ratio-16-9 .avia-slide-wrap  {
	height: 0;
	padding-bottom: 56.25%; /*16:9*/
	display: block !important;
	position: relative;
}

/*
Sets same heigth and width for every news image to same
*/
.ms-image-ratio-16-9 article .slide-image img, .ms-image-ratio-16-9 article .big-preview.single-big a img, .ms-image-ratio-16-9 .avia-image-container-inner img,  .ms-image-ratio-16-9 .avia-slide-wrap img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

/*
custom toggle switch for cookie settings / hides the default checkbox
*/
.ms-toggle{
    display: none !important;
}

/*
custom toggle switch for cookie settings / adds custom toggle
*/
.ms-toggle-track{
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 16px;
    background-color: #697686;
    border-radius: 8px;
    transition: all 1s;
    margin-right: 1em;
    transform: translateY(2px);
}

/*
custom toggle switch for cookie settings / adds custom toggle
*/
.ms-toggle-track::after{
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #EFEFEF;
    position: absolute;
    top: 50%;
    left: -10%;
    transform: translateY(-50%);
    transition: all 1s;
}

/*
Checked state for custom toggle switch
*/
.ms-toggle:checked + .ms-toggle-track{
    background-color: #007AC3;
}

/*
Checked state for custom toggle switch
*/
.ms-toggle:checked + .ms-toggle-track::after{
    left: 50%;
    background-color: #ACE0EE;
}

/*
Gives FAQ Accordion a shadow
*/
.ms-accordion-shadow .single_toggle{
	box-shadow: 0 0 10px rgba(0,3,18,0.1);
	border: 1px solid rgba(0,3,18,0.1);
}

/*
Icongrid on KArriere; makes it 2 rows
*/
.ms-icongrid-2 .avia-icongrid-numrow-3 li {
    width: 50%;
}


/*
Reiterübersicht styles Icons; fixed heigth
*/
.ms-reiter-icon .av-outer-tab-title {
  height: 50px;
}

/*
Reiterübersicht styles Icons; centers the headings from icons
*/
.ms-reiter-icon .av-tab-section-tab-title-container{
	display: flex;
	justify-content: center;
}

/*
Reiterbox > Reiterelement > Überschrift; No Wordbreaks
*/
.av-section-tab-title {
word-wrap: normal !important;
-moz-hyphens: none !important;
hyphens: none !important;
}

/*
Wenn etwas nicht klcikbar sein soll; Kontakt > Map header
*/
.ms-pointer-none{
    pointer-events: none;
  }

/*
Wenn etwas klickbar in einem nicht klickbaren Container sein soll; Sidebar
*/
.ms-pointer-all{
pointer-events: all;
	z-index: 100;
}

/*
Custom styling for the contact info placeholder on the header of the contact page
*/
.ms-contactbox  {
	position: relative;
	background: #88b7d5;
}


/*
Custom styling for the contact info placeholder on the header of the contact page
*/
.ms-contactbox:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 122, 195, 0);
	border-left-color: #007AC3;
	border-width: 18px;
	margin-top: -18px;
	visibility: inherit;
}

/*
Iconlist -> Portfolio;
*/
.ms-iconlist-portfolio-beispiele .iconlist_icon{
  -webkit-transform: scale(0.6) translateY(-10px) !important;
  -ms-transform: scale(0.6) translateY(-10px) !important;
  transform: scale(0.6) translateY(-10px) !important;
  animation: none !important;
}

.ms-iconlist-portfolio-beispiele .iconlist-timeline {
  top: 25%;
  left: 34px;
  border-color: #007AC3 !important;
  border-right-width: 1px !important;
  border-right-style: solid !important;
}

/*
Iconlist -> Über Uns -> Details
*/
.ms-iconlist-ueberuns-uebersicht .iconlist_icon{
  -webkit-transform: scale(0.6) !important;
  -ms-transform: scale(0.6) !important;
  transform: scale(0.6) !important;
  animation: none !important;
}

.ms-iconlist-ueberuns-uebersicht .iconlist-timeline {
  top: 20%;
  left: 34px;
  border-color: #FFFFFF80 !important;
  border-right-width: 1px !important;
  border-right-style: solid !important;
}

/*
Iconlist -> Über Uns -> Unternehmensleitbild
*/
.ms-iconlist-ueberuns-unternehmensleitbild .iconlist_icon{
  -webkit-transform: scale(0.8) !important;
  -ms-transform: scale(0.8) !important;
  transform: scale(0.8) !important;
  animation: none !important;
}

.ms-iconlist-ueberuns-unternehmensleitbild .iconlist-timeline {
  top: 10%;
  left: 34px;
  border-color: #007AC3 !important;
  border-right-width: 1px !important;
  border-right-style: solid !important;
}

/*
Sets the size of the contributors notice on open street maps (IE)
*/
.ms-osmcredits{
	height: 40px;
}


/*
Iconlist Karriere; Iconlist für die Mobile Version; Darstellung der Vorteile
*/
.ms-iconlist-karriere-mobile .iconlist_icon{
  -webkit-transform: scale(1.0) !important;
  -ms-transform: scale(1.0) !important;
  transform: scale(1.0) !important;
  animation: none !important;
}

.ms-iconlist-karriere-mobile .iconlist-timeline {
  top: 20%;
  left: 34px;
  border-color: #007AC3 !important;
  border-right-width: 1px !important;
  border-right-style: solid !important;
}

/*
Karriere -> Bewerbungsprozess; Hide  Slide control
*/
.ms-hide-slide-control a {
    cursor: pointer;
}

/*
Karriere -> Bewerbungsprozess; Hide  Slide control
*/
.ms-hide-slide-control .avia-slideshow-arrows   {
    display: none !important;
}

/*
Custom layout for the title columns on the home page
*/
.ms-promobox{
	transition: all .5s;
}

/*
hover effect for the title columns on the home page
*/
.ms-promobox:hover{
    box-shadow: 0 2px 12px 0 rgba(1,0,35,0.3) !important;
}

/*
hover effect for the images in the title columns on the home page
*/
.ms-promobox:hover .avia_image{
    transform: scale(1.02) translateZ(0);
}

/*
Custom style for the images in the title columns on the home page
*/
.ms-promobox .avia_image, .ms-promobox .avia-image-container-inner{
	border-radius: 0;
}

/*
Custom style for the headline in the title columns on the home page
*/
.ms-promobox .av-special-heading{
    display: flex;
    align-items: center;
	justify-content: center;
    height: 5em;
    padding: 0 20px;
}

/*
prevent scrolling in the title columns on the home page
*/
.ms-promobox .avia-image-container-inner{
    overflow: hidden;
}

/*
Custom style for the text in the title columns on the home page
*/
.ms-promobox .avia_textblock{
    height: 6em;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin-bottom: 10px;
	line-height: 1.4;
}

/*
Custom style for the button in the title columns on the home page
*/
#top .ms-promobox .avia-button-fullwidth{
	padding: 1rem;
	font-size: 14px;
}

/*
Hide extra link in the title columns on the home page
*/
.ms-promobox .av-screen-reader-only{
	/* screen-reader link breaks layout, but is unnecessary due to the extra button on the bottom */
	display: none;
}

/*
Adjust padding for the images in the title columns on the home page
*/
.ms-textpadding>*:not(.team-img-container){
	padding-left: 10px;
	padding-right: 10px;
}

/*
Portfolio -> Ihr Nutzen -> Numbered Boxes
*/
.ms-numbersection{
	counter-reset: numbericon;
}

/*
Portfolio -> Ihr Nutzen -> Numbered Boxes
*/
.ms-numbersection .iconbox_icon{
	background-color: #007ac3;
	transform: translatex(15px) translatey(-10px);
	border-radius: 0 !important;
}

/*
Portfolio -> Ihr Nutzen -> Numbered Boxes
*/
.ms-numbersection .iconbox_icon::before{
	counter-increment: numbericon;
	content: counter(numbericon) !important;
	font-size: 1.8em !important;
	font-family: sans-serif;
	position: absolute;
	transform: translatex(-15px) translatey(10px);
	top: 0.15em;
	left: 0;
}

/*
Shows box-shadow on the inside of the element
*/
.ms-boxshadow-inset    {
	box-shadow: inset 0 10px 10px -10px rgba(0,3,18,0.3), inset 0 -10px 10px -10px rgba(0,3,18,0.3);
}

/*
vertically centeres this element
*/
.ms-verticalcenter{
	position: absolute;
	top: 50%;
}

/*
Karriere -> Auszeichnungen; Centered
*/
.karriere-auszeichnungen .slide-entry-wrap {
	display: flex;
	align-items: center;
}

/*
Karriere -> Auszeichnungen; padding left and right
*/
.avia-logo-element-container .slide-entry	{
	padding: 0 10px !important;
}

/*
Karriere -> Auszeichnungen; Make Background transparent
*/
.karriere-auszeichnungen .slide-image 	{
	background: transparent !important;
}

/*
Custom spacing for tab titles in a tab section
*/
.ms-reiter-title .av-inner-tab-title	{
	margin: 0 auto;
	width: 200px;
}

/*
Portfolio -> Reiterübersicht -> Reiterelemnt -> Icon Title; fixed width
*/
.ms-reiter-title .ms-reiter-icon .av-outer-tab-title	{
	width: 250px;
}

/*
Custom spacing for tab titles in a tab section
*/
.ms-reiter-title .av-tab-arrow-container	{
	width: 200px !important;
}

/*
Portfolio -> Nexthink -> Beispiele -> Numbers in Reiterübersicht; Font Size
*/
.data-title-number	{
	font-size: 40px;
}

/*
Portfolio -> Nexthink -> Beispiele -> Titles in Reiterübersicht; Font Size
*/
.data-title-title	{
	display: block;
	margin-top: -35px;
	margin-left: 52px;
}

/*
responsive image focal points for the hero images
*/
#banner-home .av-parallax-inner.avia-full-stretch{
	background-position: 65% 0% !important;
}

#banner-about .av-parallax-inner.avia-full-stretch{
	background-position: 27% 0% !important;
}

#banner-portfolio .av-parallax-inner.avia-full-stretch{
	background-position: 25% 50% !important;
}

#banner-karriere .av-parallax-inner.avia-full-stretch{
	background-position: 65% 0% !important;
}

#banner-legal .av-parallax-inner.avia-full-stretch{
	background-position: 70% 50% !important;
}

#banner-nexthink .av-parallax-inner.avia-full-stretch{
	background-position: 70% 50% !important;
}

/*
Styling Contact Forms
*/
.wpcf7 option:nth-child(even){
	background-color: white;
}

/*
Styling Contact Forms; Not Valid -> Red Border
*/
.wpcf7 input.wpcf7-not-valid, .wpcf7 select.wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid{
	border: 1px solid red !important;
}

/*
Styling Contact Forms; Not Valid -> Red Border
*/
.wpcf7 input ~ .wpcf7-not-valid-tip, .wpcf7 select ~ .wpcf7-not-valid-tip, .wpcf7 textarea ~ .wpcf7-not-valid-tip{
	color: red !important;
	transform: translatey(-8px);
}

/*
Styling Contact Forms; Response Box wehne sent
*/
.wpcf7-response-output{
	text-align: center;
	padding: 15px;
	font-size: 1rem;
	color: black;
}

/*
Styling Contact Forms; Errors in red
*/
.wpcf7-response-output.wpcf7-validation-errors{
	color: red;
}


/*
=================================================================================================
=============================== Styling of Desktop version ======================================
=================================================================================================
Note: Add new css to the media query below that you want to only effect the desktop view of your
      site*/

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

/* Class for vertical centering */
	.ms-verticalcenter{
		transform: translatey(-50%);
	}

/* Styling of Conent Slider Controls;  */
	.ms-contentslider .avia-slideshow-arrows a	{
		top: 20vh !important;
    	width: 60px !important;
    	height: 60px !important;
    	font-size: 50px !important;
   	 	line-height: 62px !important;
	}

/* Styling of Conent Slider Controls; Prev Slide; set more right */
	.ms-contentslider .avia-slideshow-arrows .prev-slide {
   	 	left: -75px !important;
	}

/* Styling of Conent Slider Controls; Next Slide; set more left */
	.ms-contentslider .avia-slideshow-arrows .next-slide {
    	right: -75px !important;
	}

/* Styling of Conent Slider Controls; Auto width from Arrows */
	.ms-contentslider .avia-slideshow-arrows  {
    	width: 100% !important;
	}

/* Styling of Conent Slider Controls; Line height */
	.ms-contentslider .avia-slideshow-arrows a:before {
    	line-height: 60px !important;
	}

}



/*
=================================================================================================
================================ Styling of Tablet version ======================================
=================================================================================================
Note: Add new css to the media query below that you want to only effect the Mobile and Tablet
      Portrait view*/


@media only screen and (max-width: 989px){
  /* class for hiding things for tablet view*/
	.tablet {
		display: none;
	}

	/* New Icon position for team member cards on smaller devices */
	.responsive.av-no-preview #top .avia-team-member .team-social{
		bottom: auto;
		top: 5px;
		background: none;
		position: absolute;
		text-align: right;
		z-index: 3;
		border: none;
	}

  /* link styling for team member box */
	.responsive.av-no-preview .team-social a{
		background-color: #007ac3;
		text-align: center;
	}

	/* fix cut-off banner images on mobile */
	.av-parallax {
		top:-50px;
	}

	/* Fix missing scroll-to-top button on smaller screens */
	.responsive #scroll-top-link {
    	display: block !important;
		right: 30px;
		bottom: 30px;
  	}

	/* Fancy Hotspots on smaller screens */
	.av-hotspot-fallback-tooltip-count{
		background-color: #007ac3;
		color: white;
	}
}

/* Only tablet */
@media only screen and (max-width: 989px) and (min-width: 768px) {
	/* two column footer */
	#footer .av_one_fourth {
		margin-left: 0% !important;
		width: 50% !important;
	}
}

/*
=================================================================================================
================================ Styling of Mobile version ======================================
=================================================================================================
Note: Add new css to the media query below that you want to only effect the Mobile and Tablet
      Portrait view*/

@media only screen and (max-width: 767px) {
/* Mobile Style from Contact Form;  */
  .ms-contactbox:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(0, 122, 195, 0);
        border-bottom-color: #007AC3;
        border-width: 18px;
        margin-left: -18px;
        top: -18px;
    }
	
/* TEST: TAB SECTION Arrows */
	.av-tab-section-outer-container:after {
		content: '\e879';
		font-family: 'entypo-fontello';
		font-size: 35px;
		position: absolute;
		top: 65px;
		z-index: 1000;
		right: 10px;
		color: #888888a6;
	}

	.av-tab-section-outer-container:before {
		content: '\e878';
		font-family: 'entypo-fontello';
		font-size: 35px;
		position: absolute;
		top: 65px;
		z-index: 1000;
		left: 10px;
		color: #888888a6;
	}


/* Override of complete site body so it hyphens and breaks words automatically */
	body{
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	h1, h2, h3 {
		word-break: keep-all;
		-webkit-hyphens: none;
		-ms-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
	}

/* Decrease H1 Font Size */
	h1 {
		font-size: 26px;
	}

/* Styling of Logo Container on Homepage  */
	.av-logo-container {
        width: 95% !important;
        max-width: 95% !important;
    }

/* Custom padding */
	.responsive #top #wrap_all .container.av-flex-cells .no_margin    {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

/* Custom padding */
	.flex_column_table{
		padding: 5px;
	}

/* Sets Padding on maxwith elements */
	.ms-maxwidth-mobile {
    padding: 0 0px !important;
    margin: 0 auto;
    }

/* Kontakt -> Maptitle */
	#ms-maptitle .av-extra-border-outer{
		pointer-events: all;
	}

/* Kontakt -> Mapmarker */
	.ms-verticalcenter{
		transform: translateY(-35px);
	}

/* Styling from Contenslider Controls on mobile */
.ms-contentslider .avia-slideshow-arrows a	{
    	width: 30px !important;
    	height: 30px !important;
    	font-size: 25px !important;
   	 	line-height: 32px !important;
		margin-bottom: 30px !important;
	}

/* Styling from Contenslider Controls on mobile */
	.ms-contentslider .avia-slideshow-arrows .prev-slide {
   	 	left: 0 !important;
	}

/* Styling from Contenslider Controls on mobile */
	.ms-contentslider .avia-slideshow-arrows .next-slide {
    	right: 0 !important;
	}

/* Styling from Contenslider Controls on mobile */
	.ms-contentslider .avia-slideshow-arrows  {
    	width: 100% !important;
	}

/* Styling from Contenslider Controls on mobile */
	.ms-contentslider .avia-slideshow-arrows a:before {
    	line-height: 30px !important;
	}

/* Reverse column stack oder on mobile */
	.ms-columnreverse, .ms-columnreverse .flex_column_table{
		display: flex !important;
		flex-direction: column-reverse;
	}

/* decrease Font Size of numberboxes -> Portfolio */
	.ms-numbersection .iconbox_icon::before{
		font-size: 1.5em !important;
	}

/* decrease Font Size of h2 elements */
	h2.av-special-heading-tag{
		font-size: 1.3rem !important;
	}
}

/*
=================================================================================================
==================================== Styling of IE Version ======================================
=================================================================================================
Note: Add new css to the media query below that you want to only effect the IE version*/

@media all and (-ms-high-contrast:none) {
	/* Fix issues with rotation in icon grid -> makes cards turn instantly */
	.avia-icongrid-flipbox li .avia-icongrid-front, .avia-icongrid-flipbox li .avia-icongrid-flipback{
		transition: 0s;
	}

	/* Alternative for object-fit */
	.ms-image-ratio-16-9 article .slide-image img, .ms-image-ratio-16-9 article .big-preview.single-big a img, .ms-image-ratio-16-9 .avia-image-container-inner img,  .ms-image-ratio-16-9 .avia-slide-wrap img{
		width: 100%;
		height: auto;
		top: 50%;
		left: 50% !important;
		transform: translate(-50%, -50%);
	}

	/* translate does not stack in this case, needs to be corrected manually */
	.ms-promobox:hover .avia_image{
    	transform: scale(1.02) translate(-50%, -50%) translateZ(0);
	}
}