/*
Theme Name: keb
Author: Dream-Theme
Author URI: https://we-concept.de
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

:root {
	--livebands-color: #80A91B;
	--djing-color: #45B1DB;
	--tropicalshows-color: #E600BF;
	--eventtechnik-color: #DE6500;
	--allgemein-color: #eadabb;
}

html { scroll-behavior: smooth; }
:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
}


h1 { text-shadow: 3px 3px 5px rgb(0 0 0 / 30%); }
.livebands h2, .livebands h4, .livebands h3, .livebands h5, h5.livebands, h5.livebands a, .livebands a, .livebands .dt-btn:not(.btn-custom-style):hover { color: var(--livebands-color) !important; }
.djing h2, .djing h4, .djing h3, .djing h5, h5.djing, h5.djing a, .djing a, .djing .dt-btn:not(.btn-custom-style):hover { color: var(--djing-color) !important; }
.tropicalshows h2, .tropicalshows h4, .tropicalshows h3, .tropicalshows h5, h5.tropicalshows, h5.tropicalshows a, .tropicalshows a, .tropicalshows .dt-btn:not(.btn-custom-style):hover { color: var(--tropicalshows-color) !important;}
.eventtechnik h2, .eventtechnik h4, .eventtechnik h3, .eventtechnik h5, h5.eventtechnik, h5.eventtechnik a, .eventtechnik a, .eventtechnik .dt-btn:not(.btn-custom-style):hover { color: var(--eventtechnik-color) !important; }

.eventtitel h2 { font-size: 22px; text-shadow: rgba(0,0,0,.3) 3px 3px 6px; font-weight: 500;}
.sondertitel { font-size: 36px; line-height: 48px; font-weight: 100;}
.sondertitel-sub { font-size: 20px; line-height: 30px; font-weight: 100;}

.h1-klein h1 { font-size: 28px; line-height: 38px; font-weight:100;}
b, strong { font-weight: 600; } 
p, li { font-weight: 100; }

.topslider { 
	box-shadow: rgba(0,0,0,.1) 0px 4px 7px;
	margin-bottom: 3rem;
	}
.home .topslider  { margin-bottom: 0rem; }
.weich { backdrop-filter: blur(4px);}

.marginb-20 { margin-bottom: 20px; }

.margin-top-0rem { margin-top: 0rem; }
.margin-top-1rem { margin-top: 1rem; }
.margin-top-2rem { margin-top: 2rem; }
.margin-top-4rem { margin-top: 4rem; }

/*======================================================= FORMULARE ============================================================================*/

#page input, #page textarea { border-radius: 4px !important; margin-bottom: 0; border: 0; }
.nf-form-fields-required { display: none; }
#page .nf-form-content .listselect-wrap .nf-field-element div, #page .nf-form-content input.ninja-forms-field, #page .nf-form-content select.ninja-forms-field:not([multiple]) { height: 40px; }

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field { padding: 4px 16px;}
.nf-field-element {font-size: 1.1rem;}
/*.nf-field-element h4 {text-align: center; color: black; margin-bottom:1.5rem; margin-top:3rem;} wie zeile 57 überschrift zum zusatzangebot*/
.zent_ueberschrift h4 {text-align: center; margin-bottom:1.5rem; margin-top:3rem;} /*wie zeile 56 überschrift zum zusatzangebot*/
h4 {text-align: left; font-size: 1.1em;}
.einleitetext .nf-field .html-wrap .nf-field-element p {text-align: center; padding-bottom: 1rem;}
.nf-form-content input.ninja-forms-field, .nf-form-content .list-select-wrap>div div, .nf-form-content select.ninja-forms-field:not([multiple]){height: 32px !important;}
.nf-form-content .list-select-wrap>div div:after {font-size: 10px !important; line-height: 0 !important; bottom: -32px !important;}
.nf-multi-cell .nf-cell {padding: 0 1rem;}
.nf-field-container { margin-bottom: 0.8rem;}
input[type=tel]:not(.elementor-field), input[type=email]:not(.elementor-field) {margin-bottom: 0 !important;}
.field-wrap.html-wrap {padding-top: 4px;}
.nf-error.field-wrap .nf-field-element:after {top: 0px; right: -40px; bottom:0px; height: 32px; width:40px; line-height: 35px; } /*felermeldung korrigierung*/
.nf-pass.field-wrap .nf-field-element:after {top: 0px; right: -40px; bottom:0px; height: 32px; width:32px; line-height: 35px; } /*felermeldung korrigierung*/
.nf-breadcrumbs li.errors a::after {display: none;} /*das kleine fragezeichen in den übersichten*/
/*.nf-field-container .nf-field-label {margin-bottom: 0!important;}*/
/*.nf-mp-footer {margin-top: 2rem;}*/
.submit-container {margin-top: 32px;}
.nf-field-label label {font-weight: unset;}/*feldbeschriftung normalisieren*/
.checkbox-container.label-left .nf-field-element {width: auto;}/*lässt den ghostbereich hinter der datenschutzerklärung verschwinden*/
a.nf-breadcrumb {width: 9rem;}/*für mobile geräte wird nach 601px aufgehoben*/
.nf-breadcrumbs li:last-child a {margin-right: 16px;}
.nf-error-field-errors {font-size: 1.5rem; text-align: center;} /*untere Fehlermeldung*/
.label-above {padding-top: 10px;} /*auf der übersichtseite vergrößert die abstände der zusatzauswahl*/
.textklein .nf-field .field-wrap .nf-field-element p {font-size: 0.8rem} /*Übersichtseite zusammenfassung kleiner*/

						
/*     Lösung für das farbenproblem in Ninjaform für den Multipart                        */
		
		/* Bitte mit Over und <a> Definitinon versehen und Farbe in Variablen umschreiben - siehe Shows */
		.anfragedjset a { color: var(--djing-color); }
		.anfragedjset .nf-breadcrumbs .active > .nf-breadcrumb, .anfragedjset .nf-next-item .nf-next, .anfragedjset .nf-previous-item > .nf-previous {background-color: var(--djing-color); border-color: var(--djing-color);}
		
		/* Bitte mit Over und <a> Definitinon versehen und Farbe in Variablen umschreiben - siehe Shows */
		.anfrageeventtechnik a { color: var(--eventtechnik-color); }
		.anfrageeventtechnik .nf-breadcrumbs .active > .nf-breadcrumb, .anfrageeventtechnik .nf-next-item .nf-next, .anfrageeventtechnik .nf-previous-item > .nf-previous {background-color: var(--eventtechnik-color); border-color: var(--eventtechnik-color);}
		
		/* Bitte mit Over und <a> Definitinon versehen und Farbe in Variablen umschreiben - siehe Shows */
		.anfrageliveband a { color: var(--livebands-color); }
		.anfrageliveband .nf-breadcrumbs .active > .nf-breadcrumb, .anfrageliveband .nf-next-item .nf-next, .anfrageliveband .nf-previous-item > .nf-previous {background-color: var(--livebands-color); border-color: var(--livebands-color);}
		
		.anfragetropicalshow a { color: var(--tropicalshows-color); }
		.anfragetropicalshow .nf-breadcrumbs .active > .nf-breadcrumb, .anfragetropicalshow .nf-next-item .nf-next, .anfragetropicalshow .nf-previous-item > .nf-previous { background-color: var(--tropicalshows-color); border-color: var(--tropicalshows-color); }
		.anfragetropicalshow .nf-next-item .nf-next:hover, .anfragetropicalshow .nf-previous-item > .nf-previous:hover { background-color: #95017c; border-color: var(--tropicalshows-color); } /*:finden ----- Hier habe ich eine Verständnisfrage*/
		
.pum-close:focus {outline: none;}
.pum-content p {text-align: center;} /*YT-Video zentrieren*/
.pum-content .nf-form-cont p {text-align: left;} /*Linksbündige Übersichtseite*/
input[type=text]:not(.elementor-field):not(.searchform-s) {margin-bottom: 0;} /*für das formular kommt aber von https://keb.we-concept.de/wp-content/themes/dt-the7/css/main.min.css?ver=9.3.1 */


::-webkit-input-placeholder { font-style: italic !important; color: #555 !important;; font-weight: 300; letter-spacing:0; }
:-moz-placeholder { font-style: italic !important; color: #555 !important;; font-weight: 300; letter-spacing:0; }
::-moz-placeholder  { font-style: italic !important; color: #555 !important;; font-weight: 300; letter-spacing:0; }
:-ms-input-placeholder  { font-style: italic !important; color: #555 !important;; font-weight: 300; letter-spacing:0; }
:-ms-input-placeholder  { font-style: italic !important; color: #555 !important;; font-weight: 300; letter-spacing:0; }
::placeholder { font-style: italic !important; color: #555 !important; font-weight: 300; letter-spacing:0; }

#page .nf-error.field-wrap .nf-field-element:after {
    background: #ff721f;
    color: #fff;
    font-family: FontAwesome;
    font-size: 20px;
    height: 38px;
    width: 40px;
    line-height: 42px;
    border-radius: 4px;
}

#page .nf-error-msg { color: #ff721f; }
#logo-referenzen { mix-blend-mode: multiply; }
zent_ueberschrift


/*===================================================================== FOOTER =======================================================*/

.widget-title { font-size: 16px; font-weight:500; }
#footer .masthead .mega-menu-widgets .soc-ico a .soc-font-icon, #footer .soc-ico a .soc-font-icon {
    position: relative;
    z-index: 1;
    font-size: 30px;
}

#footer .soc-ico a { margin-right: 24px; }
#footer .mini-contacts {
    margin-bottom: 11px;
    display: inline-block;
}
#footer .mini-contacts i {
    font-size: 24px;
    color: #eadabb;
    padding: 5px;
	vertical-align: middle;
}
#footer .soc-ico a:before { background-color: transparent; }
#footer .soc-ico a:after { background-color: transparent; box-shadow: none; }

/*========================================================= CONTENT ============================================================*/
 
body { 	
	background: transparent; 
	background-image: radial-gradient(#444 5%,#111 95%);
}

#main { padding-top:0; }
.top-bar { padding: 20px 15px 0px 50px; }

#page .branding a img, #page .branding img, #page .mobile-header-bar img {
    height: 50px;
    margin-top: 3px;
}

#page .sticky-mobile-on .branding a img, #page .sticky-mobile-on .branding img, #page .sticky-mobile-on .mobile-header-bar img { height: 50px; margin-top:0px; }
#page .masthead-mobile.sticky-mobile-on { background: rgba(40,40,40,0.78) !important; }

.leistungsicon img { height: 28rem; width: auto;}
.leistungsicon-mittel { margin-bottom: 0; }
.leistungsicon-mittel img { height: 13rem; width: auto; margin-top: -2em; }
.leistungsicon, .leistungsicon-klein { margin-bottom: 0;}
.leistungsicon-klein img { height: 11rem; width: auto;}

.schatten-rund img { 
	box-shadow: 0 0 12px rgb(0 0 0 / 0.60);
    border-radius: 8px;
	margin-top: .4rem;
}

.schatten-rund figure, .schatten-rund figure div, .schatten-rund figure div img {	width: 100%; }

.abstandzweintraegen { margin-bottom: 4rem; text-align: center; }
.abstandzweintraegen-titel { margin-bottom: 3rem; }
.leistungsueberblick { margin: 5rem 0; }

ul.schoeneliste { 	
	margin-top: 1.4rem;
	margin-bottom: 1.4rem;
}

ul.schoeneliste li:before {
    content: "\f045";
    font-family: icomoon-the7-font;
    margin-left: -20px;
    padding-right: 10px;
	font-size: .8em;
}

ul.schoeneliste li { margin-bottom: .5rem; list-style: none;}


/* Buttons */

#page .livebands ~ div .dt-btn.buchung { background: var(--livebands-color); }
#page .djing ~ div .dt-btn.buchung	{ background: var(--djing-color); }
#page .tropicalshows ~ div .dt-btn.buchung	{ background: var(--tropicalshows-color); }
#page .eventtechnik ~ div .dt-btn.buchung	{ background: var(--eventtechnik-color); }
#page .allgemein ~ div .dt-btn.buchung	{ background: var(--allgemein-color); color: #222 !important;}

#page .dt-btn.buchung	{
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 16px;
	font-weight: 200;
	color: #fff;
}

.btn-align-right { text-align: inherit; }

.untertitel { 
	font-size: .9rem;
    font-style: italic;
}

.menu-line {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 35px;
    height: 2px;
    content: '';
    transform-origin: 1.5px center;
    transition: transform .2s linear,color .2s linear;
}

.x-move-mobile-icon .dt-mobile-menu-icon .lines-button {
    height: 23px;
    width: 38px;
}

.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:first-of-type {
    top: -6px;
}

.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    top: 3px;
}

.mobile-navigation { padding-top: 20px; }


.wpb_video_widget .wpb_wrapper iframe, .ultv-video__outer-wrap { border-radius: 10px; }
#page .ult-video { margin: 10px; }

/*PUM*/

.pum-container {
    width: 90% !important;} /*um die forms besser anzuzeigen*/

/* NAV */

.mobile-main-nav li.seknavpunkte > a .menu-text { font-size: 1.3em; }
.mobile-main-nav > li > a { padding: 15px 25px 0; }





/*============================================================*media only screen*====================================================*/

/*@media only screen and (min-width: 320px) {
	
}*/

@media only screen and (min-width: 601px) {
	.html-container div.nf-field-element {text-align:right;}/*ändert die textausrichtung*/
	#nf-field-18, #nf-field-95, #nf-field-205, #nf-field-261, #nf-field-114, #nf-field-172 {margin-bottom:1.7rem}
}

@media only screen and (min-width: 668px) {	
	.mobile-navigation { padding-top: 0px; }
	.top-bar { padding: 26px 15px 0px 50px; }
	#page .branding a img, #page .branding img, #page .mobile-header-bar img { height: 70px; margin-top:-48px; }
	.hr-wrap{visibility: visible !important;} /*verschobener balken*/
	a.nf-breadcrumb {width: auto;}
}

@media only screen and (min-width: 768px) {
	.leistungsicon img { height: 16rem; width: auto; }
	.leistungsicon-mittel img { height: 13rem; width: auto; margin-top: -2em;}
	.leistungsicon-klein img { height: 10rem; width: auto; }
	.sondertitel { font-size: 30px; line-height: 42px; }
	#page .branding a img, #page .branding img, #page .mobile-header-bar img { height: 70px; margin-top:-48px; }
	.top-bar { padding: 26px 15px 0px 50px; }
	.topslider { 
		box-shadow: rgba(0,0,0,.1) 0px 4px 7px;
		margin-bottom: 6rem;
	}
	.abstandzweintraegen { text-align: inherit; }
	.btn-align-right { text-align: right; }

}

@media only screen and (min-width: 960px) {
	.sondertitel { font-size: 34px; line-height: 48px; }
	#page .branding a img, #page .branding img, #page .mobile-header-bar img { height: 100px; margin-top:-68px; }
	.top-bar { padding: 36px 15px 0px 50px; }
	#page .dt-btn.buchung {
		border-radius: 4px;
		padding: 10px 18px;
		font-size: 18px;
	}

}

@media only screen and (min-width: 1280px) {
	#page .branding a img, #page .branding img, #page .mobile-header-bar img { height: 110px; margin-top:-68px; }
	.top-bar { padding: 40px 15px 0px 50px; }
	
}

@media only screen and (min-width: 1440px) {
	.sondertitel { font-size: 38px; line-height: 48px; }
	.sondertitel-sub { font-size: 22px; line-height: 32px;}
}

@media only screen and (min-width: 1600px) {
	.sondertitel { font-size: 44px; line-height: 56px; }
	.sondertitel-sub { font-size: 24px; line-height: 34px;}
}

@media only screen and (min-width: 2000px) {
	/* for sumo sized (mac) screens */
}
@media only screen and (max-device-width: 480px) {
	.mobile-center { text-align: center; }
	.mobile-margin-top { margin-top: 40px; }
}

@media only screen and (max-width: 767px) {
	.mobile-center { text-align: center; }
	.mobile-margin-top { margin-top: 40px; }
}

@media only screen and (device-width: 768px) {
   /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}