#phpadd .question {
	 width: 15px;
	 height: 15px;
	 margin-left: 5px;
	 display: inline-block;
}
 #phpadd .icon {
	 margin-top: 10px;
	 display: block;
}

#phpadd div[class*="col"]{
	margin-bottom: 20px;
}
 #phpadd .icon:before {
	content: '';
    width: 34px;
    height: 32px;
    background-size: 23px 25px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 14px;
}
.general-info{
	margin-top: 10px;
	padding-top: 4px;
	border-bottom: 1px solid rgba(9, 47, 87, .212);
     border-top: 1px solid rgba(9, 47, 87, .212); 
    padding-bottom: 23px;

}
#phpadd h4{
	display: inline-block;
    margin: 20px 0;
   
    
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 10px;
}
 #phpadd .a-seitentitel:before {
	 background-image: url(/fileadmin/img/home.svg);
}
 #phpadd .a-description:before {
	 background-image: url(/fileadmin/img/tag.svg);
}
 #phpadd .a-verlinkungen:before {
	 background-image: url(/fileadmin/img/link-symbol.svg);
}
 #phpadd .a-ueberschriften:before {
	 background-image: url(/fileadmin/img/header.svg);
}
 #phpadd .a-bilder:before {
	 background-image: url(/fileadmin/img/photo.svg);
}
 #phpadd .a-strukturiert:before {
	 background-image: url(/fileadmin/img/sort-ascending.svg);
}
 #phpadd .a-snippet:before {
	 background-image: url(/fileadmin/img/google-maps-lachs.svg);
}
 #phpadd .a-crawler:before {
	 background-image: url(/fileadmin/img/share.svg);
}
 #phpadd .a-darstellung:before {
	 background-image: url(/fileadmin/img/responsive-design-for-modern-screens.svg);
}
 #phpadd .a-optimierung:before {
	 background-image: url(/fileadmin/img/car-speedometer.svg);
}
 #phpadd .background {
	 padding: 2em 0;
}
 @media (min-width: 1280px) {
	 #phpadd .background {
		 display: flex;
		 align-items: flex-start;
	}
}
 #phpadd #monitor, #phpadd #tablet, #phpadd #smartphone {
	 border: 3px solid #7e7e7e;
	 margin-top: 20px;
	 max-width: 100%;
    height: auto;
}
#phpadd #monitor img , #phpadd #tablet img , #phpadd #smartphone img {
	
	max-width: 100%;
   height: auto;
}
 @media (min-width: 1280px) {
	 #phpadd #monitor {
		
		 border: 10px solid transparent;
		 border-bottom-width: 72px;
		 border-image: url(/fileadmin/img/monitor.png) 10 stretch;
		 border-image-slice: 10 10 73 10;
		 
	}
}
 @media (min-width: 768px) {
	 #phpadd #tablet {
		 
	}
}
 @media (min-width: 1280px) {
	 #phpadd #tablet {
		
		 border-top: 10px solid transparent;
		 border-bottom: 10px solid transparent;
		 border-left: 30px solid transparent;
		 border-right: 30px solid transparent;
		 border-image: url(/fileadmin/img/tablet.png) 10 stretch;
		 border-image-slice: 10 30 10 30;
		
	}
}
 @media (min-width: 768px) {
	 #phpadd #smartphone {
		
	}
}
 @media (min-width: 1280px) {
	 #phpadd #smartphone {
		
		 border-top: 20px solid transparent;
		 border-bottom: 40px solid transparent;
		 border-left: 10px solid transparent;
		 border-right: 10px solid transparent;
		 border-image: url(/fileadmin/img/smartphone.png) 10 stretch;
		 border-image-slice: 20 10 40 10;
		 margin: 0;
	}
}
 #phpadd .zurueck {
	 border-top: 1px solid #f5ab96;
	 padding-top: 2em;
	 margin-top: 2em;
}
 #phpadd .analyse {
	 position: relative;
}
 h2 + #phpadd .analyse {
	 margin-top: 2em;
}
#phpadd .analyse:last-child {
	padding-bottom: 2em;
	border-bottom: 1px solid #aaa;
}
 #phpadd .analyse:not(:last-child)::before {
	content: "";
    position: absolute;
    bottom: -12px;
    width: 30%;
    height: 1px;
    background-color: #aaa;
    left: 35%;
}
 #phpadd .analyse .info {
	 transition: all 1s ease;
	 background: #aaa;
	 color: white;
	 padding: 1em;
	 position: absolute;
	 top: 50px;
	 left: 0;
	 z-index: 10;
	 display: none;
	 opacity: 0;
}
 #phpadd .analyse .info.visible {
	 display: block;
	 opacity: 1;
}
 #phpadd .analyse h4 {
	 display: inline-block;
	 margin: 20px 0;
}
 #phpadd .analyse h4 + div {
	 margin-top: 1em;
}
 #phpadd .analyse h4 i {
	 color: #aaa;
}
 #phpadd .analyse h4:hover ~ .info {
	 display: block;
	 opacity: 1;
}
 #phpadd .analyse h4 .info:hover {
	 display: block;
}
 #phpadd .analyse .ergebnis {
	 border: 1px solid #aaa;
	 padding: 10px;
}
 #phpadd .analyse .ergebnis#google {
	 font-family: Arial, sans-serif !important;
	 max-width: 552px;
}
 #phpadd .analyse .ergebnis#google #googletitle {
	 color: #1a0dab;
	 font-size: 18px;
	 overflow: hidden;
}
 #phpadd .analyse .ergebnis#google #googleurl {
	 color: #006621;
	 font-size: 14px;
	 line-height: 16px;
}
 #phpadd .analyse .ergebnis#google #googledescription {
	 color: #545454;
	 font-size: 13px;
	 line-height: 18.2px;
	 word-wrap: break-word;
}
 #phpadd .gut, #phpadd .schlecht {
	 display: flex;
	 align-items: center;
	 justify-content: flex-start;
}
 #phpadd .gut:before, #phpadd .schlecht:before {
	 content: '';
	 width: 40px;
	 height: 30px;
	 background-size: 30px 30px;
	 background-repeat: no-repeat;
	 display: inline-block;
}
 #phpadd .gut:before {
	 background-image: url(/fileadmin/img/check-round.svg);
}
 #phpadd .schlecht:before {
	 background-image: url(/fileadmin/img/exclamation-mark.svg);
}
 #phpadd .zulang {
	 color: red;
}
 @media (min-width: 1440px) {
	 #phpadd {
		 padding: 20px;
		 /* border: 2px solid #f5ab96; */
		 margin-bottom: 60px;
	}
}
 .sprueche {
	 position: relative;
	 display: none;
	 height: 3em;
}
 .sprueche span {
	 font-size: 150%;
	 font-weight: bold;
	 color: #f5ab96;
	 position: absolute;
	 top: 0;
	 left: 50%;
	 opacity: 0;
	 transform: translateX(-47%);
}
 .sprueche span:nth-child(1) {
	 animation: opa 3s ease-in-out alternate;
}
 .sprueche span:nth-child(2) {
	 animation: opa 3s ease-in-out 3.1s alternate;
}
 .sprueche span:nth-child(3) {
	 animation: opa 3s ease-in-out 6.2s alternate;
}
 .sprueche span:nth-child(4) {
	 animation: opa 3s ease-in-out 9.3s alternate;
}
 .sprueche span:nth-child(5) {
	 animation: opa 3s ease-in-out 12.4s alternate;
}
 .sprueche span:nth-child(6) {
	 animation: opa 3s ease-in-out 15.5s alternate;
}
 .sprueche span:nth-child(7) {
	 animation: opa 3s ease-in-out 18.6s alternate;
}
 .sprueche span:nth-child(8) {
	 animation: opa 3s ease-in-out 21.7s alternate;
}
 .sprueche span:nth-child(9) {
	 animation: opa 3s ease-in-out 24.8s alternate;
}
 .sprueche span:nth-child(10) {
	 animation: opa 3s ease-in-out 27.9s alternate;
}
 .sprueche span:nth-child(11) {
	 animation: opa 3s ease-in-out 31s alternate;
}
 .sprueche span:nth-child(12) {
	 animation: opa 3s ease-in-out 33.1s alternate;
}
 @keyframes opa {
	 0% {
		 transform: translateX(-50%);
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}
 .container4 {
	 width: 250px;
	 display: none;
	 justify-content: space-between;
	 align-items: center;
	 position: relative;
	 margin: 2em auto;
	 
}
 .container4 div {
	 width: 33px;
	 height: 33px;
	 position: relative;
	 display: block;
	 transform-origin: -50% center;
}
 .container4 div:after {
	 content: '';
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 right: 0;
}
 .container4 div:nth-child(1) {
	 animation: slide 1.5s ease-in-out infinite alternate;
}
 .container4 div:nth-child(1):after {
	 animation: color-change 1.5s ease-in-out infinite alternate;
}
 .container4 div:nth-child(2) {
	 animation: flip-1 1.5s ease-in-out infinite alternate;
}
 .container4 div:nth-child(2):after {
	 animation: squidge-1 1.5s ease-in-out infinite alternate;
	 background-color: #f5ab96;
}
 .container4 div:nth-child(3) {
	 animation: flip-2 1.5s ease-in-out infinite alternate;
}
 .container4 div:nth-child(3):after {
	 animation: squidge-2 1.5s ease-in-out infinite alternate;
	 background-color: #cf9d8e;
}
 .container4 div:nth-child(4) {
	 animation: flip-3 1.5s ease-in-out infinite alternate;
}
 .container4 div:nth-child(4):after {
	 animation: squidge-3 1.5s ease-in-out infinite alternate;
	 background-color: #a78d86;
}
 .container4 div:nth-child(5) {
	 animation: flip-4 1.5s ease-in-out infinite alternate;
}
 .container4 div:nth-child(5):after {
	 animation: squidge-4 1.5s ease-in-out infinite alternate;
	 background-color: #7e7e7e;
}
 @keyframes slide {
	 0% {
		 background-color: #f5ab96;
		 -webkit-transform: translatex(0vw);
		 transform: translatex(0vw);
	}
	 100% {
		 background-color: #7e7e7e;
		 -webkit-transform: translatex(calc(250px - (33px * 1.25)));
		 transform: translatex(calc(250px - (33px * 1.25)));
	}
}
 @keyframes color-change {
	 0% {
		 background-color: #f5ab96;
	}
	 100% {
		 background-color: #7e7e7e;
	}
}
 @keyframes flip-1 {
	 0%, 15% {
		 -webkit-transform: rotate(0);
		 transform: rotate(0);
	}
	 35%, 100% {
		 -webkit-transform: rotate(-180deg);
		 transform: rotate(-180deg);
	}
}
 @keyframes squidge-1 {
	 5% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(1) scaley(1);
		 transform: scalex(1) scaley(1);
	}
	 15% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(1.3) scaley(0.7);
		 transform: scalex(1.3) scaley(0.7);
	}
	 25%, 20% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(0.8) scaley(1.4);
		 transform: scalex(0.8) scaley(1.4);
	}
	 55%, 100% {
		 -webkit-transform-origin: center top;
		 transform-origin: center top;
		 -webkit-transform: scalex(1) scaley(1);
		 transform: scalex(1) scaley(1);
	}
	 40% {
		 -webkit-transform-origin: center top;
		 transform-origin: center top;
		 -webkit-transform: scalex(1.3) scaley(0.7);
		 transform: scalex(1.3) scaley(0.7);
	}
}
 @keyframes flip-2 {
	 0%, 30% {
		 -webkit-transform: rotate(0);
		 transform: rotate(0);
	}
	 50%, 100% {
		 -webkit-transform: rotate(-180deg);
		 transform: rotate(-180deg);
	}
}
 @keyframes squidge-2 {
	 20% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(1) scaley(1);
		 transform: scalex(1) scaley(1);
	}
	 30% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(1.3) scaley(0.7);
		 transform: scalex(1.3) scaley(0.7);
	}
	 40%, 35% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(0.8) scaley(1.4);
		 transform: scalex(0.8) scaley(1.4);
	}
	 70%, 100% {
		 -webkit-transform-origin: center top;
		 transform-origin: center top;
		 -webkit-transform: scalex(1) scaley(1);
		 transform: scalex(1) scaley(1);
	}
	 55% {
		 -webkit-transform-origin: center top;
		 transform-origin: center top;
		 -webkit-transform: scalex(1.3) scaley(0.7);
		 transform: scalex(1.3) scaley(0.7);
	}
}
 @keyframes flip-3 {
	 0%, 45% {
		 -webkit-transform: rotate(0);
		 transform: rotate(0);
	}
	 65%, 100% {
		 -webkit-transform: rotate(-180deg);
		 transform: rotate(-180deg);
	}
}
 @keyframes squidge-3 {
	 35% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(1) scaley(1);
		 transform: scalex(1) scaley(1);
	}
	 45% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(1.3) scaley(0.7);
		 transform: scalex(1.3) scaley(0.7);
	}
	 55%, 50% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(0.8) scaley(1.4);
		 transform: scalex(0.8) scaley(1.4);
	}
	 85%, 100% {
		 -webkit-transform-origin: center top;
		 transform-origin: center top;
		 -webkit-transform: scalex(1) scaley(1);
		 transform: scalex(1) scaley(1);
	}
	 70% {
		 -webkit-transform-origin: center top;
		 transform-origin: center top;
		 -webkit-transform: scalex(1.3) scaley(0.7);
		 transform: scalex(1.3) scaley(0.7);
	}
}
 @keyframes flip-4 {
	 0%, 60% {
		 -webkit-transform: rotate(0);
		 transform: rotate(0);
	}
	 80%, 100% {
		 -webkit-transform: rotate(-180deg);
		 transform: rotate(-180deg);
	}
}
 @keyframes squidge-4 {
	 50% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(1) scaley(1);
		 transform: scalex(1) scaley(1);
	}
	 60% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(1.3) scaley(0.7);
		 transform: scalex(1.3) scaley(0.7);
	}
	 70%, 65% {
		 -webkit-transform-origin: center bottom;
		 transform-origin: center bottom;
		 -webkit-transform: scalex(0.8) scaley(1.4);
		 transform: scalex(0.8) scaley(1.4);
	}
	 100%, 100% {
		 -webkit-transform-origin: center top;
		 transform-origin: center top;
		 -webkit-transform: scalex(1) scaley(1);
		 transform: scalex(1) scaley(1);
	}
	 85% {
		 -webkit-transform-origin: center top;
		 transform-origin: center top;
		 -webkit-transform: scalex(1.3) scaley(0.7);
		 transform: scalex(1.3) scaley(0.7);
	}
}