/**
Theme Name: hahnsinn
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hahnsinn
Template: astra
*/


/* Colours

blue
alt: #026efe
#0055ec

alt: rgba(2,110,254,1)
rgba(0,85,236,1)


light blue


dark blue
#353c46


dark grey

#


grey
#5f6c7e


light grey
#eceff3

*/


@import url("https://use.typekit.net/vpw4gcb.css");

/* @import url("https://use.typekit.net/vpw4gcb.css"); */

  

html{
	background: #fff;
}

body {
font-family: "museo-sans", "Helvetica Neue", Helvetica, sans-serif !important;
line-height: 1.6;
/*
margin-bottom: 100vh;
overflow: auto;
height: 100%;
*/
background: #fff !important;
font-size: 17px !important;
font-weight: 500;
font-display: swap;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}



 a:focus { outline: 0; }

a{
/*	cursor: pointer;*/
}

#page{
	padding-top: 100px;
}


img, .elementor img{
	border-radius: 15px;
}

.no-radius img, img.no-radius, .no-radius{
		border-radius: 0 !important;
}


 #content{
	 background: #fff;
 }

.site-header .site-logo-img a.custom-logo-link{
  position: fixed;
  top: 15px;
  z-index: 999999;
}

#masthead .site-logo-img img{
	height: 60px !important;
	width: 60px !important;
}


#masthead{
  z-index: 999998;

}

.site-description,
#ast-fixed-header.site-header .site-description{
    color: #0055ec;
}

#ast-fixed-header  {
  z-index: 99999;
  z-index: 2;
}

#ast-fixed-header  .site-logo-img a.custom-logo-link{
  display: none;
}

.ast-site-title-wrap{
  left: 75px;
  position: absolute;
  top: 22px;
}


h1, h2, h3, h4 ,h5, h6,
.entry-content h1, .entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
font-family: "museo-sans", "Helvetica Neue", Helvetica, sans-serif !important;
line-height: 1.4;
/* font-weight: 300; */
}

.post-template h1, .post-template h2, .post-template h3, .post-template h4, .post-template h5, .post-template h6,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,
h2, h3, h4, h5, h6{
	margin-bottom: 12px;
}



.home h1 a{
	border-bottom: 0;
	color: #262E3A !important;
	border-bottom: 0 !important;
}

.home h1 a:hover{
	color: #0055ec !important;
}



.e-con-inner{
	padding-left: 40px !important;	
	padding-right: 40px !important;	
}


.single-post .elementor-location-header{
	background: #fff;
}



/*
.elementor-widget-heading.lp-h1  h1.elementor-heading-title{
font-family: "museo-sans", "Helvetica Neue", Helvetica, sans-serif !important;
font-weight:300 !important;
font-size:20px !important;
color:#0055ec !important;
color: rgba(0,0,0,.6) !important;
line-height: 1.4;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
margin-bottom: 25px;
}
*/


.uael-dual-color-heading span{
	display: block;
}







.teaser_blue h1, .teaser_blue h2{
/* font-style:italic; */
font-weight:700 !important;
font-size:28px !important;
color:#0055ec !important;
color: #222 !important;
/* text-transform: lowercase !important; */
line-height: 1.6;
margin-bottom: 20px !important;
text-align: center;
}

.teaser_blue h2{
font-size:24px !important;
}

.astra-template-default .teaser_blue h1{
	font-size:34px !important;
}

.ast-page-builder-template .hentry{
/* 	margin-bottom: 20px !important */
}

.teaser_blue h1 a, .teaser_blue a{
	border-bottom: 0 !important;
}


.teaser_blue_port h1{
font-style:italic;
font-weight:700 !important;
font-size:32px !important;
color:#0055ec !important;
text-transform: lowercase !important;
line-height: 1.6;
}

.uael-adv-heading-stack{
/* 	padding-left: 7px; */
}

.teaser h2, .teaser h3{
font-weight:300 !important;
font-size: 22px !important;
line-height: 1.7;
text-align: center;
/* font-style: italic; */

/* margin-bottom: 30px; */
}




.teaser h3{
	font-size: 20px;
}

.teaser-serif h2{
font-family: "museo-sans", "Helvetica Neue", Helvetica, sans-serif !important;
text-align: left;
font-size: 32px;
}



.entry-content h3.elementor-portfolio-item__title{
	font-size: 22px;
} 

.dark h1, .dark h2, .dark p, .dark a, .dark h3, .dark h4, .dark h5, .dark h6, .dark li,.maxbreite-dark li,
.maxbreite-dark h2, .maxbreite-dark h3, .maxbreite-dark p, #content .maxbreite-dark a,
.dark .subline-akkordeon, .dark .elementor-widget-toggle .elementor-toggle .elementor-tab-content,
.dark .elementor-widget-heading.elementor-widget-heading .elementor-heading-title{
	color: #fff !important;
}

/*
 .dark h2, .entry-content h2{
 font-size: 27px;
font-weight: 600;
color: #fff;
}
*/

div#ez-toc-container ul.ez-toc-list a{
	border-bottom: 0 !important;
	font-size: 100%;
  line-height: 1.9;
}

#ez-toc-container{
	padding: 13px 20px 15px 20px;
	box-shadow: 0 1px 1px rgba(0,0,0,.0);
}



.single-artikel h1, .single-artikel h2, .single-artikel h3, .single-artikel h4, .single-artikel h5, .single-artikel h6 {
	margin: 50px 0 25px;
}



.high{
	background: #eceff3;
	padding: 25px 20px 15px 30px;
/* 	border-top: 5px solid #aaa; */
	margin: 35px 0;
	clear: both;
	width: 100%;
	border-radius: 12px;
}

p.high{
	padding: 35px 20px 35px 30px;
}

ul.high{
	padding-left: 40px;
}

.high h2, .high h3, , .high h4, .high h5{
	margin: 3px 0 12px;
}



.elementor-portfolio-item{
	margin-bottom: 20px !important;
}

.entry-content .teaser-sans h2,
 #footer .teaser-sans h3{
font-weight: 400 !important;
font-size: 30px !important;
line-height: 1.6;
text-align: center;
max-width: 1000px;
margin: 0 auto 15px;
font-style: normal;
/* font-style: italic; */
}

.home .entry-content .teaser-sans h2{
/* 	font-weight: 600 !important; */
}

 #footer .teaser-sans h3{
font-size: 35px !important;
line-height: 1.8;
font-weight: 700;
color: #fff;
}

.entry-content .first-teaser .teaser-sans h2{
font-size: 30px !important;
}

 #footer .teaser-sans{
	 
 }

 #footer .branchen-h3 h3 a,
 #footer .teaser-sans h3 a{
color: #fff;
padding-bottom: 1px;
border-bottom: 1px solid #0055ec;
border-bottom: 1px solid rgba(255,255,255,.15);
}

#footer .branchen-h3 h3 a:hover,
#footer .teaser-sans h3 a:hover{
border-bottom: 1px solid #0055ec;
color: #0055ec;
}




.headline-teaser h3{
	text-align: center;
	text-transform: uppercase;
	color: #5f6c7e;
}


.entry-content p.services{
	color: rgba(255,255,255,.8);
	margin-top: 20px;
}

.site-title a{
	font-size: 22px;
    top: 15px;
	position: relative;
	font-weight: 500;
	text-decoration: none;
}

.site-header{
/* 	margin-bottom: 13px;	 */
}

.site-header .site-description{
	font-size: 20px;
	color: #0055ec;
    position: relative;
	top: 13px;

}

#ast-fixed-header .main-header-bar{
	padding-top: 12px;
	padding-top: 0;
	box-shadow: 0 1px 2px rgba(0,0,0,0);
}

.ast-header-break-point .main-header-menu{
	background-color: #eceff3;
}

.ast-header-break-point .main-navigation ul .button-custom-menu-item a, .ast-header-break-point .main-navigation ul li a{
	border-color: #fff;
}

.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{
	margin-bottom: 10px;
}



/*
.ast-logo-title-inline .site-logo-img {62p
    padding-right: 1em;
    position: fixed;
}
*/

/*
.ast-site-title-wrap{
	margin-left: 72px;
}
*/

#ast-fixed-header .ast-container{
	/* padding-bottom: 10px; */
  padding-bottom: 21px;
}


.leistungen h3{
	font-size: 24px;
	margin-bottom: 30px;
}


ul.leistungen, .leistungen ul{
	margin: 16px 0;
}

.leistungen li{
	list-style: none;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 7px 0;
}

.leistungen li:first-child{
	border-top: 1px solid rgba(0,0,0,.1);
}


.dark .leistungen li{
	list-style: none;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 7px 0;
}

.dark .leistungen li:first-child{
	border-top: 1px solid rgba(255,255,255,.1);
}



/* Akkordeon Leistungen  */


.akkordeon a{
	font-size: 30px;

}

.subline-akkordeon{
	display: block;
	color: #0055ec;
	color: #222;
	margin-bottom: 2px;
	font-size: 20px;
	font-weight: 700;
}



.subline, .subline h3{
/* 	font-style: italic; */
	display: block;
/* 	color: #0055ec !important; */
/* 	margin: 5px 0 7px !important; */
	font-size: 22px !important;
	font-weight: 400 !important;
}

.dark .subline h3{
	color: #fff !important;
	margin-bottom: -15px;
	font-weight: 400;
}

.page-id-9 .subline h3{
	margin-bottom: -15px;
	color: #fff;
	font-weight: 400;
}


.akkordeon .elementor-toggle-icon{
	margin-top: 44px;
}


#content .akkordeon .elementor-toggle .elementor-tab-title:hover a,
#content .elementor-toggle .elementor-tab-title a:hover{
	border-bottom: 0 !important;
	color: #0055ec;
}

.akkordeon.elementor-widget-toggle .elementor-toggle .elementor-tab-content{
	padding: 0 0 10px 0 !important;
}


.elementor-widget-toggle .elementor-toggle {
/* 	width: 90%; */
}


.dark .elementor-toggle-item a{
	border-bottom: 0;
}
.dark .elementor-toggle-item a:hover{
	border-bottom: 0;
}

.dark .elementor-tab-title:hover a,
.dark .elementor-tab-title:hover a .subline-akkordeon1,
.dark .elementor-tab-title:hover i::before{
	color: #0055ec !important;
}

.elementor-toggle .elementor-tab-title{
	padding-left: 0;
}

.elementor-toggle .elementor-tab-title{
	border-bottom: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid #222;
}

.elementor-toggle-item:hover .subline-akkordeon,
.elementor-toggle-item .elementor-active .subline-akkordeon{
		color: #0055ec !important;
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon svg{
	height: .65em;
  width: .65em;
}


#content .faq .elementor-toggle .elementor-tab-title a,
#content .faq a{
	font-weight: 400;
	color: #222;
	font-size: 19px;
}

#content .faq .elementor-accordion .elementor-tab-title{
		line-height: 1.25;
}

#content .faq .elementor-toggle .elementor-tab-title:hover a,
#content .faq .elementor-toggle .elementor-tab-title.elementor-active a{
			color: #0055ec !important;

}


.post-template-elementor_header_footer .rmp-results-widget{
	text-indent: -99999px !important;
	height: 0;
}



.faq .elementor-toggle .elementor-tab-content{
	padding: 0 0 20px;
}

.elementor-toggle .elementor-tab-content{
/* 	padding: 0 0 20px 20px !important; */
}

.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened{
	margin: 5px 0 0 -2px;
}

#content .faq .elementor-active a{
	color: #0055ec;
}


.faq .elementor-tab-content{
 	border-bottom: 1px solid rgba(0,0,0,.1) !important;
 	padding: 0 0 30px 46px;
}

#content .faq a{
	border-bottom: 0;
}



#content a{
 	border-bottom: 1px solid #0055ec;
 	color: #222;
 	border-bottom: 1px solid rgba(0,0,0,.1);
 	color: #0055ec;
}

#content .elementor-image a, #content .elementor-widget-image a, .elementor-widget-image a{
	 	border-bottom: 0px !important;
}

#content .uael-post__thumbnail a, #content a.uael-post__complete-box-overlay{
	 	border-bottom: 0 solid rgba(0,0,0,.1);
}

#content a:hover{
 	color: #0055ec;
 	border-bottom: 1px solid #0055ec;
}

.home #content .teaser_blue h1 a:hover{
	border-bottom: 1px solid #0055ec !important;
	padding-bottom: 0;
/* 	color: #222; */
}


#content .elementor-image-box-content .elementor-image-box-title a{
	border-bottom: 0px solid #fff;
 	color: #222;

}

ol, ul{
	margin: 0 0 12px 30px;
}


a.unkown{
	color:#242424!important;
	border:0!important;
}

a.unkown:hover, #dark a.unkown{
	border:0!important;
}

#dark a.unkown,
.single-post #content .dark a.unkown{
	color:#fff!important;
	border:0!important;
	background: inherit !important;
}


#content .maxbreite-dark.linkblue {
background-color: rgba(0,85,236,.95);
}

#content .maxbreite-dark.linkblue a.unkown, #content .dark.linkblue a.unkown{
	color:inherit !important;
	border:0!important;
}

#content .maxbreite-dark.linkblue a.unkown:hover, #content .dark.linkblue a.unkown:hover{
	border:0!important;
}



/* NAVIGATION */


.main-navigation ul{
	position: relative;
	top: 10px;
}

.main-header-menu li{
	margin: 0 10px;
}







 .maxbreite{
	 max-width: 500px;
 }

  .maxbreite-600{
	 max-width: 600px;
 }


/*
.1maxbreite-dark{
margin: 90px 0 0 -150px;
box-shadow: 0 10px 30px rgba(0,0,0,.3);
z-index: 9999;
min-width: 540px;
}
*/



#content .maxbreite-dark a:hover, #content .dark a:hover{
border-bottom: 1px solid rgba(255,255,255,.3) !important;
/* color: #0055ec; */
 }


#content .maxbreite-dark.linkblue a, #content .dark.linkblue a{
 		border-bottom: 1px solid rgba(255,255,255,.3) !important;
}

#content .maxbreite-dark.linkblue a:hover, #content .dark.linkblue a:hover{
 		border-bottom: 1px solid #fff !important;
 		color: #fff;
}


/*
 .entry-content p, p{
	 margin-bottom: 12px;
	 line-height: 1.8;
 }
*/

#content .dark .entry-content p, #content .dark a{
	color: #fff !important;
}

/* Buttons & Links – vor allem dark-Modus */




#content .maxbreite-dark a, #content .dark a {
	 	border: 0;
	 	border-bottom: 1px solid rgba(255,255,255,0.4) !important;
	 	padding: 0 0 2px;
	 	color: #fff;
}


#content .maxbreite-dark a:hover, #content .dark a:hover {
	 	border-bottom: 1px solid rgba(255,255,255,1) !important;
}


#content .maxbreite-dark .elementor-image-box-content a, #content .dark .elementor-image-box-content a,
#content .maxbreite-dark .elementor-image-box-img a, #content .dark .elementor-image-box-img:has(a) {
	 	border-bottom: 0px solid rgba(255,255,255,0.4) !important;
}







.rmp-widgets-container.rmp-wp-plugin.rmp-main-container{
	display: none;
}





.elementor-image-box-img{
	margin-bottom: 0;
}



#content .maxbreite-dark a, #content .dark .elementor-image-box-img a {
	  	padding-bottom: 0px;
}


#content .dark.artikel-header a{
	border-bottom: 0;
}


.single-post #content .dark a{
/*
	color: #0055ec;
	color: rgba(0,85,236,.2);
	background: #0055ec;
*/
	color: #fff;
	padding: 1px 0px;
	background: inherit;
	color: #fff !important;
	border-bottom: 1px solid #0055ec !important;
}

.single-post #content .dark a:hover{
	color: #0055ec;
	border-bottom: 0;
}

#content a.elementor-button{
	color: #0055EC !important;
	border-bottom: 0 !important;
	padding: 10px 30px 10px 0 !important;
	line-height: 1.4;
	position: relative;	
	border: 0 !important;
	background: rgba(255,255,255,.0) !important;
	font-size: 20px;
}

#content a.elementor-button:hover{
	color: #262E3A !important;
	border: 1px solid #262E3A !important;
	transition-duration: 0.3s; 
    transform: translateY(-8px);
   	border: 0 !important;
	background: rgba(255,255,255,.0) !important;
}

#content a.elementor-button:after{
	content: "→";
	color: #0055EC !important;
	position: absolute;
	right: 0px;
	top: 9px;
	transition: all 0.2s;
}

#content a.elementor-button:hover:after{
	color: #262E3A !important;
	right: -10px;
}


#content .dark a.elementor-button{
	color: #fff !important;
	border: 1px solid #fff !important;
	padding: 12px 50px 13px 24px !important;
	border-radius: 80px !important;
}
#content .dark a.elementor-button:hover{
	color: #0055EC !important;
	border: 1px solid #fff !important;
	background: #fff !important;
}
#content .dark a.elementor-button:after{
	content: "→";
	color: #fff !important;
	position: absolute;
	right: 20px;
	top: 11px;
	transition: all 0.2s;
}
#content .dark a.elementor-button:hover:after{
	right: 15px;
}



#content .blue_btn a{
	color: #0055EC !important;
	border-bottom: 0 !important;
	border: 1px solid #0055EC !important;
	padding: 12px 50px 13px 24px !important;
	border-radius: 80px !important;
	line-height: 1.4;
	position: relative;
}

#content .blue_btn a:after{
	content: "→";
	color: #0055EC !important;
	position: absolute;
	right: 20px;
	top: 11px;
	transition: all 0.2s;
}


#content .blue_btn a:hover{
	color: #262E3A !important;
	border: 1px solid #262E3A !important;
}
#content .blue_btn a:hover:after{
	right: 15px;
	color: #262E3A !important;
}


#content .dark .blue_btn a{
	background: #0055EC !important;
	border: 1px solid #0055EC !important;
	border-radius: 80px;
	padding: 10px 50px 10px 30px !important;
}
#content .dark .blue_btn a:after{
	top: 9px;
}

#content .dark .blue_btn a:hover{
	border: 1px solid #fff !important;
	color: #fff !important;
	background: rgba(255,255,255,.0) !important;
}
#content .dark .blue_btn a:hover:after{
	color: #fff !important;
}



.elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text{
	padding-left: 0;
}




.home #content .teaser_blue h1 a:hover{
	border-bottom: 1px solid #fff !important;
	padding-bottom: 0;
		-webkit-transition: all 0s, -webkit-transform 0s;
	-moz-transition: all 0s, -moz-transform 0s;
	transition: all 0s, transform 0s;

}
.home #content .teaser_blue h1 a:hover{
	border-bottom: 1px solid #0055ec !important;
	padding-bottom: 0;
/* 	color: #222; */
}







.projekte img, .projekte a, .projekte p{
	border-bottom: 0 !important;
	line-height: 1.5 !important;
}

#content .maxbreite-dark a, #content .dark.projekte a,
#content .maxbreite-dark a:hover, #content .dark.projekte a:hover,
.dark .elementor-image-box-wrapper a{
	border-bottom: 0 !important;
}


.projekte{
	font-size: 16px;
}

.projekte .subline{
	font-size: 20px;
	}




#content .elementor-toggle .elementor-tab-title a{
	border: 0;
	font-weight: 300;
	color: #222;
/* 	color: #0055ec; */
}


#content .elementor-toggle a:hover, #content .elementor-tab-title:hover a,
.elementor-tab-title.elementor-active a{
/* 	color: #0055ec !important; */
}

#content .dark .elementor-toggle .elementor-tab-title a,
#content .dark .elementor-toggle .elementor-tab-title a{
		color: #0055ec !important;
}

#content .dark .elementor-toggle a:hover, #content .dark .elementor-tab-title:hover a,
.dark .elementor-tab-title.elementor-active a{
	color: #fff !important;
}


.elementor-toggle .elementor-tab-title{
	border-bottom-color: #222;
	padding: 20px 20px 20px 0;
	line-height: 1.5;
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left{
	margin-bottom: 15px;
}


 #footer{
/*
    position: fixed;
    z-index: -1;
    height: 100vh;
    bottom: 0;
    width: 100%;
    height: 450px; */
    color: #fff;
 }


    #footer p, #footer .elementor-text-editor, #footer h2, #footer h3{
	    color: #fff;
    }


 .branchen-h3 h3{
font-size: 28px;
font-size: 2vw;
line-height: 1.8;
font-weight: 700;
color: #fff;
font-style: italic;
}

 #footer .branchen-h3 h3 a{
color: #fff;
padding-bottom: 1px;
border-bottom: 1px solid #0055ec;
border-bottom: 1px solid rgba(255,255,255,.15);
}

  #footer .branchen-h3 h3 a:hover{
border-bottom: 1px solid #0055ec;
color: #0055ec;
}


.kundenstimmen .elementor-testimonial-wrapper .elementor-testimonial-content{
	font-size: 19px;
}

#content .kundenstimmen a{
	color: #222;
	font-style: italic;
	border-bottom: 0;
	line-height: 1.4;
}


 .branchen h3{
	 max-width: 1000px;
	 margin: 0 auto;
	 font-weight: 500 !important;
	 color: #222;
	 line-height: 2;
	 font-size: 30px;
 }

  .branchen h3 a{
  	 color: #222;
	 border-color: #0055ec;
/* 	 border-color: rgba(255,255,255,.8) !important; */
/* 	font-size: 22px !important; */
	margin-top: 8px !important;
 }
 
   .branchen h3 a:hover{
  	 color: #222;
	 border-color: #0055ec;
	 border-color: rgba(0,85,236,1) !important;
 }

 .abstandshalter{
	 height: 100px;
 }


 .branch h3{
	 font-weight: 400;
	 line-height: 1.5;
	 margin-bottom: 0px;
  	 font-size: 22px;
/*   	 font-style: italic; */
 }
   .branch h4{
	 font-weight: 400;
 	 line-height: 1.5;
 	 font-size: 22px;
 	 margin-bottom: 0px;
 }


  .branch em{
	 color: #666;
	 color: #0055ec;
	 font-weight: 400;
/* 	 margin-right: 22px; */
	 font-style: normal;
	 font-style: italic;
	 margin-left: 10px;
 }




.pfeil ul{
	margin: 10px 0;
}
.pfeil li{
	list-style: none;
	line-height: 1.6;
	margin: 0 0 8px 24px;
}

.pfeil li:before{
content: "→";
display: inline-block;
width: 14px;
height: 14px;
margin: 0 12px 0 -24px;
color: #0055ec;
}

.dark .pfeil li:before{
	color: #fff;
}


.single-post .single-artikel li{
	list-style: none;
	margin-bottom: 8px;
}

.single-post .single-artikel li:before{
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: "»";
    vertical-align: top;
    color: #0055EC;
     margin-top: -1px;
    margin-left: -30px;
    padding-right: 15px;
    font-weight: bold;
    font-size: 23px;
}

.single-post .single-artikel .dark li:before{
	color: #fff;
}


.single-post .single-artikel .rmp-rating-widget__icons li:before{
	content: '';
}


ul.check {
/* 	margin-left: 10px; */
	margin: 16px 0;
}


ul.check li::before {
	background: url("http://hahnsinn.de/wp-content/uploads/2019/11/pfeil.svg") no-repeat center center;
    content: ' ';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
    color: #444;
    padding-top: 0;
  margin-left: 0px;
  padding-right: 0;
  height: 19px;
  width: 19px;
  margin-top: 6px;
  margin-right: 6px;
}

ul.check li{
    margin: 0 0 6px 0px;
	list-style: none;
}


.elementor-widget .elementor-icon-list-item a{
	display: inline;
}



/*
blockquote{
	border: 0;
	margin: 0;
	padding: 20px;
	font-style: italic;
	font-family: Georgia, Times, serif;
}
*/


blockquote {
    margin: 30px 0 42px 30px;
    border-left: 0;
    padding: 10px 20px 10px 10px;
	font-weight: 500;
	position: relative;
	color: #1E2332;
}

blockquote p {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.6;
    font-style: normal;
 }

blockquote cite{
	font-size: .8em;
}


.wp-caption .wp-caption-text{
	font-style: italic;
	line-height: 1.4;
	font-size: 16px;
	color: #444;
}


/*
.rmp-widgets-container{
	text-indent: -99999px;
	height: 0;
	margin: 0 !important;
}
*/

.single-post .single-artikel .rmp-widgets li::before {
	content:"";
}


.zitat-blue blockquote p{
	color: #ECEFF3;
}

.portrait-popup{
	cursor: pointer;
			margin-right: 30px !important;

}

#portrait-popup img{

}

#portrait-popup{
	cursor: pointer;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 100px;
/* 	background: pink; */
	height: 100px;
	-webkit-transition: all 0.3s, -webkit-transform 0.3s;
	-moz-transition: all 0.3s, -moz-transform 0.3s;
	transition: all 0.3s, transform 0.3s;
}


#portrait-popup:hover{
/* 	bottom: 1px; */
	-webkit-transform: scale(1.075);
	-moz-transform: scale(1.075);
	transform: scale(1.075);

}

.elementor-portfolio.elementor-has-item-ratio .elementor-post__thumbnail{
	background-color: inherit;
}

#content a.elementor-post__thumbnail__link{
	border: 0;
}

.single-astra-portfolio .post-navigation{
	display: none;
}


.entry-content .portfolio h3 a, .portfolio h3 a{
	border-bottom: 0 !important;
	display: block;
	color: #222 !important;
	font-size: 22px;
	font-weight: 400;
}



.entry-content .port h3 a, .entry-content .port p a{
	border-bottom: 0 !important;
	display: block;
	color: #222 !important;
}

.entry-content .dark .portf h3 a{
    color: #fff !important;
}

.entry-content .dark .port h3 a:hover{
    border-bottom: 0 !important;
}



.entry-content .port h3 {
	margin-bottom: 0;
	font-size: 30px;
}

.entry-content .port .elementor-image-box-description{
/*
	color: rgba(0,0,0,.65);
	color: rgb(120, 120, 120);
*/
	color: #000;
	font-size: 18px !important;
}


.entry-content .port figure {
	margin-bottom: 0 !important;
}


.entry-content .port a,
#content .port a,
.entry-content figure a,
#content .port .elementor-image-box-wrapper,
#content .port .elementor-image-box-content,
#content .port .elementor-image-box-content a
{

/*    cursor: url(https://hahnsinn.de/wp-content/uploads/2022/11/arrowblue.png) 47 64, auto;*/
    
}





.port figure a{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
	display: block;
	overflow: hidden;
	border-bottom:0 !important;
	border-radius: 15px;
	max-height: 497px;
}

.port img:hover{
   opacity: 0;
   transform:scale(1.02);
}

#schneid figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekte-schneider.jpg");
}

#buns figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekte-bunsen.jpg");
}

#taller figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/09/logo-design.jpg");
}

#trade figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/portfolio-ui-app.jpg");
}

#mahn figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekte-mahn.jpg");
}

#prolinguo figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekte-prolinguo.jpg");
}

#isi figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekte-isicar.jpg");
}

#mind figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/portfolio-branding-website-coach.jpg");
}

#eco figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekte-ecoinvest.jpg");
}

#kranz figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekt-kranz-poll.jpg");
}

#viv figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekte-vivacis.jpg");
}

#aev figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekte-aev.jpg");
}

#brach figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekte-brachvogel.jpg");
}

#maria figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekte-horschig.jpg");
}

#wj figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/webdesign-projekt-webdesign-journal.jpg");
}

#weitere figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/09/branding-cororate-websites.jpg");
}

#britt figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/portfolio-website-illustration.jpg");
}

#farben figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2022/10/seo-agentur-corporate-website.jpg");
}


#e-isi figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2025/08/portfolio-corporate-website-hahnsinn.webp");
}

#sprach figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2025/08/portfolio_corporate-website_hahnsinn.webp");
}

#perf figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2025/08/portfolio-corporate-website_hahnsinn.webp");
}

#part figure a{
	    background-image: url("https://hahnsinn.de/wp-content/uploads/2025/08/corporate-website_wissenschafts-konferenz.jpg");
	    background-position: left top;
}



.port .elementor-widget-container{
	background: fff;
  border-radius: 16px;
  padding: 0 !important;
  border: 1px solid #262E3A;
  color: #262E3A !important;
}

.dark .port .elementor-widget-container{
	background: #262E3A;
  border-radius: 16px;
  padding: 0 !important;
  border: 1px solid #fff;
  color: #fff !important;
}

.port .elementor-image-box-content{
	padding: 8px 25px 20px !important;
}

.port .elementor-image-box-img a, .port .elementor-image-box-img img{
	border-radius: 15px 15px 0 0;
}

.dark .elementor-image-box-img, .port .elementor-image-box-img{
	margin-bottom: 0 !important;
}


selector .elementor-image-box-content{
    padding: 10px 0 5px 25px;
}

selector .elementor-image-box-title a{
    border-bottom: 0px solid rgba(0,0,0,.0) !important;
  color: #262E3A !important  ;
}


selector .elementor-image-box-title{
margin-bottom: 3px !important;
}

selector .elementor-image-box-img img, 
selector figure a{
    border-radius: 15px 15px 0 0 !important;
}







.portfolio h3 {
	margin-bottom: 0;
}




.hoch{
	transition-duration: 0.4s;
}
.hoch:hover{
	 transform: translateY(-8px);
}



/* Drop-Down */

.astra-megamenu{
	font-size: 19px;	
}

.astra-megamenu > li span{
	margin: 0 0 10px 10px;
}

.main-header-menu .sub-menu .menu-link{
	padding: .5em 0 !important;
}




#content .dark .portfolio  h3 a,
.dark .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-description,
.dark .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title,
.dark .portfolio h3 a::after{
	color: #fff !important;
	border-bottom: 0 !important;
}

.portfolio{
	transition-duration: 0.4s;
}
.portfolio:hover{
	 transform: translateY(-8px);
}

  

.portfolio:hover h3, .portfolio:hover p, .portfolio:hover a,
.portfolio:hover h3 a:after,
.entry-content .port:hover h3 a{
		color: #0055ec !important;
}


.port{
	transition-duration: 0.4s;
}


.port:hover{
 	 transform: translateY(-8px); 
	
}
  



 .single-post #artikel-content .right-raus, .single-post #artikel-content .wp-block-image.right-raus{
	max-width: 300px !important;
	margin: 10px -160px 20px 40px !important;
	float: right;
}


 .single-post #artikel-content .left-raus, .single-post #artikel-content .wp-block-image.left-raus{
	max-width: 300px !important;
	margin: 10px 40px 20px -160px !important;
	float: left;
}


 .single-post #artikel-content .left-raus-voll, .single-post #artikel-content .wp-block-image.left-raus-voll, 
.ratgeber-template-default .wp-block-image.left-raus-voll {
/* 	max-width: 300px !important; */
	margin: 40px 0px 40px -240px !important;
	float: left;
	width: 1200px;
	max-width: 1200px;
	
}



.ast-header-break-point .ast-mobile-menu-buttons{
	margin-top: 40px;
	z-index: 9997;
}



.wp-block-image figcaption{
	line-height: 1.4;
	margin: 12px 0 30px;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 0.15px;
}

.wp-block-image{
/* 	margin-bottom: 20px !important; */
	margin: 50px 0 20px !important;
}






@media (max-width: 1500px) {


/*
.right-raus, .wp-block-image.right-raus{
	max-width: 250px !important;
	margin: 10px -100px 20px 40px !important;
	float: right;
}


.left-raus, .wp-block-image.left-raus{
	max-width: 250px !important;
	margin: 10px 40px 20px -100px !important;
	float: left;
}

.left-raus-voll, .wp-block-image.left-raus-voll{
	margin: 30px 0px 40px -100px !important;
	width: 890px;
	max-width: 890px;
}
*/


}



@media (max-width: 1200px) {

 .single-post #artikel-content .right-raus, .single-post #artikel-content .left-raus, .wp-block-image.right-raus, .single-post #artikel-content .wp-block-image.left-raus{
	max-width: 210px !important;
	margin: 10px 10px 20px 10px !important;
	float: right;
}

.single-post #artikel-content .left-raus-voll, .single-post #artikel-content .wp-block-image.left-raus-voll, .ratgeber-template-default .wp-block-image.left-raus-voll {
	margin: 30px 0px 20px 0px !important;
	width: 720px !important;
	max-width: 720px !important;
}

blockquote p {
    font-size: 20px;
 }
 
.branchen h3{ font-size: 25px; }
 

}




 @media only screen and (min-width: 600px) {

body {
font-size: 18px !important;
}

.projekte{
	font-size: 19px;
}

.teaser_blue h1{
	font-size:40px !important;
}
.teaser_blue h2{
	font-size:30px !important;
}

.single-portfolio h2{
	font-size: 36px !important;	
}


.e-con-inner{
	padding-left: 25px !important;	
	padding-right: 25px !important;	
}





.astra-portfolio-template-default .teaser_blue h1{
	font-size:55px !important;
}

.teaser h2{
font-size: 30px !important;
}

.teaser h3{
font-size: 25px !important;
}


}


.elementor-widget-portfolio a .elementor-portfolio-item__overlay{
	background-color: #fff;
}




 .elementor-template-full-width #content{
	margin-top: 30px;
}





							
.uael-post__inner-wrap:hover .uael-post-wrapper .uael-post__title a,
.uael-post__inner-wrap:hover a{
/*		color: #0055ec !important;*/
        color: #fff !important;
}


.uael-post__inner-wrap a{
    border-bottom: 0;
}


.uael-post__content-wrap{
    padding: 20px 0px 20px 0px;
    position: absolute;
    bottom: 30px;
    left: 20px;
    right: 30px;    
    color: #fff !important;
}

.elementor-widget-uael-posts .uael-post__title, 
.elementor-widget-uael-posts .uael-post__title a{
    color: #fff;
}

#content h3.uael-post__title, #content h3.uael-post__title a,
#content h4.uael-post__title, #content h4.uael-post__title a{
    color: #fff !important;
    border-bottom: 0 !important;
    display: block;
}

.uael-post__content-wrap{
    padding: 0 !important;    
}


.uael-post-wrapper{
	transition-duration: 0.3s; 
/*    transform: translateY(-8px);*/
}

.uael-post-wrapper:hover{
	transition-duration: 0.3s; 
    transform: translateY(-8px);
}


.uael-post__inner-wrap{
    position: relative;
}





 .single-post #artikel-content h2{
	font-size: 40px;
	margin-bottom: 20px;
	margin: 80px 0 45px;
 }
 
 .single-post #artikel-content h3{
	font-size: 30px;
	margin-bottom: 20px;
	margin: 32px 0 15px;
	font-weight: 400;
 }
 
   .single-post #artikel-content h3.uael-post__title{
	font-size: 24px;
	line-height: 1.5;
 }
 
 
 
 .single-post #artikel-content .high h3{
	 margin: 10px 0;
 }
 
 
 /* hahnsinn Logo: Zwinkern bei Mouseover */
.elementor-widget-theme-site-logo a {
	position: relative;
	display: inline-block;
	line-height: 0;
}
.elementor-widget-theme-site-logo a::after {
	content: "";
	position: absolute;
	left: 67.33%;
	top: 49.21%;
	width: 14.52%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #262e3a;
	clip-path: inset(25% 0 75% 0);
	pointer-events: none;
}
.elementor-widget-theme-site-logo a:hover::after,
.elementor-widget-theme-site-logo a:focus-visible::after {
	animation: hahn-zwinkern 0.45s ease-in-out;
}
@keyframes hahn-zwinkern {
	0%, 100% { clip-path: inset(25% 0 75% 0); }
	40%, 60% { clip-path: inset(25% 0 0 0); }
}
@media (prefers-reduced-motion: reduce) {
	.elementor-widget-theme-site-logo a::after { animation: none !important; }
}

/* Desktop-Logo: Sticky-Position schon vor dem Laden von Elementors JS einnehmen */
.elementor-element-77e6045:not(.elementor-sticky) {
	position: relative;
	top: 12.7px;
}


 

 @media only screen and (min-width: 1030px) {

body {
font-size: 19px !important;
}

.projekte{
	font-size: 20px;
}

 .maxbreite-dark{
margin: 90px 0 0 -150px;
/* box-shadow: 0 10px 30px rgba(0,0,0,.3); */
z-index: 9999;
min-width: 580px;
}


.teaser_blue h1{
	font-size:50px !important;
	line-height: 1.5;
	font-size:46px !important;
	font-weight: 700 !important;
}


.home .teaser_blue h1{
	font-size:55px !important;
	line-height: 1.5;
	font-weight: 700 !important;
}


.teaser_blue h2{
	font-size:36px !important;
	line-height: 1.5;
	text-align: left;
}

/*
.dark h2, .entry-content h2{
	font-size: 40px !important;	
}
*/

.single-post #artikel-content .dark h2, .single-post #artikel-content .entry-content h2{
		font-size: 36px !important;	
		font-weight: 600;
}

.single-portfolio h2{
	font-size: 34px !important;	
	line-height: 1.65 !important;
}





.astra-portfolio-template-default .teaser_blue h1{
	font-size:50px !important;
	margin-bottom: 0 !important;
}


.single-post #artikel-content h1{
		font-size: 48px;
}

 
 
.single-post #artikel-content h4, .single-post #artikel-content h5, .single-post #artikel-content h6{
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 25px;
 }



.teaser h2{
font-size: 38px !important;
}

.teaser h3{
font-size: 32px !important;
}

  .abstandshalter{
	 height: 200px;
 }

  .branch h3{
	 font-weight: 400;
	 line-height: 1.5;
	 margin-bottom: 0px;
  	 font-size: 30px;
 }
 
 .strategie{
	 background: url("https://hahnsinn.de/wp-content/uploads/2020/01/handout-website-potentiale.jpg");
	 background-size: contain;
	 background-position: right top;
	 background-repeat: no-repeat;
 }
 
 

.scrollPageInner{
	    height: 650px;
    width: 900px;
    margin: 0 auto;
overflow-y: scroll;
border: 30px solid #222;
border-radius: 20px;
box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.3);
	
}



.main-header-menu > .menu-item > a{
	transition-duration: 0.3s;
}

.main-header-menu > .menu-item > a:hover {
	transform: translateY(-8px);
}

 .main-header-menu > .menu-item > a:after {
	position: absolute;
	top: 104%;
	top: 90%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #0055ec;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(16px);
	-moz-transform: translateY(16px);
	transform: translateY(16px);
	}

.main-header-menu > .menu-item > a:hover::after,
.main-header-menu > .menu-item > a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}




}





@media (max-width: 1100px) {



.single-post #content h1{
	font-size: 30px !important;
}

 #footer .teaser-sans h3{
font-size: 25px !important;
}

/*
 #footer .teaser-sans h3,
 .dark h2, .entry-content h2{
font-size: 26px !important;
}
*/

.entry-content .teaser-sans h2{ 
	font-size: 22px !important; 
}


 .single-post #artikel-content .right-raus,  .single-post #artikel-content .left-raus{
	max-width: 210px !important;
	margin: 10px 10px 20px 10px !important;
	float: right;
}

.branchen-h3 h3{ 
font-size: 2.8vw; 
}



}



@media (max-width: 860px) {

.site-header .site-description, .site-title{
	font-size: 16px !important;
    line-height: 1.3;
    margin-top: 4px;
}
/*
#masthead .site-logo-img img{
	max-height: 50px !important;
}
*/

#masthead .site-logo-img img{
	height: 50px !important;
	width: 50px !important;
}


.e-con-inner{
	padding-left: 20px !important;	
	padding-right: 20px !important;	
}


.ast-site-title-wrap {
    left: 60px !important;
    top: 18px !important;
}
    
.akkordeon a{
	font-size:23px !important;
}

 .branchen h3{ font-size: 20px; } 
 
    
.single-post #content h1{
	font-size: 24px !important;
}


.single-post #artikel-content h2{
	font-size: 33px;
	margin: 60px 0 25px;
	font-weight: 700;
}

.single-post #artikel-content h3{
	font-size: 28px;
	margin: 40px 0 15px;
}


.single-post #artikel-content h4{
	font-size: 26px;
	margin: 25px 0 20px;
}

.single-post #artikel-content h5, .single-post #artikel-content h6{
	font-size: 22px;
	margin: 25px 0 20px;
}



 #footer .teaser-sans h3{
font-size: 22px !important;
}


.entry-content .teaser-sans h2,
.elementor-icon-list-item{ 
	font-size: 18px !important; 
}


.branchen-h3 h3{ 
	font-size: 20px; 
	padding: 0 20px;
}

 #footer .teaser-sans h3{
	 font-size: 18px !important;
 }

 .single-post #artikel-content .right-raus, .single-post #artikel-content .left-raus, .single-post #artikel-content .wp-block-image.right-raus, .single-post #artikel-content .wp-block-image.left-raus{
	max-width: 70% !important;
	margin: 10px 15% 20px 15% !important;
	float: right;
}

 .single-post #artikel-content .left-raus-voll, .single-post #artikel-content .wp-block-image.left-raus-voll, .ratgeber-template-default .wp-block-image.left-raus-voll {
	margin: 10px 0 20px 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}


}




@media (max-width: 460px) {

.ast-site-title-wrap {
    width: 210px;
}
    
}