@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&Crimson+Text:700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

* {font-family: 'Roboto', sans-serif;-webkit-user-select: none;-ms-user-select: none;user-select: none;margin:0;padding:0;}
a {text-decoration:none;}
.animate-in {-webkit-animation: fadeIn .4s ease-in;animation: fadeIn .4s ease-in;}
.animate-out {-webkit-transition: opacity .4s;transition: opacity .4s;opacity: 0;}
@-webkit-keyframes fadeIn {from { opacity: 0; } to { opacity: 1; }}
@keyframes fadeIn {from { opacity: 0; } to { opacity: 1; }}

h1 {padding-left:1rem;}
.ssheader {position:absolute;text-align:center;margin-top:2rem;margin-left:2rem;font-size:2.6rem;font-weight:300;color:black;}
.figure {margin-bottom:4rem;}
.figure-caption {margin-top:1rem;}
button:focus {outline:none !important;}
.headline, .pheader {padding-left:1rem;padding-bottom:2rem;width:100%;font-weight:100;margin-top:-1rem;}
.pheader {font-size:2.5rem;}
.headline >span {font-weight:100;}
.teaserintro{padding:0 1rem 0 1rem;}
.headlineindex {padding:4rem 0 4rem 0;font-weight:100;text-align:center;}
.figure-caption {padding-left:2rem;}
.av-01 {margin-bottom:-8rem;}
.elct {opacity:.4;padding:.4rem 0 0 .4rem;}
.black {color:#212529;}
.blue {color:#007bff;}
.bold{font-weight:bold;}
a.normal>b{font-weight:100;}
.upper{text-transform:capitalize;}

/* Navbar */
#top {margin:0;padding:0;}
nav {margin:0;overflow-x: hidden !important;}
.navbar{margin:0;padding:0;}
.navbar-nav {margin:0;}
#navbarNav {margin:0;}
.navbar-toggler {position:relative;left:2rem;border:none !important;padding:.5rem 0 .5rem 0;}
.nav-link {margin:0;padding-top:2.3rem !important;}
.nav-item {padding:0;margin:0;}
.nav-item.nav-item {color:white !important;padding-left:2rem;padding-top:2rem;font-size:1.6rem;height:7rem;font-weight:100;}
.nav-item.nav-item > a {margin-top:4rem;margin-left:-2rem;margin-right:-2rem;}
.nav-item.nav-item.disabled {color:#ccc !important;font-size:0.9rem;padding-left:0;border-bottom:1px solid #eee;padding-top:1.6rem;margin-bottom:.4rem;display:none;}
.bg-light {background-color:#FFF !important;}
a,a img {outline: none;border:none;}
a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline: none;}

/* Header */
.sheader {padding:2rem 1rem 4rem 1rem;}
.sheader > h3 {padding-bottom:2rem;font-weight:100;color:black;}
.disc {font-size:1.1rem;color:#007bff;}
.shmeta {text-align:center;padding-top:1.5rem;margin-bottom:2.5rem;line-height:1.8rem;}
.shmeta > a {color:black;font-size:1.7rem;font-weight:100;}
.shmeta > a:hover {text-decoration:none;}
.shcontact {text-align:center;text-decoration:underline;}
.shcontact > a {color:black;}

/* Werbeartikel */
.cis{width:100% !important;height:100% !important;}

/* Leistung */
.wcidsection{padding:1rem 1rem 5rem 1rem;}
.wcisection h2 {padding-bottom:1rem;font-weight:300;}
#content > div > div > div > div > section:nth-child(1) > h2 {font-weight:300;}
.wcidsection h3 {padding:2rem 0 .5rem 0;font-weight:300;}
.mr-3 {height:48px;}
.media {display:inline;height:6rem;width:22rem;float:left;padding-left:1rem;max-width:100%;}
.media img {float:left;}

/* Pinterest */
.pinterest-img{height:26px;position:relative;top:-.4rem;padding-left:1rem;}

/* Impressum */
.impsection{padding-bottom:2rem;padding:1rem;}
.impsection h2 {padding-bottom:1rem;}
.shl {padding-bottom:.8rem;padding:2rem 0 2rem 0;}
.fl {float:left;width:220px;padding-bottom:3rem;}
.fl >h3 {font-size:1.4rem;padding-bottom:1rem;}
.info {font-size:.8rem;color:#666;line-height:.8rem;vertical-align:top;}
.tw{display:inline-block;width:1.6rem;}
.elct{position:relative;top:-.26rem;}
.ibox{width:450px;float:left;}
@media screen and (max-width:1200px){
	.ibox{width:380px;}
}
@media screen and (max-width:900px){
	.ibox{width:100%;}
}

/* FAQ */
.faq{clear:left;}
.faq-entry{margin:1.4rem 0 1.4rem 0;border-bottom:1px solid #eee;padding-bottom:1.4rem;}
.faq-img{height:48px;padding:0 1rem 0 0;float:left;}
.faq-small{height:24px;position:relative;top:.7rem;margin-bottom:3rem;}
.felix{padding-left:4rem;margin-bottom:4rem;}
.faq-txtq,.faq-txta{padding-top:.8rem;}

/* Address */
address {width:100%;text-align:center;margin: 0 0 -1rem 0;padding-bottom:2rem;}
.address {background:#FFD952;border-top:1px solid #CCBB7E;text-align:center;}
.adimage {width:100%;display:block;text-align:center;padding:3rem 0 0 0;margin-bottom:-2rem;text-align:center;}
.adimage > video {clip-path: circle(50% at 50% 50%);-webkit-clip-path: circle(50% at 50% 50%);height:160px;width:160px;border:10px solid white;border-radius:10rem;box-sizing:content-box;margin-left: calc(50% - 90px);}
.adimage > video {pointer-events:none;height:160px;width:160px;display:block;}
.hidden {display:none !important;}
.adadtext {line-height:1.8rem;display:block;margin-top:1rem;}
.adad {width:100%;}
.adcontact >.aditem >a {line-height:2.6rem;}
.aditem {color:black;display:block;font-style:normal;}
.aditem >a {text-decoration:none;color:black;font-weight:500;}
.street {letter-spacing:.02rem;}
.mail {letter-spacing:.055rem;}

/* Messangersbox */
.messangersbox {display:block;text-align:center;clear:both;padding:0rem 0 0 0;background:#FFD952;}
.messangerimg {height:40px;padding:0rem 1rem 2.6rem 1rem;box-sizing: content-box;}
.location >p {padding:20px 0 20px 0;background:#eee;text-transform:uppercase;border-top:1px dotted #ccc;margin-bottom:0;}
.location >p >a {color:#444;}



.adl{text-align:left !important;}
.adwhite{background:white;border-top:none !important;}
.adblue{background:#007bff;border-top:none !important;}
.adyelllow{background:#fdd23e;border-top:none !important;}
.mbwhite{background:white !important;}
.mbblue{background:#007bff !important;}
.mbyellow{background:#fdd23e !important;}
.mbpink{background:#817cf9 !important;}

/* Fotzensaft */
.fotzensaft{height:82px;position:relative;left:1rem;top:7.8rem;opacity:.68;transform: rotate(-14deg);}

/* Footer */
.footer {text-align:center;padding:2rem 0 2rem 0;background: linear-gradient(#eee, white);}
.footer >p {line-height:1.8rem;}
.footer >p >a:hover {text-decoration:none;}
footer > p:nth-child(1) {margin-bottom:0rem;}
.imgmmf {height:78px;position:relative;bottom:-.5rem;opacity:.5;}
.imp {color:#bbb;text-decoration:none; border-top: 1px solid #ddd;font-size:.8rem;padding-top:.3rem;z-index:10;}
.imp:hover {color:#666;}

/* Versiontable */
.versiontable {background:white;border-bottom:1px solid #ddd;display:none !important;}
table {padding:1rem;padding-left:.4rem;}
td {padding-left:.6rem;font-size:.8rem;}

/* Calltoy Text Box*/
.cttb{width:100%;display:inline-block;padding:0rem;margin:0rem;}
.cttb-btn{padding-left:1.26rem;}
.cttb-btn>img{height:24px;opacity:1;padding-top:0;margin-top:.4rem;margin-left:1rem;}
.cttb-card{border:none;padding: 0 1rem 0 1rem;}
.cttb-card>p,.cttb-card>p>a,.cttb-card>h2,.cttb-card>h3{color:#444;font-family: 'Caveat', cursive;}
.cttb-card>p,.cttb-card>p>a,.cttb-card>h3{font-size:1.2rem;}
.cttb-card>h2{font-size:1.5rem;padding-bottom:1.2rem;}

/* Calltoy */
.teasertext{text-align:justify;}
.carousel-box{padding:3rem 1rem 1rem 1rem;clear:left;}
.carousel-image {height:256px;margin:0 0 0 0rem;float:left;clip-path: circle(50% at 50% 50%);-webkit-clip-path: circle(50% at 50% 50%);}
.dq {float:left;padding:2rem 0 0 2rem;font-weight:500;font-size:2rem;line-height:2.8rem;margin:0;}
.afz {font-family:'Times', serif;padding-left:.6rem;font-weight:bold;font-size:3rem;color:#2579f5;position:relative;letter-spacing:-.3rem;}
.dq-small {font-weight:300;font-size:.9rem;font-style:italic;position:relative;top:-.8rem;left:-.2rem;}
.carousel-control-prev-icon,.carousel-control-next-icon{display:none;}
.mh3{padding:1rem 0 0 0;}
.buttongroup{padding:.8rem 0 0 .4rem;}
.buttongroup > a {color:#777;text-decoration:none;font-weight:500;margin:0;}
.buttongroup > a > span {margin:0 .6rem 1rem 0;padding:1rem 2rem 1rem 2rem;border:1px solid #ddd;border-radius:3rem;display:inline-block;}
.buttongroup > a > span:hover {border:1px solid #007bff;color:#007bff;}

#keywordlist {padding:1rem 1rem 0 1rem;}
.keywordlist {text-align:justify;line-height:1.2rem;}
.keywordlist > a {color:#ccc;}
.keywordlist > a > span{border:none;font-size:.8rem;display:inline;margin:0;padding:0;font-family: 'Caveat', cursive;}
.keywordlist > a > span:hover{border:none;color:#007bff;}

/* Fixlist*/
.full-width{width:100%;}
.md-width{width:100%;padding:0 2rem 0 2rem;}
h1,h2,h3,h4,h5,h6 {font-weight:100 !important;padding-bottom:1rem;} 
section{clear:both;padding-bottom:3rem;}
summery{border:none;}
#calltoy-logo{height:128px;margin-right:1rem;}
.flexed{display:flex;}
td{width:140px;font-size:.9rem;}
tr >td:first-of-type{font-weight:bold;width:100px;}
.service-box{width:220px;display:inline;float:left;}
ul{list-style-type:none;padding-bottom:1rem;}
li{padding-left:.1rem;}
#text-switcher-01{font-size:5rem;}
#text-switcher-02{font-size:2rem;}
a{color:#000 !important;}a:hover{color:#ff077e !important;}
@media screen and (max-width:600px){
	.img-clear-flex{display:block;}
	.img-clear-flex > figure {margin-bottom:2rem;}}

.onlineelement{float:left;width:140px;height:60px;padding-top:.7rem;margin:.6rem .6rem .6rem 0;}
.onlineelement >a{color:#666;font-weight:100;font-size:1rem;}
.onlineelement >a >img{height:40px;margin:-.1rem .2rem 0 0;}