body {font-family: Arial, Sans-Serif; padding: 0; margin: 0; overflow-y: scroll; background-color: #EFEFEF; line-height: 150%; }
html { } 
a {text-decoration:none;}
img {border:none;}
p, ol, ul, li { font-size: 18px; font-weight: normal; color: #222222; }
b, strong { color: #222222; }
li {padding-bottom: 5px;}    

.rbtntext, .fblock, .dd_raetselfilter, .cssbuttongross, .cssbutton, .cssformbutton, .tf, .image_border, 
.schnellnavi, .image_border_np, .roundedbox, .roundedboxinfo, .checkbutton, .imagehead, .rootmessage, 
.infoboxshow, .hingucker, .tf_kontakt, .tf_pers_kwr, .tf_aufgabe, .tfchat, .ta_kontakt, 
.ta_pers_kwr, .hptraetselinfochild, .infoMessageHPT, .btnHBK, .checkbuttonlong, .cssbuttonchat,
.cssbuttonladen, .checkbuttonlongactive, .tf_kontakt, 
.startblock, .startblocklink, .subnavibox, 
.subnaviboxselected, .ladeanzeige, #frame2, .navischnellstart,
.raetselkachel, .raetselkachel_sub, .rlabel, .startkachel, .startkachel_sub, .tf_plz, .dd_land, .tf_ort, .head3,
.cssbuttonhead, .tf_gcode, .dd_raetselauswahl, .dd_tp_kategorie, .tf_tp_titel, .ta_tp_beitrag, .amazon_ad, .cbraetselsubbox,
.startkachel_small, .subnaviboxSide, .subnaviboxSideDone, .subnaviboxSideHead, .a1200c, 
.rootnavlinksselected, .visitenkarte, .raetselAuswahlHeader, .auebersicht, .roundedshadow,  
.btntop, .box, .rprop, .kachelraetselvarianten, .subnaviboxSideImg, .btnraetselauswahl, .rootnavlinksneu, .alogo, 
.tf_anrede, .somebuttons, .somehinweis, .infosidefix, .filtercontainer, .cssbuttongrey, .kachelbox, .linkbox,
.infoboxpers            
{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.wercon { margin: 30px auto 30px auto; width: 100%; text-align: center; }

.adhoricon { width: 100%; margin: 0; text-align: center; padding: 10px 0 10px 0; text-align: center; min-height: 250px; }

.topofpagecon { width: calc(100% - 12px); margin: 0 auto 0 auto; text-align: center; padding: 20px 10px 20px 10px; min-height: 250px; }

.ad300x250 { height: 250px; width: 300px; background-color: #EFEFEF; margin: 0 20px 0 20px; float: left; }
.topofpage { display: inline-block; width: 970px; min-height: 250px; }
.topofpagesmall { width: 300px; height: 250px; float: right; }
.topofpage100 { display: inline-block; width: 100%; min-height: 250px; }
.sideofpagecon { width: 160px; height: 600px; margin: 99px 20px 0 10px; position: fixed; top: 7px; left: 1320px; }
.sideofpage { display: inline-block; width: 160px; height: 600px; background-color: #FFFFFF;}
.sideofvollconl { width: 160px; height: 600px; margin: 70px 10px 0 10px; position: fixed; top: 10px; left: 10px; background-color: #FFFFFF; }
.sideofvollconr { width: 160px; height: 600px; margin: 70px 10px 0 10px; position: fixed; top: 10px; right: 10px; background-color: #FFFFFF; }
.sideofvoll { display: inline-block; width: 160px; height: 600px; background-color: #FFFFFF;}
.landpagecon { width: 100%; margin: 20px auto 20px auto; text-align: center; }
.landpage { display: inline-block; width: 970px; min-height: 250px; padding: 22px 0 20px 0; }
.landpagefull { width: 100%; min-height: 250px; padding: 22px 0 20px 0; }
.landpage3 { display: inline-block; width: 970px; min-height: 250px; padding: 25px 0 20px 0; }
.bottomofpagecon { width: 100%; margin: 0 auto 10px auto; }
.bottomofpage { display: block; }
.raetsel1con { width: calc(100% - 60px); margin: 30px 30px 0 30px; text-align: center; }
.raetsel1 { display: inline-block; width: 728px; height: 90px; padding: 22px 0 20px 0; }
.raetsel2con { width: 100%; margin: 20px 0 40px 0; text-align: center; }
.raetsel2 { display: inline-block; width: 970px; height: 250px; padding: 22px 0 20px 0; }
.raetsel3con { width: 100%; margin: 20px auto 20px auto; text-align: center; }
.raetsel3 { display: inline-block; width:970px; height: 250px; padding: 22px 0 20px 0; }
.sidestickycon { width: 160px; height: 600px; margin: 22px 10px 0 20px; background-color: #FFFFFF; float: left; position: sticky; top: 20px; }
.adpholder { width: 100%; margin: 0; text-align: center; height: 20px; }
.rhad { width: 1200px; height: 250px; margin: 40px auto 40px auto; background-color: #FFFFFF; border: solid 3px #EFEFEF; border-radius: 10px; }
.rhadimg { width: 500px; height: 250px; float: left; background-size: cover; background-color: #FAFAFA; background-position: center; }
.rhadtxt { width: 600px; float: right; padding: 20px; overflow: hidden; }

.adcolor { background-color: #FFFFFF; }

.imgheadcon { display: block; margin: 2px 5px 0 5px; float: left; height: 44px; width: 44px; }
.imghead { height: 40px; padding: 2px; }       

.imgbox{ border: solid 1px #DDDDDD; margin: 5px; padding: 8px; border-radius: 5px; flex: 1 1 auto; }
.imgboxroot { background-color: #FFFFFF; margin: 30px 0 30px 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } 
.imgboxtext { font-size: 16px; color: #4D6ECD; text-align: center; }
.imgmhalbcon { display: block; text-align: center; }

#raetselDataBox { position: relative; min-height: 300px; }
.nosel { user-select: none; -moz-user-select: none; -webkit-user-select: none; }

.rhline { float: left; }
.rhbewertung { float: right; }
.wettkampfimgcon { float: right; margin: 10px 0 30px 30px; width: 300px; }
.wettkampfimg { width: 300px; }
.bspcon { margin: 0 auto 0 auto; width: 100%; text-align: center; }
.bspimg { margin: 0 auto 0 auto; padding: 10px; }
.bewertng { width: 100%; text-align: center; }
.floeterl { float: left; }
.floeterr { float: right; }
.acenter1 { text-align: center; }
.acenter2 { display: inline-block; }
.kboxstart { background-color: #FAFAFA; border-radius: 5px; margin: 30px 0 30px 0; max-width: 100%; overflow-x: scroll; overflow-y: hidden; border: solid 1px #CCCCCC; }
.hilfeimg { text-align: center; width: 100%; margin: 20px auto 20px auto; position: relative; }
.raktu1 { width: calc(100% - 4px); }
.raktu2 { padding: 5px; margin: 5px; }
#scrollRaetselListeScroll { min-height: 100px; }

#bestleistungtext { float: right; line-height: 50px; margin: 0 0 -3px 0; }
.besthinweis { background-color: #FFFFFF; padding: 10px 20px 0 20px; }
#raetselBestZeitenKreisel { position: absolute; width: 600px; }
#raetselBestZeiten { background-color: #FFFFFF; overflow-x: hidden; overflow-y: scroll; height: 250px; padding: 10px 10px 0 10px; }
#boxBestAllTimeKreisel { position: absolute; width: 600px; }

.raetselkachel, .standardbox { border:solid 2px #BBBBBB; box-shadow: 1px 1px 5px 0px #DDDDDD; border-radius: 5px; cursor: pointer; }
.raetselkachel:hover, .startkachel:hover, .startkachel_small:hover, .kachelraetselvarianten:hover, .startkachelSelected, .standardbox:hover { border:solid 2px #888888; box-shadow: 0px 0px 5px 0px #AAAAAA; }
.rkachelleft { float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; }
.rkachelright { float: left; width: 49%; margin-bottom: 2%; }
.rkachelconleft { margin: 20px; }
.rkachelconright { margin: 20px; width: 100px; float: right; text-align: center;  }
.rkachelimg { margin: 0; width: 100px; border: solid 1px #CCCCCC; border-radius: 5px; }
.rkachelneu{ width: calc(100% - 4px); font-size: 16px; position: relative; padding: 2px; margin: 0 0 5px 0; }
.rkacheltitel { color: #4D6ECD; font-size: 24px; font-weight: bold; padding: 0 0 5px 0; }
.rkachelsubtitel { min-height: 70px; }
.rkachelsub { height: 200px; width: calc(100% - 140px); }
.rkachelbest { border-left: solid 10px #2DA500; padding: 5px 5px 5px 10px; margin: 0 0 0 0; font-size: 15px; font-weight: bold; background-color: #FFFFFF;}
.rkachelbestsub { border-left: solid 10px #2DA500; padding: 5px 5px 5px 10px; margin: 0 0 10px 0; min-height: 50px; }
.rkachelmehr { margin: 10px auto 0 auto; }

.bo1 { margin: 10px; display: block; color: #222222; }
.bo2 { text-align: center; padding: 10px; background-color: #FAFAFA; }
.bo3 { margin: 0 0 -7px 0; }
.bo4 { text-align: center; margin: 0 auto 0 auto; }
.boliste { margin: 10px auto 10px auto; width: 1120px; }
.pmliste { margin: 10px auto 10px auto; width: 1200px; }

.best1 { margin-bottom: 20px; cursor: pointer; }
.best2 { max-width: 100px; max-height: 100px; }
.best3 { float: left; padding: 20px 60px 20px 60px; width: 274px; }
.best4 { text-align: center; padding: 20px; margin: 10px -30px 40px -30px; background-color: #FFFFFF; }
.best5 { text-align: center; padding: 0; margin: 10px auto 40px auto; background-color: #FFFFFF; width: 200px; height: 200px; }
.best6 { width: 200px; height: 200px; }
.best7 { text-align: center; padding: 20px; margin: 0 -30px 0 -30px; background-color: #FFFFFF; }
.best8 { text-align: center; padding: 20px; margin: 0 -30px 0 -30px; }
.best9 { float: left; height: 100px; width: 100px; margin: 0 10px 0 0; line-height: 100px; text-align: center; border-radius: 5px 0 0 5px; border-right: solid 2px #CCCCCC; }
.best10 { float: right; max-height: 100px; margin: 0 0 0 10px; }
.best11 { width: 102px; height: 102px; margin: 0 0 -3px 0; border-radius: 0 3px 3px 0; }
.best12 { float: left; padding: 12px 20px 10px 20px; }
.best13 { margin: 10px 0 10px 0; }
.bestspace { width: 20px; float: left; }

.qrnavicon { background-color: #FAFAFA; border-radius: 10px; float: right; margin: 0 10px 20px 20px; width: 170px; border: solid 1px #AAAAAA; width: 360px; box-shadow: 5px 5px 10px silver; padding: 5px; }
.qrnaviimg { width: 170px; margin: 5px; border-radius: 5px; float: right; }
.qrnavitxt { font-size: 18px; width: 160px; margin: 10px; float: left; }

.rfilter { padding: 10px 20px 20px 20px; margin: 30px 0 20px 0; }
#raetselListe { margin: 30px 0 0 0; min-height: 200px; }

.ffont { margin: 20px auto 20px auto; background-color: #FAFAFA; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC; width: calc(100% - 10px); text-align: center; padding: 10px; line-height: 24px; }
.rssimg { height: 16px; position: relative; top: 1px; }
.chkimg { height: 60px; width: 60px; padding: 20px; border-radius: 50%; }
.chktext { font-size: 22px; line-height: 35px; text-align: center; font-weight: bold; }
.chkbox { width: 100%; position: absolute; left: calc(50% - 40px); margin: 10px 0 0 0; }

.mailboxtitle { background-color: #FFBF28; float: right; margin: 0 8px 0 0; padding: 5px; cursor: pointer; color: #FFFFFF; position: relative; top: -8px; border-radius: 7px 7px 0 0; letter-spacing: 0.5px;}
.mailboxtitle:hover { background-color:  #2DA500; color: #FFFFFF; }
.mailboxtitletext { font-size: 14px; line-height: 18px; float: right; margin: 3px 5px 0 5px; font-weight: bold; }
.mailboxtitleimg { display: block; float: right; margin: 0 0 -8px 5px; height: 40px; width: 40px; border-radius: 5px; }
.mailboxtitleimgin { height: 40px; width: 40px; border-radius: 5px; }

.bestuserbox { margin: 30px 10px 30px 30px; padding: 20px; border: solid 1px #AAAAAA; border-radius: 10px; width: 400px; box-shadow: 10px 10px 10px silver; float: right; min-height: 200px; }

.lmjbox { width: 191px; float: left; display: block; margin: 10px; }
.lmjimg { width: 191px; margin: 0 0 -7px 0; border-radius: 3px; }
.lmjcon { margin: 0 -10px 20px -10px; }

.allgameover { z-index: 10000000; font-size: 60px; position: absolute; color: #000000; background-color: #FFFFFF; border-radius: 10px; padding: 20px; width: 300px; text-align: center; opacity: 0.7; text-align: center; top: 40%; left: calc(50% - 160px); line-height: 64px; font-weight: bold; display: none; }
.mobimg { max-width: 1200px; }
.bsternra { max-width: 20px; max-height: 20px; margin: 5px auto 0 auto; }
.bsterntextra { font-size: 13px; position: relative; color: #222222; text-decoration: none; font-weight: normal; margin: -5px 2px 0 0; }
.bsternhead { max-width: 25px; max-height: 25px; margin: 2px -1px 0 -1px; }
.bsterntexthead { font-size: 18px; top: 2px; position: relative; color: #222222; text-decoration: none; font-weight: normal; }

.selectBezeichner { float: left; line-height: 40px; border: solid 1px #AAAAAA; padding: 9px 20px 9px 20px; margin: 0 20px 0 0; background-color: #FAFAFA; border-radius: 5px; width: calc(100% - 480px); text-align: center; }
.selectSelector { float: right; min-width: 400px; }
.circlebox { float: right; margin: 0 20px 50px 20px; max-width: 200px; border-radius: 10px; border: solid 1px #EFEFEF; box-shadow: 2px 2px 2px 1px #CCCCCC; }

.raetselMenuecon { height: 188px; overflow: hidden; margin: 0 0 20px 0; background-color: #FAFAFA; padding: 0 0 0 5px; font-size: 15px; }
.raetselMenuemover { height: 189px; color: #FFFFFF; background-color: #2DA500; line-height: 190px; cursor: pointer; user-select: none; float: left; width: 27px; padding: 0; text-align: center; font-size: 24px; font-weight: bold; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC; }
.raetselMenuemover:hover { background-color: #CCCCCC; color: #FFFFFF;}
.scrollVertiInner { position: relative; margin: 10px 0 10px 0; }
.scrollVertiOuter { overflow-y: hidden; overflow-x: scroll; background-color: #FFFFFF; width: 100%; }
.videoraetsel { width: 450px; height: 250px; }
                                                                          
.adkenner { margin: 10px auto 10px auto; padding: 10px 0 10px 0; }       
.admoney { width: 100%; margin: 10px auto 5px auto; padding: 20px 0 5px 0; border-bottom: dotted 1px #CCCCCC; border-top: dotted 1px #CCCCCC; }
.adFree { box-shadow: #CCCCCC 2px 2px 2px; }
.adFree:hover { opacity: 0.9; box-shadow: #DDDDDD 2px 2px 2px; }
.adsidefix { width: 160px; height: 600px; position: sticky; float: left; margin: 0 10px 0 20px; position: -webkit-sticky; top: 0; }
.infosidefix { background-color: #FFFFFF; width: 160px; position: sticky; float: left; margin: 30px 0 0 30px; position: -webkit-sticky; top: 650px; border: solid 1px #CCCCCC; display: block; overflow: hidden; }
.infosidefix:hover {  }
.bestplatz { border: 1px solid #CCCCCC; margin: 40px auto 40px auto; padding: 20px; width: calc(100% - 40px); box-shadow: 5px 5px 10px silver; border-radius: 10px;}
.navibottom { margin: 40px auto 40px auto; } 
.werbunglabel { font-size: 8px; text-transform: uppercase; margin: 0 0 -20px 0; padding: 0; width: 100%; text-align: right; }
.werbefreibox { float: left; padding: 10px; margin: 0 14px 0 14px; cursor: pointer; width: 360px; border:solid 2px #BBBBBB; box-shadow: 2px 2px 5px 0px #DDDDDD; border-radius: 10px; cursor: pointer; display: block; }

#rootcontent {position: relative; width: calc(100% - 10px); background-color: #FFFFFF;}
#frameroot {position: relative; width: 1298px; height: 100%; float: left; margin: 0; border-radius: 0 0 5px 5px; }
#roottop {position: relative; width: 100%; height: 50px; background-color: #FAFAFA;}
#rootnavi {position: relative; width: 1298px; height: 46px; background-color: #7A96FF; border: solid 1px #5A7ADB;}
#rootsubnavi {position: relative; width: 100%; background-color:#FFFFFF; padding: 0; margin: 0; }
#rootsubsubnavi {position: relative; width: calc(100% - 10px); background-color:#FFFFFF; padding: 0; margin: 20px 10px 10px 10px; }
.contentheadline {margin: 0 15px; }
.breadcrumb {margin: 0 15px 20px 17px; }

.site { padding: 0; width: 1300px; border: solid 2px #CCCCCC; background-color: #FFFFFF; border-radius: 5px; float: left; margin: 20px 0 0 20px; }
.sidemw { width: 1660px; margin: 0 0 150px 0; }
.sideow { width: 1320px; margin: 0 0 150px 0; }

.sitevollbild { width: 100%; }
.rootvollbild { width: calc(100% - 500px); margin: 20px auto 20px auto; }

.sideheader { width: 1278px; margin: 10px 5px 10px 5px; padding: 5px; }
.aktionsheader { width: 1298px; margin: 0; padding: 20px 0 20px 0; }
.aktionsheaderdo { margin: auto; padding: 10px 0 10px 0; font-size: 18px; line-height: 24px; background-color: #2DA500; color: #FFFFFF; }
.aktionsheaderpre { margin: auto; padding: 10px 0 10px 0; font-size: 18px; line-height: 24px; background-color: #FAFAFA; color: #222222; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; }
.rnavicon { height: 142px; overflow-x: scroll; overflow-y: hidden; margin: 0 0 0 0; border-bottom: solid 1px #CCCCCC; }
.rnavielement { padding: 12px; position: relative; margin: 0; border-right: 1px solid #CCCCCC; display: block; cursor: pointer; }
.rnavielement:hover { background-color: #FAFAFA; }
.wettkampfcon { height: 490px; overflow-x: scroll; overflow-y: hidden; margin: -16px 0 0 0; border:solid 2px #BBBBBB; box-shadow: 1px 1px 5px 0px #DDDDDD; border-radius: 10px; }
  
.imgshd { max-width: 1200px; border: #FFFFFF 3px solid; border-radius: 10px; }
.imgshd:hover { border: #5A7ADB 3px solid; border-radius: 10px; }
.teaserlanding { max-width: 200px; margin: 20px 20px 20px 60px; border-radius: 10px; }
 
.tickertile { max-height: 100px; overflow: hidden; cursor: pointer; float: left; border: 1px solid #FFFFFF; }
.tickertile:hover { border: 1px solid #CCCCCC; opacity: 0.8; }

.btnprotop { display: block; border: solid 1px #AAAAAA; background-color: #FAFAFA; font-size: 20px; width: 248px; height: 22px; line-height: 22px; text-align: center; color: #4D6ECD; }
.btnprotop:hover {color: #FFFFFF; background-color: #AAAAAA; border: solid 1px #4D6ECD; }
.btntop { display: block; border: solid 2px #AAAAAA; background-color: #FFFFFF; font-size: 25px; width: 50px; height: 50px; line-height: 46px; position: fixed; bottom: 150px; right: 18px; text-align: center; color: #4D6ECD; visibility: hidden; border-radius: 10px; }
.btntop:hover {color: #FFFFFF; background-color: #AAAAAA; border: solid 2px #4D6ECD; }
.auebersicht {font-size: 18px; background-color: #FAFAFA; border: solid 2px #AAAAAA; text-align: center; margin: -2px 0 0 10px; height: 30px; width: 30px; line-height: 30px; float: right;}
.auebersicht:hover { background-color: #AAAAAA; border: solid 2px #4D6ECD; color: #FFFFFF; }
.btnmess { background-color: #EFEFEF; color: #4D6ECD; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btnmess:hover { background-color: #AAAAAA; color: #FFFFFF; }
.overlay { position: fixed; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 10000; top: 0; left: 0; display: none; background: rgba(200, 200, 200, 0.8); }
.listeneintrag { background-color: #FFFFFF; float: left; }

.head_social_element {position: relative; }
.head_social_element:hover { opacity: 0.7; }
.headNavi {width: calc(100% - 2px); padding: 0; margin: 0; background-color: #FFFFFF; }
.alogo { border: solid 1px #CCCCCC; width: 246px; height: 46px; margin: 2px 0 0 5px; }
.alogo:hover { opacity: 0.8; border: solid 1px #AAAAAA; } 
.divres { clear: both; height: 0; width: 0; }
.menuetopper { float: right; display: block; margin: 22px 0 0 0; padding: 5px 10px 5px 10px; border: solid 1px #AAAAAA; background-color: #FAFAFA; border-radius: 5px; color: #4D6ECD; font-weight: bold; cursor: pointer; }
.menuetopper:hover { background-color: #FFFFFF; color: #C00000; border: solid 1px #CCCCCC; }
#toogleraetsel { float: right; border-radius: 5px; border: 1px solid #CCCCCC; cursor: pointer; background-color: #FAFAFA; margin: -1px 15px -10px 0; padding: 3px 10px 3px 10px; font-size: 14px; color: #222222; user-select: none; text-align: center; width: 284px; font-weight: bold; }
#toogleraetsel:hover { border: 1px solid #888888; background-color: #AAAAAA; color: #FFFFFF; }

.emoticons { float: left; margin: 2px 2px 8px 2px; height: 38px; width: 38px; }
.emoticonsimg { max-height: 38px; max-width: 38px; position: relative; }
.emoticons:hover { opacity: 0.8; }

.teilen {width: calc(100% - 40px); margin: auto; padding: 20px 20px 20px 20px;}
.contentbereich {width: calc(100% + 10px); background-color: #FAFAFA; border-top: solid 1px #AAAAAA; border-bottom: solid 1px #AAAAAA; }

#rootraetsel { width: 402px; margin: 20px 15px 10px 15px; float: left; } 
.subnaviboxcon { width: 402px; margin: 20px 15px 10px 15px; float: left; } 

.cssbutton, .cssformbutton, .a728, .fblock, .cssbuttonhead, .btnraetselauswahl {margin-left: auto; margin-right: auto;}

.hr_head { border: solid 1px #FFFFFF; border-bottom: solid 1px #888888; width: 100%; margin: 0 0 10px 0; }
.hr_navi { border: solid 1px #FFFFFF; border-bottom: solid 1px #222222; width: 100%; }
.hr_start { border: solid 1px #FFFFFF; border-bottom: solid 1px #CCCCCC; width: 100%; }
.hr_dotted { border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #FFFFFF; margin: 20px auto 40px auto; }
.absatz { margin: auto auto 50px auto; }
    
.footer {padding: 0; }
.afh {font-size: 14px; font-weight: bolder !important;}
.afc {font-size: 12px;}
.asngh {font-size: 24px; font-weight: bolder; display: block; color: #4D6ECD; margin: 0 0 10px 0; }
.asng {font-size: 17px; display: block; color: #4D6ECD; }
.footerbox { padding: 20px; margin: 20px 20px 20px 0; float: left; width: calc(33% - 60px); }
.fooL {float: left; width: 23%; padding: 1%; margin-bottom: 10px;}
.fooC {clear: left; width: 0;}

h1, h2, h3, h4, .startblockueberschrift {font-weight: bolder; color: #222222; margin: 0;}
h1 {font-size:28px; line-height: 38px; }
h2 {font-size:22px; line-height: 32px; }
h3 {font-size:20px; line-height: 24px; }
h4 {font-size:20px; }

.tblock {padding: 0 10px 0 10px; margin: 10px 10px 0 10px; width: calc(100% - 30px); font-size: 17px; font-weight: normal; color: #222222; }
.rbtn {float: right; width: 210px; padding-left: 50px; padding-bottom: 20px;}
.rbtntext {border: solid 1px #CCCCCC; font-size:13px; font-weight: normal; color: #222222; text-align: center; background-color: #EFEFEF; padding: 5px; width: 192px;}

.fblock {width: 500px; border: solid 1px #DDDDDD; box-shadow: 0px 5px 5px 0px #CCCCCC; }
.formh {background-color: #7A96FF; font-size: 20px; font-weight: bolder; color:#FFFFFF; margin-bottom: 20px; padding: 20px 10px 20px 10px; text-align: center;}
.formr, .formrc {background-color: #FFFFFF; font-size: 17px; font-weight:normal; color:#222222; padding: 5px;}
.formrc {text-align: center; margin-bottom: 20px;}
.formf {background-color: #D8F6C5; font-size: 17px; font-weight:normal; color:#222222; padding: 10px; border-top: solid 2px #FFFFFF;}

.cssbuttongross {border:solid 3px #FFA600; background-color: #FFBF28; width: 200px; height: 80px; font-size: 17px; font-weight: bold; color: #FFFFFF; text-align: center; text-decoration: none; display: table-cell; vertical-align: middle;}
.cssbuttongross:hover { background-color: #2DA500; color: #EFEFEF;}   

.cssbuttonhead {border: solid 2px #FFA600; background-color: #FFBF28; font-size: 20px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 40px; padding: 0 10px 0 10px; margin: 2px 0 0 0; }
.cssbuttonhead:hover {background-color: #2DA500; color: #FFFFFF; border: solid 2px #669933;}

.cssbutton { border: solid 2px #FFA600; background-color: #FFBF28; font-size: 20px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 35px; width: 100%; cursor: pointer; }
.cssbutton:hover, .cssbuttonSelected {background-color: #2DA500; color: #FFFFFF; border: solid 2px #669933; border-radius: 5px; width: 100%; cursor: pointer; }

.cssbuttongrey {border: solid 2px #EFEFEF; background-color: #FAFAFA; font-size: 20px; font-weight: bold; color: #222222; text-align: center; line-height: 35px; width: 100%; cursor: pointer; }
.cssbuttongrey:hover {background-color: #EFEFEF; color: #222222; border: #CCCCCC solid 2px ; border-radius: 5px; width: 100%; cursor: pointer; }

.scrollbutton {border: solid 2px #FFA600; background-color: #FFBF28; font-size: 20px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 42px; width: 40px; height: 40px; cursor: pointer; border-radius: 50px; margin: 5px; display: block; }
.scrollbutton:hover {background-color: #2DA500; color: #FFFFFF; border: solid 2px #669933; }

.btnraetselauswahl {border: solid 2px #FFA600; background-color: #FFBF28; font-size: 20px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 35px; box-shadow: 0px 0px 5px 0px #DDDDDD; float: right; width: 300px; margin: 0 0 20px 30px; padding: 20px 10px 20px 10px; display: block; }
.btnraetselauswahl:hover {background-color: #2DA500; color: #FFFFFF; border:solid 2px #888888; box-shadow: 0px 0px 5px 0px #AAAAAA; }

.inhaltbox { padding: 10px; border: solid 1px #CCCCCC; background-color: #FAFAFA; border-radius: 5px; margin: 10px 0 30px 0; }

.bigRaetselBtn { display: block; width: calc(100% - 40px); margin: 20px auto 20px auto; padding: 40px; border-radius: 10px; border: solid 2px #299700; background-color: #2DA500; font-size: 22px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 35px; box-shadow: 2px 2px 3px 2px #CCCCCC, -2px -2px 3px 2px #3CD700 inset; }
.bigRaetselBtn:hover {background-color: #FFBF28; color: #FFFFFF; border:solid 2px #FFA600; box-shadow: 2px 2px 3px 2px #FFD36C inset, 2px 2px 3px 2px #CCCCCC; }

.tf_button {width: 310px; padding-right: 5px;}
   
.cssformbutton {border:solid 2px #FFA600; background-color: #FFBF28; vertical-align: middle; height:46px; font-size:18px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 32px; width: 314px;}
.cssformbutton:hover {background-color: #2DA500; color: #FFFFFF; border: solid 2px #669933;}   

.level1, .level2, .level3, .level4 {padding: 0; text-align: center; margin: 0; line-height: 36px; font-size: 18px; color: #FFFFFF; font-weight: bold; opacity: 0.8; border-radius: 0 0 5px 5px; }
.level1 {background-color: #4CCD6E;} 
.level2 {background-color: #FFD350;} 
.level3 {background-color: #FF8000;} 
.level4 {background-color: #E10000;} 

.vboxlabel { background-color: #FAFAFA; float: left; padding: 5px; width: 250px; margin: 5px 5px 5px 0; }
.vboxtext { float: left; font-weight: bold; padding: 5px; margin: 5px 5px 5px 0; }

.text, .fontklein, .fontklein, .fontmedium, .fontbig, .fontlogin, .fontbigger, .start_text, .mtext {font-weight: normal; color: #222222;}
.text {font-size: 18px;}
.mtext {font-size: 15px;}
.fontklein {font-size: 11px;}
.fontmedium, .fontgross {font-size: 18px;}
.fontbig {font-size: 20px; font-weight: bolder;}
.fontbigger, .start_text {font-size: 22px; font-weight: bolder; line-height: 26px; }
.fontdouble { color: #FFFFFF; background-color: #2DA500; border-radius: 5px; padding: 1px 5px 1px 5px; position: relative; top: 4px; cursor: help; }
.fontxbig {font-size: 32px; font-weight: bolder;}
.fontlogin {font-size: 13px; line-height: 18px; }
.fonthinweisanmeldung {font-size: 16px; color:#4D6ECD !important;}
.fontgross {font-weight: bold !important;}
.fontneu { color: #7A96FF; font-weight: bold; }
.tmid { font-size: 16px; }

.punktpunktpunkt {font-size: 20px; line-height: 20px; font-weight: bold; margin: -10px 0 15px 0; width: 70px; text-align: center; }

.best_tile { margin: 40px; padding: 0; display: block; background-color: #FFFFFF; width: 460px; float: left; position: relative; }
.best_img { min-width: 440px; }
.best_con { margin: 0 auto 0 auto; width: 1100px; }
.start_tile { margin: 20px; padding: 0; display: block; background-color: #FFFFFF; width: 382px; float: left; position: relative; height: 485px; }
.start_tile:hover { background-color: #FAFAFA; }
.start_text { margin: 10px; padding: 15px; font-size: 24px; font-weight: bold; }
.start_img { width: 360px; border-radius: 5px;  }

.atext, .aklein, .alogin, .achatinfo, .agross, .afc, .afh, .abreadcrumb, .amtext, .ah2, .auebersicht, .amid {font-weight: normal; color: #4D6ECD;}
.atext {font-size: 18px; cursor: pointer; }
.abreadcrumb {font-size: 15px;}
.amtext {font-size: 15px;}
.aklein {font-size: 11px;}
.alogin {font-size: 16px; font-weight: bold !important;}
.achatinfo {font-size: 12px;}
.agross {font-size: 20px;}
.ah2 {font-size: 24px; font-weight: bold;}
.aimage { position: relative; }
.aimage:hover { top: -3px; }
.atext:hover, .aklein:hover, .alogin:hover, .achatinfo:hover, .agross:hover, .afc:hover, .afh:hover, .abreadcrumb:hover, .amtext:hover, .ah2:hover, .asng:hover, .asngh:hover, .imgboxtext:hover, .amid:hover {color: #C00000; text-decoration: underline; }
.amid {font-size: 16px;}

.showweitereinfos, .hideweitereinfos { display: none; }

.anH {font-size: 10px; text-align: right; line-height: 102%; text-align: right;}

.anzeigeside {padding: 20px 0 20px 0;}

.rootmessage {position: fixed; padding: 20px; border: solid 10px #2DA500; top:200px; left: 400px; width: 400px; background-color: #FFFFFF; display: none; z-index: 1000;}
.ladeanzeige {position: absolute; padding: 40px; border: solid 16px #2DA500; left: calc(50% - 120px); width: 200px; height: 200px; background-color: #FFFFFF; z-index: 100000; box-shadow: 0 0 6px 3px #AAAAAA; border-radius: 50%; margin: 10px 0 0 0; }
.checkanzeige {position: fixed; padding: 40px; border: solid 16px #2DA500; top: 30%; left: calc(50% - 120px); width: 200px; height: 200px; background-color: #FFFFFF; display: none; z-index: 100000; box-shadow: 0 0 6px 3px #AAAAAA; border-radius: 200px; }

.navibox, .naviboxselected {float: left; border-right: solid 1px #5A7ADB; text-align: center; height: 40px; line-height: 40px; vertical-align: middle; padding-top: 3px; cursor: pointer; }
.naviboxselected, .navibox:hover {background-color: #6A88DF;}
.naviboxlink {font-size: 20px; font-weight: bold; color: #FFFFFF; height: 42px; }
                                                                         
.subnavibox, .subnaviboxselected {float: left; border: solid 3px #DDDDDD; height: 56px; margin: 6px; background-color: #FFFFFF; display: block; width: 302px; border-radius: 7px; }
.subnaviboxselected {background-color: #EFEFEF; border: solid 3px #2DA500;}
.subnaviboxselected .subsubnavibox { background-color: #FFFFFF; }
.subnavibox:hover, .subnaviboxselected:hover {border: solid 3px #4D6ECD; cursor: pointer; }
.subnavibox:hover {background-color: #EEEEEE; border: solid 3px #4D6ECD;}
.subnaviboxlink {font-size: 18px; line-height: 20px; color: #4D6ECD; font-weight: normal; }
.subsubnaviboxlink {font-size: 18px; line-height: 25px; color: #4D6ECD; font-weight: normal; padding: 4px; }
.subnaviboxlinkactive {font-size: 18px; line-height: 25px; color: #17AF00; font-weight: normal;}
.subnaviboxlinkbig {font-size: 20px; line-height: 28px; color: #4D6ECD; font-weight: bold;}     
.subsubnavibox { float: left; height: 56px; width: 56px; border-right: solid 2px #EFEFEF; margin: 0 5px 0 0; background-color: #FFFFFF; border-radius: 10px 0 0 10px; text-align: center; }
.subnaviboxwidth {width: 220px;}
.subnaviboximg { height: 56px; max-width: 56px; padding: 0; border-radius: 5px 0 0 5px; }

.raetsel_side_menue {position: fixed; left: 1330px; top: 202px; width: 110px; overflow: hidden;}

.subnaviboxSide {border: solid 3px #AAAAAA; padding: 0 3px 0 0; background-color: #FFFFFF; width: 155px; position: relative; height: 60px; overflow: hidden; }
.subnaviboxSideHead {padding: 0; background-color: #FFFFFF; width: 110px; border: solid 3px #000000; padding: 3px; height: 54px;}
.subnaviboxSideText, .subnaviboxSideTextDone {font-size: 17px; font-weight: normal; line-height: 24px; background-color: #FFFFFF; text-align: left; width: 100%; padding-top: 7px; height: 60px; }
.subnaviboxSideTextDone { background-color: #FAFAFA; color: #2DA500; }
.subnaviboxSide:hover, .subnaviboxSideImg:hover, .subnaviboxSideHelp:hover {border: solid 3px #000000; cursor: pointer; }
.subnaviboxSideText:hover {background-color: #FAFAFA;}
.subnaviboxSideDone {border: solid 3px #2DA500; padding: 0; background-color: #FFFFFF; width: 158px; position: relative; height: 60px; overflow: hidden;}
.subnaviboxSideImg {border: solid 3px #AAAAAA; padding: 0; background-color: #FFFFFF; width: 60px; position: relative; height: 60px; overflow: hidden; display: block; }

.subnaviboxSideHelp {border: solid 3px #CCCCCC; padding: 0 3px 0 0; background-color: #FFFFFF; width: 60px; position: relative; height: 60px; overflow: hidden; border-radius: 5px; }
.subnaviboxSideHelpImg {width: 50px; height: 50px; padding: 5px; }


.imagehead {float:right; width: 100px; height: 100px; border: solid 1px #EFEFEF; margin-bottom: 20px; margin-left: 20px;}
.image_border, .image_noborder {margin: 15px 0 25px 25px; float:right;}
.image_border {border:solid 2px #DDDDDD;}
.image_border:hover {border:solid 2px #4D6ECD;}
.image_border_np {border:solid 2px #DDDDDD; margin: 0;}
.image_border_np:hover {border:solid 2px #4D6ECD;}

.hingucker, .filtercontainer {border:solid 1px #CCCCCC; background-color: #FAFAFA;}
.hinguckerbutton {border: solid 1px #DDDDDD; background-color: #EFEFEF; cursor: pointer; font-size: 12px; color: #000000; padding: 2px;}
.hinguckerbutton:hover { background-color: #BBBBBB; color: #FFFFFF; }
.filtercontainer {padding: 20px 30px 30px 30px; box-shadow: 2px 2px 3px 1px #CCCCCC; }
.bestbilddt { float: right; height: 100px; border: solid 1px #EFEFEF; border-radius: 5px; margin: 0 20px 10px 20px; }

.fbbox { border: solid 10px #7A96FF; cursor: pointer; height: 50px; width: 442px; padding: 10px 20px 10px 20px; border-radius: 20px; margin: 0 0 10px 20px; background-color: #FAFAFA; font-size: 18px; line-height: 25px; float: right; box-shadow: 5px 5px 10px silver;}
.fbboxan { border: solid 10px #7A96FF; cursor: pointer; padding: 10px 20px 10px 20px; border-radius: 30px; margin: 0 0 10px 20px; background-color: #FAFAFA; font-size: 18px; box-shadow: px 5px 10px silver; }
.fbbox:hover, .fbboxan:hover { border: solid 10px #2DA500; opacity: 0.8;  background-color: #FFFFFF; }
.logbox { width: 50%; float: left; }

.boxzoom { border: solid 1px #DDDDDD; cursor: pointer; float: left; width: 30px; height: 30px; line-height: 30px; background-color: #FAFAFA; margin: 10px; border-radius: 5px; font-weight: bold; font-size: 24px; }
.boxzoomlevel { border: solid 1px #DDDDDD; cursor: pointer; float: left; width: 80px; height: 30px; line-height: 30px; background-color: #FFFFFF; margin: 10px 0 10px 0; border-radius: 5px; font-weight: bold; font-size: 20px; text-align: center; }
.boxzoom:hover { background-color: #EFEFEF; }
.rlabel {font-size: 14px; width: 70px; font-weight: bold;}
.box, .roundedbox, .level1, .level2, .level3, .level4, .linkbox, .pmbox { border: solid 1px #DDDDDD; }
.sbox { border: solid 3px #DDDDDD; cursor: pointer; border-radius: 10px; box-shadow: 5px 5px 10px 0 #AAAAAA; }

.boxstart { float: right; margin: 20px 10px 30px 30px; border-radius: 10px; width: 250px; height: 250px; background-repeat: no-repeat; background-size: cover; border: solid 3px #DDDDDD; cursor: pointer; box-shadow: 5px 5px 10px 0 #AAAAAA; }
.boxstart:hover { border: #5A7ADB 3px solid; }
.mininavi, .mininavisel { width: 60px; margin: 0; border: solid 1px #888888; border-radius: 5px; }
.mininavi:hover { border: solid 5px #2DA500; width: 52px; }
.mininavisel { border: solid 5px #5A7ADB; width: 52px; }

.startbox { float: right; margin: 40px 10px 10px 20px; border-radius: 10px; width: 400px; border: solid 1px #DDDDDD; cursor: pointer; }
.boxni { border: solid 1px #DDDDDD; cursor: pointer; float: left; margin: 3px; border-radius: 5px; }
.boxnisel { border: solid 1px #2DA500; cursor: pointer; float: left; margin: 3px; border-radius: 5px; }
.boxniimg { min-width: 45px; max-width: 45px; margin: 0 0 -7px 0; border-radius: 5px; }
.platzbox { padding: 15px; display: block; color: #222222; background-color: #FAFAFA; border-radius: 5px; box-shadow: 1px 1px 1px 1px #EFEFEF; line-height: 30px; margin: 20px 0 40px 0; border: solid 1px #DDDDDD; }
.boxni:hover, .box:hover, .kachelbox:hover, .linkbox:hover, .boxbestlistsmall:hover, .imgbox:hover, .startbox:hover { border: solid 1px #AAAAAA; opacity: 0.8; }
.boxbestlistsmall { float: left; width: calc(50% - 12px); margin: 0 0 20px 0; cursor: pointer; border: solid 1px #DDDDDD; border-radius: 5px ;}
.linkbox { float: left; margin: 5px 10px 0 0; padding: 5px 10px 5px 10px; background-color: #EFEFEF; display: block; }
.kachelbox { border: solid 1px #DDDDDD; margin: 10px 10px 20px 10px; width: 287px; float: left; height: 238px; }
.kachelboxtitel { text-align: center; font-weight: bold; line-height: 46px; font-size: 18px; color: #222222; background-color: #FFFFFF; border-radius: 10px 10px 0 0; background-color: #FFFFFF; border-bottom: solid 1px #CCCCCC; }
.kachelimg { max-width: 287px; max-height: 192px; margin: 0 0 -6px 0; border-radius: 0 0 5px 5px; }
.rprop { border: solid 1px #DDDDDD; padding: 5px; background-color: #FFFFFF; width: 80px; text-align: center; } 
.roundedboxinfo {border: solid 5px #2DA500; background-color: #FFFFFF; }
.infoboxpers {border: solid 5px #2DA500; background-color: #FFFFFF; width: calc(100% - 30px); margin: 20px 10px 20px 0; padding: 10px; }
.raetselAuswahlHeader { padding: 20px; margin-bottom: 20px; border:solid 2px #CCCCCC; box-shadow: 0px 0px 5px 0px #DDDDDD; }
.raetselAuswahlHeaderBild { margin-left: 220px; }
.imghover { border: 3px solid #7A96FF;  border-radius: 5px; }
.imghover:hover { margin: 1px; border: 3px solid #CCCCCC; }  
.clickBox { position: relative; bottom: 43px; left: 138px; }
.landingClickBox { position: relative; top: 60px; left: 0; border: solid #7A96FF 3px; border-radius: 10px; padding: 20px; background-color: #FFFFFF; }

.wettStartBox { border:solid 2px #BBBBBB; box-shadow: 2px 2px 5px 0px #DDDDDD; border-radius: 10px; width: 60%; margin: 30px auto 50px auto; cursor: pointer; display: flex; font-weight: bold; font-size: 26px; line-height: 40px; background-color: #2DA500; }
.wettStartBox:hover { background-color: #7A96FF; }
.wettStartBoxKlick { position: relative; float: right; margin: -20px -10px 0 0; border-radius: 10px; box-shadow: 2px 2px 10px 0 #888888; }
.wettStartBox:hover .wettStartBoxKlick { margin: -15px -5px 0 0; }
.raetselStartBoxImg, .raetselStartBoxImga { width: 300px; border-radius: 8px; margin: 0 0 -7px 0; }
.raetselStartBoxCon { margin: 50px 20px 30px 30px; float: right; border-radius: 10px; border:solid 2px #BBBBBB; box-shadow: 2px 2px 5px 0px #DDDDDD; }
.buttonjetztstarten { position: absolute; top: 10px; right: 10px;}
.raetselStartBoxCon:hover .buttonjetztstarten { rotate: 10deg; }
.raetselStartBoxCon:hover, .werbefreibox:hover, .wettStartBox:hover { border:solid 2px #888888; box-shadow: 0px 0px 5px 0px #AAAAAA; border-radius: 10px; cursor: pointer; }

.raetselStartBoxCona { margin: 10px 20px 30px 30px; float: right; border-radius: 10px; border:solid 2px #BBBBBB; box-shadow: 2px 2px 5px 0px #DDDDDD; }

.raetselStartText { text-align: center; padding: 20px; background-color: #2DA500; line-height: 32px; font-size: 24px; font-weight: bold; color: #FFFFFF; }                        

.roundedshadow {border:solid 2px #BBBBBB; box-shadow: 0px 0px 5px 0px #DDDDDD; }
.startkachel, .kachelraetselvarianten {margin-bottom: 20px; border:solid 2px #BBBBBB; box-shadow: 0px 0px 5px 0px #DDDDDD; }
.kachelraetselvarianten { padding: 20px; }
.startkachel { height: 420px; border-radius: 10px; }
.startkachel_small {border:solid 2px #BBBBBB; box-shadow: 0px 0px 5px 0px #DDDDDD;}
.startkachel_small_img {float: left; padding: 7px 7px 0 5px;}
.startkachel_small_text {float: left; padding-top: 22px;}
.startkachel_sub { background-color: #FFFFFF; }
.startkachel_h2 { }
.startheader, .boxheader {background-color: #7A96FF; font-size: 20px; font-weight: bolder; color:#FFFFFF; padding: 15px; border-radius: 3px 3px 0 0; }
.bysideheader {background-color: #2DA500; font-size: 18px; font-weight: bolder; color:#FFFFFF; padding: 10px; border-top-left-radius: 2px; border-top-right-radius: 2px; text-align: center; width: 142px;}

.dd_raetselfilter {font-size:14px; width:204px; padding: 5px; box-shadow: 0px 0px 1px 0px #DDDDDD; margin-top: 10px; margin-bottom: 10px; cursor: pointer; }
.dd_raetselauswahl {font-size:18px; width: 100%; box-shadow: 0px 0px 1px 0px #DDDDDD; height: 59px; -webkit-appearance: none; padding-left: 10px; cursor: pointer; background-color: #FFFFFF; }
.dd_land {width:312px;}
.dd_tp_kategorie {width:600px;}

.tf_kontakt, .tf_pers_kwr, .tfchat, .ta_kontakt, .ta_pers_kwr, .tf_aufgabe, .tf, .tf_plz, .dd_land, .tf_ort, .dd_tp_kategorie, .ta_tp_beitrag, .tf_tp_titel, .tf_anrede {font-family:Arial,Sans-Serif; font-size: 18px; padding: 4px; box-shadow: 0px 0px 1px 0px #DDDDDD;}
.tf_kontakt {width: 480px;}
.tf_pers_kwr {width: 300px;}
.tf_anrede {width: 312px;}
.tfchat {width: 300px; height: 50px;}
.ta_kontakt {width: 480px; height: 220px;}
.ta_pers_kwr {width: 600px; height: 250px;}
.ta_tp_beitrag {width: 587px; height: 220px;} 
.tf_aufgabe {font-size:20px !important; width:60px; height: 18px;}
.tf {width: 300px;}
.tf_plz {width: 60px;}
.tf_ort {width: 214px;}
.tf_tp_titel {width: 587px;} 
.tf_gcode {width: 100px; font-size: 32px; font-weight: bold; box-shadow: 0px 0px 1px 0px #DDDDDD; padding: 12px; text-transform: uppercase; text-align: center;}

.timerzeit {font-size: 20px; font-weight: bold; color: #BA0000;}
.timerzeitside {font-size: 22px; font-weight: bold; color: #BA0000; display: none; }
.scroll {height:40px; border-bottom: solid 1px #DDDDDD; background-color: #EFEFEF;}
.chatmessagebox {border: solid 1px; width: 100%; padding:3px;}
.infoboxhide {display: none;}
.infoboxshow {border:solid 3px #669933; display: inline; width: 100%; position: absolute; background-color: #FFFFFF; padding: 15px; left: 5px; z-index: 95;}

.t07 {width: 100%; border-collapse: seperate; border-spacing: 0; border: none;}
.t07 td {padding: 7px;}
.t03 {width: 100%; border-collapse: seperate; border-spacing: 0; border: none;}
.t03 td {padding: 3px;}

#overlayframe { width: 100%; height: 550px; border: none; overflow-x: hidden; overflow-y: scroll; }
.overlay_frame { background-color: #FFFFFF; width: 675px; margin: auto; top: 5%; left: calc(50% - 337px); position: fixed; border: solid 2px #FFFFFF; box-shadow: 0px 0px 10px 0 #222222; }

.msg_frame { background-color: #FFFFFF; width: calc(100% - 150px); max-width: 1200px; margin: auto; top: 100px; left: 70px; position: fixed; border: solid 2px #FFFFFF; box-shadow: 0px 0px 10px 0 #222222; display: none; border-radius: 10px; z-index: 10000000; }
.msg_content { overflow-x: none; overflow-y: scroll; max-height: 80vh; padding: 0 20px 0 20px; margin: 0; }
.msgx {float: right; padding: 0; width: 50px; margin: -65px 0; font-size: 30px; line-height: 50px; font-weight: bold; height: 50px; border-radius: 10px; box-shadow: 0px 0px 10px 0 #222222; border: solid 2px #EFEFEF; background-color: #FFFFFF; color: #222222; text-align: center; cursor: pointer; z-index: 100000000; }
.msgx:hover {background-color: #EFEFEF; color: #222222; border: #CCCCCC solid 2px; }

.sharebox { width: 1060px; margin: auto; }
.sharebuttons { margin: 0 auto -10px auto; padding: 30px; display: inline-block; }
.somebuttons { font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; float: left; margin-right: 10px; display: block; color: #FFFFFF; text-align: center; cursor: pointer; width: 250px; }
.somehinweis { float: left; width: 200px; text-align: center; background-color: #2DA500; height: 30px; line-height: 30px; margin-right: 10px; font-weight: bold; color: #FFFFFF; font-size: 14px; }
.somebuttonsfb { background-color: #3B5998; width: 200px; }
.somebuttonspi { background-color: #D34836; width: 200px; }
.somebuttonstw { background-color: #55ACEE; width: 200px; }
.somebuttonsmail { background-color: #6cc9ee; width: 200px; }
.somebuttonsfb:hover, .somebuttonspi:hover, .somebuttonstw:hover, .somebuttonsmail:hover { opacity: 0.8; } 
.sharesideinfo { width: calc(100% - 10px); text-align: center; background-color: #2DA500; color: #FFFFFF; font-weight: bold; padding: 10px; }
.shareside { text-align: center; padding: 0; background-color: #FFFFFF; margin: 20px 0 15px 15px; }
.yellowright { color: #FFBF28; font-size: 20px; top: 0; position: relative; }
.wettkampftickercon { margin: 20px 0 0 0; }

.kachel_left { float: left; width: calc(50% - 20px); margin: 0 20px 20px 0; }
.kachel_right { float: left; width: calc(50% - 20px); margin: 0 0 20px 20px; }

.tickersideinfo { width: 146px; text-align: center; background-color: #2DA500; color: #FFFFFF; font-weight: bold; padding: 7px; }
.tickerside { width: 150px; height: 200px; overflow-x: hidden; overflow-y: scroll; padding: 5px; }

.faqfrage { padding: 10px; background-color: #7A96FF; border-radius: 5px; cursor: pointer; margin: 0 0 10px 0; font-weight: bold; color: #FFFFFF; }
.faqantwort { padding: 10px; background-color: #FAFAFA; margin: 0 0 20px 0; border-radius: 5px;  border: solid 1px #CCCCCC; }
.filterbox { padding: 25px 20px 25px 20px; margin: 25px auto 20px auto; background-color: #FAFAFA; }

*:focus { outline: none; }    
    
.fileuploadbutton::-webkit-file-upload-button { visibility: hidden; }
.fileuploadbutton::before { content: 'Datei auswählen'; display: inline-block; background: #FAFAFA; border: 1px solid #999; border-radius: 5px; padding: 8px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-size: 13pt; text-align: center; margin: 10px 0 0 0; font-weight: 700; width: calc(100% - 18px); }
.fileuploadbutton:hover::before { border-color: black; background: #EFEFEF; }
.fileuploadbutton:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }

.boxscrollerl { width: 600px; height: 320px; border: solid 1px #CCCCCC; border-radius: 5px; float: left; margin: 0; position: relative; }
.boxscrollerr { width: 600px; height: 320px; border: solid 1px #CCCCCC; border-radius: 5px; float: right; margin: 0; position: relative; }

.boxscroller { background-color: #FFFFFF; overflow-x: hidden; overflow-y: scroll; height: 250px; padding: 10px 10px 0 10px; border-radius: 10px; position: relative; }
.boxkreisel { position: absolute; width: 600px; }
.boxLeft { width: 70px; height: 70px; color: #222222; background-color: #FAFAFA; font-weight: bold; text-align: center; line-height: 70px; border-radius: 5px 0 0 5px; font-size: 36px; border-right: solid 1px #CCCCCC; }
.boxImage { border-left: solid 1px #CCCCCC; margin: 0 0 -7px 0; width: 70px; height: 70px; border-radius: 0 5px 5px 0; }
.boxBlur { color: #FFFFFF; float: right; font-size: 36px; font-weight: bold; line-height: 50px; cursor: pointer; margin: 0 10px 0 0; }
.boxBlur:hover { color: #EFEFEF; }
.infoBox { background-color: #FFFFFF; width: 100%; font-size: 14px; line-height: 28px; height: 28px; margin: 13px 0 0 0; padding: 0 0 0 10px; }

.boxText { padding: 12px 12px 0 12px; height: 46px; overflow: hidden; }

.boxuebersicht { padding: 18px 0 15px 30px; background-color: #FAFAFA; margin: 0 0 -12px 0; }

.fett { font-weight: bold; }

.backer { border-bottom: solid 2px #CCCCCC; text-align: center; width: calc(100% - 16px); padding: 10px; background-color: #7A96FF; display: block; font-weight: bold; color: #FFFFFF; margin: 0 0 10px 0; border-radius: 5px; } 
.backer:hover { background-color: #5A7ADB; }

.pstar { float: left; font-size: 20px; color: #FFBF28; padding: 0; margin: 0 -2px 0 -2px; }
.pstar1 { float: left; margin: 0 5px 0 0; }
.pstar2 { float: left; }
.pstar3 { float: left; font-size: 24px; color: #FFBF28; padding: 0; margin: 0; }

.sidestickycon300x600 { float: left; margin: 20px 0 0 20px; width: 300px; min-height: 600px; position: sticky; top: 20px; border-radius: 5px; overflow: hidden; cursor: pointer; }
.sidestickycon300x250 { float: left; margin: 20px 0 0 20px; width: 300px; height: 250px; position: sticky; top: 20px; background-color: #FFFFFF; border-radius: 5px; overflow: hidden; border: solid 1px #FFFFFF; cursor: pointer; }
.sidestickycon160x600 { float: left; margin: 20px 0 0 20px; width: 160px; height: 600px; position: sticky; top: 20px; background-color: #FFFFFF; border-radius: 5px; overflow: hidden; border: solid 1px #FFFFFF; cursor: pointer; }

.ttadd { height: 220px; background-color: #FFFFFF; position: relative; border: 3px solid #CCCCCC; overflow: hidden; border-radius: 7px;}
.ttadd:hover { border: 3px solid #2DA500; }

.raetselSelector { font-size: 20px; line-height: 46px; width: calc(100% - 2px); margin: 10px 0 0 0; background-color: #2DA500; color: #FFFFFF; font-weight: bold; border: solid 2px #669933; border-bottom: none; border-radius: 5px 5px 0 0; text-align: center; }
.tickerHead { font-size: 20px; line-height: 46px; width: calc(100% - 4px); margin: 0 0 0 0; background-color: #7A96FF; color: #FFFFFF; font-weight: bold; border: solid 2px #CCCCCC; border-bottom: none; border-radius: 5px 5px 0 0; text-align: center; position: relative;}
.tickerCon { height: 300px; overflow-y: scroll; border: solid 2px #CCCCCC; border-top: none; border-radius: 0 0 5px 5px; background-color: #FFFFFF; }

.rnaviscroller, .rnaviscrollerb
{
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: #CCCCCC;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 24px;
    width: calc(100% - 2px);
    border: solid 2px #FFA600;
    background-color: #FFBE3C;
    margin: 0;
    user-select: none;
}	

#rnaviraetselbox { background-color: #FFFFFF; }
.rootnavlinksbox { padding: 2px; width: calc(100% - 4px); height: 225px; overflow-y: scroll; overflow-x: none; position: relative; }

.rootsubnavlinkscon, .rootsubnavlinksconsel { margin: 5px 10px 10px 10px; line-height: 29px; font-size: 18px; border-radius: 9px; background-color: #FFFFFF; cursor: pointer; }

.rootnavlinkscon, .rootnavlinksconsel { margin: 5px 10px 10px 10px; line-height: 62px; font-size: 20px; font-weight: bold; border-radius: 9px; background-color: #FFFFFF; cursor: pointer; }
.rootnavlinkscon:hover, .rootsubnavlinkscon:hover { border: solid 3px #5677d8; background-color: #FAFAFA; }

.rootnavlinkscon, .rootsubnavlinkscon { border: solid 3px #CCCCCC; }

.rootnavlinksconsel, .rootsubnavlinksconsel { border: solid 3px #5677d8; cursor: pointer; }

.rootnavlinks { color: #000000; padding: 0 10px 0 10px; height: 60px; border-radius: 5px 0 0 5px; width: calc(100% - 80px);}
.anav { color: #000000; }

.rootnavlinkssel { color: #FFFFFF; background-color: #7A96FF; padding: 0 10px 0 10px; height: 60px; border-radius: 5px 0 0 5px; width: calc(100% - 80px); }
.anavsel { color: #FFFFFF; }

.naviimg { float: right; height: 60px; width: 60px; margin: 0; border-radius: 0 5px 5px 0; background-color: #FFFFFF; }
.rnaviscrollerb { border-radius: 0 0 5px 5px; margin: 0 0 20px 0; }
.raetselnavicon { position: relative; width: 100%; padding: 10px 0 10px 0; border-left: 1px solid #CCCCCC;  border-right: 1px solid #CCCCCC; }
.benutzernavicon {height: 315px; border-radius: 0 0 5px 5px; border: solid 1px #CCCCCC; padding: 10px; background-color: #FFFFFF; width: calc(100% - 20px); }

.auswahlnavicon { position: relative; width: 100%; padding: 10px 0 10px 0; border-left: 1px solid #CCCCCC;  border-right: 1px solid #CCCCCC; height: 300px; }

.navicon { margin: 20px auto 30px auto; background-color: #FAFAFA; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; padding: 0; }

.newsboximg { width: 200px; margin: 5px 5px 10px 10px; float: right; border-radius: 10px; }

.btnMehrInfos { width: 160px; float: left; border-radius: 5px; }
.btnMehrInfos:hover { opacity: 0.8; }

.btnKlickHierCon { position: absolute; top: 50%; left: calc(50% - 100px); }
.btnKlickHier { width: 200px; float: left; border-radius: 5px; border: solid 3px #7A96FF; }
.btnKlickHier:hover { border: solid 3px #CCCCCC; }

.add300x600 { width: 294px; height: 594px; margin: 0; background-color: #FFFFFF; border: solid 3px #CCCCCC; border-radius: 5px; }
.add300x600:hover { border: solid 3px #2DA500; }

.mjsteinmotiv { height: 36px; margin: -1px 0 -10px 0; padding: 0 5px 0 5px; }