/* 
Theme Name: AW+
Version: v.1.0
Description: Custom Theme for Arthur Weber
Author: Roman Hospenthal
Author URI: http://www.rhodesign.ch/
*/


@import 'css/reset.css';
@import 'css/grid.css';
@import 'css/plugins.css';
@import 'css/helpers.css';




/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v44-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v44-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v44-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/open-sans-v44-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/open-sans-v44-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v44-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v44-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v44-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v44-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v44-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v44-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}













#sticker {
    width: 100%;
    padding: 0;
    margin-top:0;
	z-index: 2;
}
.section-quicklinks ul.quicklinks li a { background: #FFF; }
.section-quicklinks ul.quicklinks li a:hover {color: #fff; border: 2px solid #000; background: #000;}


.element-has-tooltip { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center;  align-items: center;}

.tooltip { 
padding: 20px;
text-decoration:none; position:relative; left: 0;
 background-image: url(images/ico-tooltip.svg); background-repeat: no-repeat; background-color: transparent;background-size: 18px 18px; background-position: center; position: relative; display: inline-block; width: 18px; height: 18px;  top: 0px;  border: 0; text-align: center;  z-index: 3;}
 
.tooltip span { display:none; color:black; background:white; }
.tooltip span img {width:100%;height: auto;}
.tooltip:hover span { display:block; position:absolute; z-index:1000;width:400px; border:1px solid #005AA0; margin-top:0px; margin-left:30px; overflow:hidden; padding:5px;
-webkit-transform: translate(0,-100%);
transform: translate(0%,-100%);
}

@media (max-width: 767px) {
.tooltip:hover span {
padding:2px; 
margin-left:0px;
width:320px;
-webkit-transform: translate(-100%,-108%);
transform: translate(-100%,-108%);
}
}


/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #FFF; font-family: Open Sans, Arial, sans-serif; font-weight:400; font-size: 24px; line-height: 32px; color: #000}
/* body.noScroll { position: fixed;}*/*/

a { 
color: inherit; text-decoration: none; -webkit-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; -ms-transition: color .2s; transition: color .2s; }
a:hover,
a[href^="tel"] { text-decoration: none; cursor: pointer}
p,ul,ol,dl,hr,table,blockquote { margin-bottom: 1.5em; }

@media (max-width: 991px) {
body { font-size: 18px; line-height: 24px;}
}







/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {display: flex;flex-direction: column;min-height: 100vh; }
.main {z-index: 88888 !important; }

@media (max-width: 767px) {
.main {padding-top: 0px; }
}
@media (max-width: 575px) {
.main {padding-top: 0px; }
}

.container { padding-right:25px; padding-left:25px; margin-right:auto; margin-left:auto}
.inner {max-width: 1530px;}
.full {width: 100%; padding-right:0px;padding-left:0px;}

.container a {color: #000; text-decoration: none}
.container a:hover {color: #000;}

.textcenter {text-align: center;}
.textright { text-align: right; }
.relative {position: relative; }

small {font-size: 0.8em; line-height: 1.2em;}
strong, b { font-weight:700;}

.section{display: block; overflow: hidden; clear: both; position: relative; width: 100%; }
.section p:last-of-type {margin-bottom: 0; }






/* ------------------------------------------------------------ *\
	Margins and Paddings
\* ------------------------------------------------------------ */
.marginbottom0 { margin-bottom: 0px;}
.marginbottom40 { margin-bottom: 40px;}
.marginbottom80 { margin-bottom: 80px;}
.marginbottom160 { margin-bottom: 160px;}
.margintop0 { margin-top: 0px;}
.margintop80 { margin-top: 80px;}
@media (max-width: 991px) {
.marginbottom40 { margin-bottom: 30px;}
.marginbottom80 { margin-bottom: 60px;}
.marginbottom160 { margin-bottom: 80px;}
.margintop80 { margin-top: 60px;}
}
@media (max-width: 767px) {
}




/* ------------------------------------------------------------ *\
	Colors
\* ------------------------------------------------------------ */
.bglightgrey {background: #F5F5F5}
.bgpurple {background: #000}
.bganthazit {background: #464646}
.bgwhite {background: #FFF}




/* ------------------------------------------------------------ *\
	Headings
\* ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {  -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
h1 { font-family: Open Sans, Arial,  sans-serif; font-weight:400; color: #000; font-size: 40px; line-height: 48px; margin-bottom: 45px; }
h2 { font-family: Open Sans, Arial,  sans-serif; font-weight:700; color: #000; font-size: 32px; line-height: 42px; margin-bottom: 30px; }
h2.blocktitel { font-weight:400;  margin-bottom: 40px;}
h3 { font-family: Open Sans, Arial,  sans-serif; font-weight:700; color: #000; font-size: 24px; line-height: 32px; margin-bottom: 25px; }
h4 { font-family: Open Sans, Arial,  sans-serif; font-weight:700; color: #000; font-size: 18px; line-height: 24px; margin-bottom: 20px; }
@media (max-width: 991px) {
h1 { font-size: 32px; line-height: 42px; margin-bottom: 30px; }
h2 { font-size: 24px; line-height: 32px; margin-bottom: 25px; }
}




/* ------------------------------------------------------------ *\
	Listen
\* ------------------------------------------------------------ */
.section-text ul, 
.section-titel-mit-lead ul { list-style: none; padding:0;  margin:0 0 25px 0;  }
.section-text ul li,
.section-titel-mit-lead ul li { padding-left: 1.1em; text-indent: -1em; padding-bottom: 5px   }
/*.section-text ul li:before { content: "•";  margin-right: 14px; color: #005AA0;  }*/
.section-text ul li:before,
.section-titel-mit-lead ul li:before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin: 0 14px 4px 0; background: #000;  }

.section-titel-mit-lead ul {  margin-top:1.5em;  }

.section-text ol { list-style: none; counter-reset: my-awesome-counter; margin:0 0 25px 0;}
.section-text ol li { counter-increment: my-awesome-counter; padding-bottom: 20px; }
.section-text ol li::before { content: counter(my-awesome-counter) ". "; }




/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header{ background: #fff;  height: 120px; width: 100%; position: relative;box-sizing: border-box; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index: 99990 !important;}
.logo { background-image: url(images/logo.svg); background-size: 100%; background-repeat: no-repeat; width: 178px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0px; position: absolute; top: 30px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
h1.logo {font-size: 0px; margin-bottom: 0;}

@media (max-width: 991px) {
.header {height: 60px; }
.logo { top: 10px;  width: 117px; height: 40px;}
}





/* ------------------------------------------------------------ *\
	Tophead-Menu
\* ------------------------------------------------------------ */
.topheadmenu {position: absolute; right: 30px; top: 20px;
-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

.nav-access ul {  display: -webkit-box; display: -ms-flexbox; display: flex;  margin: 0; font-size: 18px; font-weight: 300;}
.nav-access a { text-decoration: none; color: #000;}
.nav-access a:hover { color: #000 }

.nav-access a.basket { ;}
.nav-access a.basket::before { background: url("images/ico_basket.svg") no-repeat;  background-size: auto; width: 32px; height: 25px;  margin: 2px 0 0 0; content: ""; display: block; background-size: 100% 100%; float: left;}

.nav-access ul li.wpml-ls-item {margin-right: 10px}
.nav-access ul li.wpml-ls-item:last-of-type {margin-right: 0px}
.nav-access ul li.wpml-ls-current-language a { color: #000 }

.nav-access li.wpml-ls-first-item { margin-left: 40px;}

@media (max-width: 991px) {
.topheadmenu {right: 90px; top: 17px;}
}
@media (max-width: 767px) {
.topheadmenu {display: none;}
}


.header__navs-holder .js-cloned { display: none; }

@media (max-width: 767px) {
.topheadmenu.js-cloned { display: block; position: static;}
.topheadmenu.js-cloned ul { display: flex !important; align-items: center; padding: 20px 0 0 5px}
.topheadmenu.js-cloned ul li{ margin-right: 15px !important;}
.topheadmenu.js-cloned ul li a{ font-size: 16px !important;}
.topheadmenu.js-cloned ul li:first-of-type{ display:none !important;}
.topheadmenu.js-cloned ul .search-container,
.topheadmenu.js-cloned .nav-access a.basket {display:none !important;}
.topheadmenu.js-cloned .nav-access a.basket::before
}

/* ------------------------------------------------------------ *\
	Searchcontainer
\* ------------------------------------------------------------ */
.search-container {position: relative; display: inline-block; margin: 0 20px 0 0;height: 30px; width: 25px;vertical-align: bottom; color: #000 !important; font-size: 16px;}
.search-container input { color: #000 !important; font-size: 16px;}
input.search[placeholder] {color: #000 !important; opacity: 1; }

.mglass {display: inline-block; pointer-events: none; background: url("images/ico_search.svg") no-repeat; background-size: 100% 100%; width: 25px; height: 25px;}

.searchbutton {position: absolute;width: 100%;margin: 0;padding: 0;}

.searchinput {position: absolute;left: 45px; background-color: #F5F5F5; color: #000; font-size: 16px; outline: none;border: none;border-bottom: 1px solid #FFF;padding: 0;width: 0;height: 100%;z-index: 10;transition-duration: 0.4s;-moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-o-transition-duration: 0.4s;}

.searchinput.expanded {width: 260px; padding: 0 0 0 0; color: #000; font-size: 16px;}
/* .searchinput:focus {width: 280px; padding: 0 0 0 0; color: #000; font-size: 16px;}*/

.expandright {left: auto;right: 45px;}
.expandright:focus {padding: 0;}

@media (max-width: 1199px) {
.searchinput.expanded {width: 200px; }
}
@media (max-width: 991px) {
.searchinput.expanded {width: 140px; }
.searchinput {left: 33px;}
.expandright {left: auto;right: 33px;}
}




/* ****************************************************************************************************
			    		MENU
**************************************************************************************************** */
nav#hauptnavigation {position: absolute; right: 30px; top: 48px;  transition: all .5s;}

/*** ESSENTIAL STYLES SUCKERFISH***/
.menu, .menu * {margin: 0;padding: 0;list-style: none;}
.menu li {position: relative;}

.menu > li {float: left;}
.menu li:hover > ul {display: block;}
.menu a {display: block; position: relative;}
.menu ul ul {top: 0; left: 100%;}

/*** SKIN ***/
.menu li {margin: 0 0 0 50px; white-space: nowrap; *white-space: normal; -webkit-transition: background .1s; transition: background .1s; z-index: 9999;  }
.menu li a {font-size: 22px; line-height: 30px; margin-left: 0px;  zoom: 1; text-decoration: none; padding: 0 0 21px 0;  
-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;color: #000;}
.menu li a:hover {color: #000  !important;}

/*** SUBMENU ***/
.menu ul {position: absolute; left: -30px; min-width: 240px; top: 100%;  padding: 15px 30px 15px 30px; zoom: 1; background: #F0F0F0; display: none; -webkit-transition: visibility .2s, opacity .2s; -o-transition: visibility .2s, opacity .2s; transition: visibility .2s, opacity .2s;}
.menu ul li {margin: 0;  }
.menu ul li a { font-size: 18px; line-height: 24px; color: #000 !important; padding: 5px 0; }
.menu ul li a:hover {color: #000 !important; background: transparent !important;}
ul.sub-menu li.current_page_item a {color: #000 !important;}

.menu ul li {}
.menu ul ul li {} 
.menu li:hover,

li.current-menu-parent >a, .current-menu-item >a { color: #000 !important;}
.single li.menu-item-140 a { color: #000 !important;}
body.team li.menu-item-450 a  { color: #000 !important;}
body.standorte li.menu-item-153 a  { color: #000 !important;}

@media (max-width: 1199px) {
.menu li {  margin: 0 0 0 30px }
}




/*** BURGER ***/
.nav-trigger {display: none; width: 40px; height: 12px; position: absolute; right: 20px; top: 24px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.nav-trigger span { display: block; position: absolute; height: 2px; width: 100%; background: #000; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

.nav-trigger span:nth-child(1) {top: 0px;}
.nav-trigger span:nth-child(2) { top: 12px;}

.nav-trigger.open span:nth-child(1),.nav-trigger.open span:nth-child(2) { top: 5px;}
.nav-trigger.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.nav-trigger.open span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}




/*** MOBILE NAV ***/
nav#nav-mobile { position: relative; top: 60px; display: none; z-index: 99999 !important; width: 100%;   }
nav#nav-mobile.nav-mobile-open {overflow-y: scroll;-webkit-overflow-scrolling: touch;padding-bottom: 30px; height: 100vh; background: rgba(0, 0, 0, 0.8);   }

#nav-mobile .menu {position: static; top: 0px; right: 0px; padding: 15px 0; background: #F0F0F0 }
#nav-mobile .menu > li {position: static; float: none; display: block}
#nav-mobile .menu ul {position: static; top: 0; filter: alpha(opacity=100); opacity: 1.0; background: transparent; margin-left: 0px; margin-bottom: 5px; }

nav#nav-mobile ul#menu-hauptnavigation{position: relative; display: none; list-style-type: none; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: left; width:100%;  }

nav#nav-mobile li {display: block; margin: 0; }
nav#nav-mobile li:first-child {}
nav#nav-mobile li:last-child {}

nav#nav-mobile a {display: block; color:#000; padding: 8px 3%; margin-left: 0px !important; font-size: 20px; line-height: 30px; }
nav#nav-mobile a:hover {color: #000; !important }

nav#nav-mobile li.current-menu-parent >a, 
nav#nav-mobile .current-menu-item >a { color: #000 !important;}

nav#nav-mobile ul li ul{width: 100% !important; display: block; padding: 5px 0 5px; text-align:left}
nav#nav-mobile ul.sub-menu { display: none;}

nav#nav-mobile ul li ul li{ padding: 0px; margin: 0 0 2px 0}
nav#nav-mobile ul li ul li:last-child{  margin-bottom: 0px !important}
nav#nav-mobile ul li ul li a{display: block; color:#000 !important; padding: 2px 8%; font-size: 18px; }
nav#nav-mobile ul li ul li a:hover{color:#000 !important;  }
nav#nav-mobile ul li ul li.current-menu-item a {color:#000 !important;  }





nav#nav-mobile li.dropdown{ position: relative;}
nav#nav-mobile li.dropdown a{ width:85%;}

nav#nav-mobile li.dropdown:before{
  content: "";
  position:absolute;
  right: 0; top: 7px;
content: url(images/navplus.svg);
	margin:0;
	-moz-transition:0.5s all;
	-webkit-transition:0.5s all;
	padding: 5px;
		-moz-transition:0.5s all;
	-webkit-transition:0.5s all;
	width: 30px; height: 30px;
}

nav#nav-mobile li.active::before, nav#nav-mobile ul li ul li.active::before{
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}









nav#nav-mobile ul.sub-menu{
	/*alle Children standardmässig ausblenden*/
	display: none;
}

nav#nav-mobile .sub-menu li{
	display: block;
	font-size: 15px;
	padding-right: 0;
}







@media (max-width: 991px){
.nav-trigger {display:inline-block; }
nav#nav-mobile {display: block; }
ul.menu {display: none; }
}








/* ------------------------------------------------------------ *\
	Header Sticky
\* ------------------------------------------------------------ */
.header.sticky {position: fixed; position: sticky;  top: 0; left: 0;height: 65px; }
.header.sticky .logo { width: 149px; height: 50px; top: 7px;}

.header.sticky nav#hauptnavigation { top: 20px;  }
.header.sticky .menu li a {}
.header.sticky .menu li a { text-decoration: none; padding: 0 0 15px 0; }
.header.sticky .menu ul {}
.header.sticky .menu ul li a { }

.header.sticky .topheadmenu {opacity: 0; top: -20px;}
@media (max-width: 991px){
.header.sticky {height: 60px;}
.header.sticky .topheadmenu {opacity: 1; right: 90px; top: 17px;}
.header.sticky .logo { width: 117px; height: 40px; top: 10px;}
}






/* ------------------------------------------------------------ *\
	Section Titel mit Lead
\* ------------------------------------------------------------ */
.section-titel-mit-lead {padding: 180px 0 160px}
.section-titel-mit-lead p:last-of-type {margin-bottom: 0;}
.section-titel-mit-lead .buttonrow {margin-top: 40px;}
.section-titel-mit-lead .buttonrow .btn {margin-right: 15px;}
@media (max-width: 991px) {
.section-titel-mit-lead {padding: 80px 0 80px}
.section-titel-mit-lead .buttonrow {margin-top: 30px;}
.section-titel-mit-lead .buttonrow .btn {margin-right: 10px; margin-bottom: 10px}
}
@media (max-width: 767px) {
.section-titel-mit-lead {padding: 60px 0 60px}
}



/* ------------------------------------------------------------ *\
	Section Übertitel / Seitentitel
\* ------------------------------------------------------------ */
.section-ubertitel__seitentitel {}
.section-ubertitel__seitentitel h1 {margin-bottom: 0}




/* ------------------------------------------------------------ *\
	Section Headerbild
\* ------------------------------------------------------------ */
.section-headerbild {}
.section-headerbild img {width: 100%; height: auto;}





/* ------------------------------------------------------------ *\
	Section Slider rechts über Container
\* ------------------------------------------------------------ */
.section-slider_rechts {}
.section-slider_rechts.bglightgrey {padding-bottom: 120px}
@media (max-width: 991px) {
.section-slider_rechts.bglightgrey {padding-bottom: 80px}
}
@media (max-width: 767px) {
.section-slider_rechts.bglightgrey {padding-bottom: 60px}
}





/* ------------------------------------------------------------ *\
	Section Zweispaltig Text / Galerie
\* ------------------------------------------------------------ */
.section-zweispaltig-text__galerie {}
.section-zweispaltig-text__galerie.bglightgrey {padding-top: 45px; padding-bottom: 65px;}


.zweispaltig-text__galerie-col .gallery li {float: left; margin-right: 2%; margin-bottom: 2%; width:  49%}
@media (min-width: 767px) {
.zweispaltig-text__galerie-col .gallery li:nth-of-type(2n) {margin-right: 0;}
}
@media (max-width: 767px) and (min-width: 576px) {
.zweispaltig-text__galerie-col .gallery li {margin-right: 3%; margin-bottom: 3%; width: 48.5%}
.zweispaltig-text__galerie-col .gallery li:nth-of-type(2n) {margin-right: 0;}
}
@media (max-width: 575px) {
.zweispaltig-text__galerie-col  .gallery li {margin-right: 3%; margin-bottom: 3%; width: 48.5%}
.zweispaltig-text__galerie-col .gallery li:nth-of-type(2n) {margin-right: 0;}
}


.zweispaltig-text__galerie-col section + section {margin-top: 40px}

/* ------------------------------------------------------------ *\
	Section Zweispaltig Text / Galerie
\* ------------------------------------------------------------ */
.section-zweispaltig-bild__text {}
.section-zweispaltig-bild__text.bglightgrey {padding-top: 45px; padding-bottom: 65px;}

.section-zweispaltig-bild__text .content-inner img {margin-bottom: 45px}







/* ------------------------------------------------------------ *\
	Referenzen
\* ------------------------------------------------------------ */
.section-referenzen {} 
.section-referenzen p:last-of-type {margin-bottom: 1.5em;; }
.refpreview  {font-size: 15px; line-height: 1.4;margin-top: 22px; } 





/* ------------------------------------------------------------ *\
	Section Video
\* ------------------------------------------------------------ */
.section-section-video {}
.section-section-video.bglightgrey {padding-bottom: 120px}
@media (max-width: 991px) {
.section-section-video.bglightgrey {padding-bottom: 80px}
}
@media (max-width: 767px) {
.section-section-video.bglightgrey {padding-bottom: 60px}
}

.film video {width: 100%}
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}




/* ------------------------------------------------------------ *\
	Section Iconblock
\* ------------------------------------------------------------ */
.section-iconblock {padding: 100px 0 140px}
.iconblock-col {padding-right: 0px; padding-left: 0px;}
.iconblock {position: relative; background: transparent; color: #FFF; text-align:center;  padding: 40px 0 55px;
-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.iconblock:hover {background: #3C3C3C}
.iconblock a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.iconblock img {width: 68%; margin: 0 auto 25px auto; display:block}
@media (max-width: 991px) {
.section-iconblock {padding: 60px 0 85px}
}
@media (max-width: 767px) {
.section-iconblock {padding: 40px 0 60px}
.iconblock img {width: 75%; margin: 0 auto 20px auto; }
}



/* ------------------------------------------------------------ *\
	Section Logoblock
\* ------------------------------------------------------------ */
.section-logoblock {}
.iconblock-col {padding-right: 0px; padding-left: 0px;}
.logoblock {position: relative; background: transparent; text-align:center;  padding: 20px 0 30px;
-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.logoblock:hover {}
.logoblock a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.logoblock img {width: 90%; margin: 0 auto 15px auto; display:block}

.section-logoblock.bglightgrey {padding-top: 45px; padding-bottom: 65px;}
.section-logoblock.bgred {padding-top: 45px; padding-bottom: 65px; }

.logoblock {color: #000}
.section-logoblock.bgpurple .logoblock {color: #FFF}










/* ------------------------------------------------------------ *\
	Section Call to Action
\* ------------------------------------------------------------ */
.section-call_to_action_schmal  {background: #000; font-size: 32px; line-height: 1.4em; color: #FFF; padding: 45px 0;}
.section-call_to_action_schmal .buttoncol { text-align: right;}
.section-call_to_action_schmal a.btn { color: #FFF; border: 2px solid #FFF;}
.section-call_to_action_schmal a.btn:hover { color: #000; border: 2px solid #000;}


.section-call_to_action_gross {font-size: 32px; line-height: 1.4em; color: #FFF;}
.section-call_to_action_gross h2 {margin-bottom: 0px; color: #FFF;}

.section-call_to_action_gross .btnarrow {margin-top: 20px; color: #FFF;}
.section-call_to_action_gross .arrow {  background: #FFF;}
.section-call_to_action_gross .arrow .head, 
.section-call_to_action_gross .arrow .head:after { background: #FFF;}

.section-call_to_action_gross a.btnarrow:hover {color: #000;}
.section-call_to_action_gross a.btnarrow:hover .arrow {background: #000;}
.section-call_to_action_gross a.btnarrow:hover .arrow .head,
.section-call_to_action_gross a.btnarrow:hover .arrow .head:after{ background: #000;}


.ctagross_outher {background:#464646}
.ctagross_inner {padding: 120px 0;}

.img-gradient{ position:absolute; right: 0; top: 0%; display:inline-block; width: 50vw; height: 100%; 
-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.img-gradient:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block;
background: -moz-linear-gradient(90deg, rgba(70,70,70,1) 0%, rgba(70,70,70,0) 80%, rgba(70,70,70,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(70,70,70,1) 0%, rgba(70,70,70,0) 80%, rgba(70,70,70,0) 100%);
background: linear-gradient(90deg, rgba(70,70,70,1) 0%, rgba(70,70,70,0) 80%, rgba(70,70,70,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#464646",endColorstr="#464646",GradientType=1);
}
.img-gradient img{ display:block; width: 100%;height: 100%;object-fit: cover;}


@media (max-width: 991px) {
.section-call_to_action_schmal  {font-size: 24px; line-height: 32px;  padding: 40px 0;}
.section-call_to_action_gross {font-size: 24px; line-height: 32px;}
.ctagross_inner {padding: 50px 0;}
}
@media (max-width: 767px) {
.section-call_to_action_schmal .buttoncol { text-align: right; margin-top: 30px;}
.ctagross_outher {min-height:420px}
.ctagross_inner {padding: 40px 0;}
.img-gradient{ position:absolute; right: 0; bottom: 0; top: auto; display:inline-block; width: 100vw; height: 50%; display: block}
.img-gradient:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block;
background: -moz-linear-gradient(180deg, rgba(70,70,70,1) 0%, rgba(70,70,70,0) 100%, rgba(70,70,70,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(70,70,70,1) 0%, rgba(70,70,70,0) 100%, rgba(70,70,70,0) 100%);
background: linear-gradient(180deg, rgba(70,70,70,1) 0%, rgba(70,70,70,0) 100%, rgba(70,70,70,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3de15",endColorstr="#f3de15",GradientType=1);
}

}









/* ------------------------------------------------------------ *\
	Section Anreisser gross
\* ------------------------------------------------------------ */
.section-anreisser_gross {background: #F5F5F5}
.section-anreisser_gross h2 { margin-bottom: 0;}
.section-anreisser_gross .btnarrow {margin-top: 20px;}

.content-box { position:relative; width:100%; min-height:720px; display: flex;}

.anreisser-img {padding: 0}
.img-box.left { position:absolute; top:0px; right:0px; bottom:0px; width:calc( 50vw ); }
.img-box.right { position:absolute; top:0px; left:0px; bottom:0px; width:calc( 50vw); }

.img-box.right img {width: 100%; height: 100%; object-fit: cover; /* Or whatever object-fit you want */}

.section-anreisser_gross .content_inner { font-size: 32px; line-height: 42px; align-self: center;padding-right: 16.6666666667%}

@media (max-width: 991px) {
.content-box {  min-height:400px; }
.content-box-first { min-height: auto; padding: 60px 0;}

.section-anreisser_gross .content_inner { font-size: 24px; line-height: 32px; padding-right: 0%}
.img-box.left {  width:calc( 100vw ); }
.img-box.right { left:-20px; width:calc( 100vw); }
}
@media (max-width: 767px) {
.content-box {  min-height:340px; }
.content-box-first { padding: 40px 0;}
}




/* ------------------------------------------------------------ *\
	Section Anreisser 4 Kolonnen
\* ------------------------------------------------------------ */
.section-anreisser_4_kolonnen {}
.anreissercol {margin-bottom: 40px}
.anreisserblock {height: 100%;background: #F5F5F5;}
.anreisserblock .content_inner { padding: 40px; font-size: 24px; line-height: 1.35em; color: #000; hyphens:  auto}
.anreisserblock .content_inner h3 {margin-bottom: 0;}
.anreisserblock .content_inner .btnarrow {margin-top: 53px;}

@media (max-width: 1460px) {
.anreisserblock .content_inner {padding: 30px 20px; }
}
@media (max-width: 991px) {
.anreisserblock .content_inner {padding: 30px; }
.section-anreisser_4_kolonnen .col-12 { margin-bottom: 30px; }
}
@media (max-width: 767px) {
.anreisserblock .content_inner {padding: 20px; }

}
@media (max-width: 575px) {
.section-anreisser_4_kolonnen .col-12 { margin-bottom: 0px; }
.section-anreisser_4_kolonnen .col-12 + .col-12 { margin-top: 30px; }
}






/* ------------------------------------------------------------ *\
	Section Anreisser rechts / links
\* ------------------------------------------------------------ */
.section-anreisser_rechts-links {}
.section-anreisser_rechts-links .anreisser { overflow: hidden; list-steyle: none; }
.section-anreisser_rechts-links .anreisser li {padding-bottom: 0px !important;margin-bottom: 0px !important;border-bottom: none !important;}

.section-anreisser_rechts-links .anreisser .eintrag + .eintrag { margin-top: 40px; }

.section-anreisser_rechts-links .anreisserinner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; -webkit-flex-flow: row wrap;flex-flow: row wrap; }

.section-anreisser_rechts-links .anreisserinner .anreissertext {padding: 0 8%; font-size: 32px; line-height: 42px; -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; align-self: center;}
.section-anreisser_rechts-links .anreisserinner .anreissertext p:last-of-type{margin-bottom: 0;}
.section-anreisser_rechts-links .anreisserinner .anreissertext h2 { margin-bottom: 0;}
.section-anreisser_rechts-links .anreisserinner .anreissertext .btnarrow {margin-top: 20px;}

.section-anreisser_rechts-links .anreisserinner .anreisserbild { -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; overflow: hidden;}


.section-anreisser_rechts-links .anreisser .eintrag:nth-child(even) .anreisserbild {  order: 2; }
.section-anreisser_rechts-links .anreisser .eintrag:nth-child(even) .anreissertext { order: 1; }


.section-anreisser_rechts-links .anreisserinner.bgpurple .anreissertext {color: #FFF;}
.section-anreisser_rechts-links .anreisserinner.bgpurple .anreissertext h2 {color: #FFF;}
.section-anreisser_rechts-links .anreisserinner.bgpurple a.btnarrow {color: #FFF;}
.section-anreisser_rechts-links .anreisserinner.bgpurple a.btnarrow:hover {color: #000;}
.section-anreisser_rechts-links .anreisserinner.bgpurple a.btnarrow .arrow { background: #FFF;}
.section-anreisser_rechts-links .anreisserinner.bgpurple a.btnarrow .arrow .head,
.section-anreisser_rechts-links .anreisserinner.bgpurple a.btnarrow .arrow .head:after{background: #FFF;}
.section-anreisser_rechts-links .anreisserinner.bgpurple a.btnarrow:hover .arrow { background: #000;}
.section-anreisser_rechts-links .anreisserinner.bgpurple a.btnarrow:hover .arrow .head,
.section-anreisser_rechts-links .anreisserinner.bgpurple a.btnarrow:hover .arrow .head:after{background: #000;}

.section-anreisser_rechts-links .anreisserinner.bganthazit .anreissertext {color: #FFF;}
.section-anreisser_rechts-links .anreisserinner.bganthazit .anreissertext h2 {color: #FFF;}
.section-anreisser_rechts-links .anreisserinner.bganthazit a.btnarrow {color: #FFF;}
.section-anreisser_rechts-links .anreisserinner.bganthazit a.btnarrow:hover {color: #000;}
.section-anreisser_rechts-links .anreisserinner.bganthazit a.btnarrow .arrow { background: #FFF;}
.section-anreisser_rechts-links .anreisserinner.bganthazit a.btnarrow .arrow .head,
.section-anreisser_rechts-links .anreisserinner.bganthazit a.btnarrow .arrow .head:after{background: #FFF;}
.section-anreisser_rechts-links .anreisserinner.bganthazit a.btnarrow:hover .arrow { background: #000;}
.section-anreisser_rechts-links .anreisserinner.bganthazit a.btnarrow:hover .arrow .head,
.section-anreisser_rechts-links .anreisserinner.bganthazit a.btnarrow:hover .arrow .head:after{background: #000;}


@media (max-width: 991px) {
.section-anreisser_rechts-links .anreisserinner .anreissertext {padding: 30px 30px 30px; font-size: 24px; line-height: 32px; -ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.section-anreisser_rechts-links .anreisserinner .anreisserbild { -ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.section-anreisser_rechts-links .anreisser .eintrag:nth-child(even) .anreisserbild {  order: 1;}
.section-anreisser_rechts-links .anreisser .eintrag:nth-child(even) .anreissertext { order: 2; }

.section-anreisser_rechts-links .anreisser {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.section-anreisser_rechts-links .anreisser .eintrag {list-style: none; -webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.section-anreisser_rechts-links .anreisser .eintrag + .eintrag { margin-top: 0px; }

}
@media (max-width: 767px) {
.section-anreisser_rechts-links .anreisserinner .anreissertext {padding: 20px 20px 20px; }
.section-anreisser_rechts-links .anreisser .eintrag {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.section-anreisser_rechts-links .anreisser .eintrag + .eintrag { margin-top: 50px; }
}




/* ------------------------------------------------------------ *\
	Section Quicklinks
\* ------------------------------------------------------------ */
.section-quicklinks {}
.section-quicklinks ul.quicklinks { width: 60%; margin: 0 auto; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; margin-bottom: 0}
.section-quicklinks ul.quicklinks li { margin: 0 15px 15px 0; 0;  border-bottom: 0px !important; padding: 0;}
.section-quicklinks ul.quicklinks li:last-of-type {margin-right: 0;}


.section-quicklinks_breit {padding: 40px 0 25px}
.section-quicklinks_breit ul.quicklinks { width: 100%; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0}
.section-quicklinks_breit ul.quicklinks li { margin: 0 15px 15px 0;  border-bottom: 0px !important; padding: 0;}
.section-quicklinks_breit ul.quicklinks li:last-of-type {margin-right: 0;}



ul.quicklinks li a {
display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; 
padding: 10px 20px; font-size: 18px; line-height: 1;
-webkit-transition: all .4s, color .4s, border-color .4s; -o-transition: all .4s, color .4s, border-color .4s; transition: all .4s, color .4s, border-color .4s;
}
ul.quicklinks li a {color: #000; border: 2px solid #000; background: transparent; border-radius: 50px; margin-top: 0px;}
ul.quicklinks li a:hover {color: #fff; border: 2px solid #000; background: #000;}
ul.quicklinks li.current-menu-item a  {color: #fff !important; border: 2px solid #464646; background: #464646;  }

@media (max-width: 991px) {
.section-quicklinks ul.quicklinks { width: 100%; }
.section-quicklinks ul.quicklinks li { margin: 0 10px 10px 0; 0; }
ul.quicklinks li a {padding: 8px 15px; }

.section-quicklinks_breit ul.quicklinks { width: 100%; }
.section-quicklinks_breit ul.quicklinks li { margin: 0 10px 10px 0; 0; }

}
@media (max-width: 767px) {

}





/* ------------------------------------------------------------ *\
	Section Bildslider
\* ------------------------------------------------------------ */
.section-headslider {}
.slider--primary, .slider--secondary { overflow: hidden; }
.slider--primary .slider__slide, .slider--secondary .slider__slide { position: relative; height: 100%; }
.slider--primary .slider__slide-image img, .slider--secondary .slider__slide-image img { width: 100%; }

.captioncontainer { position: absolute; bottom: 35px; left: 0; right: 0; z-index: 3;}
.captioninner {color: #FFF; }
.captioninner a{color: #FFF; display:block  }
.captioninner a:hover {color: #A0A0A0;  }

.captioninner .arrow{ margin-top: 17px;width: 32px; margin-left: 0px; background: #FFF; height: 2px;}
.captioninner .arrow .head,
.captioninner .arrow .head:after { width: 14px; height:2px;  background: #FFF; right: -4px; top: 4px; }
.captioninner .arrow .head:after { content: ""; right: -6px; top: -6px; transform: rotate(90deg);}

.captioninner a:hover .arrow {width: 55px; background: #A0A0A0; }
.captioninner a:hover .arrow .head,
.captioninner a:hover .arrow .head:after { background: #A0A0A0;  }

.gradientoverlay {z-index: 3;
position: absolute; bottom: 0px; width: 100%; height: 50%; display:block;
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.slider--primary .fulllink { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4}
.slider--primary:hover .captioninner {color: #A0A0A0;  }
.slider--primary:hover .arrow {width: 55px; background: #A0A0A0; } 
.slider--primary:hover .arrow .head,
.slider--primary:hover .arrow .head:after { background: #A0A0A0;  }

@media (max-width: 767px) {
/*
.slider--primary .slider__slide { min-height: 400px; margin-bottom: -10px; }
.slider--primary .slider__slide-image img {display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;}
*/
}




/* ------------------------------------------------------------ *\
	Slider Navigation
\* ------------------------------------------------------------ */
.slick-slide img {  display: inline-block; width: 100%; height: auto}

.slider .slick-dots { list-style-type: none; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width: 100%;}
.slider .slick-dots li { display: inline-block; width: 14px; height: 14px; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; background: #transparent; border: 2px solid #FFFFFF; }
.slider .slick-dots li + li { margin-left: 14px; }
.slider .slick-dots button { background: transparent; border: 0; font-size: 0; }
.slider .slick-dots .slick-active { background: #FFF; }


.slider--primary .slick-dots { max-width: 1530px; bottom: 30px; left: 0; right: 0; margin: 0 auto;  padding-right:25px; padding-left:25px;
list-style-type: none; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; 
-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important  }




.slider .slick-arrow { 
opacity:0; width: 35px; height: 35px; margin-top: -20px;border: 2px solid #fff; border-right: 0; border-top: 0; background: none; font-size: 0; 
-webkit-transition: opacity .8s ease, border-color .3s ease;
-moz-transition: opacity .8s ease, border-color .3s ease;
-o-transition: opacity .8s ease, border-color .3s ease;
transition: opacity .8s ease, border-color .3s ease;
}
.slider .slick-arrow:hover { border-color: #000; }
.slider .slick-prev { position: absolute; top: 50%;  left: 50px; z-index: 30; 
transform: rotate(45deg) translate(0px);-webkit-transform: rotate(45deg) translate(0px);-moz-transform: rotate(43deg) translate(0px);-o-transform: rotate(45deg) translate(0px);-ms-transform: rotate(45deg) translate(0px);}
.slider .slick-next { position: absolute; top: 50%; right: 50px; 
transform: rotate(-135deg) translate(0px);-webkit-transform: rotate(-135deg) translate(0px);-moz-transform: rotate(-135deg) translate(0px);-o-transform: rotate(-135deg) translate(0px);-ms-transform: rotate(-135deg) translate(0px);}
.slider .slick-arrow:focus { outline: 0; }


.slider:hover .slick-arrow { opacity: 1;}

@media (max-width: 991px) {
.slider .slick-arrow { width: 25px; height: 25px; margin-top: -20px;}
.slider .slick-prev { left: 30px; }
.slider .slick-next { right: 30px;}
.slider .slick-dots { bottom: 20px;}
}
@media (max-width: 767px) {
.slider .slick-arrow { width: 20px; height: 20px; margin-top: -10px;}
.slider .slick-prev { left: 20px; }
.slider .slick-next { right: 20px;}
.slider .slick-dots { bottom: 15px;}


.slider--primary .slick-arrow { display: none !important;}
.slider--primary .slick-dots { bottom: 10px; }
.slider--primary .slick-dots li { width: 10px; height: 10px; }
.slider--primary .slick-dots li + li { margin-left: 10px; }
.captioncontainer { bottom: 20px;}
}








/* ------------------------------------------------------------ *\
	Section Team mit Foto
\* ------------------------------------------------------------ */
.section-team {}
.section-team .team {margin-bottom: 40px;}
.section-team .teamcontent {padding-top: 20px; font-size: 18px; line-height: 24px;}
.section-team .teamname{font-weight: 700;}
.section-team .teamfunktion{}
.section-team .teamtelefon{}
.section-team .teamtelefon a {color: #000}
.section-team .teamtelefon a:hover {color: #000 }
.section-team .teamemail{}
.section-team .vcard  {margin-top: 10px}
.section-team .vcard a { background-image:url(images/ico_vcard.svg); width: 45px; height: 25px; background-repeat:no-repeat; text-indent: -9999px; display: inline-block;}
.section-team .vcard a:hover { background-image:url(images/ico_vcard_dl.svg);}

.borderbottom {height: 1px; background:#A0A0A0; display: block; }


/* Section Bereichsleiter */
.section-team_bereichsleiter {}
.section-team_bereichsleiter .content_inner.paddingbottom80 {padding-bottom: 80px}
.bereichstitel {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.section-team_bereichsleiter .teamcontent {padding-top: 0px; font-size: 18px; line-height: 24px;}


/* Section Team Links zu Markenfirmen */
.team-links_zu_markenfirmen {}
ul.markenfirmen {list-style: none;}
ul.markenfirmen li {margin-bottom: 15px;}
ul.markenfirmen li:last-of-type {margin-bottom: 0px;}


@media (max-width: 991px) {
.section-team_bereichsleiter .content_inner.paddingbottom80 {padding-bottom: 60px}
.section-team_bereichsleiter .col + .col {margin-top: 40px}
}
@media (max-width: 767px) {
.bereichstitel {flex-direction: column; margin-bottom: 20px}
.bereichstitel h2 {margin-bottom: 20px}
}




form.vcardform {}
form.vcardform input {border: none; outline: none;}

form.vcardform button, 
form.vcardform input[type="submit"] {
background-image:url(images/ico_vcard.svg); width: 45px; height: 25px; background-repeat:no-repeat; text-indent: -9999px; display: inline-block;
}
form.vcardform button:hover, 
form.vcardform input[type="submit"]:hover {
background-image:url(images/ico_vcard_dl.svg);
}

form.vcardform button, 
form.vcardform input[type="submit"]{ color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;background-color: transparent;}







/* ------------------------------------------------------------ *\
	Section Bildergalerie
\* ------------------------------------------------------------ */
.gallery {list-style-type:none;}
.gallery li {float: left; margin-right: 2%; margin-bottom: 2%; width:  15%}

.gallery li {  position: relative;}
.gallery li a{ display: block;  }
.gallery li img { width: 100%; }

.gallery li a:before { content: ''; display: inline-block; background: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.gallery li a:hover:before { visibility: visible; opacity: 1; }
.gallery li a:hover .gallery-icon { visibility: visible; opacity: 1; }

.gallery-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 46px; height: 46px; border-radius: 50%; border: 2px solid #FFF; z-index: 20; visibility: hidden; opacity: 0; -webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.gallery-icon:before { content: ''; display: inline-block; width: 24px; height: 2px; background: #FFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.gallery-icon:after { content: ''; display: inline-block; width: 2px; height: 24px; background: #FFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 767px) {
.gallery li:nth-of-type(6n) {margin-right: 0;}
}
@media (max-width: 767px) and (min-width: 576px) {
.gallery li {margin-right: 3%; margin-bottom: 3%; width: 22.75%}
.gallery li:nth-of-type(4n) {margin-right: 0;}
}
@media (max-width: 575px) {
.gallery li {margin-right: 3%; margin-bottom: 3%; width: 31.33333%}
.gallery li:nth-of-type(3n) {margin-right: 0;}
}











/* ------------------------------------------------------------ *\
	Section Text-Module (100, 50, 75-25)
\* ------------------------------------------------------------ */
.section-text {font-size: 18px; line-height: 24px;}
@media (max-width: 767px) {
.section-text .row div{ margin-bottom: 25px;}
.section-text .row div:last-of-type{ margin-bottom: 0px;}
}








/*------------------------------------------------------------ *\
	Section Geschichte
\* ------------------------------------------------------------ */
.section-geschichte {}
.section-geschichte .geschichte { overflow: hidden; }
.section-geschichte .geschichte li {padding-bottom: 0px !important;margin-bottom: 0px !important;border-bottom: none !important;}

.section-geschichte .geschichte .eintrag + .eintrag { margin-top: 160px; }

.section-geschichte .geschichteinner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; -webkit-flex-flow: row wrap;flex-flow: row wrap; }

.section-geschichte .geschichteinner .geschichtetext { -webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%; align-self: center;}
.section-geschichte .geschichteinner .geschichtetext p:last-of-type{margin-bottom: 0;}
.section-geschichte .geschichteinner .geschichtetext h3 { font-size: 50px; line-height: 60px;}

.section-geschichte .geschichteinner .geschichtebild { -webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}

.section-geschichte .geschichte .eintrag:nth-child(odd) .geschichtebild {  order: 2; }
.section-geschichte .geschichte .eintrag:nth-child(odd) .geschichtetext { order: 1; padding-right: 8.3333333333% }

.section-geschichte .geschichte .eintrag:nth-child(even) .geschichtetext { padding-left: 8.3333333333% }


.section-geschichte .geschichte .eintrag {position: relative;}
.section-geschichte .geschichte .eintrag:after {content:''; position:absolute;
margin-left: auto;margin-right: auto;left: 0;right: 0;
height:70px;margin-top: 50px;width: 2px;border-left:6px dotted #A0A0A0;}
.section-geschichte .geschichte .eintrag:last-of-type:after {content:none;}

@media (max-width: 991px) {
.section-geschichte .geschichte .eintrag:nth-child(odd) .geschichtetext { padding-right: 30px }
.section-geschichte .geschichte .eintrag:nth-child(even) .geschichtetext { padding-left: 30px }

.section-geschichte .geschichte .eintrag + .eintrag { margin-top: 100px; }
.section-geschichte .geschichte .eintrag:after {height:60px;margin-top: 20px; border-left:6px dotted #A0A0A0;}
}
@media (max-width: 767px) {
.section-geschichte .geschichteinner .geschichtetext { -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; }
.section-geschichte .geschichteinner .geschichtebild { -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

.section-geschichte .geschichte .eintrag + .eintrag { margin-top: 70px; }
.section-geschichte .geschichte .eintrag:after {height:30px;margin-top: 20px; border-left:4px dotted #A0A0A0;}
}
@media (max-width: 575px) {
.section-geschichte .geschichte .eintrag .geschichtetext { -ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding-top: 30px}
.section-geschichte .geschichte .eintrag .geschichtebild { -ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.section-geschichte .geschichte .eintrag:nth-child(odd) .geschichtetext { padding-right: 0px }
.section-geschichte .geschichte .eintrag:nth-child(even) .geschichtetext { padding-left: 0px }

.section-geschichte .geschichte .eintrag:nth-child(odd) .geschichtebild { order: 1; }
.section-geschichte .geschichte .eintrag:nth-child(odd) .geschichtetext { order: 2; }
}











/* ------------------------------------------------------------ *\
	Section Accordion
\* ------------------------------------------------------------ */
/*

.accordion-trigger {
color: #64A0F0; padding: 25px 0; border-top: 1px solid #A0A0A0;
display: table !important; table-layout: fixed !important; cursor: pointer; display: block; width: 100%; clear: both; position: relative; 
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

.accordion { border-bottom: 1px solid #A0A0A0;}

.accordion-trigger:hover { color: #005AA0;}
.accordion-trigger-active { border-bottom: none; color: #005AA0;}


.accordion-trigger-open:before {content: "";position: absolute;display: block;right: 0px; top: 50%; width: 30px; height: 0; border-top: 2px solid #64A0F0;transform: rotate(0deg);transform-origin: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
.accordion-trigger-open:after {content: "";position: absolute;display: block;margin: auto; right: 0px; top: 1px; bottom: 0;width: 30px; height: 0; border-top: 2px solid #64A0F0; transform: rotate(90deg);transform-origin: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.accordion-trigger:hover .accordion-trigger-open:before {border-top: 2px solid #005AA0; }
.accordion-trigger:hover .accordion-trigger-open:after {border-top: 2px solid #005AA0; }

.accordion-trigger-active .accordion-trigger-open:before {border-top: 2px solid #005AA0;transform: rotate(45deg);}
.accordion-trigger-active .accordion-trigger-open:after {border-top: 2px solid #005AA0;transform: rotate(-45deg); }

.accordion-content {padding: 0 0 0 0; -webkit-animation:fadeOut .8s ease-out;animation:fadeOut .8s ease-out;  }
.accordion-content.open {-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out}

.accordion-content.open section:last-of-type {margin-bottom: 60px !important}

@media (max-width: 991px) {
.accordion-trigger {padding: 20px 0; }
.accordion-trigger-open:before { width: 20px; border-top: 2px solid #64A0F0;}
.accordion-trigger-open:after {width: 20px; border-top: 2px solid #64A0F0; }
}
@media (max-width: 767px) {
}
*/






/*----- Accordion -----*/
.accordion-new, .accordion-new * { -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;   box-sizing:border-box;}
.accordion-new {  overflow:hidden;}
 
/*----- Section Titles -----*/
.accordion-section-title {
color: #000; padding: 25px 35px 25px 0; border-top: 1px solid #A0A0A0;
display: table !important; table-layout: fixed !important; cursor: pointer; display: block; width: 100%; clear: both; position: relative; 
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; text-decoration: none;
}
a.accordion-section-title {	color: #000;}
a.accordion-section-title:hover {color: #000;}
a.accordion-section-title:focus {color: #000;}
.accordion-section-title.active, .accordion-section-title:hover {color: #000;}


/*  BUTTON + x */
.accordion-trigger-open:before {content: "";position: absolute;display: block;right: 0px; top: 50%; width: 30px; height: 0; border-top: 2px solid #000;transform: rotate(0deg);transform-origin: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
.accordion-trigger-open:after {content: "";position: absolute;display: block;margin: auto; right: 0px; top: 1px; bottom: 0;width: 30px; height: 0; border-top: 2px solid #000; transform: rotate(90deg);transform-origin: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.accordion-section-title:hover .accordion-trigger-open:before {border-top: 2px solid #000; }
.accordion-section-title:hover .accordion-trigger-open:after {border-top: 2px solid #000; }

.accordion-section-title.active .accordion-trigger-open:before {border-top: 2px solid #000;transform: rotate(45deg);}
.accordion-section-title.active .accordion-trigger-open:after {border-top: 2px solid #000;transform: rotate(-45deg); }
 

/*----- Section Content -----*/
.accordion-section-content {display:none; padding: 0 0 0 0; -webkit-animation:fadeOut .8s ease-out;animation:fadeOut .8s ease-out;  }
.accordion-section-content.open {-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out}
.accordion-section-content.open section:last-of-type {margin-bottom: 60px !important}

@media (max-width: 991px) {
.accordion-section-title  {padding: 20px 25px 20px 0; }
.accordion-trigger-open:before { width: 20px; border-top: 2px solid #000;}
.accordion-trigger-open:after {width: 20px; border-top: 2px solid #000; }
}
@media (max-width: 767px) {
.accordion-section-title {padding: 15px 25px 15px 0; }
}








/* ------------------------------------------------------------ *\
	Section Tabelle
\* ------------------------------------------------------------ */
.section-tabelle table{width: 100% !important; border-spacing:0px !important; margin: 0;}
.section-tabelle table td{border-spacing:0px !important; vertical-align:top; padding: 25px 15px 25px 0; border-bottom: 1px solid #A0A0A0; font-size: 18px; line-height: 24px}
.section-tabelle table th{padding: 0px 15px 25px 0; text-align: left; border-bottom: 2px solid #A0A0A0; color: #000;}

@media (max-width: 991px) {
.section-tabelle table td{padding: 20px 15px 20px 0;}
.section-tabelle table th{padding: 0px 15px 20px 0; }
}
@media (max-width: 767px) {
.table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0;}
.table-container::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}
}







/* ------------------------------------------------------------ *\
	Dokument Download-Liste
\* ------------------------------------------------------------ */
.section-dokument-download-liste {}

ul.dokument-download { list-style: none; border-top: 1px solid #A0A0A0; margin-bottom: 0;}
ul.dokument-download li {border-bottom: 1px solid #A0A0A0; padding: 15px 0; position: relative}
ul.dokument-download li a {position: relative; text-decoration:none;  margin-left: 2em;  color: #000; display: block; padding-right: 30px;}
ul.dokument-download li a:hover {color: #000;}

ul.dokument-download li a.file[href$="."]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-other.png) " " }
ul.dokument-download li a.file[href$=".pdf"]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-pdf.png) " " }
ul.dokument-download li a.file[href$=".doc"]:before, ul.dokument-download li a[href$=".docx"]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-doc.png) " " }
ul.dokument-download li a.file[href$=".xls"]:before, ul.dokument-download li a[href$=".xlsx"]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-xls.png) " " }
ul.dokument-download li a.file[href$=".jpg"]:before, ul.dokument-download li a[href$=".jpeg"]:before, ul.dokument-download li a[href$=".gif"]:before, ul.dokument-download li a[href$=".png"]:before { position:absolute; left: -2em; top: 2px; content: url(images/file-img.png) " " }

ul.dokument-download li a.web:before { position:absolute; left: -2em; top: 3px; content: url(images/file-link.png) " " }

ul.dokument-download li i { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
[class^="ico-"]{display:inline-block;background-position:0 0;background-size:100% 100%;}
.ico-download{background-image:url(images/ico-download.svg);width:18px;height:23px;}
.ico-web{background-image:url(images/ico-web.svg);width:18px;height:20px;}

@media (max-width:767px), screen and (max-width:812px) and (orientation:landscape){
ul.dokument-download li a.file[href$="."]:before { top: 0px;  }
ul.dokument-download li a.file[href$=".pdf"]:before { top: 0px; }
ul.dokument-download li a.file[href$=".doc"]:before, ul.dokument-download li a[href$=".docx"]:before { top: 0px; }
ul.dokument-download li a.file[href$=".xls"]:before, ul.dokument-download li a[href$=".xlsx"]:before { top: 0px; }
ul.dokument-download li a.file[href$=".jpg"]:before, ul.dokument-download li a[href$=".jpeg"]:before, ul.dokument-download li a[href$=".gif"]:before, ul.dokument-download li a[href$=".png"]:before { top: 0px; }
ul.dokument-download li a.web:before { top: 0px; }
}




/* ------------------------------------------------------------ *\
	Dokument Download-Liste in Accordions
\* ------------------------------------------------------------ */
.accordion-content ul.dokument-download { border-top: 1px solid #F5F5F5;}
.accordion-content ul.dokument-download li { border-bottom: 1px solid #F5F5F5; padding: 10px 0;  position: relative;}
.accordion-content ul.dokument-download li a {font-size: 18px; line-height: 24px;  margin-left: 2em;  padding-right: 30px;}

.accordion-content ul.dokument-download li a.file[href$="."]:before,
.accordion-content ul.dokument-download li a.file[href$=".pdf"]:before,
.accordion-content ul.dokument-download li a.file[href$=".doc"]:before, 
.accordion-content ul.dokument-download li a[href$=".docx"]:before,
.accordion-content ul.dokument-download li a.file[href$=".xls"]:before,
.accordion-content ul.dokument-download li a[href$=".xlsx"]:before,
.accordion-content ul.dokument-download li a.file[href$=".jpg"]:before, 
.accordion-content ul.dokument-download li a[href$=".jpeg"]:before, 
.accordion-content ul.dokument-download li a[href$=".gif"]:before, 
.accordion-content ul.dokument-download li a[href$=".png"]:before,
.accordion-content ul.dokument-download li a.web:before {transform: scale(.9); top: -1px;}

.accordion-content .ico-download{width:18px;height:21px;}
.accordion-content .ico-web{width:18px;height:19px;}





/* ------------------------------------------------------------ *\
	Section News
\* ------------------------------------------------------------ */
.section-news {}
.newscol {margin-bottom: 40px;}
.news { position: relative;}
.section-news .news .newsdatum {font-size: 18px; line-height: 24px;}


/* Pagination */
.pagination {display:block; overflow: hidden; margin-bottom: 80px; display:flex; align-items: center} 
.pagination span, .pagination a {display:block; float:left; margin: 0 10px 0 0; width: auto;  font-size: 18px; line-height: 24px; color:#000;} 
.pagination a:hover{color: #000; }
.pagination .current{color: #000;}

/* Single-News */
.section-ubertitel__seitentitel .newsdatum {font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 20px; color: #000}




/* Single News Pagination */
.portfolionavigation {height: 55px; width: 33.3333333333%; margin: 0 auto; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.portfolionavigation.infinite { 
-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}

.portfolionavigation.not-infinite {}
.portfolionavigation.not-infinite .previous_post_link  {-ms-flex-item-align:start;align-self:flex-start; }
.portfolionavigation.not-infinite .next_post_link  {-ms-flex-item-align:end;align-self:flex-end;margin-left: auto;}
.portfolionavigation.not-infinite .post_overview {-ms-flex-item-align:cente;-ms-grid-row-align:center;align-self:center;margin-left: auto;}

.portfolionavigation a {display:block;}
.portfolionavigation a:hover .paginationicon { stroke:#464646 !important}

@media (max-width: 991px) {
.portfolionavigation {width: 75%; }
}
@media (max-width: 767px) {
.portfolionavigation {width: 100%;}
}






/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { background: #F5F5F5; position: relative; width: 100%;margin: auto auto 0 auto; padding: 50px 0 50px 0; font-size: 18px; line-height: 28px;  }
.footer h4{ margin-bottom: 0 }
.footer a{  }
.footer a:hover{ color: #FFF }

.footer .footer-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; flex-direction: column }
.footer .footer-nav li { }
.footer .footer-nav a { font-size: 18px; line-height: 26px;  text-decoration: none; color: #000; }
.footer .footer-nav a:hover { color: #000; text-decoration: none; }
.footer .footer-nav li.current_page_item a { color: #000; text-decoration: none; }

.footercol2 {  display: flex; justify-content: space-between; flex-direction: column;}
	
.footercol {}
.footercol h4 {color:#000}
.footercol ul {list-style: none}
.footercol ul li {}
.footercol ul li a {color: #000}
.footercol ul li a:hover {color:#000}

.socialiconblock {text-align: right;}
.icon {overflow: visible !important; display: inline-block; margin-left: 15px; width: 35px;height: 35px;stroke-width: 0;stroke: currentColor;fill: currentColor; padding: 7px; background: #000; border-radius: 50%; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
.icon:hover { background: #000; }
.icon-google-plus,.icon-facebook,.icon-instagram,.icon-twitter,.icon-youtube,.icon-vimeo,.icon-linkedin, .icon-xing{ color: #fff;}

@media (max-width: 767px) {
.footer .row div{ margin-bottom: 20px;}
.footer .row div:last-of-type{ margin-bottom: 0px;}
}

@media (max-width: 575px) {
}



/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
a.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; 
color: #000; border: 2px solid #000; background: transparent; border-radius: 50px; margin-top: 0px;
padding: 10px 20px; font-size: 18px; line-height: 1;
-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
a.btn:hover {color: #fff; border: 2px solid #000; background: #000;}
a.btn.active {color: #fff; border: 2px solid #000; background: #000;  }




a.btnarrow {display: flex; align-items: center; font-size: 18px; color: #000;}
a.btnarrow:hover {color: #000;}
a.btnarrow:hover .arrow {width: 36px; background: #000;}

a.btnarrow:hover .arrow .head,
a.btnarrow:hover .arrow .head:after{background: #000;}

.arrow{  margin-left: 15px;  position: relative; background: #000; height: 1px; width: 24px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.arrow .head,.arrow .head:after { width: 10px; height:1px;  background: #000; position: absolute; right: -1px; top: 3.5px; transform: rotate(-45deg);}
.arrow .head:after { content: ""; right: -5px; top: -5px; transform: rotate(90deg);}


@media (max-width: 767px) {
a.btn {padding: 5px 30px; }
}
@media (max-width: 575px) {
a.btn {padding: 5px 20px;  }
}







/* ------------------------------------------------------------ *\
	Modul Google Maps
\* ------------------------------------------------------------ */
.acf-map {width: 100%;height: 650px;}
.acf-map img { max-width: inherit !important;}

.acf-map-klein {width: 100%;height: 400px;}
.acf-map-klein img { max-width: inherit !important;} 

.markerinfo {font-size: 16px; line-height: 22px; color: #000; padding-top: 10px;}
.markerinfo h4{font-size: 16px; line-height: 22px; color: #000; font-weight: 700; padding: 0 0 5px 0;}
.markerinfo p{margin-bottom: 1em;}
.markerinfo p:last-child{margin-bottom: 0;}

.gm-style .gm-style-iw-c {
    border-radius: 0px !important;
    padding: 10px 20px  !important;
}
@media (max-width: 991px) {
.acf-map {height: 400px;}
}
@media (max-width: 767px) {
.acf-map-klein {margin-top: 60px;}
}





/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }









/* **************************************************
			    		CONTACT
************************************************** */
.formblock  {  margin-bottom: 50px;}
.formblock small {  margin-top: -10px;  display: block;}

div.wpcf7 {margin: 0;padding: 0; width: 100%;}
span.wpcf7-form-control-wrap { position: relative; }

.wpcf7 form input, .wpcf7 form textarea { padding: 12px 15px; width:100%; box-sizing: border-box; color: #000; background: #FFF; border: 1px solid #464646;; margin: 0 0 15px 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.wpcf7 form input:hover, form textarea:hover {outline:none; border: 1px solid #000;}
.wpcf7 form input:focus, form textarea:focus {outline:none; border: 1px solid #000;}

.wpcf7 form textarea {height: 200px;}

.wpcf7 form input::-webkit-input-placeholder { color: #000 !important; opacity: 1; }
.wpcf7 form input::-moz-placeholder { color: #000 !important; opacity: 1; }
.wpcf7 form input:-ms-input-placeholder { color: #000 !important; opacity: 1; }
.wpcf7 form input:-moz-placeholder { color: #000 !important; opacity: 1; }
.wpcf7 form input[placeholder] {color: #000 !important; opacity: 1; }

.wpcf7 form input:focus::-webkit-input-placeholder { color:transparent !important;}
.wpcf7 form input:focus:-moz-placeholder { /* Firefox 18- */ color:transparent !important; }
.wpcf7 form input:focus::-moz-placeholder {  /* Firefox 19+ */ color:transparent !important; }
.wpcf7 form input:focus:-ms-input-placeholder {   color:transparent !important;}


.wpcf7-form .select-wrapper {margin-bottom: 15px;}
.wpcf7-form select{width:100%; border: 1px solid #464646; padding: 12px 15px;  border-radius:0;outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#FFF; font-family: inherit;  color: #000; cursor: pointer;}
.wpcf7-form select:hover, .wpcf7-form select:focus {border: 1px solid #000;}
.wpcf7-form select::-ms-expand{display:none;}
.wpcf7-form select:focus::-ms-value { background-color: transparent;}



.wpcf7 form input[type=submit] { margin-top: 20px;
width: auto ; padding: 10px 20px; font-size: 18px; line-height: 1; color: #000; border: 2px solid #000; background: transparent; border-radius: 50px; 
display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;-webkit-transition: all .4s, color .4s, border-color .4s; -o-transition: all .4s, color .4s, border-color .4s; transition: all .4s, color .4s, border-color .4s; 
}
.wpcf7 form input[type=submit]:hover {color: #fff; border: 2px solid #000; background: #000;}





.screen-reader-response { display: none;}
div.wpcf7-response-output { margin: 20px 0 20px 0 !important;	padding: 0; font-weight: 700;color: #000;font-size: 24px;line-height: 32px; border: none !important; padding: 0 !important;}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors,
div.screen-reader-response {border: 0px !important; padding: 0px !important; margin: 0 0 25px 0 !important; font-size: 12px; line-height: 18px; color: #000; font-weight: 700;}


span.wpcf7-not-valid-tip {color: #000 !important; font-size: 12px !important; display: block; margin: -15px 0 10px 0!important ;}
input.wpcf7-not-valid {border:1px solid #000 !important}

.use-floating-validation-tip span.wpcf7-not-valid-tip { 
position: absolute;	top: 20%; left: 20%; z-index: 100;	border: 1px solid #000;	background: #fff;	padding: .2em .8em;}


div.wpcf7 .placeheld {color: #000;}
div.wpcf7 img.ajax-loader { border: none;vertical-align: middle;margin-left: 4px;display: none;}
div.wpcf7 div.ajax-error { display: none;}
.wpcf7-display-none { display: none; }



/* RADIO BUTTONS */
.wpcf7-list-item {display: block; margin: 0 30px 10px 0!important;}

.wpcf7-form .wpcf7-radio {}
.wpcf7-form .wpcf7-radio .wpcf7-list-item-label { display: inline-flex;;}
.wpcf7-form .wpcf7-radio label { position: relative; cursor: pointer;}
.wpcf7-form .wpcf7-radio input[type=radio] {position: relative; visibility: hidden; display: none}

.wpcf7-form .wpcf7-radio input[type=radio] + span:before { content: ''; border-radius: 100%; height: 20px; width: 20px; border: 2px solid #000; margin-right: 15px;}
.wpcf7-form .wpcf7-radio input[type=radio] + span:after { display: block; position: absolute; content: '';  border-radius: 100%; height: 12px; width: 12px; top: 0; left: 4px; visibility: hidden;}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before { background: transparent;}
.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after { background: #000; visibility: visible;}


/* CHECKBOXES */
.wpcf7-form .wpcf7-checkbox {}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label { display: inline-flex;;}
.wpcf7-form .wpcf7-checkbox label { position: relative; cursor: pointer;}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] {position: relative; visibility: hidden; display: none}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before { content: ''; height: 20px; width: 20px; border: 2px solid #000; margin-right: 15px;}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after { display: block; position: absolute; content: '';   height: 12px; width: 12px; top: 0; left: 4px; visibility: hidden;}

.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before { background: transparent;}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after { background: #000; visibility: visible;}


/* ACCEPTANCE */
.wpcf7-acceptance .wpcf7-list-item-label {margin-left: 45px; display: flex;}
.wpcf7-form .wpcf7-acceptance label { margin-left: 0;display: inline-block;position: relative; padding-left: 0px;}
.wpcf7-form .wpcf7-acceptance input[type=checkbox] {position: relative; visibility: hidden; display: none;}

.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:before { display: block; position: absolute; content: ''; border-radius: 0; height: 24px; width: 24px; top: 2px; border: 2px solid #000; left: 0;}
.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:after { display: block; position: absolute; content: ''; border-radius: 0%; height: 16px; width: 16px; top: 6px; left: 4px; visibility: hidden;}

.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:before {  background: transparent;}
.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:after { background: #000; visibility: visible;}

@media (max-width: 767px) {
.wpcf7 form input, .wpcf7 form textarea { padding: 8px 10px;  margin: 0 0 15px 0;}
}








/* ------------------------------------------------------------ *\
	Suchergebnisse
\* ------------------------------------------------------------ */
.section-searchresults {}
ul.searchresults { list-style: none;}
ul.searchresults li { 
color: #464646; padding: 25px 0; border-top: 1px solid #A0A0A0;
display: table !important; table-layout: fixed !important; cursor: pointer; display: block; width: 100%; clear: both; position: relative; 
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
padding-left: 0em;text-indent: 0em;}
ul.searchresults li:last-of-type { border-bottom: 1px solid #A0A0A0;}
ul.searchresults li:before { content: none; padding-right:0; }

ul.searchresults li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
ul.searchresults h3 { margin-bottom: 0;}

.searchterm-highlight {color: #464646}


.searchprevious {}
.searchnext {float:right;}
.searchpagination a{color:#464646;text-decoration:none; display: inline-block; padding-left: 0px;}
.searchpagination a:hover{color:#000;}

@media (max-width: 991px) {
ul.searchresults li {padding: 20px 0; }
}