/* RESPONSIVE */

@media only screen and (max-width: 350px) {

.ad_728 img, .ad_468 img, .ad_250 img, .ad_300 img, .ad_728 iframe, .ad_468 iframe, .ad_250 iframe, .ad_300 iframe, .ad_600 iframe, .ad_600 img {
	
	max-width: 100%;
    height: auto;
	}
.single_klick_headers h1 {
    font-size: 34px !important;
    line-height: 34px;
    font-weight: normal;
}
	
	
}

@media only screen and (max-width: 780px) {
	
	.klick_single_content p {
   font-size: 17px;
}
	
	.video-container iframe,
.video-container object,
.video-container embed {
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	max-height: 550px;
	
}
	
	/* KLICK AD */
	
	#scroll_top_ad_outer {
		aspect-ratio: 1 / 1;
		border-bottom: 1px solid #FFF;
	}
	
	#outerImageContainer {
	    height: 100% !important;
	padding-bottom: 15px;
}

#imageContainer {
    padding: 0 !important;
    text-align: center;
}

#lightboxImage {
	width: 100% !important;
	height: auto !important;
}
	
	.top-bar-bg {
		background: none !important;
	background-color:#FFF !important;
	}
	
	.ad_600 {
	min-height: 300px;
}
	
#layer_ad_frame {
	    margin: 50px auto auto auto;
    text-align: center;
}
	.bottom_ad_desktop {
 
    height: 40px;
 
}
	
	.cat_element_slider .reg_short {
    margin: 1px 0 0px 3px;
    display: block;
    float: right;
    background-color: #33287a;
    border-radius: 9999999px;
    color: #FFF;
    padding: 3px;
    width: 14px;
    height: 15px;
    font-size: 11px;
    text-align: center;
    line-height: 14px;
}
	
	
	
	#klick_cookie_button {

	max-width: 90%;
	margin:auto;
	
}
	
	.mobile_spacer_klick_buttons {
		    height: 35px !important;
	}
	/* DEV */
	
	.slide_temp_ad {
	height: 80vh !important;
		position: relative;
	}
	
	.slide_temp_ad > div {
	
	display: block;
	height: 80vh !important;
    position: fixed;
    background-color: #CCC;
    width: 89vw;
	}
	
	/* DEV ENDE */
	
	.single #main {
    padding: 20px 0 70px 0 !important;
    }
	
	.single_klick_headers h1 {
		  font-size: 38px;
    line-height: 37px;
    font-weight: normal;
	}
	
	.single_klick_headers h2 {
		  font-size: 17px;
    line-height: 20px;
	}
	
	.single_klick_headers h3 {
		font-weight: 400;
    line-height: 25px;
    font-size: 19px;
    color: #000;
		min-height:50px;
	}
	
	.image_box_mobile {
    display: block;
	}
	
	.image_box_mobile picture {
		min-height: 200px;
	
	}
	
	.klick-caption {
    padding: 10px 0px 10px 0px;
}
	.klick-caption .bu {
   
    padding: 0 10px 10px 10px;
}
	
	.klick-caption span {
  
    float: none;
}
	.footer {
    margin-bottom: 40px;
}
	.image_box_desktop {
		display: none;
	}
	
	.single_col_1 {
		    float: none;
    width: 100%;
    padding-right: 0;
	}
	
	.single_col_2 {
		    float: none;
    width: 100%;
    padding-right: 0;
	}
	
	.klick_quote_image {
		display: block;
	}

.klick_quote {
    float: right;
    padding: 15px 15px 15px 15px;
    margin: 20px 0px 20px 0px;
    background-color: #eaeaea;
    max-width: 100%;
    position: relative;
}
	
	.klick_quote p {
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
}
	
	.klick_quote h3 {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 17px;
    padding: 0;
    margin: 0;
}
	
	.quote_col_1 {
		width: 100% !important;
   
	}
	
	.quote_col_2 {
		width: 100% !important;
    
	}
	.klick_quote_image p {
		margin-top: 20px;
	}
	.klick_quote_image p, .klick_quote_image span {
   text-align: center;
    padding: 0 0 0 0px;
    width: 100%;
    display: block;
  
}
	
	.klick_quote_image img {
    border-radius: 200px;
    margin: auto;
    display: block;
}
	
a.klick_news_box {
    float: left;
    display: block;
    width: 100%;
    padding: 0 0% 30px 0;
    text-decoration: none;
    position: relative;
	min-height: auto;
}
	
	.btn_klick_more {
	width: auto;	
	}
	.klick_box_meta {
    position: absolute;
    top: 0;
    left: 0px;
    padding: 6px;
    font-size: 12px;
    line-height: 12px;
    background-image: none;
    background-position: bottom center;
		text-shadow: 0px 0px 5px rgba(20, 20, 20, 1);
		color: #FFF;
		
		-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 00px;
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0px;
		
}
	#extra_footer {
  
    width: 90%;
}
	#footer .wf-container {
    margin: 0;
}
	#extra_footer .vc_col-sm-3 {
		text-align: center;
	}
	
	#footer {
		overflow: hidden;
	}
	
	#extra_footer .vc_col-sm-6 {
		    width: 90%;
    margin: auto;
	}
	
	#extra_footer .vc_column_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
} 
	
	
	.page-title:after  {
	     content: "";
    background-image: url(//www.klick-kaernten.at/wp-content/themes/dt-the7-child/assets/images/klick-bg.png);
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background-position: center right;
        background-size: 60px 60px;
    background-repeat: no-repeat;
}
	
	.klick_video iframe { 
		    height: 180px;
		
		}
	
	/* KLICK CAT MOBILE */
	.aufgeschnappt_cat {
    background-color: #1d1d1c;
    background-image: url(//www.klick-kaernten.at/wp-content/themes/dt-the7-child/assets/images/aufgeschnappt.png);
    width: 70px;
    float: right;
    height: 20px;
    margin: 0px 8px 0px 0px;
    /* border-radius: 5px; */
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;

    border-radius: 5px;
}
	#loader_klick {
	
	min-height: 340px;
}
	
	.header_frontpage .wpb_content_element {
		margin-bottom:0;
	}
	
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item {
		width: 50% !important;
	}
	.gallery-columns-3  br, .gallery-columns-4 br, .gallery-columns-5 br, .gallery-columns-6 br {
		display: none;
	}
	
	.gallery-columns-3  br:last-child , .gallery-columns-4 br:last-child , .gallery-columns-5 br:last-child , .gallery-columns-6 br:last-child {
		display: block !important;
	}
	
	
	
	.gallery-caption.bu  {
		display: none;
	}
	
}
@media only screen and (max-width: 999px) {
	.top-bar.hide-top-bar, .top-bar.top-bar-empty, .header-bar {
		display:none !important;
	}
	.logo_pr_klick img {
	width: 100%;
    max-width: 100%;
    margin: 0px 0px 10px 0px;
    border: 1px solid #CCC;
}
	/* MOBILE THEMEN NAV */
	
	
	.searchform .field {
	width:85%;
		margin-bottom:20px;
	}
	
	
#form_load_desktop {
	width: 210px;
}
	
	.menu-themen-container {
		
	}
	
	.menu-themen-container ul {
		
	}
	
	.menu-themen-container  li{
		
	}
	
	.menu-themen-container a {
		background-color: #FFF;
    border-radius: 5px;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    margin: 0 0 10px 0px;
    font-weight: 700;
		
	}
	.region_element_mobile {
	
	}
	
	.region_element_mobile .klick_header_text {
		color: #FFF;
		margin-bottom: 20px;
	}
	
	.region_element_mobile .klick_header_text a {
		color: #FFF;
	}
	
	.region_element_mobile .region_single_element {
	    margin: 0;
    padding: 0;
    height: 41px;
    /* float: left; */
    width: 100%;
    opacity: 1;
    float: none;
	
	} 
	
	.spacer_mobile-nav {
		background-color: #FFF;
    height: 2px;
    width: 100%;
    margin: 20px 0 20px 0px;
	}
	
	.logo_mobile-nav {
		    width: 110px;
    height: auto;
    margin-bottom: 30px;
	}
}
@media only screen and (max-width: 1100px) {


	.masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar, .ph-wrap {
   padding-right: 10px !important;
  /*   padding-left: 10px!important;*/
}
	
	.main-nav > li > a {
    margin: 18px 5px 18px 5px!important;
        padding: 4px 4px 4px 4px!important;
	
}

}


@media screen and (max-width: 1390px) and (min-width: 1200px) {
	#fav_region {
    margin-left: 10px;
}
 .main-nav > li > a {
    margin: 18px 7px 18px 7px !important;
    padding: 4px 4px 4px 4px;
}
	.main-nav > li > a .menu-text {
    font: normal 400 23px / 28px "Work Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
}
}

@media screen and (max-width: 1199px) and (min-width: 1101px) {
	
	#fav_region {
    margin-left: 10px;
}
	
 .main-nav > li > a {
    margin: 18px 7px 18px 7px !important;
    padding: 4px 4px 4px 4px;
	
}
	
	.main-nav > li > a .menu-text {
		font: normal 300 19px / 27px "Work Sans", Helvetica, Arial, Verdana, sans-serif !important;
	}
	
}
@media screen and (max-width: 999px) and (min-width: 768px) {
	
	.single_col_1 {
    float: left;
    width: 57%;
    padding-right: 3%;
}
	.single_col_2 {
    float: left;
    width: 40%;
}
	
#loader_klick {
  
    min-height: auto;
}
.klick_box_meta {
    position: initial;
	}
#extra_footer {
    max-width: 84%;
    margin: auto;
    color: #FFF;
}
	
	.royalSlider {
    
    height: 400px !important;
   
}
	#klick-desktop-slider .slider_desktop_big {
   
    height: 400px;
   
}
	#klick-desktop-slider .slider_desktop_little {
    
    height: 195px;
   
}
	
}
/* TABLET HOCH */
@media screen and (max-width: 998px) and (min-width: 768px) {
	
	a.klick_news_box h2 {
  
    min-height: 90px;
}
	a.klick_news_box p {
   
    min-height: 70px;
}
	.vc_col-sm-3 {
    width: 50% !important;
}
	#extra_footer .vc_col-sm-6 {
    width: 100% !important;
    margin: auto;
}
	
.klick_box_meta {
    position: absolute;
    top: 0;
    left: 0px;
    padding: 6px;
    font-size: 12px;
    line-height: 12px;
    background-image: none;
    background-position: bottom center;
    text-shadow: 0px 0px 5px rgba(20, 20, 20, 1);
    color: #FFF;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0px;
}
	#klick-desktop-slider .slider_desktop_big h2.headline_element_slider {
    color: #FFF;
    text-shadow: 0px 0px 9px rgb(0 0 0 / 50%);
    font-weight: 500;
    font-size: 31px;
    line-height: 34px;
    max-width: 60%;
    /* text-transform: uppercase; */
}
	#klick-desktop-slider .slider_desktop_little h2.headline_element_slider {
    color: #FFF;
    text-shadow: 0px 0px 9px rgb(0 0 0 / 50%);
    font-weight: 100;
    font-size: 20px;
    line-height: 25px;
    max-width: 75%;
    /* text-transform: uppercase; */
}
	#klick-desktop-slider .slider_desktop_little .title_box {
    position: absolute;
    left: 10px;
    bottom: 25px;
    /* top: 10px; */
}
	.klick_thema_wrapper a:first-of-type, .related_posts  a:first-of-type {
	    padding-right: 4%;
	}
	
	.archive a.klick_news_box {  
		margin-left: 1%;
		margin-right: 1%;
	}
a.klick_news_box {
        padding: 0 !important;
    width: 46%;
    margin: 2%;
	}
	.klick_news_box.last {
		display:none;
	}
}
/* TABLET QUER */
@media screen and (max-width: 1320px) and (min-width: 999px) {
	
	
	#klick-desktop-slider .slider_desktop_big h2.headline_element_slider {
    color: #FFF;
    text-shadow: 0px 0px 9px rgb(0 0 0 / 50%);
    font-weight: 500;
    font-size: 41px;
    line-height: 42px;
    max-width: 80%;
    /* text-transform: uppercase; */
}
	
	#layer_ad_frame {
	    margin: 0px auto auto auto;
   
}
	.region_element {
   		max-width: 80%;
	}
	#fav_region i {
    font-size: 20px;
}
	
	#fav_region a {
    text-decoration: none;
    padding: 25px 8px 10px 10px;
    display: block;
}
	
	header .searchform input {
    width: 140px;
    height: 70px;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    border-left: 2px dashed #CCC;
    border-style: dashed !important;
}
	
	#form_load_desktop {
		width: 140px;
	}
	
	.region_headline {
    background-color: #342779;
    color: #FFF;
    padding: 25px 10px 22px 9px;
    font-size: 20px;
    font-weight: 600;
    margin-right: -10px;
    cursor: pointer;
}
	
	.main-nav > li > a .menu-text {
    font: normal 300 19px / 27px "Work Sans", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
}
	.klick_box_meta {
    position: absolute;
    top: 0;
    left: 0px;
    padding: 6px;
    font-size: 12px;
    line-height: 12px;
    background-image: none;
    color: #FFF;
    background-position: bottom center;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-shadow: 0px 0px 5px rgb(20 20 20);
}
	#extra_footer {
    max-width: 90%;
    margin: auto;
    color: #FFF;
}
	
	.single_klick_headers h2 {
		
		font: normal 700 18px / 30px "Archivo Black", Helvetica, Arial, Verdana, sans-serif;
	}
}

/* DESKTOP ONLY */

@media only screen and (min-width: 1305px) {
	.searchwp-live-search-results-showing {
    display: block;
    opacity: 1;
    height: auto;
    overflow: auto;
    width: 400px !important;
    margin-left: -190px;
    position: absolute;
}
	
}

@media screen and (max-width: 1304px) and (min-width: 999px) {
	.searchwp-live-search-results-showing {
    display: block;
    opacity: 1;
    height: auto;
    overflow: auto;
    width: 400px !important;
    margin-left: -260px;
    position: absolute;
}
	
}

@media only screen and (max-width: 395px) {
	.special_typo {
	    hyphens: auto;
	}
}