@import url('kram/admin.css');


.tsrs_wrapper { position:relative; padding:10px 0 30px 0; }

.tsrs_block {float:left; position:relative;}
.tsrs_block5  {width:20%; }
.tsrs_block4  {width:25%; }
.tsrs_block3  {width:33.3%; }
.tsrs_block2  {width:50%; }
.tsrs_block1  {width:100%; }
.griddivider {width:100%; clear:both;}

.tsrs_content {float:left; width:100%; padding-bottom:10px; min-height:150px;}


.tsrs_block .tsrs_block_inner {margin:8px; padding:8px; border-radius:8px;  position:relative; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;} /* word-break: break-all*/

.tsrs_block_inner.tsrs_active2 {background: rgba(166,200,20,0.1) url(img/active2.png) no-repeat right bottom  }
.tsrs_block_inner.tsrs_active3 {background: rgba(166,200,20,0.2) url(img/active3.png) no-repeat right bottom  }


.tsrs_picture_box {position:relative;}
.tsrs_block a.tsrs_picture_link {margin-bottom: 8px; display:block; width: 100%; } /*background-position: center center; */
.tsrs_block a.tsrs_picture_link span.a_bgspan {display:block; float:left; width:100%; background-size: 100% auto, auto; background-repeat: no-repeat;  background-position: center center; transition: 0.5s all;}
.tsrs_block .tsrs_picture {width:100%; opacity: 1; float:left; transition: 0.8s all;}

.tsrs_block .linkmarker {display:none; position:absolute; right:5px; bottom:5px; width:24px; height:24px;  background: url(img/linkmarker.png) no-repeat center center; background-size: 100% 100%, auto; opacity:0.5; transition: 0.5s opacity;}
.tsrs_block .tsrs_picture_link:hover .linkmarker {opacity:1;}

.tsrs_clear {display:block; height: 0; clear:both;}

.tsrs_block .tsrs_edit.tsrs_text {border: 2px dotted #009933; background: rgba(255,255,51,0.3); }
.tsrs_block h3 { margin:0; padding:0 0 5px 0;}
.tsrs_block .tsrs_block_inner div ul>br {display:none;} /*stoerende Linebreaks durch nl2br entfernen*/


.tsrs_block .tsrs_picture_box2 a.tsrs_picture_link {position:relative; width: 25%; float:left; margin: 0 3% 3px 0;}


.tsrs_button {display:block; float:left; clear:both; font-weight:bold; /*border: 2px solid #aaa;*/ margin:5px auto 0 0px; padding:4px 12px 4px 30px; border-radius:20px; /*background: rgba(0,0,0,0.1) url(img/go.png) no-repeat 10px center;*/ overflow-wrap: none; word-wrap: none; word-break: none; }
.tsrs_button.upl_file {}
.tsrs_button.extern {}
.tsrs_button.internal {}
.tsrs_button.none {visibility: hidden;}

.tsrs_default-1 .tsrs_button.none {display:none;}

.t_center .tsrs_button {padding:4px 12px 4px 12px;}

.tsrs_block a.tsrs_button upl_file[href$=".pdf"] {  padding-left: 30px; }

/*font awesome */
.tsrs_pictype_fa .a_bgspan i {display: block; width: 100%; font-size: 4em;}
.tsrs_template3.tsrs_pictype_fa .a_bgspan i {font-size: 6em; transition: 1s font-size;}
.tsrs_template4.tsrs_pictype_fa .a_bgspan i {font-size: 10em; transition: 1s font-size;}

.tsrs_block .tsrs_pictype_fa .tsrs_picture_box2 a.tsrs_picture_link {width: auto; float:left;}

.circle .tsrs_pictype_fa .tsrs_picture_box a span.a_bgspan {
    margin: 0 0% 0 0%;
    height: auto;
	padding: 10px 0 10px 0;
    border-radius: 0;
	background: transparent url(img/circle.png) no-repeat center center; background-size: auto 100%, auto ! important;

}

.tsrs_block .tsrs_pictype_fa .a_bgspan .tsrs_picture  {display:none; }
.tsrs_block .tsrs_pictype_img .a_bgspan i  {display:none; }
.tsrs_block .tsrs_pictype_fa .gup_button_crop {display:none; }


.tsrs_block a[href$=".pdf"] {
    background-position: 5px center;
    padding-left: 0;
}


/*
.circle .tsrs_picture_box.tsrs_pictype_fa .a_bgspan i { background: transparent url(img/circle.png) no-repeat center center; background-size: auto 100%, auto;}
.circle .tsrs_template2.tsrs_pictype_fa .a_bgspan i {padding: 10px 0 10px 0; background: none;}
*/

/*
.tsrs_block .tsrs_picture_box2.tsrs_pictype_fa a.a_bgspan  { width: auto;}
.tsrs_template2 .tsrs_pictype_fa a_bgspan i {width: auto;}
.tsrs_template2 .tsrs_faicon {float:left;}



.t_center .tsrs_template2 .tsrs_pictype_fa {width: 100%;}
.t_center .tsrs_template2 .tsrs_faicon {float:none;}

.tsrs_faicon {display:block; font-size: 5em; text-align:center;}
.tsrs_template3 .tsrs_faicon {font-size: 6em; transition: 1s font-size;}
.tsrs_template4 .tsrs_faicon {font-size: 10em; transition: 1s font-size;}
.tsrs_block:hover .tsrs_template3 .tsrs_faicon {}
.tsrs_block:hover .tsrs_template4 .tsrs_faicon {}


*/

/*Teasers Effects */

.border .tsrs_block .tsrs_block_inner { border: 1px solid #aaa; }

.t_center .tsrs_block .tsrs_block_inner {text-align:center;}
.t_center .tsrs_block .tsrs_picture_box2 a.tsrs_picture_link {float:none; margin: 0 auto;}
.t_center .tsrs_block .tsrs_button {float:none; width:40%; margin:5px auto;}

.nobuttons .tsrs_button {display:none;}
.linkmarker .tsrs_block .linkmarker {display:block; }
.smalltext .tsrs_block  {font-size: 0.86em; line-height:140%;}


.opaque .tsrs_block  { opacity:0.6; transition: 1s opacity; }
.opaque .tsrs_block:hover { opacity:1; }

.grayscale .tsrs_block .tsrs_block_inner {-webkit-filter: grayscale(100%);  filter: grayscale(100%);}
.grayscale .tsrs_block:hover .tsrs_block_inner {-webkit-filter: grayscale(20%);  filter: grayscale(20%);}

.saturate .tsrs_block .tsrs_block_inner {-webkit-filter: saturate(30%);  filter: saturate(30%);}
.saturate .tsrs_block:hover .tsrs_block_inner {-webkit-filter: saturate(70%);   filter: saturate(70%);}

.sepia .tsrs_block .tsrs_block_inner {-webkit-filter: sepia(60%);  filter: sepia(60%);}
.sepia .tsrs_block:hover .tsrs_block_inner {-webkit-filter: sepia(0);   filter: sepia(0);}

.blur .tsrs_block .tsrs_block_inner {-webkit-filter: blur(3px);  filter: blur(3px);}
.blur .tsrs_block:hover .tsrs_block_inner {-webkit-filter: blur(0);   filter: blur(0);}


.blur-rev .tsrs_block .tsrs_block_inner img.tsrs_picture {-webkit-filter: blur(0);   filter: blur(0);}
.blur-rev .tsrs_block:hover .tsrs_block_inner img.tsrs_picture {-webkit-filter: blur(3px);  filter: blur(3px); opacity: 1;}


.rounded .tsrs_block .tsrs_block_inner img.tsrs_picture {border-radius:20px;}
.rounded .tsrs_block_inner .tsrs_picture_box a {border-radius:20px;}
.rounded .tsrs_block:hover .tsrs_block_inner img.tsrs_picture {border-radius:30px;}
.rounded .tsrs_block_inner .tsrs_picture_box a:hover {border-radius:30px;}

.circle .tsrs_block .tsrs_block_inner img.tsrs_picture {display:none;}
.circle .tsrs_block .tsrs_picture_box2 a.tsrs_picture_link {float:none; margin: 0 auto;}
.circle .tsrs_picture_box3 a.tsrs_picture_link   {width:60%; margin: 0 20% 0 20%; }
.circle .tsrs_picture_box4 a.tsrs_picture_link   {width:80%; margin: 0 10% 0 10%; }

.circle .tsrs_picture_box a span.a_bgspan {margin: 0 0% 0 0%; width:100%; height:0; padding-top:100%; border-radius:50%;  background-size:cover ! important;}

.circle .tsrs_block .tsrs_block_inner {border:none; text-align:center; }
.circle .tsrs_block .tsrs_button {float:none; width:40%; padding: 5px; margin:5px auto;}
.circle .tsrs_block h3.tsrs_text { margin-top:10px;}


/*hover*/
.piczoom .tsrs_block a.tsrs_picture_link:hover .a_bgspan { background-size: 120% auto, auto; transition: 0.8s all; }
.piczoom .tsrs_block:hover .tsrs_picture {opacity: 0}

.hover-out .tsrs_block  {transform:scale(1.0,1.0); transition: 0.8s transform; }
.hover-out .tsrs_block:hover {transform: scale(1.05,1.05);   }

.hover-light .tsrs_block .tsrs_block_inner { transition: 0.8s all; }
.hover-light .tsrs_block .tsrs_block_inner:hover {background-color: rgba(240,240,240,0.4); }

.shadow .tsrs_block .tsrs_block_inner { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0);  transition: 0.8s all;}
.shadow .tsrs_block .tsrs_block_inner:hover { box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);}

/*on Screen*/
.fade-in .tsrs_wrapper.checkscroll .tsrs_block .tsrs_block_inner {opacity:0.1; transition: 2s opacity;}
.fade-in .tsrs_wrapper.checkscroll .tsrs_block.on_screen .tsrs_block_inner  {opacity:1;}

.turn-in .tsrs_wrapper.checkscroll .tsrs_block .tsrs_block_inner  {transform: rotate(-360deg) scale(0.2,0.2); transition: 0.5s all; }
.turn-in .tsrs_wrapper.checkscroll .tsrs_block.on_screen  .tsrs_block_inner  {transform: rotate(0deg) scale(1.0,1.0); }

.flip-in .tsrs_wrapper.checkscroll .tsrs_block .tsrs_block_inner  { transform: scale(0.2,0.2) rotateY(90deg) rotateX(90deg); transition: 1s all; }
.flip-in .tsrs_wrapper.checkscroll .tsrs_block.on_screen  .tsrs_block_inner  { transform: scale(1,1) rotateY(0deg) rotateX(0deg); }

.but_no_text .tsrs_button span {display:none; min-height:20px;}
.but_no_text .tsrs_button {width:40px; height:40px; padding:0 0 0 0; border-radius:50%; background-position-x:center;}

.but_center .tsrs_button {display:block; float:none; margin: 5px auto 0 auto;}
.but_right .tsrs_button {display:block; float:right; margin: 5px 0 0 auto;}
.but_big .tsrs_button {width:60px; height:60px; padding:0 0 0 0; border-radius:50%; background-position-x:center;}


/*Slider*/
.vegas-overlay { display:none;}
.overlay .vegas-overlay{ display:block;}

.vegas-timer  { display:none; opacity:0.5}
.timer .vegas-timer { display:block;}
#vegasbox {}
.vegasbox_inner {
	margin-top:3%;
	padding:10px;
	float:left;
	max-width:60%;
	opacity:0;
	background: rgba(0,0,0,0.5);
}
.vegasbox_inner.unsichtbar {
	display:none;
}

.vegasbox_inner a {text-decoration:none;}
.vegasbox_inner h3, .vegasbox_inner p {
	color: #fff ! important; 
	max-width:600px; 
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 40px rgba(0, 0, 0, 1); 
	font-weight:bold;
	margin:0;
}


/*Fade In*/
.fade-in .vegasbox_inner.voodoo { opacity:1; transition: 2s opacity;}

/*slide In*/
.slide-in .vegasbox_inner { opacity:0; margin-left:-60%; transform: scale(0.7);  }
.slide-in .vegasbox_inner.voodoo { opacity:1; margin-left:0;  transform: scale(1); transition: 2s opacity, 1s margin-left, 1s transform;}

/*Flip In*/
.flip-in .vegasbox_inner {
	margin:0;
	padding:3%;
	background: none;
	transition: 0s opacity;
	transform: rotate(0deg) scale(10) skew(0deg) translate(0);
}

.flip-in .vegasbox_inner.voodoo {
	opacity:1;	
	transform: rotate(0deg) scale(1) skew(2deg) translate(0);
	transition: 2s opacity, 1s transform;
}



 

/*Edit*/
.tsrs_block.tsrs_changed {background:rgba(255,221,0,0.2);}


.tsrs_editthis_button, .tsrs_editthis_file_button { position:absolute; cursor: pointer; width: 32px; height: 32px; top:5px; right:5px; z-index: 200; background: transparent url(img/edit32.png) no-repeat center center; opacity: 0.1; transition: 1s opacity;}
.tsrs_block:hover .tsrs_editthis_button {opacity: 1;}

.tsrs_editthis_file_button {bottom:5px; top: auto; left:5px; opacity: 1;}

.tsrs_active_buttons { position:absolute; width: 0; height: 100px; top:50px; right:5px; z-index: 300; opacity:0; transition:1s all; }
.tsrs_block:hover .tsrs_active_buttons { width: 32px; opacity:1; }
.tsrs_active_buttons a { display:block; cursor: pointer; width: 100%; height: 32px; float:left; border-radius:50%;  margin-bottom:5px; background: #444 url(img/active.png) no-repeat; opacity:0.5; transition:1s opacity;}
.tsrs_active_buttons a:hover { opacity:1 }
.tsrs_changed .tsrs_active_buttons {display:none ! important;}

.tsrs_template_buttons { position:absolute; width: 136px; height: 0; top:5px; right:40px; z-index: 300; opacity:0; transition:1s all;}
.tsrs_template_buttons.tsrs_up-down {left:0px; right:auto; width: 66px;}
.tsrs_block:hover .tsrs_template_buttons { height: 32px; opacity:1; }
.tsrs_template_buttons a { display:block; float:left; cursor: pointer; width: 32px; height: 100%; border-radius:50%; margin-right:1px; background: #444 url(img/templates.png) no-repeat; opacity:0.5; transition:1s opacity;  }
.tsrs_template_buttons a:hover { opacity:1 }
.tsrs_template_buttons a.is_chosen { opacity:1; background-color: #000}
.tsrs_changed .tsrs_template_buttons {display:none ! important;}



a.blocksavebutton {display:none; height:40px;width:40px; background: #ffb400 url(img/save.png) no-repeat center center; background-size: 70% 70%; z-index:400; position:absolute; right:0; bottom: 0px; border-radius:50%;}
.tsrs_block.tsrs_changed a.blocksavebutton {display:block;}
.tsrs_block.tsrs_error a.blocksavebutton { display:block; background-color: #cc0000;}

a.allsavebutton {display:none; height:50px;width:50px;  background: #ffb400 url(img/save.png) no-repeat center center; background-size: 70% 70%; text-align:center; z-index:2000; position:absolute; right:0; bottom: -25px; border-radius:50%;}
.tsrs_wrapper.tsrs_changed a.allsavebutton {display:block;}
.tsrs_wrapper.tsrs_error a.blocksavebutton {display:block; background-color: #cc0000;}



.tsrs_linkblock {position:relative; width:70%; height:0; display:none;}
.tsrs_linkblock_inner {width:100%; position:absolute; bottom:-15px; left:0; z-index:300;}
.tsrs_block.tsrs_linkblock_inner {display:block;}
.tsrs_linkblock .gup_img_toolbox { top:-30px;}

.tsrs_block:hover .gup_img_toolbox {opacity:1;}
.tsrs_block:hover .tsrs_linkblock {}


.tsrs_area_settings, .tsrs_area_h3 {display:none; position:relative; z-index:2000;}

.tsrs_set_wrap {height:0px; width:100%; margin-top:-2px; position:relative; clear:both; opacity: 0; transition: 1s opacity}
.tsrs_set_show {display:block; float:right; border-radius:3px; color:#000; text-decoration:none ! important; margin-top:-12px; margin-right:2%; font-size:12px; line-height:100%; padding: 1px 2px;  background: #ffde00; border:1px solid #999; cursor:pointer;}
.tsrs_content-slider .tsrs_set_show{margin-top:-16px; height: 14px;}
.is_narrow .tsrs_teaser_classes {max-width: 96%; clear:both;}

.tsrs_content-slider:hover .tsrs_set_wrap, .tsrs_content-teaser:hover .tsrs_set_wrap  {opacity: 1;}

/* ======================================================================
Smaller Screens */
@media screen and (max-width: 768px) {
	.griddivider {display:none; clear:none;}
	.tsrs_default .tsrs_block5  {width:50%; }
	.tsrs_default .tsrs_block4  {width:50%; }
	.tsrs_default .tsrs_block3  {width:50%; }
	.tsrs_default .tsrs_block2  {width:100%; }
	.tsrs_default .tsrs_block_narrow1 {clear:left;}
	
	/*Hover entfernen*/
	.tsrs_editthis_button {opacity: 1;}
	.tsrs_block .tsrs_active_buttons { width: 32px; opacity:0.9; }
	.tsrs_active_buttons a { opacity: 0.9 }
	.tsrs_block .tsrs_template_buttons { height: 32px; opacity:0.9; }
	.tsrs_template_buttons a { opacity:0.9;}
	
	.tsrs_block .gup_img_toolbox {opacity:1;}
	.XXtsrs_block .tsrs_linkblock {display:block;}
	

}

@media screen and (max-width: 440px) {
	.tsrs_default .tsrs_block5  {width:50%; }
	.tsrs_default .tsrs_block4  {width:50%; }
	.tsrs_default .tsrs_block3  {width:100%; }
	.tsrs_default .tsrs_block2  {width:100%; }
	
	.tsrs_block.is_single_row  {width:100% ! important; clear:both; }
	.tsrs_block.is_single_row .tsrs_button.none {display: none;}
	.tsrs_block.tsrs_edit .tsrs_button.none {display: block ! important;}

}