/* pontano-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: 'Pontano Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pontano-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/pontano-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pontano-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pontano-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pontano-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pontano-sans-v13-latin-regular.svg#PontanoSans') format('svg'); /* Legacy iOS */
}


* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    margin:0;padding:0;border:0;outline:0;vertical-align:baseline;list-style:none outside none;text-decoration:none;}

body {background: url('../images/verkaufs-moderator-peter-juhle.jpg') no-repeat fixed 50% 0 rgba(254, 254, 254, 1);font-family: 'Pontano Sans', sans-serif;font-size:13px;color:#a4a4a4;} html, body {max-width:100%;overflow-x:hidden;}

a {color:#1D9ECD;} a:hover {text-decoration:underline;}
strong.red {display:block;font-weight:400;font-size:16px;color:#d85252;padding-bottom:5px;}

img {max-width:100% !important;vertical-align:middle;width:auto;}
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}

h1 {font-size:20px;font-weight:100;padding:35px 70px;} 
h2 {font-size:18px;font-weight:100;padding:35px 70px;}
h3 {font-size:18px;font-weight:100;padding:35px 70px;}
h4 {font-size:16px;font-weight:100;padding:35px 70px;}
h4 {font-size:16px;font-weight:100;padding:35px 70px;}



#page, .center {padding:0 20px;margin:0 auto;max-width:980px;}
.right {float:right;}   .left {float:left;}
.noMargin {margin-right:0 !important;}
.button {font-size:15px;padding:12px 15px;background:#1D9ECD;color:#fff;display:block;}
.button:hover {background:#6d6d6d;color:#fff;}
.row {width:93%;height:1px;background:#d8d8d8;margin:0 auto;clear:left;}
.darker {background:#d2d2d2;}
/*---------------------------------------------------------------*/
#wrapper {}
#home-video {width:100%;margin-bottom:-4px;}
video {width:100% !important;height:auto !important;}

#header {padding:60px 0;background:#fefefe;}
#header .logo {width:300px;margin-bottom:12px;}
#header .call {float:right;color:#1D9ECD;margin-top:-67px;}
#header .call p {font-size:17px;font-weight:100;}
#header .call p.number {font-size:27px;}
#header .slogan {padding:0;color:#d85252;}

nav#navigation {padding:0 0 40px;background:#fefefe;}
nav#navigation ul li:last-child {margin-right:0px;}
nav#navigation ul li {float:left;margin-right:10px;}
nav#navigation ul li a, nav#navigation ul li .nav-header  {display:block;padding:14px 18px;font-size:16px;color:#a4a4a4;    white-space: nowrap;}
nav#navigation ul li>a:hover, nav#navigation ul li.active>a,nav#navigation ul li .nav-header:hover, nav#navigation ul li.active .nav-header {color:#fff;background:#1D9ECD;text-decoration:none;}
.slicknav_menu {display:none;z-index:9999;}

#bigmessage {position:relative;}
#bigmessage .caption {position:absolute;bottom:10%;right:-4px;font-size:21px;color:#fff;width:40%;padding-bottom:4px;background: url('../images/blue-corner.png') no-repeat scroll right bottom transparent;}
#bigmessage .caption .bluecorner {padding:12px 20px;background:#1D9ECD;}

#referenzen {position:relative;}
#referenzen .inner {background:#e8e8e8;padding:2px;margin-top:-4px;}
#referenzen .inner .ref {margin:2px;float:left;}

.nutzen, .vorteile {color:#6c6c6c;background:#e0e0e0;}
.nutzen .moduletitle, .vorteile .moduletitle {padding-top:12px;}
.nutzen .box p {padding:0;}
.box {width:33.3333%;float:left;text-align:center;margin-top:-53px;padding:90px 20px 60px;}
.box i {font-size:60px;margin-bottom:25px;}
.box p {line-height:30px;}

.moduletitle {position:relative;z-index:10;padding-bottom:16px;margin-left:-4px;background: url('../images/red-corner.png') no-repeat scroll left bottom transparent;}
.moduletitle h1, .moduletitle h2, .moduletitle h3, .moduletitle h4 {font-size:20px;padding:12px 20px;background:#d85252;display:inline;color:#fff;}

#content {background:#e0e0e0;padding:12px 0 34px;color:#6c6c6c;}
#content p, #contact-form {line-height:30px;padding:0 70px;}
#content ul {margin-top:12px;}
#content ul li {padding:6px 70px;list-style:circle inside none;background:#6d6d6d;color:#fff;line-height:22px;font-size:15px;}
#content ul li a {color:#fff;}
#content ul li:first-child {padding-top:25px;}
#content ul li:last-child {padding-bottom:25px;}
#content img {padding:40px 0;}
#content .icons {display:none;}



#content #xmap ul {margin-top:0;}


#footer .container {background:#6d6d6d;padding:12px 20px;color:#fff;min-height:41px;}
#footer .underfootermenu {float:left;}
#footer .underfootermenu ul li {display:inline;margin-right:15px;}
#footer .underfootermenu ul li a {color:#fff;}
#footer .copyright span {float:right;}

.totop {display:block;padding:20px;background:#6d6d6d;color:#fff;text-align:center;font-size:30px;border-top:1px solid #5a5a5a;}
.totop:hover {background:#1D9ECD;}
.menuu {position:absolute;left:-8888px;}

textarea, input {font-family: 'Open Sans', sans-serif;font-size:13px;color:#595959;}
#contact-form button {font-family: 'Open Sans', sans-serif;font-size:15px;color:#fff;cursor:pointer;margin-top:20px;}
#contact-form input, textarea {display:block;border:1px solid #c2c2c2;padding:10px;width:325px;margin-top:20px;}
input:focus, select:focus, textarea:focus {border-color:#c4c4c4 !important;}
textarea {max-width:100%;min-width:325px;}
.control-group {width:400px;margin-top:20px;}
.controls.left {float:left;width:52%;}
.controls.right {width:46%;}
.controls input[type="checkbox"] {width:20px !important;margin-top:6px !important;}
.adress {margin-bottom:20px;}
.jicons-icons {margin-right:8px;}
#content .contact-image img {padding:0;margin-top:-12px;}
.pull-left {margin-right:50px;}


.gallery {

    position:relative;
}
.gallery:after {
    display:table;
    clear:both;
}
.gallery li {
    background:transparent;
    width: 30%;
    height:175px;
    padding:0px !important;
    margin:1.65%;
    border: 4px solid #fff;
    float:left;
    list-style-type:none !important;
    position:relative;
}
.gallery li a {
    background:transparent;
    position:relative;
    width:100%;
}

.gallery li a .image {
    background-position:center center;
    background-size:cover;
    width:100%;
    height:100%;

}

.pwebcontact {
    margin: 40px 65px 20px 65px;
}

.pwebcontact label{
    color: #000;
    font-size: 10px;
    position: relative;
    top: 4px;
}
.pwebcontact input[type="text"]{
    background: #f9f7f7;
}
.pwebcontact-container {
    padding:40px;
}

.pwebcontact-container h3 {
    font-size: 30px;
    font-weight: 100;
    padding: 70px 0px 30px 0px;
    font-family: 'Pontano Sans', sans-serif;
}

.pweb-chars-counter {
    font-size: 11px;
    text-align: right;
    color: #797979;
}

.eb {
    padding: 0 70px;
    margin-top: 35px;
}
.eb h1 {
    font-size: 20px;
    font-weight: 100;
}

.eb-post {
    background: #eaeaea;
    padding: 15px;
}
.eb-navbar,
.eb-post-hits,
.eb-post-author,
.eb-post-hits,
.eb-entry-tools,
.eb-view-entry .eb-header,
.eb-view-entry .eb-entry-head,
.eb-entry-author,
.eb-entry-meta,
.eb-entry-author-details,
.eb-entry-location

{
    display: none !important;
}

.eb-post-thumb {
    width: 31% !important;
    float: left !important;
    margin-right: 2% !important;
}
.eb-post-thumb img {
    padding: 0 !important;
}

.eb-entry-body p {
    padding:0px !important;
}
.pwebcontact-container {
    background: rgba(0, 0, 0, 0) !important;
}

.pwebcontact-container button[type="button"],#pwebcontact120_send {
    font-size: 26px !important;
    padding: 16px 40px !important;
    font-family: 'Pontano Sans', sans-serif !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
    background: #1D9ECD !important;
    color: #fff !important;
}





.pwebcontact-container button[type="button"]:hover,#pwebcontact120_send:hover {

    background: #6d6d6d !important;

}

.eb-entry-article h1,
.eb-entry-article h2,
.eb-entry-article h3 {
    padding-left:0 !important;
    padding-right: 0 !important;
}


.item-page iframe[allowfullscreen] {

}



.eb-tags > .cell-label {
    display:none !important;
}
.eb-tags > .cell-tags {
    font-size:11px !important;
}

.eb-post h2.headline {
    font-size: 28px  !important;
}
.eb-post .eb-post-avatar {
    display: none  !important;
}

.hidden {
    display:none !important;
}

.eb {
    padding: 0 15px !important;
}






#navigation li {
    display: block;
    position: relative;
    transition-duration: 0.5s;
}
#navigation li:hover {
    cursor: pointer;
}

#navigation ul li ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all 0.5s ease;
    left: 0;
    display: none;
    z-index: 99;
    box-shadow: 2px 2px 4px 0px #00000061;
}

#navigation ul li:hover > ul,
#navigation ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

#navigation ul li ul.twocols {
    column-count: 2;
    column-gap: 0;
    background: white;
    break-inside: avoid;
}

#navigation ul li ul.twocols li {
    break-inside: avoid;
}

#navigation ul li ul li {
    clear: both;
    width: 100%;
    background: #fff;
    margin-right: 0;
}

#navigation ul li ul li:hover {
    background: #1D9ECD;
}



#navigation > ul li:last-child {
    margin-right: 0 !important;
}
#navigation > ul li a,
#navigation > ul li .nav-header {
    padding: 14px 16px !important;
}



.ampz_container ul {   display: flex !important; justify-content: space-around;}

#ampz_inline_bottom ul li {
    padding: 0 !important;
    margin: 0 !important;
}

.eb-header {
    padding: 20px;
}
.eb-posts {
    padding: 20px;
}
.eb-share,
.eb-entry-article p,
.eb-entry-article h1,
.eb-entry-article h2,
.eb-entry-article h3 {

    padding-left: 20px !important;
    padding-right: 20px !important;
}

body > .pwebcontact {
margin:0;
}

body > .pwebcontact .pwebcontact-box {

    background: #dedede !important;
	
}

body > .pwebcontact font {

    color: #1D9ECD !important;
	
}


/*KÜNSTLERART*/
body{
    font-size: 15px;
}
#page, .center {
  max-width: 1100px;
}
h1{
    font-size: 24px;
}
h2{
    font-size: 20px;
}
#content {
  background: #fbecdc;
  color: #394966;
}

.moduletitle h1, .moduletitle h2, .moduletitle h3, .moduletitle h4 {
  background: #ffe2c3;
  color: #950506;
  font-weight: bold;
}
#content ul li{
  background: #394966;
  color: #b4edf7;
}
.eb-post{
  background: #ffe2c3;  
}
.nutzen, .vorteile {
  color: #b4edf7;
  background: #394966;
}
nav#navigation ul li a {
  color: #fbecdc;
  background: #394966;
}
nav#navigation ul li a:hover {
  color: #394966;
  background: #fbecdc;
}
strong.red {
  font-weight: bold;
}
a {
  color: #950506;
}
div.pagenavigation {
  background: #394966 !important;
}
.pagenavigation.clearfix.cf.fix > div a {
  background: #fbecdc !important;
  color: #394966 !important;
}

.pweb-bg-lightgray form.pwebcontact-form .pweb-separator-text {
  color: #394966;
}

div.pwebcontact-container button[type="button"]{
  background: #394966 !important;
  
}
.pweb-form-gray form.pwebcontact-form button, .pweb-form-gray form.pwebcontact-form .btn{
    color: #b4edf7 !important;
}

nav#navigation ul li > a:hover, nav#navigation ul li.active > a, nav#navigation ul li .nav-header:hover, nav#navigation ul li.active .nav-header {
  background: #fbecdc;
}
nav#navigation ul li.nav-item.active > a{
  color: #394966 !important;
}

/*#content .contact-image img, #content img {
  width: 100%;
}*/
a.totopbutton{
  width: 50px;
  display: block;
  position: fixed;
  right: 20px;
  bottom: 10px;
  background: #fbecdc;
  color: #394966;
  font-size: 35px;
  text-align: center;
  padding: 5px;
  z-index: 10;
}
a.totopbutton:hover{
  color: #950506;
}

#content p{margin-bottom:20px;}

.item-pagekontaktklasse+#ampz_inline_bottom, #eb #fd{display: none !important;}

#footer .container {
  background: #394966;
  color: #fbecdc;
}

#footer .underfootermenu ul li a {
  color: #fbecdc;
}
.totop {
    background: #394966;
}
.totop:hover {
  background: #fbecdc;
  color: #394966;
}