/*kopiere diese Zeilen in dein Template.css und aendere sie dort. So werden Aenderungen bei einem Upgrade nicht ueberschrieben. */

/*======================================================================*/
/*Farben der Ueberschrift*/
.hlcl_col1 .wub_headline {color: #666;}
.hlcl_col2 .wub_headline {color: #999;}
.hlcl_col3 .wub_headline {color: #555;}

/*Farben der Bloecke*/
.textbg_col1 .wub_text {background-color: #eee;}
.textbg_col2 .wub_text {background-color: #ddd;}
.textbg_col3 .wub_text {background-color: #555; color:#fff ! important;}

.asidebg_col1 .wub_aside {background-color: #eee;}
.asidebg_col2 .wub_aside {background-color: #ddd;}
.asidebg_col3 .wub_aside {background-color: #555;}

.rounded_1 .wub_mainblock {border-radius:30px; overflow:hidden;}
.rounded_2 .wub_mainblock {border-radius:100px; overflow:hidden;}
.rnded_img .wub_aside_img img {border-radius:50%;}


.intent_col1 .wub_intent {background-color: #eee;}
.intent_col2 .wub_intent {background-color: #ddd;}
.intent_col3 .wub_intent {background-color: #555;}
.intent_col3 .wub_intent .wub_text { color:#fff ! important;}

/*sonstiges*/
.hilite_a1 a.wub_lastlink {box-sizing: border-box; position:absolute; z-index:300; bottom: -5px; right:2%; padding: 10px 40px 10px 8px; border-radius: 10px; background: #ffce00 url(img/arr.png) no-repeat center right; }
.hilite_a2 a.wub_lastlink {box-sizing: border-box; display:block; max-width:40%; float:right; padding: 10px 40px 10px 8px; border-radius: 10px; margin-right: -2%; background: #ffce00 url(img/arr.png) no-repeat center right; }




.wub_bottom {clear:both; width: 100%; padding-bottom:3%; }

/* Notiz..
.blau {background: #003770;}
.gelb {background: #ffd200;}
.grau {background: #ccc;}
*/


/*======================================================================*/

.wub_avoid_overflow {overflow:hidden;}
.wunderblock {position:relative; clear:both; overflow:hidden;}

.wub_clear {clear:both; height:0;}

.wub_headline, .wub_aside, .wub_text, .wub_hl_block {box-sizing: border-box;}
.wub_text {position:relative; overflow: hidden;}

span.wub_inner {display:block;}
.wub_text .wub_inner, .wub_aside_wysiwyg .wub_inner {}



.wub_text_left  .wub_aside {float:right; width:50%;}
.wub_text_left  .wub_text {float:left; width:50%;}
.wub_text_right .wub_aside {float:left; width:50%;}
.wub_text_right .wub_text {float:right; width:50%;}


.wub_text_left.wub_hl_block .wub_hl_block, .wub_text_right.wub_hl_block .wub_hl_block  {float:left; width:33.333%;}
.wub_text_left.wub_hl_block .wub_aside, .wub_text_right.wub_hl_block .wub_aside {float:right; width:33.333%;}
.wub_text_left.wub_hl_block .wub_text, .wub_text_right.wub_hl_block .wub_text {float:right; width:33.333%;}


.wub_hl_top .wub_headline, .wub_hl_bottom .wub_headline, .wub_text_top .wub_text {text-align:center;}


.wub_text {padding:3px 0 0 0;}
.textbg_col1 .wub_text, .textbg_col2 .wub_text, .textbg_col3 .wub_text  {padding:8px 2% 5px 2%;}
.wub_text_left .wub_text  {padding:3px 1% 0 0%;}
.textbg_col1 .wub_text_left .wub_text, .textbg_col2 .wub_text_left .wub_text, .textbg_col3 .wub_text_left .wub_text  {padding-left:1%;}
.wub_text_right .wub_text  {padding:3px 1% 0 2%;}
.textbg_col1 .wub_text_right .wub_text, .textbg_col2 .wub_text_right .wub_text, .textbg_col3 .wub_text_right .wub_text  {padding-right:2%;}



.wub_aside {width:100%; XXfloat:left;}
.wub_aside img {width:100%; float:left;}
/*
.wub_text_top .wub_aside_img, .wub_text_bottom .wub_aside_img {width:100%; display:block;}
.XXwub_text_top .wub_aside_img {width:100%; float:left;}
*/
.wub_mainblock_wub_eq {display:flex; align-items: stretch;}

.wub_aside .responsiveVideo {  position: relative; padding-bottom: 56.25%; padding-top: 30px;  height: 0; overflow: hidden; clear:both;}
.wub_aside .responsiveVideo iframe,  .responsiveVideo object, .responsiveVideo embed {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.wub_aside iframe {width: 100%;}






/* ====================================================================
useable classes 
*/




.XXwunderblock .normal {width:80%; max-width:1024px; margin: 0 auto; clear:both;}
.XXwunderblock .wide {width:100%; max-width:100%; clear:both;}

.wub_headline {margin: 20px 0 10px 0; padding:0}
.hlsz_09em .wub_headline {font-size:0.9em ! important; }
.hlsz_12em .wub_headline {font-size:1.2em ! important;}
.hlsz_2em .wub_headline {font-size:2em ! important;}
.hlsz_3em .wub_headline {font-size:3em ! important;}
.hlsz_4em .wub_headline {font-size:4em ! important;}


.hlwe_normal .wub_headline {font-weight:normal;}
.hlwe_bold .wub_headline {font-weight:bold;}

.hlwe_normal .wub_headline {font-weight:normal;}
.hlwe_bold .wub_headline {font-weight:bold;}

.hlal_left .wub_headline {text-align:left ! important;}
.hlal_center .wub_headline {text-align:center ! important;}
.hlal_right .wub_headline {text-align:right ! important;}


.faux_1 .wub_intent {	background: url(img/faux1.png) repeat-y; background-size: 100% auto, auto;}
.faux_2 .wub_intent {	background: url(img/faux2.png) repeat-y; background-size: 100% auto, auto;}
.faux_1 .wub_hl_block .wub_mainblock {	background: url(img/faux31.png) repeat-y; background-size: 100% auto, auto; }
.faux_2 .wub_hl_block .wub_mainblock {	background: url(img/faux32.png) repeat-y; background-size: 100% auto, auto;}

.wider_left .wub_text_right .wub_text {width:33.333%;}
.wider_left .wub_text_right .wub_aside {width:66.666%;}
.wider_left .wub_text_left  .wub_text {width:66.666%;}
.wider_left .wub_text_left  .wub_aside {width:33.333%;}

.wider_right .wub_text_right .wub_text {width:66.666%;}
.wider_right .wub_text_right .wub_aside {width:33.333%;}
.wider_right .wub_text_left  .wub_text {width:33.333%;}
.wider_right .wub_text_left  .wub_aside {width:66.666%;}

.wider_text .wub_text {width:66.666%;}
.wider_text .wub_aside {width:33.333%;}
.wider_left .wub_headline {text-align:left;}

.wider_left2 .wub_text_right .wub_text {width:25%;}
.wider_left2 .wub_text_right .wub_aside {width:75%;}
.wider_left2 .wub_text_left  .wub_text {width:75%;}
.wider_left2 .wub_text_left  .wub_aside {width:25%;}

.wider_right2 .wub_text_right .wub_text {width:75%;}
.wider_right2 .wub_text_right .wub_aside {width:25%;}
.wider_right2 .wub_text_left  .wub_text {width:25%;}
.wider_right2 .wub_text_left  .wub_aside {width:75%;}

.wider_text2 .wub_text {width:75%;}
.wider_text2 .wub_aside {width:25%;}
.wider_left2 .wub_headline {text-align:left;}
.wider_left2 .wub_headline .wub_hl_inner {margin-left: 18px;}



.wider_left3 .wub_text_right .wub_text {width:16.6%;}
.wider_left3 .wub_text_right .wub_aside {width:83.3%;}
.wider_left3 .wub_text_left  .wub_text {width:83.3%;}
.wider_left3 .wub_text_left  .wub_aside {width:16.6%;}

.wider_right3 .wub_text_right .wub_text {width:83.3%;}
.wider_right3 .wub_text_right .wub_aside {width:16.6%;}
.wider_right3 .wub_text_left  .wub_text {width:16.6%;}
.wider_right3 .wub_text_left  .wub_aside {width:83.3%;}

.wider_text3 .wub_text {width:83.3%;}
.wider_text3 .wub_aside {width:16.6%;}
.wider_left3 .wub_headline {text-align:left;}
.wider_left3 .wub_headline .wub_hl_inner {margin-left: 18px;}


/*Abstand*/
.botm_none .wub_bottom {padding-bottom:0; }
.botm_more .wub_bottom {padding-bottom:5%; }
.botm_much .wub_bottom {padding-bottom:8%; }

.bots_style1 .wub_bottom {background: url(img/bots_dot.png) repeat-x center center;}
.bots_style2 .wub_bottom {background: url(img/bots_shadow.png) no-repeat center top; background-size: 100% auto, auto;}
.bots_style3 .wub_bottom {background: url(img/bots_line.png) no-repeat center center; background-size: 80% 24px, auto;}
.bots_style4 .wub_bottom {background: url(img/bots_smile.png) no-repeat center center; background-size: auto 100%, auto;}
.bots_style5 .wub_bottom {background: url(img/bots_ornament.png) no-repeat center center; background-size: auto 100%, auto;}


/*spezial*/
.wwid_full {}
.wwid_main .wub_mainblock {margin: 0 auto; max-width:1024px;}
.wwid_int .wub_text_bottom .wub_inner, .wwid_int .wub_text_top .wub_inner {max-width:1024px; margin:0 auto;}

.wwid_med {width:80%; max-width:1024px; margin: 0 auto; clear:both;}
.wwid_int .wub_inner {max-width:500px;}
.wwid_int .wub_text_right .wub_aside .wub_inner, .wwid_int .wub_text_left .wub_text .wub_inner  {float:right;}




/* ====================================================================*/
/*Frontend Edit*/
a.wub_editlink {display: block; position:absolute; top:10px; right: 10px; width:32px; height: 32px; background: url(img/edit32.png) no-repeat; opacity: 0.1;  transition:0.5s all; }
a.wub_editlink:hover {opacity: 0.5; }
.wub_edit_class {display:block; float:left; width: 32px; height:32px; border-radius: 50%; cursor:pointer; margin-top:-30px; margin-left:0; opacity:0.5; transition: 1s opacity; background: #ffc000 url(img/selclasses.png) no-repeat; background-size: 100% auto, auto;}
.wunderblock:hover .wub_edit_class {opacity:0.9;}


#selclass_chooser { font-size: 13px; line-height:100%; border-bottom: 2px #333 solid; padding:5px 1%; background: #f5f5f5;}
#selclass_chooser h4 {padding:10px 0 2px 0; margin:0; }
#selclass_chooser p {padding:2px 0 5px 0; margin:0; }
#selclasses {background: #f6ffcb; width: 100%;}
#selclass_chooser span {display:inline-block; background: #ddd; border-radius: 4px; padding:1px 4px; margin-right:3px; cursor:pointer;}
#selclass_chooser span.isselected {background: #ffc000;}
.wub_save_selclass_fe {cursor:pointer; background: #ffc000; padding: 5px; float:right; border-radius: 4px; margin-top:-30px; transition: 1s background;}
.wub_save_selclass_fe.wub_done_ok {background: #25c53f;} 
.wub_save_selclass_fe.wub_done_err {background: #fb0505;} 







/* ====================================================================*/


/*Smaller Screens */
@media screen and (max-width: 1024px) {
	.wunderblock .wwid_med {width:100%; }

}

@media screen and (max-width: 768px) {
	.wunderblock .wub_mainblock .wub_m100, .wub_inner {float:none; max-width:100%; width:100%;}
	.wub_mainblock_wub_eq {display:block; align-items: stretch;}
	

	.wub_text_left.wub_hl_block .wub_headline, .wub_text_right.wub_hl_block .wub_headline  {float:none; width:100%;}
	.wub_text_left.wub_hl_block .wub_aside, .wub_text_right.wub_hl_block .wub_aside {float:none; width:100%;}
	.wub_text_left.wub_hl_block .wub_text, .wub_text_right.wub_hl_block .wub_text {float:none; width:100%;}	

	.wub_text_right .wub_text, .wub_text_left .wub_text  { padding: 3px 0 0 0; }
	
	.wub_text .wub_inner {width: 90%; margin:0 5% 0 5%;}
	
	.faux_1 .wub_mainblock, .faux_2 .wub_mainblock {background-image:none;}
	.faux_1 .wub_hl_block .wub_mainblock, .faux_2 .wub_hl_block .wub_mainblock {background-image:none;}
}

@media screen and (max-width: 440px) {
	.hlsz_2em .wub_headline {font-size:1.6em;}
	.hlsz_3em .wub_headline {font-size:2em;}
	.hlsz_4em .wub_headline {font-size:2.5em;}

}