/* 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-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.ui.tertiary.segment{
display:none;	
}

.system-unpublished .label-warning{
display:none;
}

[aria-hidden='true'] {
  display: none;
}

* { -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 {
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    line-height: 1.5;
    color:#145369;
}
html, body {    max-height: 100%;
    max-width: 100%;
    overflow-x: hidden;
    height: 100%;}

input[type="text"], input[type="email"] {font-size:13px;padding:6px;font-family: 'Open Sans', sans-serif;}
textarea, input {
  border: 1px solid #e6e6e6;
}

a {color:#be4d25;}
h1{font-size:17px;color:#be4d25;font-weight:400;padding-bottom:50px;} h1 {font-size:29px;} h2 {padding-bottom:25px;}
h2, h3 {font-size:17px;color:#2596be;font-weight:400;padding-bottom:15px;} h1 {font-size:29px;} h2 {padding-bottom:15px;}
h4 {font-size:15px;color:#2596be;font-weight:400;margin:30px 0 15px;}
a:hover {color:#2596be;} button, input[type="submit"], input[type="reset"] {cursor:pointer;font-size:17px;font-family: 'Open Sans', sans-serif;}

img {max-width:100% !important;/*max-height:100% !important;*/vertical-align:middle;width:auto;}

.clearfix::before, .clearfix::after {
    content:"";
    display:table;
}
.clearfix::after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.vertical-align:after {content: "";display:inline-block;height:100%;vertical-align:middle;}
.trainingsplanform {
  float: left;
  width: 50%;
}

.trainingsplan {
  width: 45%;
  float: right;
  margin-left: 5%;
}

.com-contact__thumbnail {
	float:right
}
#page, .center {padding:0 40px;margin:0 auto;max-width:1320px;}
#page.nonstart {padding-top:150px;}
.noMargin {margin-right:0 !important;}
.right {float:right;}
/*---------------------------------------------------------------*/
#topbar {position:relative;top:0;min-height:48px;width:100%;background:#333;font-weight:600;font-style:italic;color:#bfbfbf;padding:8px 0;z-index:10;    border-bottom: 1px solid #be4d25;}
#topbar .center {text-align:right;}
#topbar span {line-height:32px;}
#topbar span i {margin-left:10px;}
#topbar a.topbutton {display:block;float:right;margin-left:12px;padding:5px 15px;border:1px solid #595959;color:#9a9a9a;font-size:14px;font-weight:600;font-style:italic;}
#topbar a.topbutton:hover {background:#eaa02c;color:#fff;border:0 none;padding:6px 16px;}

#headbar {position:relative;width:100%;background:rgba(255,255,255,0.8);border-bottom:1px solid rgba(0,0,0,0.2);}
#headbar > nav {position:relative;margin:0 auto;padding:0 40px;max-width:1320px;z-index:100;}
#headbar .logo {float:left;width:111px;display:block;padding:15px 0;}
#headbar #navigation {float:right;height:105px;}
#headbar #navigation ul.level-top li {float:left;}
#headbar #navigation ul.level-top li a {display:block;padding:68px 15px 18px;color:rgba(0,0,0,0.7);}
#headbar #navigation ul.level-top li:hover a, #headbar #navigation ul.level-top li.aktiv a {color:#0aa4ca;}
#headbar #navigation ul.level-top li div.level-drop-container {position:absolute;left:-99999px;}
#headbar #navigation ul li:hover div.level-drop-container {padding:15px 40px 0;margin:0 auto;max-width:1320px;width:100%;left:0;top:105px;z-index:1;}
#headbar #navigation ul li ul.level-drop {background: #fff;
    display: inline-block;
    padding: 25px 25px 10px;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.2);
    z-index: 999;
    clear: both;
    position: relative;
    max-height: 340px;
    overflow: hidden;
    max-height: 35vh;}
#headbar #navigation ul li ul.level-drop li {display:block;width:297px;float:left;margin-bottom:10px;font-size:13px;border-bottom:0 none;height:68px;}
#headbar #navigation ul li ul.level-drop li:hover {border-bottom:0 none;}
#headbar #navigation ul li ul.level-drop li a {font-size:13px;color:rgba(0, 0, 0, 0.7) !important;}
#headbar #navigation ul li ul.level-drop li a:hover, #headbar #navigation ul li ul.level-drop li.aktiv a {color:#0aa4ca !important;}
#headbar #navigation ul li ul.level-drop li a img {float:left;margin-right:10px;width:100px;}
#headbar #navigation ul li ul.level-drop li a span {display:block;padding-top:10px;}
#headbar #navigation ul li ul.level-drop li small {font-style:italic;}
#headbar #navigation ul li ul.level-drop li small i {margin-right:5px;}
#headbar #navigation ul li ul li a {padding:0 !important;}
.fix-nav{z-index:9999 !important;position:fixed !important;left:0;top:0 !important;width:100%;background:rgba(255,255,255,0.9) !important;} /* this make our menu fixed top */
.slicknav_menu {display:none;position:absolute;left:0;top:0;width:100%;z-index:9999;}
#headbar #minimenu {position:absolute;right:40px;}
#headbar #minimenu ul li {float:left;}
#headbar #minimenu ul li a {display:block;padding:10px 15px;color:#848484;font-size:12px;}
#headbar #minimenu ul li a:hover ,#headbar #minimenu ul li.aktiv a {color:#0aa4ca;}

#headbar #blackmenu {position:absolute;left:-8888px;}

#fullscreen {width:100%;background: url('../images/fitness-peter-startseite.jpg') no-repeat scroll 50% 50% / cover rgba(0, 0, 0, 0);text-align:center;height:600px;margin-top:-106px;}
    .big-message {position:relative;height:100%;}
        .message-container {position:absolute;bottom:27px;width:720px;height:260px;padding:35px;background:rgba(255,255,255,0.7);text-align:left;}
        .message-container span {display:block;padding-bottom:25px;color:#5d5d5d;font-size:50px;font-weight:100;}
        .message-container small {display:block;color:#5d5d5d;font-size:15px;font-weight:100;font-style:italic;}
        .message-container small.testimonial {font-size:16px;color:#0aa4ca;font-weight:500;}
        .message-container small.testimonial i {font-size:16px;color:#5d5d5d;}

.happyclients {margin-top:45px;}
    .client em {display:block;margin-top:25px;margin-bottom:35px;line-height:25px;text-align:center;padding:0 15px;}
    .client p {text-align:center;}
    .sep {width:50%;height:1px;background:#eaeaea;margin:0 auto 30px;}

.content {margin-top:80px;line-height:25px;}
    .content-text {/*float:left;*/width:100%;}
    .content-image {width:27%;}
    .content-text p {margin-bottom:25px;}
    .content-text a:hover {text-decoration:underline;}
    .mini-3-steps {display:block;float:left;width:30%;margin-right:5%;}

.video-48 {margin-top:125px;}
    .video {float:left;width:50%;}
    .small-48-container {position:absolute;bottom:0;right:40px;}
        .small-48 {position:relative;width:413px;height:287px;}
    .medium-48 {position:relative;float:right;}
        .order-form {position:absolute;bottom:0;left:30px;height:95px;width:378px;}
        .order-form input {margin-right:10px;float:left;width:168px;}
        .order-form a {position:absolute;bottom:14px;right:33px;color:#fff;}
        .order-form button {position:absolute;bottom:0;left:0;color:#fff;background:#0aa4ca;padding:11px 15px;font-style:italic;}
        .order-form button:hover {background:#eaa02c;}
    .big-48 {position:relative;/*margin:-88px -113px 25px 0;*/margin-right: -98px;}
    .big-48 em {display:none;}

.three-practise {margin-top:100px;}
.three-practise .practise {width:30%;text-align:center;float:left;margin-right:5%;}
.three-practise .practise a:hover h4 {color:#eaa02c;}
.three-practise p, .three-practise:hover p {color:#8f8f8f;font-size:13px;line-height:23px;}
.three-practise a {display:block;min-height:260px;}

#footer {position:relative;margin-top:150px;width:100%;background:#333;text-align:center;color:#bfbfbf;font-size:13px;}
#footer p {padding:23px;}
#footer p strong {color:#eaa02c;font-weight:600;}
#footer ul {padding:15px 0;}
#footer ul li {display:inline;}
#footer ul li a {padding:10px;color:#8f8f8f;}
#footer a:hover {color:#0aa4ca;}
    .newsletter {margin:0 auto;border-bottom:1px solid #0aa4ca;padding-bottom:15px;}
    .newsletter input {background:transparent;border:0 none;padding:4px;color:#bfbfbf;font-weight:300;font-size:16px;font-style:italic;font-family: 'Open Sans', sans-serif;}
    .newsletter button {padding:5px 15px;background:#222;color:#888;font-style:italic;font-family: 'Open Sans', sans-serif;font-weight:600;}
#underfooter {position:relative;width:100%;background:#3b434e;}
#underfooter .center {position:relative;}
#underfooter .center .social {text-align:center;padding:10px 0;}
#underfooter .center .social ul li {display:inline;}
#underfooter .center .social ul li a {padding:0 10px;color:#8195b0;font-size:12px;}
#underfooter .center .social ul li a:hover {color:#b1c2da;}
#underfooter .peter-footer {position:absolute;left:0;bottom:0;
    z-index: 999;}

.totop {display:block;width:80px;margin:10px auto;padding-top:25px;font-size:50px;}
.totop span {display:block;font-size:12px;}

/*Für Editor  Floats*/

.item-page img, .blog img {margin:0 100px 85px 0;float:left;clear:both;width:420px;}
form.fragen img {margin:0;width:0;}
form.fragen input[type="image"] {margin:30px 0;}
.icons {display:none;}

.pagenav-prev {float:right;}
.pagenav-next {float:left;}
.button {color:#fff;background:#0aa4ca;padding:11px 15px;font-style:italic;}
.button:hover {color:#fff;text-decoration:none !important;background:#eaa02c;}
.pagenav-next-pretext, .pagenav-prev-pretext {margin-right:20px;}

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; background: #0aa4ca;padding: 11px 15px;}
#contact-form input, textarea {display:block;border:1px solid #e6e6e6;padding:10px;width:325px;margin-top:20px;}
input:focus, select:focus, textarea:focus {border-color:#c4c4c4 !important;}
textarea {max-width:600px;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;}
  
  strike {text-decoration:line-through;}
  .fb_border {margin-top:60px;overflow:visible !important;}


.pager.pagenav li a {

    display: inline-block;
}
.pager.pagenav li a:hover {
    text-decoration: none;
    background:#eaa02c;
    color:#fff;
    border:0 none;
    padding: 6px 16px;

}

.pager.pagenav {
    clear: both;
    height: 38px;
    margin: 0 0 45px 0;
}
.pager.pagenav li a {
    padding: 5px 15px;
    font-size: 14px;
    background: #333;
    font-style: italic;
    font-weight: bold;
    border: 1px solid #595959;
    color: #9a9a9a;
}
.pager.pagenav li.next  {
    float: right;
}
.pager.pagenav li.previous  {
    float: left;
}
.pager.pagenav li span {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 26px;
    line-height: 1px;
    position: relative;
    top: 3px;
    left: 0px;
}

.pager.pagenav li a:hover .icon-chevron-left {color: #333;}
.pager.pagenav li a:hover .icon-chevron-right { color: #333;}


.pager.pagenav li .icon-chevron-left {padding: 0 15px 0 0;    color: #eaa02c;}
.pager.pagenav li .icon-chevron-right {padding: 0 0 0 15px;    color: #eaa02c;}
.pager.pagenav li .icon-chevron-right:before {content: '\f105';}
.pager.pagenav li .icon-chevron-left:before {content: '\f104';}
.ampz_support_author {
    display: none;
}
.ampz_container > ul {
    width: 100% !important;
}






@media only screen and (max-width: 600px) {
  .trainingsplanform {
  float: none;
  width: 100%;
}

.trainingsplan {
  width: 100%;
  float: none;
  margin-left: 0;
}
}




/**KuenstlerArt*/

h1{
    line-height: 1.2;
}
#navigation ul.level-top li a small{
    display:none;
}
#headbar .logo {
    width:100%;max-width:300px;
}
#headbar #navigation ul.level-top li a {
  font-size: 14px;
  color: #145369;
}





nav.pagenavigation a.btn.btn-sm.btn-secondary.previous,nav.pagenavigation a.btn.btn-sm.btn-secondary.next{
    background: #be4d25;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  margin-bottom: 10px;
  text-align: center;
   -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}


nav.pagenavigation a.btn.btn-sm.btn-secondary.previous:hover,nav.pagenavigation a.btn.btn-sm.btn-secondary.next:hover{
background: #2596be !important;
}

nav.pagenavigation a.btn.btn-sm.btn-secondary.previous:before{
    content: '<<';
  font-weight: bold;
  margin-right: 6px;
  color: rgba(255,255,255,0.65);
}

nav.pagenavigation a.btn.btn-sm.btn-secondary.next:after{
    content: '>>';
  font-weight: bold;
  margin-left: 6px;
  color: rgba(255,255,255,0.65);
}



.com-contact__thumbnail img{
  float: right;
  max-width: 500px !important;
  max-height: 567px !important;
}


.kontakt .pagenavigation{display:none;}
.pull-kontaktbild{float: right;width:100%;max-width:500px; }

.item-pagekontaktklasse nav.pagenavigation{display: none !important;}


#headbar .slicknav_nav ul.level-top li div.level-drop-container {
  display: block !important;
}

.slicknav_nav ul.level-top li div.level-drop-container a img, .slicknav_nav a small{
  display: none;
}


.slicknav_nav ul {
  background: #333;
  padding: 15px 112px 21px 30px;
}
slicknav_nav ul.level-top li {
  float: none;
}
.slicknav_nav ul.level-top li a {
  color: #fff;
  padding: 10px;
  display: block;
}
.slicknav_nav ul.level-top li a:hover {
  background: #0aa4ca;
}
.slicknav_nav ul.level-top li a {
  color: #fff;
  padding: 10px;
  display: block;
}
div.com-content-category-blog.blog div.com-content-category-blog__items.blog-items div.com-content-category-blog__item.blog-item{
    display: inline-block !important;
}


.three-practise p, .three-practise:hover p {
  color: #145369;
}

a.totopbutton{
  width: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #be4d25;
  color: #fff;
  font-size: 35px;
  text-align: center;
  padding: 5px;
  z-index: 10;
}
a.totopbutton:hover{
  color: #2596be;
}
#topbar a.topbutton:hover {
  background: #be4d25;
}
.three-practise p, .three-practise:hover p {
  font-size: 16px;
  line-height: 25px;
}

@media screen and (min-width:960px){
    .item-page img, .blog img {
    margin: 0 25px 20px 0 !important;
    width: 40% !important;
    height: auto !important;
    }
}

@media screen and (max-width:768px){
    .item-page img, .blog img {
    width: 100%;
    }
    div#footer ul li {
  display: inline-block !important;
}
#headbar .logo {
    width:100%;max-width:230px;
}
ul.level-drop li a img{
    display: none !important;}
}

@media screen and (max-width:520px){
    a.totopbutton{
        padding:0px;
        right:10px;
    }
}