/* ------------------------------------------------------------------------------------------------------------ */

/*a.share
				{
				width: 36px;
				height: 36px;
				display: inline-block;
				background-position: center center;
				background-size: cover;
				background-image: url('../Icons/share.svg');

				}*/
.tx-coders-blog .tooltipster-sidetip .tooltipster-content{
	background: #fff;
}
.tx-coders-blog .tooltipster-arrow-background{
	background: #fff;
}
.tooltipster-sidetip .tooltipster-box{
	border: solid 1px #565656;
	border-radius: 0px;
}
.tx-coders-blog a.share span
				{
				display: none;
				}

.tx-coders-blog .share-inner
				{
				padding: 20px;
				}

.tx-coders-blog a.share-link
				{
				display: block !important;
				padding: 8px 30px 8px 0;
				width: 120px;
				border-bottom: 1px solid #CCC;
				background-position: right center;
				background-size: 20px;
				transition: all 200ms;
				background-repeat: no-repeat!important;
				margin-right: 0px !important;
				}

.tx-coders-blog a.share-link:after{
				background: none !important;
}

.tx-coders-blog a.share-link:Hover
				{
				}

.tx-coders-blog a.share-link-facebook
				{
				background-image: url('../Icons/share/facebook.svg');
				}

.tx-coders-blog a.share-link-email
				{
				background-image: url('../Icons/share/email.svg');
				}

.tx-coders-blog a.share-link-whatsapp
				{
				background-image: url('../Icons/share/whatsapp.svg');
				}

.tx-coders-blog a.share-link-twitter
				{
				background-image: url('../Icons/share/twitter.svg');
				}

.tx-coders-blog a.share-link-linkedin
				{
				background-image: url('../Icons/share/linkedin.svg');
				}

.tx-coders-blog a.share-link-xing
				{
				background-image: url('../Icons/share/xing.svg');
				}
.tx-coders-blog .contact-buttons a{ margin-right: 20px; }
.tx-coders-blog .radio-checkbox-wrapper label{ color: #a1a1a1 !important; font-size: 100%; }
.tx-coders-blog .class_form_modal_form {margin-top: 10px;}
.tx-coders-blog .checkmark{border: solid 1px #ccc;}
.tx-coders-blog .radio-checkbox-wrapper .checkmark{ top:5px; height: 22px; width: 22px; }
.tx-coders-blog #countrylist{
	width: 100%;
    border: solid 1px #fff;
    padding: 2px;
    background: #f4f4f4;
    color: #a1a1a1!important;
}
.tx-coders-blog #countrylist option{
 	color: #a1a1a1!important;
 }
/* ------------------------------------------------------------------------------------------------------------ */
.tx-coders-blog ul li 
                     {
                     text-align: left;
                     position: relative;
			         margin-bottom: 30px;
                     }
                     
.tx-coders-blog h1.detail
          {
          margin-bottom: 50px;
          }
          
.tx-coders-blog .filter h5
				{
				float: none;
				margin-bottom: 10px;
				}
				
.tx-coders-blog .filter button
				{
                display: inline-block;
				font-size: 1.1rem;
				line-height: 1em;
				margin:0 10px 10px 0;
				padding:12px 26px 12px 26px;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				color: #FFF;
				text-align: center!important;
				background: #47a3d7;
				border: 2px solid #47a3d7;
				box-sizing: border-box;
				text-align: center;
				-webkit-appearance: none;
				cursor: pointer;
				transition: all 500ms;
				}
                
.tx-coders-blog .filter button:hover
                {
                color: #47a3d7;
				background: #FFF;
                } 
                
.tx-coders-blog .filter button.is-checked
                {
                color: #47a3d7;
				background: #FFF;
                } 
                
.module.module-filter
				{
				//background: #f4f4f4;
				//padding: 120px 0 30px 0;
				//margin: 20px 0;
				}
                
                
.tx-coders-blog .element-item
				{
				width: 50%;
				padding: 10px; 20px 0 0;
				margin-bottom: 15px;
				box-sizing: border-box;
				}
                
@media screen and (max-width: 760px) {

                
.tx-coders-blog .element-item
				{
				width: 100%;
				padding: 0 20px 0 0;
				margin-bottom: 15px;
				box-sizing: border-box;
				}     
}

.tx-coders-blog .box
				{
				margin-bottom: 40px;
				border: 1px solid #f4f4f4;
				}

.tx-coders-blog .element-item .box
				{
				margin-bottom: 20px;
				}

.tx-coders-blog .box .box-inner
				{
				padding: 20px;
				}

.tx-coders-blog .darkgrey .box
				{
				background: #FFF;
				}

.tx-coders-blog .darkgrey .box *
				{
				color: #444543;
				}

.tx-coders-blog .box.blue h6,
.tx-coders-blog .box.blue h2,
.tx-coders-blog .box.blue h3,
.tx-coders-blog .box.blue p,
.tx-coders-blog .box.blue a,
.tx-coders-blog .box.blue a:Hover,
.tx-coders-blog .box.blue label,
.tx-coders-blog .box.blue p *
				{
				color: #FFF!important;
				}

.tx-coders-blog .box.blue h2
				{
				background-image: url('../images/icons/arrow-right-white.svg');
				}

.tx-coders-blog .box a:Hover h2
				{
				color: #7acff3;
				}

.tx-coders-blog .box .btn,
.tx-coders-blog .box form input[type="submit"]
				{
				width: 100%;
				padding: 10px 0 12px 0;
				margin: 20px;
                position: relative;
				}

.tx-coders-blog .top-article .article-image
				{
				float: left;
				width: 40%;
				margin-right: 5%;
				}

.tx-coders-blog .top-article a:Hover h2
				{
				color: #7acff3;
				}

.tx-coders-blog .top-article .article-content
				{
				float: left;
				width: 55%;
				}

.tx-coders-blog .top-article .article-content .more
				{
				float: right;
				}

.tx-coders-blog .box-content
				{
				padding: 20px;
				box-sizing: border-box;
				margin-top: -1px;
				}

.tx-coders-blog .box-content a h3
				{
				font-size: 1.4rem;
				}

.tx-coders-blog .box-content a:Hover h3
				{
				color: #7acff3;
				}

.tx-coders-blog .blue .box-content a:Hover h3
				{
				color: #444543!important;
				}

.tx-coders-blog .box-content .btn
				{
				width: auto;
				padding: 10px 20px;
				float: right;
                margin: 0px;
                margin-bottom: 10px;
				}

.tx-coders-blog .box-content p
				{
				line-height: 1.4em;
				}

.tx-coders-blog .box.darkgrey *
				{
				color: #FFF;
				}

.tx-coders-blog .box.darkgrey .btn
				{
				background: #FFF;
				color: #444543!important;
				}

.tx-coders-blog .box.darkgrey .btn:Hover
				{
				color: #FFF!important;
				background: #7acff3;
				}

.tx-coders-blog .box.blue .btn:Hover
				{
				color: #444543!important;
				background: #FFF;
				}
                
.tx-coders-blog .image-wrapper
				{
				display: block;
				height: 0;
				overflow: hidden;
				padding-top: 56.25%;
				position: relative;
				background-position: center center;
				background-size: 100% auto;
				transition: all 500ms;
				}

.tx-coders-blog .image-wrapper:Hover
				{
				background-size: 110% auto;
				}
                
.tx-coders-blog .image-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}                
                

.tx-coders-blog .favorites-wrapper .favorite
				{
				padding-bottom: 20px;
				border-bottom: 1px solid #444543;
				margin-bottom: 30px;
				}

.tx-coders-blog .favorites-wrapper div.favorite:last-of-type
				{
				border: none!important;
				}

.tx-coders-blog .favorite h6
				{
				margin-bottom: 4px;
				}

.tx-coders-blog .favorite a
				{
				display: inline;
				font-size: 1rem;
				line-height: 1.2em;
				margin-bottom:0;
				padding:5px 30px 5px 0px;
				color: #7acff3!important;
				background-image: url('../images/icons/arrow-right-blue.svg');
				background-position: right bottom +3px;
				background-size: 20px 20px;
				cursor: pointer;
				transition: all 500ms;
				}

.tx-coders-blog .favorite a:Hover
				{
				color: #444543!important;
				background-image: url('../images/icons/arrow-right-grey.svg');
				}

.tx-coders-blog #id_more
				{
				text-align: center;
				padding: 40px 0;
				}
                
.tx-coders-blog a.btn
                {
                position: absolute;
                }
.tx-coders-blog #id_more a.btn
				{
				background: #47a3d7;
				}

.tx-coders-blog #id_more a.btn:Hover
				{
				background: white;
				}

.tx-coders-blog .detail-image
				{
				margin-bottom: 40px;
				}

.tx-coders-blog #id_weitere
				{
				margin-top: 60px;
				padding-top: 60px;
				border-top: 1px solid #444543;
				}

.tx-coders-blog #id_weitere #id_weitere_inner
				{
				display: flex;
				}

.tx-coders-blog #id_weitere .box
				{
				width: 50%;
				margin-right: 10px;
				}             
               
.tx-coders-blog .block-module img    
				{
				width: 100%;
				}                 

.tx-coders-blog .block-module
				{
				margin-bottom: 30px;
				}  

.tx-coders-blog  .slick-slide img
				{
				max-width: 100%;
				}  

.tx-coders-blog  .slick-next,
.tx-coders-blog  .slick-next:Hover,
.tx-coders-blog  .slick-next:Focus
				{
				right:10px!important;
				background-image: url('../Icons/u-right.svg')!important;
				}  

.tx-coders-blog  .slick-prev,
.tx-coders-blog  .slick-prev:Hover,
.tx-coders-blog  .slick-prev:Focus
				{
				left:10px!important;
				background-image: url('../Icons/c-left.svg')!important;
				}  

.tx-coders-blog  h1
				{
				font-size: 2.6rem;
				line-height: 1em;
				color: #000;
				text-align: left;
				border: none;
				padding: 0;
				max-width: 100%;
				margin-bottom: 30px;
				}  

.tx-coders-blog  h4
				{
				font-size: .9rem;
				margin-bottom: 5px;
				} 

.tx-coders-blog  h5
				{
				font-size: 1.2rem;
				font-weight: 400;
				margin-bottom: 1px;
				} 

.tx-coders-blog .module-filter
				{
				padding: 0;
				margin-bottom: 30px;
				}

.tx-coders-blog .module-filter .filter input[type="text"],
.tx-coders-blog .module-filter .filter input[type="email"]
				{
				width: 90%;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				box-sizing: border-box;
				padding: 15px;
				background: #f4f4f4;
				-webkit-appearance: none;
				border: none;
				margin-bottom: 5px;
				text-align: left;
				} 

.tx-coders-blog .module-filter .btn
				{
				position: relative;
				display: inline-block;
				background:#7acff3; 
				color:#FFF;
				margin-bottom: 10px;
				} 
				
.tx-coders-blog .profil-wrapper
				{
				width: 100%;
				}  

.tx-coders-blog .profil-wrapper .profil-links
				{
				float: left;
				width: 30%;
				margin: 0 5% 30px 0;
				overflow: hidden;
				} 

.tx-coders-blog .profil-wrapper .profil-rechts
				{
				float: left;
				width: 65%;
				margin: 0 0 30px 0;
				} 

.tx-coders-blog .profil-image-wrapper
				{
				height: 0;
				overflow: hidden;
				padding-top: 100%;
				background: white;
				position: relative;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				background-position: center center;
				background-size: cover;
				background-repeat: no-repeat;
				}

.tx-coders-blog .profil-image-wrapper .profil-image-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				} 

.tx-coders-blog p.small
				{
				font-size: .85rem;
				}

.tx-coders-blog .back,
.back-sp-dce
				{
				display: inline-block;
				font-size: 1rem;
				line-height: 1.2em;
				text-transform: uppercase;
				margin-bottom:10px;
				padding:5px 0 5px 30px;
				color: #47a3d7!important;
				background-image: url('../Icons/arrow-left-blue.svg');
				background-position: left center;
				background-size: 20px 20px;
				cursor: pointer;
				transition: all 500ms;
				}
                
.tx-coders-blog .loadmore,
.tx-coders-blog .btn2   {
    color:#FFF!important;
    background:#47a3d7!important;
    border:1px solid #47a3d7!important;
}

.tx-coders-blog .loadmore:hover,
.tx-coders-blog .btn2:hover {
    color:#47a3d7!important;
    background:#FFF!important;
}
				
.tx-coders-blog .main-image-wrapper
				{
				position: relative;
				}
				
.tx-coders-blog .main-image-wrapper .main-image-content
				{
				position: absolute;
				top:30px;
				left: 30px;
				max-width: 80%;
				background-color:rgba(255, 255, 255, 0.8);
				padding: 20px;
				box-sizing: border-box;
				}
				
.tx-coders-blog .main-image-wrapper .main-image-content h3
				{
				font-size: 1.6rem;
				line-height: 1em;
				color: #000;
				background-image: url('../Icons/cu.svg');
				background-position: left center;
				background-size: 70px;
				padding: 5px 0 5px 80px;
				margin-bottom: 20px;
				}
				
.tx-coders-blog .main-image-wrapper .main-image-content p
				{
				background: none;
				margin: 0;
				}

.tx-coders-blog .float-image-left
				{
				float: left;
				margin: 0 20px 20px 0;
				}

.tx-coders-blog .float-image-right
				{
				float: right;
				margin: 0 0 20px 20px;
				}

.tx-coders-blog .float-image-left img,
.tx-coders-blog .float-image-right img
				{
				max-width: 240px;
				}

.tx-coders-blog .justify
				{
				text-align: justify;
				}

.tx-coders-blog .button-group.filters-button-group button
				{
				background: none;
				border: none;
				padding: 0;
				color: #000;
				display: inline-block;
				padding: 2px 0 2px 20px;
				background-image: url('../Icons/hash.svg');
                white-space: nowrap;
				background-position: left center;
				background-size: 14px;
				background-repeat: no-repeat;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				}

.tx-coders-blog .button-group.filters-button-group button:Hover,
.tx-coders-blog .button-group.filters-button-group button.is-checked
				{
				color: #47a3d7;
				}

.tx-coders-blog .flex-wrapper .grid-item-33
				{
				width: 31%;
				}

@media screen and (max-width: 768px) {     
	
	.BlogHeader h2
				{
				font-size: 2rem;
				max-width: 90%;
				}
	
	.BlogHeader h1
				{
				max-width: 90%;
				}
	
	.tx-coders-blog
				{
				width: 100%;
				padding: 0;
				}
				
.tx-coders-blog .main-image-wrapper .main-image-content h3
				{
				font-size: 1.4em;
				line-height: 1em;
				color: #000;
				background-image: url('../Icons/cu.svg');
				background-position: left center;
				background-size: 40px;
				padding: 5px 0 5px 60px;
				margin-bottom: 20px;
				}
	
	.tx-coders-blog .main-image-wrapper img
				{
				margin: 0;
				}
	
	.tx-coders-blog .main-image-wrapper .main-image-content
				{
				width: 100%;
				background: #f4f4f4;
				position: relative;
				max-width: 100%;
				top:0;
				left: 0;
				margin-bottom: 30px;
				}
	
	.tx-coders-blog .flex-wrapper .grid-item-66,
	.tx-coders-blog .flex-wrapper .grid-item-33
				{
				width: 100%;
				}
				
	.tx-coders-blog .block-module .links,
	.tx-coders-blog .block-module .rechts
				{
				width: 100%;
				float: none;
				margin-bottom: 20px;
				}
    
}

.tx-coders-blog #search-btn {
        width:30px;
        height:30px;
        background-size:contain;
        background-image: url('../Icons/lupe.svg');
        margin-top:-43px;
        position:absolute;
        margin-left:230px;
        cursor:pointer;
}

.tx-coders-blog #searchword {
       width:280px;
       height:50px;
       border-radius:30px;
       padding-left:30px;
}

.tx-coders-blog #search-btn span {
        display:none;
}
.teaser-box .article-item h5 a{color:var(--white);}