/*
 Theme Name:     Klinnikow IT Consulting
 Theme URI:      https://www.elegantthemes.com/gallery/divi
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        6.6.6
*/
 
@import url("../Divi/style.css");

.component-socials ul{
	list-style-type: none!important;
}

.archive #top-menu a {
	color:#ffffff!important;
}

a:hover{
text-decoration: underline;
}

.bild-logo-header .et_pb_image_0 .et_pb_image_wrap{
display: inline-block!important;	
}

#et_pb_contact_form_0 .et-pb-contact-message{
	color: red;
}

.et_pb_contact p input[type="checkbox"]:checked + label i::before{
	color: #B11019 !important;
}

 .et_header_style_split .centered-inline-logo-wrap #logo {
    display: initial;
    -webkit-animation: none!important;
    animation: none!important;
  }

.bildheader .et_pb_column_2{
position: absolute;
	bottom: 0;
  right: 0;
	
}

  .bildheader {
   padding-bottom: 0 !important;
  }

.bullets li{
	padding-bottom: 15px;
}

@media (max-width: 980px) {
.bildheader .et_pb_column_2{
position: relative;
	bottom: 0;
  right: 0;
	
}	
}

#hero-services_accordion .hero_accordion {
  display: inline-flex;
  width: 100%;
  overflow: hidden;
  min-height: 750px;
}

.hero_accordion div{
  flex: 1;
  transition: flex 0.3s ease;
  /*display: flex;*/
  font-size: 2rem;
  cursor: pointer;
}

#hero-services_accordion .hero_accordion:hover .hero_accordion div {
  flex: 0.5;
}

#hero-services_accordion .hero_accordion div:hover {
  flex: 3;
}


#hero-services_accordion .hero_accordion div p {
  background: transparent;
  transition: background 0.5s ease;
}

#hero-services_accordion .hero_accordion div:hover p {
  background: linear-gradient(0deg, #b11019 -1.67%, rgba(255, 51, 36, 0) 103.33%);
}


#hero-services_accordion p{
  transform: rotate(-90deg);
  font-size: 45px;
  line-height: 42px;
  text-transform: uppercase;
  color: #f2f4f7;
  width: 750px;
  height: 90px;
  position: absolute;
  z-index: 2;
  right: 90px;
  top: 0;
  transform-origin: 100% 0;
  display: flex;
  align-items: center;
  padding-left: 40px;
  transition: background .5s ease-out;
}






.hoverbackground .et_pb_text_inner{
width: 400px;
margin: auto;
}

.bg-zoom, img:not(#logo){
 transition: all 0.5s ease;
}

.bg-zoom:hover, img:not(#logo):hover  {
  transform: scale(1.1); /* Zoom-Effekt */
}


/* Ausschluss für spotlight */
.spotlight:hover img {
  transform: none !important;
}

 
.hoverbackground.versetzt .et_pb_text_inner{
width: 500px;
margin: auto;
}

.hoverbackground.versetzt  .bg-zoom, img:not(#logo){
 transition: all 0.5s ease;
	/*neu mit icons*/
background-size: 25%;
background-position: unset;
	display: flex;
}

.bg-zoom:hover, img:not(#logo):hover  {
  transform: scale(1.1); /* Zoom-Effekt */
}




.cta-rot{
width: 182px;
height: 182px;
display: flex!important;
justify-content: center;
align-items: center;
margin-top: 55px;
transition: all .5s;
}

.cta-rot:hover {
	/*
  transform: rotate(-30deg);*/
	background-color: #ffffff !important;
}


.cta-text{
	/*
width: calc(100% - 182px - 40px);
  height: 182px;
  margin-right: 40px;
  height: 182px;
	*/
  background-image: url("img/contact-cta-arrow-bg.svg");
  background-position: right;
  background-repeat: no-repeat;
background-size: contain;
	background-position-y: 135px;
  padding-bottom: 40px;
}


.mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a {
  color: #b11019;
}





/*
body:not(.home):not(.privacy-policy):not(.page-id-815) #main-header {
	  background-color: transparent;
}

*/
body:not(.home) #hero-services_accordion{
margin-top: -100px;
  padding-top: 460px;
}


.faq .et_pb_toggle_content{
background: #ffffff;
padding: 20px;
	
}

.faq .et_pb_toggle_open, .faq .et_pb_toggle_close {
	padding: 0px;
}

.faq .et_pb_toggle_title {
	padding: 20px;
}

.faq  .et_pb_toggle .et_pb_toggle_title::before {
  right: 15px;
}




/****Lets Talk - Sticky Element****/

.sticky-icon {
	position: fixed;
	top: 31%;/*25*/
	right: 0;
	transform: translateY(-50%);
	padding: 15px;
	cursor: pointer;
	z-index: 1000;
	transition: background-color 0.3s ease;
}

.sticky-icon img{
	filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.5));
}

.contact-panel {
	position: fixed;
	top: 37%;/*30*/
	right: -325px;
	transform: translateY(-50%);
	width: 310px;
	background-color: #f9f9f9;
	box-shadow: -2px 0 8px rgba(0,0,0,0.1);
	padding: 20px;
	border-radius: 8px 0 0 8px;
	transition: right 0.4s ease;
	z-index: 999;
}

.contact-panel.open {
	right: 0;
}

.icon-panel {
	width: 25px;
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}

/****End - Lets Talk - Sticky Element - End****/



.animation-zahn .et_parallax_bg{
background-blend-mode: darken;
  background-color: rgb(177, 16, 25);	
}


.animation-zahn .bildzahn{
	position: relative;
  bottom: -81px;
}

.animation-zahn .bildzahn img{
max-width: 150%;
width: 150%;
}

.animation-zahn .bildzahn img:hover{
transform: none!important;
}





.entry-content .et_pb_bg_layout_dark thead th, .entry-content .et_pb_bg_layout_dark tr th {
  color: #fff;
}





#main-header{
	height: 110px;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding-top: 25px;
	background-color: #3b4856;
	padding-bottom: 120px;
}

#main-header .et_menu_container{
	background-color: #3b4856;
}

.centered-inline-logo-wrap #logo{
max-height: 120px!important;	
}

.centered-inline-logo-wrap{
width: auto!important;	
}


 
@media (max-width: 1314px) {
#top-menu li {
  display: table-cell;
  font-size: 14px;
  padding-right: 22px;
}

.et_fullwidth_nav #main-header .container {
    padding-right: 0px;
    padding-left: 0px;
  }
	
#et_top_search {
  float: right;
  margin: 3px 0 0 22px;
  position: absolute;
  display: block;
  width: 18px;
  top: 15px;
  right: 25px;
}	
	
}





/****Footer Social Media Elements****/
.component-socials ul {
  display: flex;
}

.component-socials li:first-child a {
  margin-left: -11px;
}
.component-socials li a {
  margin-right: 21px;
}
.component-socials ul a {
  display: flex;
}

.component-socials li a img.icon-panel{
height: 50px;
width: 100%;
}
/****End - Footer Social Media Elements - End****/

@media (max-width: 1670px) {
.beschreibung-kat{
	padding-top: 120px!important;
}
}

@media (max-width: 980px) {
	h1{
	font-size: 35px!important;
	width: 75%;
	}
	h2{
	font-size: 30px!important;
	}
	body.custom-background {
		background-color: #3b4856!important;
	}
	.et_pb_text {
		word-wrap: normal;
	}
	.et_mobile_menu {
	border-top: 3px solid #b11019;	
	}
	
	.et_mobile_menu li a, .et_header_style_split .mobile_nav .select_page {
		font-size: 24px;	
		font-weight: 200;
	}
	#logo{
		max-height: 125px!important;
	}
	#hero-services_accordion {
    padding: 100px 0 0;
	}
	 .et_header_style_split #et_mobile_nav_menu {
    margin-top: 15px;
  }
	
	.hero_accordion div {
		flex: none;
		display: block;
		width: 100% !important;
	}	
	#hero-services_accordion .hero_accordion .et_pb_text {
		min-height: 250px!important;
	}
	#hero-services_accordion p{
		font-size: 24px;
		transform: none;
		width: auto;
		position: relative;
		right: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	#hero-services_accordion .et_pb_row_0{
		width: 90%;
		margin-bottom: 75px !important;
	}

	#hero-services_accordion .hero_accordion:hover .hero_accordion div {
		flex: none;
	}

	#hero-services_accordion .hero_accordion div:hover {
		flex: none;
	}
	
	
.animation-zahn .bildzahn {
bottom: 0;
}
	
.animation-zahn .bildzahn img {
max-width: 100%;
  width: auto
}

	.cta-text {
	font-size: 35px!important;	
	height: 156px!important;
	}

	.archive #main-header {
		height: 185px;
	}
	.archive.et_header_style_split .mobile_nav .select_page {
		color: #fff!important;
	}
	.et_mobile_menu li a{
		color: #fff!important;
	}
	
}


.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table {
  width: 100%;
  border-collapse: collapse;
}







#menu-footer {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px; /* Abstand zwischen den Menüpunkten */
  }

  #menu-footer li {
    display: inline;
  }

  #menu-footer a {
    text-decoration: none;
    color: #fff;
	font-size: 14px; 
  }


/*Farbschema*/
/*
aio-optimierung türkis #5ce1e6
experten-beitraege Expertise violett #9632af
neues-ueber-pr-storytelling Lemon #def13e
*/
.category-aio-optimierung.et-db #et-boc .et-l .et_pb_heading_0_tb_body {
border-left-color: #5CE1E6;
}

.blog-teaser article.et_pb_post.category-aio-optimierung{
	box-shadow: 10px 10px 0px 0px #5CE1E6 !important;
}

.category-neues-ueber-pr-storytelling.et-db #et-boc .et-l .et_pb_heading_0_tb_body {
border-left-color: #def13e;
}

.blog-teaser article.et_pb_post.category-neues-ueber-pr-storytelling{
	box-shadow: 10px 10px 0px 0px #def13e !important;
}

.category-experten-beitraege.et-db #et-boc .et-l .et_pb_heading_0_tb_body {
border-left-color: #9632af;
}

.blog-teaser article.et_pb_post.category-experten-beitraege{
	box-shadow: 10px 10px 0px 0px #9632af !important;
}


.blog-teaser img{
	background-color:#fff;
}

/*
.spotlight:hover img {
  background: radial-gradient(circle at top center,rgba(118, 55, 133, 0.6) 35%,transparent 108%);
  transition: background 0.5s ease;
  filter: drop-shadow(0 2px 12px rgba(118, 55, 133, 0.6));
}
*/


.spotlight:hover img, #Interview.active .spotlight img{
background: radial-gradient(circle at top center,rgba(20, 249, 255, 0.6) 35%,transparent 108%);
  transition: background 0.5s ease;
  filter: drop-shadow(0 2px 12px rgba(20, 248, 255, 0.6));
}

.spotlight-trigger {
  font-size: 1.5rem;
  font-weight: bold;
  color: #b11019;
  cursor: pointer;
  text-align: center;
  margin: 2rem 0;
 /* animation: pulse 1.5s infinite; */
}

.spotlight-trigger .arrow {
  display: inline-block;
  margin-left: 0.5rem;
  animation: bounce 1s infinite;
}

/* Animationen */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(5px); }
}


.gastautor .et_pb_image_wrap{
height: 200px;
overflow: hidden;
border-radius: 250px;
}