/* Icons Startseite */
.icon-1 .sub-icon.desk {display:none;}
.icon-1 {width: 50%;}
.icon_start {position:relative;}
.icon {display:block !important;}
.icon_start a {display:block; text-align:center; position:relative; text-decoration:none; color:#fff !important;height:1.5em;}
.icon-1 {display:block; margin-top: 7em;float:left; width:50%; position:relative;}
.icon-1 .icon-img {position:absolute; top: -2.2em;width: 2em; height:2em;left:50%; margin-left:-1em;line-height:2em; border-radius:2em; background: #5b8cc0; background: linear-gradient(42deg, #afd377, #85bfde); color:#fff; font-size:2.5em;}
.icon-1 .icon-img:hover {background: linear-gradient(42deg, #85bfde, #afd377);}
.icon-1 .icon-img img {margin-top: .45em; width: 1em;}
.sub-icon {width:100%; padding: 5%; z-index:100;margin-top: 1em;} 
.sub-icon a {text-align:center; margin-bottom: 1em;}
.sub-icon a:hover {color: #eaeaea;}
.sub-icon {position:absolute; background:#5b8cc0;bottom:5em; width:100%; padding: 5%; border-radius: 6px;  display:none; left:45%;z-index:100;}
.sub-icon.toggler_container {position:static; transform:none;}
.icon-1 .toggler_titel {position:absolute; width: 100%; text-align:center;color: #fff;top:1em;}
.icon-1 .toggler_titel i {font-size:2em;}

@media only screen and (min-width:700px) {
.icon-1 {width: 33%;}
}
@media only screen and (min-width:900px) {
.icon-1 {width: 20%;}
.icon-1 .toggler_titel {display:none;}
.icon-1:hover .sub-icon.desk {display:block;}
}

@media only screen and (min-width:1600px) {
.sub-icon a {text-align:left;}
.icon-1 .icon-img img {width: initial;}
.icon-1:nth-child(6){clear: none;}
}