/* Enter Your Custom CSS Here */
/* breadcrumb styling */
.breadcrumb_last {font-weight: 700;}
.breadcrumbshome {display: none;}
/* remove edit from search bar plugin */
.is-edit-link {display: none !important;}
/* .ctcc-more-info-link {text-decoration: underline;} */
.ctcc-more-info-link {border-bottom: 0.5px solid;}
.instagram-placeholder, .slicker-instagram-placeholder {font-family:'Roboto',Roboto,Roboto,sans-serif !important;}
/* Foogallery text styling - not needed when portfolio in WP Gallery
.foogallery .fg-caption {	visibility: hidden;	color: #fff;font-family: 'Roboto', Roboto, sans-serif !important;	font-size: 13px; font-weight: 300;	line-height: 1.3;
text-align: center; cursor: pointer;}*/
#swipebox-top-bar {	color: #fff !important;	font-size: 15px;	line-height: 43px;	font-family: 'Roboto',Roboto,sans-serif !important;}
#swipebox-title {	display: block;	width: 90%;	text-align: center;}
/* Menüanpassung mit Unterstrukturen */
.submenusecond {position: relative !important; padding-left: 20px !important; padding-right: auto !important; width: 240px !important; display: block !important; visibility: visable !important;}
.submenuthird {position: relative !important; padding-left: 40px !important; padding-right: auto !important; width: 220px !important; display: block !important; visibility: visable !important;}
/*shariff headline changes */
.shariff_headline {font-weight: 900 !important; text-transform: uppercase !important; color: #ccc !important; font-size: 20px !important; margin-bottom: -5px !important; margin-top: auto; padding-left: 5px; }
.shariff_headline_small {font-weight: 400 !important; text-transform: uppercase !important; color: #333 !important; font-size: 14px !important; margin-bottom: 0px !important; margin-top: -5px !important; padding-left: 5px;}
/* wordpress comments changes*/
.no-comments {font-weight: 700; color: #ccc;}
.comments-area {border-top: solid #ccc 1px; border-bottom: solid #ccc 1px; border-right: solid #ccc 1px; border-left: solid #ccc 1px;}
.comments-area {padding-right: 30px; padding-left: 30px; padding-bottom: 10px; padding-top: 10px; margin-bottom: 50px;}
.comment-list{ list-style-type:none; }
.comment-list {padding-left: 0 !important;}
.comment-list .vcard cite.fn {text-transform: uppercase; font-weight: 700; font-style: normal;}
.comment-list .commentmetadata a {font-size: 14px;}
.wpgdprc-checkbox {font-size: 14px;}
/* .comment-list .reply a {text-decoration: underline;} */
.comment-list .reply a {border-bottom: 0.5px solid;}
.comment-list .alt {margin-bottom: 20px;}
.comment-list .odd {margin-bottom: 20px;}
.comment-list .even {margin-bottom: 20px;}
.comment-list .alt {border-bottom: solid #ccc 1px;}
.comment-list .odd {border-bottom: solid #ccc 1px;}
.comment-list .even {border-bottom: solid #ccc 1px;}
.comments-title {text-transform: uppercase; font-weight: 400; font-size: 2.25em; line-height: 1.25em; text-align: center; color: #333333; } 
@media only screen and (min-width: 768px) and (max-width: 959px) {.comments-title { font-size: 2em;} }
@media only screen and (max-width: 767px) {.comments-title {font-size: 1.625em;}}
.comment-respond {border-top: solid #000 1px; border-bottom: solid #000 1px; border-right: solid #000 1px; border-left: solid #000 1px;}
.comment-respond {padding-right: 20px; padding-left: 20px; padding-bottom: 20px;}
.title-reply h5 {text-transform: uppercase; font-weight: 900 !important; font-size: 20px !important;}
.comment-form-comment input, select, textarea {   width: 100%;}
#commentform input#submit, .button { border: none !important;}
#commentform input#submit:hover, .button:hover { background: #ccc; border: none !important;}
.comment-form-author label {text-transform: uppercase;}
.comment-form-email label {text-transform: uppercase;}
.comment-form-comment label {text-transform: uppercase;}
.comment-notes {font-size: 14px;}
@media only screen and (max-width: 767px) {.comment-form-author input#author, .comment-form-email input#email {width: 100%;}}
/* Styling wpgdprc-checkbox */
/*.wpgdprc-checkbox a {text-decoration: underline;}*/
.wpgdprc-checkbox a {border-bottom: 0.5px solid;}
/* call to action title - e.g. download pictures */
.calltoactiontitle {text-transform: uppercase; font-weight: 900; font-size: 36px; line-height: 1.25em; text-align: center; color: #ccc; margin-top: 0; margin-bottom: 0; } 
.calltoactiontitle a {text-decoration: none; border: none !important; font-size: 36px; color: #ccc;}
.calltoactiontitle a:hover {color: #333;}
@media only screen and (min-width: 768px) and (max-width: 959px) {.calltoactiontitle {font-size: 32px;} }
@media only screen and (max-width: 767px) {.calltoactiontitle {font-size: 26px;}}
@media only screen and (min-width: 768px) and (max-width: 959px) {.calltoactiontitle a {font-size: 32px;} }
@media only screen and (max-width: 767px) {.calltoactiontitle a {font-size: 26px;}}
/* Adjustments Contact fom*/
.wpcf7-form {border-top: solid #000 1px; border-bottom: solid #000 1px; border-right: solid #000 1px; border-left: solid #000 1px;}
.wpcf7-form {padding-right: 20px; padding-left: 20px; padding-bottom: 20px;}
.wpcf7-form label {text-transform: uppercase; font-size: 16px;}
.wpcf7-form h5 {text-transform: uppercase; font-weight: 900 !important; font-size: 20px !important;}
.wpcf7-list-item span {text-transform: none !important;}
@media only screen and (max-width: 767px) {.wpcf7 input[type="text"],.wpcf7 input[type="email"]{width:100%;}}
.wpcf7-submit {background-color: #000; color: #fff; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; border: none !important; font-weight: 400;}
.wpcf7-submit:hover {background-color: #ccc; color: #fff; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; border: none !important; font-weight: 400;}
.wpcf7-form-control-wrap label {font-size: 14px;}
.wpcf7-form p {font-size: 14px;}
/* Sitemap styling */
#wp-realtime-sitemap-menu {line-height: 1.6em;}
#wp-realtime-sitemap-menu a {text-decoration: none; }
#wp-realtime-sitemap-menu a {border-bottom: none; }
#wp-realtime-sitemap-menu li {list-style: none !important;}
#wp-realtime-sitemap-menu ul {padding-left: 0 !important; margin-left: 0 !important;}
#wp-realtime-sitemap-menu ul li:before {content: "► ";} 
#wp-realtime-sitemap-menu ul li ul li:before {content: "▹ ";} 
#wp-realtime-sitemap-menu ul li ul li {padding-left: 40px;} 
#wp-realtime-sitemap-menu li.submenusecond:before {content: "▸ ";} 
#wp-realtime-sitemap-menu li.submenusecond {padding-left: 80px !important;}
#wp-realtime-sitemap-menu li.submenuthird:before {content: "▹ ";} 
#wp-realtime-sitemap-menu li.submenuthird {padding-left: 120px !important;}
#wp-realtime-sitemap-posts {line-height: 1.6em;}
#wp-realtime-sitemap-posts a {text-decoration: none; }
#wp-realtime-sitemap-posts a {border-bottom: none; }
#wp-realtime-sitemap-posts li {list-style: none !important;}
#wp-realtime-sitemap-posts ul {padding-left: 0 !important; margin-left: 0 !important;}
#wp-realtime-sitemap-posts ul li:before {content: "► ";} 
#wp-realtime-sitemap-posts ul li ul li:before {content: "▹ ";} 
#wp-realtime-sitemap-posts  ul li ul li {padding-left: 40px;} 
@media only screen and (max-width: 450px){
#wp-realtime-sitemap-menu ul li ul li {padding-left: 20px;} 
#wp-realtime-sitemap-menu li.submenusecond {padding-left: 40px !important;}
#wp-realtime-sitemap-menu li.submenuthird {padding-left: 60px !important;}
#wp-realtime-sitemap-posts  ul li ul li {padding-left: 20px;} }
/* Custom link class*/
.customlink {text-decoration: none !important;}
.customlink {border-bottom: none !important;}
.customlink:before {content: "► " !important;}
/* Search field custom in text */
#searchform input#searchsubmit {font-size: 14px; background-color: #000; color: #fff; padding-top: 2px; padding-bottom: 2px; padding-right: 10px; padding-left: 10px; border: none !important; font-weight: 400;}
#searchform input#searchsubmit:hover {background-color: #ccc;}
/* Search field custom in menu */
.astm-search-menu #searchform input#searchsubmit {font-size: 14px; background-color: #fff; color: #000; padding-top: 2px; padding-bottom: 2px; padding-right: 10px; padding-left: 10px; border: none !important; font-weight: 400;}
.astm-search-menu #searchform input#searchsubmit:hover {background-color: #ccc;} 
/*Search field custom in mobile menu */
.searchform input[type="submit"] {font-size: 14px; background-color: #000; color: #fff; padding-top: 2px; padding-bottom: 2px; padding-right: 10px; padding-left: 10px; border: none !important; font-weight: 400;}
.searchform input[type="submit"]:hover {background-color: #ccc;}
/*creating a line around archive title with border*/
.archive_title{overflow: hidden;text-align: center;}
.archive_title span{position: relative;display: inline-block; max-width: 75%;}
.archive_title p {padding-right: 20px; padding-left: 20px;}
.archive_title span:before, .archive_title span:after{content: ''; position: absolute; top: 50%; border-bottom: 1px solid #ccc; width: 9999px; margin: 0 20px; overflow: hidden;}
.archive_title span:before{right: 100%;}
.archive_title span:after{left: 100%;}
/* Carousell slider corrections */
.carousel-slider-outer {margin-bottom: 20px;}
.carousel-slider__post {box-sizing: initial !important;}
.owl-prev {top: 42% !important;}
.owl-next {top:42% !important;} 
.carousel-slider__post-category {	position: relative;	right: 0;	top: 0;  z-index: 1; line-height: 1.6;}
/*.carousel-slider__post-title h1 {color: #333333; font-size: 17px; line-height: 1.2em; font: Roboto,sans-serif !important; font-weight: 400; margin-bottom: 10px; margin-top: 0; text-transform: none !important;}
@media only screen and (max-width: 767px) {.carousel-slider__post-title h1 {font-size: 15px;line-height: 1.3em;}}
/*.carousel-slider__post-title h1:hover {color: #ccc !important;} */
title {color: #333333; font-size: 16px; line-height: 1.3em; font: Roboto,sans-serif !important; font-family: Roboto,sans-serif !important; font-weight: 400 !important; margin-bottom: 10px; margin-top: 0; text-align: left; display: block;}
@media only screen and (max-width: 767px) {.carousel-slider__post-title title {font-size: 14px;line-height: 1.3em;}}
.carousel-slider__post-title title:hover {color: #ccc !important;}
.carousel-slider__post-excerpt {color: #7d7d7d;	background: #fff; font-size: 14px;	line-height: 1.3em;	padding: 5px 15px 5px;	text-align: left; width: 100%; position: absolute; /* top: 270px;*/}
@media only screen and (max-width: 767px) {.carousel-slider__post-excerpt {font-size: 13px;/*top: 290px;*/}}
@media only screen and (max-width: 767px) {.carousel-slider__post {height: 497px !important;} }
.carousel-slider__post-publication-meta {padding-bottom: 5px !important; padding-top: 10px;}
.carousel-slider__post-category {padding-top: 5px !important; margin-top: 5px !important;}
/* carousel slider height issues when loading on thumbnails */
.owl-stage-outer {font-size: 0px !important;}
/* Hovereffect on carousel slider images */
.owl-lazy  {opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease;backface-visibility: hidden;}
/*.carousel-slider__item:hover .owl-lazy {
  opacity: 0.3;
}*/
.owl-lazy:hover {opacity: 0.3 !important;}
.overlay-carousel {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000;}
.carousel-slider__post-image {height:200px;}
.carousel-slider__item:hover .overlay-carousel {opacity: 0.5;}
.carousel-slider__item:hover .overlay-carousel-text {opacity:0.9;}
.overlay-carousel-text {color: #fff; font-size: 35px; position: absolute; top: 80%; left: 20%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; opacity: 0.4;}
@media only screen and (max-width: 767px) {.overlay-carousel-text{font-size: 30px;}}
/* scroll über carousel*/
.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item{ -ms-touch-action: auto; touch-action: auto;}
/* Pfeile ausblenden bei Carousell für mobile */
@media only screen and (max-width: 767px){/*button.owl-prev, button.owl-next*/ .owl-nav {display: none;}}
/* Lightbox dfactory adjustments for swipebox */
#swipebox-title {	width: 85%; padding-left: 20px; padding-right: 30px;}
.next_prev_cont .left a:hover {color: #ccc !important;}
/* Werbekennzeichnungspflicht mit border */
.adnotice {font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 300; color: #333; line-height: 1.3; border: #ccc 1px solid; text-align: center; max-width:100%; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px;}
/* Calltoaction button with rounded border */
.calltoactionbutton {color: #fff; border-radius: 7px; background: #000; padding:5px; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 400; text-align: center !important; display: block !important; margin: auto; width: 120px; position: relative;} 
.calltoactionbutton:hover {background: #ccc !important; color: #fff !important;}
/* Footerbottom styling */
#footerbottombackground {background-color: rgba(0,0, 0, 0.999);  width: 100% ;  margin: auto ; min-width: 100%; overflow: hidden !important; padding: 0;}
.footerbottom {color: #fff; text-align: center !important; display: block; width: 100%; font-size: 14px; line-height: 1.4em;}
@media only screen and (min-width: 768px) and (max-width: 959px) {.footerbottom {padding-bottom: 50px;} }
@media only screen and (max-width: 767px) {.footerbottom {padding-bottom: 70px;} }
/* social network logos footer */
.footer_social {font-size: 35px; color: #333; letter-spacing: 0.1em;}
/* Footermenü etwas weiter auseinander */
.footer_copyright p {line-height: 1.6em !important;}
/* Postcategory in blog */
.postcat {font-weight: 900; text-transform: uppercase; color: #333; font-size: 20px;  /*padding-top: 1px;*/  max-width: 80%; margin-bottom: 50px;}
@media only screen and (max-width: 767px){.postcat {font-size: 14px; margin-bottom: 0px;}}
/*Heading 1 for post &amp; pages */
.headingtitle { margin-bottom: 15px; margin-top: 15px;/* font-size: 40px*/ font-size: 2.75em; line-height: 1.25em; font-weight: 400; text-align: center; color: #333; text-transform: uppercase; }
@media only screen and (min-width: 768px) and (max-width: 959px) {.headingtitle {font-size: 2.25em;}}
@media only screen and (max-width: 767px) {.headingtitle {font-size: 2em;}}
.headingtitle{ overflow: hidden; text-align: center;}
.headingtitle span{ position: relative; display: inline-block; max-width: 75%;}
.headingtitle h1 {padding-right: 20px; padding-left: 20px;}
.headingtitle span:before, .headingtitle span:after{ content: ''; position: absolute; top: 50%; border-bottom: 1px solid #333; width: 9999px; margin: 0 20px; overflow: hidden;}
.headingtitle span:before{ right: 100%;}
.headingtitle span:after{ left: 100%;}
/* Blogdate &amp; Author at beginning of single.php */
.blog_date {font-size: 14px; text-align: center; color: #333;}
.blog_date a {text-decoration: none !important; color: #333;}
.blog_date a {border-bottom: none !important; color: #333;}
/*Weisse Linie zwischen header und slider*/
.header_spacing {margin-bottom: -1px;} 
/* IE Corrections*/
@media all and (-ms-high-contrast:none){*::-ms-backdrop, .my_elements_with_border_radius { border-radius: 0 }}
img {-ms-interpolation-mode: bicubic; }
/* change logo */
/* does not work .logo {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(http://loeskieboom.com/wp-content/uploads/Loes-Kieboom-photography-white-280-66.png) no-repeat;
  width: 250px; 
  height: 59px; 
  padding-left: 250px; 
}*/
/* footerwidgets */
.instagram_widget { width: 100% ;  margin: auto ;/* min-width: 100%; */overflow: hidden !important; padding: 0; max-width: 1200px !important;}
.instagram_widget_bg {background-color: rgba(0,0, 0, 0.999); ; padding-bottom: 30px;}
.themebox_widget { width: 100% ;  margin: auto ;/* min-width: 100%; */overflow: hidden !important; padding: 0; max-width: 1200px !important;}
.themebox_widget_bg {background-color: rgba(0,0, 0, 0.999);  padding-bottom: 10px; margin-top: 20px;}
@media only screen and (max-width: 450px){.themebox_widget_bg {padding-bottom: 0;}}
.blogpost_widget_bg {padding-bottom: 30px;}
.blogpost_widget { width: 100% ;  margin: auto ;/* min-width: 100%; */overflow: hidden !important; padding: 0; max-width: 1200px !important;}
/* foogallery theme boxes adjustment */
.fg-masonry.fg-captions-bottom .fg-caption-desc, .fg-masonry.fg-captions-bottom .fg-caption-title {text-align: center !important;}
@media only screen and (max-width: 720px){.fg-masonry.fg-masonry-4col .fg-item { width: 49% !important;}}
@media only screen and (max-width: 720px){.fg-masonry.fg-masonry-4col .fg-column-width {width: 49% !important;}}
@media only screen and (max-width: 450px){.fg-masonry.fg-masonry-4col .fg-item { width: 100% !important;}}
@media only screen and (max-width: 450px){.fg-masonry.fg-masonry-4col .fg-column-width {width: 100% !important;}}
/*floating button position*/
#ssb-container {top: 85%;}
/* font size bildunterschriften */
.wp-block-image figcaption {font-size: 14px;}
/* block gallery titles under images */
.wp-block-gallery figcaption { margin-top: .5em;  /*margin-bottom: .5em;*/	color: #555d66 !important;	text-align: center;	font-size: 14px !important; /* display: table-caption !important;  caption-side: bottom !important;*/  background: none !important;   /* overflow: hidden !important; */   padding: 0 !important;   width: 95% !important;  position: relative !important;  bottom: none;  display: inline-block;}
/*.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img {
  display:inline-block !important;} */
.wp-block-gallery .blocks-gallery-item figure {display: inline-block !important;}
/* fix for figcaptions under images, otherwise loading in small column */
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption { display:block !important;}
.tos-slide > * {	margin-top: 70px;}
@media only screen and (max-width: 959px){.tos-slide > * {	margin-top: 0;}}
/* Layover of lightbox over menübar*/
/*.tos-wrapper.tos-fixed {	z-index: 10000;}*/
.tos-wrapper.tos-fixed {	z-index: 100000;}
/* Korrektur von Anker - Menü verhältnis */
h2 a[name], h3 a[name], h4 a[name], h5 a[name] {padding-top:170px; width:0; font-size:0;}
@media only screen and (max-width: 959px){h2 a[name], h3 a[name], h4 a[name], h5 a[name] {padding-top:0;}}
/* fontawesome external link in content change */
.single_inside_content i.fas.fa-external-link-alt {color: #555d66; font-size: 14px;}
.overlay-carousel-text i.fas.fa-external-link-alt {color: #fff !important; font-size: 35px !important;}
@media only screen and (max-width: 767px) {.overlay-carousel-text i.fas.fa-external-link-alt {font-size: 30px !important;}}
/* Table of content styling*/
.secondsubmenu {padding-left: 30px;}
.thirdsubmenu {padding-left: 60px;}
.fourthsubmenu {padding-left: 90px;}
/* Cookiebutton revoke cookie styling */
.cn-revoke-cookie {background: linear-gradient(to bottom,#000,#000) repeat scroll 0 0 #000 !important;
border-color: #000 !important; color: #fff !important; font-size: 15px !important; text-shadow: none !important;}
.cn-revoke-cookie:hover {background: linear-gradient(to bottom,#ccc,#ccc) repeat scroll 0 0 #ccc !important;
border-color: #ccc !important;}